/*  

Theme Name: Zahnarztpraxis E. Haakh
Theme URI: http://www.get-up-works.de/
Description: basiert auf Smart Seo Wordpress CMS Theme von Santosh Setty
Version: 1.0
Author: Nico Jantz
Author URI: http://www.get-up-works.de/ 

*/

*{
	margin:0;
	padding:0;
}
body{
	background:#fbfbfb url("images/bg.gif") repeat-x top;
	font:13px/20px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color:#222;
	margin-bottom: 150px;
}

/* Layout Styles Starts */

#wrapper{
	width:960px;
	margin:0 auto;
}
	#header{
		height:138px;
		background:url("images/hg-header.png") no-repeat 0 20px;
		overflow:hidden;
	}
		#logo{
			width:388px;
			padding:23px 0 0 5px;
			float:left;
		}
			#logo h1{
				background:url("images/logo.png") no-repeat 110px 34px;			
			}
				#logo h1 a{
					height:98px;
					display:block;
				}
					#logo h1 a span{
						display:none;
					}
			#header .topnav-links {
				padding:10px 2px 0 0;
				font-size: 11px; 
				font-weight: normal;
				color:#B2BCA4;
				float:right;
				letter-spacing:1px;
			}		
			
			.topnav-links a { font-weight: normal; color: #B2BCA4; text-decoration: none; }
			.topnav-links a:hover { font-weight: normal; color: #B2BCA4; text-decoration: underline; }


	#main-banner{
		height:258px;
		overflow:hidden;
		background:url("images/banner-bg.png") no-repeat;
		padding:30px 30px 30px 10px !important;
		padding:20px 30px 30px 30px;
		margin:7px 0 15px 0;
	}
		#main-banner .floatleft{
			float:left;
			background:url("images/teaser-schatten.png") no-repeat 0px 210px;		
			width:470px;
			height:274px;
			padding:3px 0 0 32px;
		}
		#main-banner img{
		}
		#main-banner .floatright{
			width:410px;
			float:right;
			padding:5px 0 0 0;
		}
			#main-banner .floatright h2{
				color:#231f20;
				font-size:36px;
				margin:-12px 0 0 0;
				line-height:42px;
			}
			#main-banner .floatright h3{
				color:#00b4f0;
				font-size:32px;
				margin:0 0 15px 0;
			}
				#main-banner .floatright h2 span, #main-banner .floatright h3 span{
					display:none;
				}
			#main-banner .floatright p{
				margin:0 0 15px 0;
			}
			#main-banner .floatright a {color: #4E4E4E; }
	#container-home{
		padding:22px 0;
	}
		.sblock1-wrap{
			width:310px;
			float:left;
			margin:0 15px 0 0 !important;
			margin:0 13px 0 0;
			background:url("images/sblock1-bg.jpg") repeat-y;
		}
			.sblock1-wrap.end{
				margin:0 !important;
				margin:0;
			}
			.sblock1{
				background:url("images/sblock1-top.jpg") no-repeat top;
			}
				.sblock1-bottom{
					background:url("images/sblock1-bottom.jpg") no-repeat bottom;
					padding:20px 25px;
					min-height:150px;
					height:auto !important;
					height:150px;
					color: #4E4E4E;
					font-size: 12px;
				}
					.sblock1-bottom h4{
						font-size:28px;
					}
					.sblock1-bottom p, .sblock1-bottom ul{
						margin:0 0 10px 0;
					}
					.sblock1-bottom ul{
						list-style:none;
					}
			
	#container{
		padding:0 0 18px 0;
	}
	#container1{
		padding:0;
	}
		#mainarea{
			width:635px;
			float:left;
			margin:7px 0 0 0;
		}
			.mblock1-wrap{
				background:url("images/mblock1-bg.jpg") repeat-y;
			}
				.mblock1{
					background:url("images/mblock1-top.jpg") no-repeat top;
				}
					.mblock1-bottom{
						background:url("images/mblock1-bottom.jpg") no-repeat bottom;
						padding:15px 25px 0 25px;
					}
			#works{
				margin:25px 0 0 0;
			}
				#works h3{
					font-size:20px;
				}
		#sidearea{
			width:310px;
			float:right;
		}
			.sblock2-wrap{
				padding:7px 0 0 0;
			}
				.sblock2-outer{
					background:url("images/sblock2-bg.jpg") repeat-y;
				}
					.sblock2{
						background:url("images/sblock2-top.jpg") no-repeat top;
					}
						.sblock2-bottom{
							background:url("images/sblock2-bottom.jpg") no-repeat bottom;
							padding:25px 25px 0 25px;
						}
							#sidearea .sblock2-bottom ul{
								list-style:none;
								margin:0 0 0px 0;
							}
								.sblock2-bottom li{
									padding:3px 0px;
								}
									.sblock2-bottom li a { font-weight: normal;color: #79816D; text-decoration: none; }
									
									.sblock2-bottom ul li.page_item a { font-weight: bold; }
									.sblock2-bottom ul li ul li.page_item a { font-weight: normal; }
									.sblock2-bottom ul li.page_item a:hover, ul li ul li.page_item a:hover, li.current_page_item a:hover { color: #222; text-decoration: underline; }
									
									.sblock2-bottom li.current_page_item a { color: #98d343; background:url("images/sidebar-active.png") no-repeat 0px 5px; padding: 0 0 0 10px; }
									.sblock2-bottom li.current_page_item ul li a { color: #79816D; background: transparent; padding: 0; }
									
					#sidearea .sblock2-bottom ul ul { list-style:none; margin:0 0 0px 20px; }
					#sidearea .sblock2-bottom ul ul li { margin: 0; }

	#termin-banner { padding-bottom: 8px; border-bottom: 1px solid #9CD150; margin-bottom: 15px; }
	.textwidget p { color: #79816D; padding-left: 15px; }
	.textwidget p a { font-weight: normal; color: #79816D; }
	.textwidget:hover p { color: #222; }
	.textwidget:hover p a { color: #98D343; }
	.textwidget:hover a:hover { color: #98D343; text-decoration: none; }
	.textwidget img { filter:Alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7; }
	.textwidget:hover img { filter:Alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0; }

	#footer{
		background:url("images/mf-bg-footer.png") no-repeat;
		height:41px;
		line-height:39px;
		padding:0 25px;
		margin:0 0 17px 0;
		color:#fff;
		overflow:hidden;
	}
		#footer a{
			color:#fff; font-weight: normal;
		}
		#footer .floatright a{
			font-weight: normal;
		}

/* Layout Styles Ends */



/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #000;
}

.submit-btn{
	background:url("images/submit-btn.jpg") no-repeat;
	width:67px;
	height:27px;
	border:none;
	outline:none;
	cursor:pointer;
	font-size:0;
}

a.weiterlesen { background:url("images/weiterlesen.gif") no-repeat top;
	width:113px;
	margin:20px 0 0 0;
	display:block;
	height:27px;
}

a.weiterlesen span { display: none; }

a.take-tour-btn, a.portfolio-btn, a.read-more-btn{
	background:url("images/buttons.gif") no-repeat top;
	width:131px;
	margin:0 19px 0 0;
	height:35px;
	display:block;
	float:left;	
}
a.portfolio-btn{
	background-position:0 -36px;
}
a.read-more-btn{
	background-position:0 -72px;
	width:91px;
}
	a.take-tour-btn span, a.portfolio-btn span, a.read-more-btn span, a.visit-site-btn span{
		display:none;
	}
a.visit-site-btn, .wp-visit-site{
	background:url("images/vist-site-btn.jpg") no-repeat;
	width:91px;
	height:27px;
	display:block;
	margin:0 0 5px 0;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p.hr{
	border:solid #d3d3d3;
	border-width:1px 0 0 0;
	margin:0;
	outline:none;
}

hr{
	border:solid #ddd;
	border-width:1px 0 0 0;
	margin:0 0 30px 0;
	outline:none;
}

hr.trenner-2 { margin-top: 30px;}

#container p, #container1 p{
	margin:0 0 20px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{ margin: 10px 0 20px 40px; }
#container ul li, #container ol li{ margin:0 0 10px 0px; }

#container ul.check { margin: 10px 0 20px 15px; list-style-type: none; }
.check li { background: url("images/ul-check.png") no-repeat 0 3px; padding-left: 25px; }

#container ol{
	margin:0 0 0 50px;	
}
ul#portfolio{margin:0;list-style:none;}
#container dt, #container1 dt{
	font-weight:bold;
	margin:20px 0 10px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#222;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {text-decoration:none;color:#98D343;}
h1{font-size:32px;}
h2{font-size:26px;}
h3{font-size:23px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#231f20; font-weight:normal;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color:#231f20;font-weight:normal;}	

#main-banner h1 { font-size: 25px; letter-spacing: -0.025px; color: #98D343; margin-bottom: -10px; }
#main-banner { color: #4E4E4E; font-size: 12px; }
a.teaser-termin { background:url("images/teaser-kontakt.png") no-repeat top;
	width:401px;
	margin:5px 0 0 0;
	display:block;
	height:53px;
}

a.teaser-termin span { display: none; }
#mainarea h1{ }
.mblock1-bottom h1.archive-header { font-size:20px; letter-spacing:-0.025em; color: #A1AE8F; margin-bottom: 10px; line-height: 22px; }
.archive-name { color: #87BD38;}

#container-home h2 { font-size:20px; letter-spacing:-0.05em; color: #A1AE8F; margin-bottom: 15px; line-height: 20px; }
#container-home .sblock1-wrap img { margin: -20px 0 10px 0; }

.post h2.article-head { font-size:24px; letter-spacing:-0.025em; color: #606C47; margin-bottom: 10px; line-height: 28px; }
.article-date { font-size:11px; color: #606C47; margin-bottom: 10px; padding-bottom: 5px; display: block; border-bottom: 1px solid #ddd; }
.article-date a { color: #606C47; font-weight: normal; text-decoration: underline; }
.article-date a:hover { text-decoration: none; }

.post .archive-date { font-size:12px; letter-spacing: 0.025em; color: #fff; font-weight: bold; margin-bottom: 20px; padding: 5px 7px; background: #C4CDB3;  }

.post h2.archive-head a { font-size:18px; letter-spacing:-0.025em; color: #606C47; margin: 10px 0px 0px 0px; line-height: 20px; }

.mblock1-bottom h2 { font-size:24px; letter-spacing:-0.025em; color: #606C47; margin-bottom: 20px; line-height: 28px; }
.mblock1-bottom h3 { font-weight:normal; font-size:18px; letter-spacing:-0.025em; color: #87BD38; margin: 30px 0 5px 0; line-height: 20px; }

.sblock2-bottom h3 { font-size:18px; letter-spacing:-0.025em; color: #A1AE8F; line-height: 20px; }
						
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}
img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright{
	padding: 4px;
	margin: 3px 0 2px 10px;
	display: inline;
}
img.alignleft{
	padding: 4px;
	margin: 3px 10px 2px 0;
	display: inline;
}
.alignleft{
	float: left;
}
.alignright{
	float: right;
}

/* Genric Styles Ends */

.navigation a{
	background:#C4CDB3;
	padding:8px 14px;
	color:#fff;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* Search Styles */

#searchform label{
	display:none;
}
	#searchform #s{	
		border:1px solid #ababab;
		padding:5px;	
	}
	#searchform #searchsubmit{
		background:#333;
		padding:4px 10px;
		color:#fff;
		text-decoration:none;
		border:1px solid #ababab;
		outline:none;
		cursor:pointer;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

/* Comments Styles  */

#container ol.commentlist{
	list-style:none;
	margin:0;
}
	ol.commentlist li {
		padding:5px 7px 5px 0px; 
		position:relative;
		margin-bottom:15px;border-bottom:1px #CCC solid;
	 }
	ol.commentlist li.comment-author-admin {
	}
	ol.commentlist li div.comment-author { 
		padding:0 170px 0 0; 
	}
	ol.commentlist li div.vcard cite.fn { 
		font-style:normal;
		margin-left:7px; 
	}
	ol.commentlist li div.vcard cite.fn a.url:hover { 
		color:#333; 
	}
	ol.commentlist li div.vcard img.avatar { 
		border:1px solid #ccc;
		background:#fff;
		padding:3px; 
		left:0; 
		top:7px; 
		margin-right:6px; 
		float:left;
	}
	ol.commentlist li div.comment-meta { 
		position:absolute; 
		left:52px; 
		top:24px;
	}
		ol.commentlist li div.comment-meta a{
			font-weight:normal;
			color:#666;
		}
	ol.commentlist li p { 
		padding:15px 0 0 0px; 
		clear:both;
	}
		
	ol.commentlist li.pingback div.vcard { 
		padding:0 170px 0 0; 
	}

blockquote { margin: 40px 0px 50px 0px; padding: 5px 150px 0px 45px; background: url("images/hg-cite.png") no-repeat; text-align: justify; }

.wp-caption { border: 1px solid #ddd; text-align: center; padding:10px 5px 0 5px; }
.alignright {margin-left: 10px }
.wp-caption-text { font-size: 11px; text-align: left; }

table.sprechzeiten { border-spacing: 5px; margin: -10px 0 20px 0; }
table.sprechzeiten td { padding: 3px 10px; }
tr.sprechzeiten-head { background: #BBC2AD; font-weight: bold; color: #505547; }

/* Kontaktformulare */
.pflicht { color: #87BD38; }
.wpcf7-form input[type="text"], .wpcf7-form textarea { border: 1px solid #BBC2AD; padding: 3px; margin-bottom: 7px; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 12px;}
.wpcf7-form input[type="text"]:hover, .wpcf7-form input[type="text"]:focus,
.wpcf7-form textarea:hover, .wpcf7-form textarea:focus { border: 1px solid #87BD38; }
.wpcf7-form input[type="submit"] { border: 1px solid #fff; margin: 10px 0 10px 0; padding: 5px; font-size: 14px; font-weight: bold; color: #fff; background: #87BD38; }
.wpcf7-form input[type="submit"]:hover { border: 1px solid #87BD38; background: #BBC2AD; color: #505547; }

#wpcf7-f2-p39-o1 { margin-top: 30px;}
#wpcf7-f2-p39-o1 input[type="text"] { width: 235px;}