@charset "UTF-8";
/*  
Theme Name: Gemeinschaftspraxis Schleicher und Brückl v0.2
Theme URI: http://www.praxis-schleicher.de
Description: Theme für die Inernetseiten der Gemeinschaftspraxis Schleicher und Brückl. Bearbeitung: <a href="http://www.adamlorek.de">Adam Lorek</a>
Version: 1.0
Author: Adam Lorek
Author URI: http://adamlorek.com/

	This theme was designed and built by Adam Lorek,
	whose website you will find at http://www.adamlorek.de/

*/


body{
	text-align:center;
	background:#e4e6e0 url(images/bg.gif) repeat-x 0 bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
	color:#555;
	padding:30px 0 140px 0;
	line-height:150%;
}
#blatt{
	text-align:left;
	background-color:#fff;
	border:1px solid #d5d7d0;
	width:742px;
	position:relative;
	margin:0 auto;
	padding:18px 19px 18px 19px;
}
/*++++++++++++ Head ++++++++++++*/
	#logo h1{ padding:200px 0 0 0; }
	#logo{ height:105px; overflow:hidden; position:relative;}
	.logo{
		position:absolute;
		top:0; left:0;
		border:none;
		border-bottom:1px solid #fff;
		display:block;
	}
	
	#titelbild{
		position:relative;
		width:742px;
		font-size:12px;
	}
		#titelbild a{
			position:absolute;
			right:0;
			top:0;
			background:#fff url(images/pfeil_bl.gif) no-repeat 8px 8px;
			height:22px;
			line-height:22px;
			padding:0 15px 0 20px;
			text-decoration:none;
			color:#000;		
		}
	.tool-tip{
		font-size:12px;
		color:#333;
		background-color:#000;
		padding:5px 15px;
		color:#fff;
	}
		.tip-title{ color:#c9e2ff; font-weight:bold; }
		.tip-text{ color:#fff; }
	
/*++++++++++++ Hauptnavigation ++++++++++++*/

	h3.navhead{ display:none }

	#hauptnavigation{
		font-size:12px;
		height:2em;
		background-color:#366ead;
		width:742px;
		border-top:1px solid #fff;
	}
		#hauptnavigation ul{
			display:block;
			margin:0; padding:0 0 0 9px;
			height:2em;
		}
			#hauptnavigation ul *{
				float:left;
				display:block;
			}
				#hauptnavigation ul li{
					list-style-type:none;
					margin:0; padding:0;
					height:2em;
				}
				#hauptnavigation ul li a{
					background-color:#366ead;
					padding:0 15px 0 15px;
					text-decoration:none;
					font-weight:bold;
					line-height:2em;
					color:#fff;
					height:2em;
					
				}
				#hauptnavigation ul li a:hover {
					background-color:#bbd1e9;
					color:#003672;
				}
				#hauptnavigation ul li.imD_path a,#hauptnavigation ul li.imD_cat a, #hauptnavigation ul li.current_page_item a {
					background-color:#fff;
					color:#00499b;
				}



/*++++++++++++ Subnavigation ++++++++++++*/
	#subnavigation{
		padding-top:3em; font-size:12px;
	}
	#subnavigation ul{
		display:block;
		margin:0; padding:0;
		width:170px;
	}
		#subnavigation ul li{
			display:block;
			width:170px;
			list-style-type:none;
			margin:0; padding:0;
		}
			#subnavigation ul li a{
				display:block;
				border-bottom:1px dotted #366ead;
				background:url(images/sub_bg.gif) no-repeat;
				text-decoration:none;
				height:22px;
				padding:0 0 0 22px;
				line-height:22px;
				color:#555;
			}
			#subnavigation ul li a:hover{
				background:url(images/sub_bg_hi.gif) no-repeat;
				color:#00499b;
			}

			#subnavigation ul li.current_page_item a, #subnavigation ul li.imD_cat a {
				background:url(images/sub_bg_hi.gif) no-repeat;
				color:#00499b;
			}

			
		
/*++++++++++++ Content ++++++++++++*/		
#flyerdownload{
    background: url(images/startpage_flyer.jpg) repeat-x;
    border-top:1px solid #fff;
    height:190px;
}
#flyerdownload ul{
    list-style-type:none;
    margin:0; padding:34px 0 4em 100px;
    float:left;
}
    #flyerdownload ul.kinderwunschflyer{
        padding-left:145px;
    }
    #flyerdownload ul li{
        margin-top:1em;
    }
        #flyerdownload ul li a{
            color:#00499b; text-decoration:none;
        }
        #flyerdownload ul li a:hover{
            text-decoration:underline;
        }
#startcontent, #content{
	 position:relative; width:100%; font-size:12px;
}
#content{
    padding:3em 0 0 0;
}

	div.contentright h4 {
		font-size:12px; color:#00499b;
	}
	
	#startcontent img, #content img{ border:none; margin:10px 0;}
	#startcontent img.schatten, #content img.schatten {
		margin:0; 
	}
	
	#startcontent h1, #content h1{ font-size:14px; color:#00499b }
	#startcontent h2, #content h2{ font-size:12px; color:#00499b }
	
	a.download_link{
		display:block;
		background:url('images/icon_download.gif') no-repeat;
		padding:0 0 0 20px;
		font-weight: bold;
	}


/* Startseitendefinitionen */
	#startcontent .contentleft{ width:390px; position:relative; left: 22px; float:left;}
		#startcontent .contentleft p{  }
		
	#startcontent .contentright{ width:284px; position:relative; float:right;}
		#startcontent .contentright h2{ border-bottom:1px dotted #777;}
		
		#startcontent .contentright ul{
			display:block;
			margin:0; padding:0 0 2em 0;
			width:284px
		}
		#startcontent .contentright ul li{
			margin:0; padding:0 0 0.5em 0;
			list-style-type:none;		
			width:100%;
		}
			#startcontent .contentright ul li a{
				display:block;				
				color:#555;
				text-decoration:none;
				padding:0 0 0 18px;
				background:url(images/pfeil_gr.gif) no-repeat 0 0.4em;	
			}
			#startcontent .contentright ul li a:hover{
				color:#005cc4;
				background:url(images/pfeil_bl.gif) no-repeat 0 0.4em;	
			}
			
			

	#schnelleinstieg{
		display:block; position:relative;
		margin:0; padding:0;
		height:120px;
	}
		#schnelleinstieg a{
			border:1px solid #e4e6e0; padding:0;
			display:block; float:left;
		}
			#schnelleinstieg a img{ margin:0; padding:0; }
		#schnelleinstieg a:hover{ border:1px solid #366ead; }
		
		.quickstart-tip{
			font-size:12px;
			color:#333;
			background-color:#000;
			padding:5px 15px;
			color:#fff;
			width: 200px;
		}


/* Praxis -> Team & Sonstiges -> Links */
	#teamright ul, #linksright ul{
		width:100%;
		display:block;
		margin:0; padding:0;
	}
		#teamright ul li{
			clear:left;
			position:relative;
			list-style-type:none;
			display:block;
			width:100%;
			margin:0; padding:0 0 2em 0;
			border-top:1px dotted #d3d5cc;
		}
			#teamright ul li img, #teamright ul li span.js_shadow{
				float:left;
				margin:1em 20px 1em 0;
			}
				#teamright ul li img.schatten{
					float:none;
					margin:0; 
				}
	
		#teamright ul li strong{
			color:#00499b;
		}
	#teamright h3{
		clear:both;
		display:block;
		font-size:12px;
		color:#00499b;
		padding:2em 0 0 0; margin:0;
	}
	
		#linksright ul li{
			list-style-type:none;
			display:block; clear:both;
			width:100%;
			margin:0; padding:4px 0 4px 0;
			border-bottom:1px dotted #d3d5cc;
		}
			#linksright ul li a{
				display:block;
				background:url(images/pfeil_gr.gif) no-repeat 0 5px;
				color:#00499b;
				margin:0; padding:0 10px 0 15px;
				text-decoration:none;
			}
			#linksright ul li a:hover{
				background:url(images/pfeil_bl.gif) no-repeat 0 5px;
				color:#00499b; text-decoration:underline;
			}
/* Praxisschwerpunkte */
#praxisright ul{
	display:block;
	padding:0; margin:0;
}
	#praxisright ul li, #praxisright h4{
		width:100%;
		text-indent:18px;
		display:block;
		padding:0; margin:0;
		line-height:200%;
		border-bottom:1px dotted #ccc;
	}

#praxisright h4{	
	font-weight:normal;
	font-size:12px;
}

.blockopener{ cursor: pointer; background: url(images/pfeil_gr.gif) no-repeat 0 50%; }
.blockopener_hi{ background: url(images/pfeil_bl_u.gif) no-repeat 0 50%; color:#00499b }
.blockopener_klick{ font-weight:bold !important; background: url(images/pfeil_bl_u.gif) no-repeat 0 50%; color:#00499b }

#praxisright blockquote{
	width:498px;
	display:block; overflow:hidden;
	padding:0; margin:0;
	line-height:150%;
}

.langform{
	display:block; overflow:hidden;
	padding:0 0 0 20px; margin:0; line-height:150%;	width:498px; text-indent:0;
}


		
/* Kontaktformular */
			dl{ margin:0; padding:0; font-size:12px; }
			dt{	margin:0; padding:0; }
			dd{ margin:0; padding:0 0 0.5em 0; list-style-type:none; }
			
			.contentright form{ padding:0; margin:0; }
				.contentright input.y_name, .contentright input.y_email{ width:360px; }
				.contentright textarea{ width:360px; }
				.kontakterror_msg{
					width:354px;
					font-size:12px;
					color:#900000;
					background-color:#bbd1e9; 
					margin:1em 0;
					padding:5px 5px;
				}
/* Anfahrt / Lage - GoogleMaps API */
	#startposition{
		position:relative;
		background-color:#d4d8dc;
		padding:5px 0 10px 10px;
		position:relative;
		color:#366ead;
		font-size:12px;
	}
		#startposition form{ margin:0; padding:0;}
			
			#suche2{ width:310px;}
			#karte{ border:1px dotted #366ead; }
			a#rechne{
			position:absolute; right:15px; top:20px; height:20px;
			padding:0 20px; line-height:18px;
			background-color:#366ead;
			font-weight:bold; color:#fff !important; text-decoration:none;
			cursor:pointer;
			}
			a#rechne:hover{
				background-color:#063f80;
			}


/* Rundgang */
#flashRundgang{ clear:both; margin:40px 0 0 0; font-size:12px;}

		
/* content Standardlayout definitionen */
	#content .contentleft{ width:170px; position:relative; float:left; }
		
		
	#content .contentright, #content #teamright, #linksright, #praxisright{ width:534px; position:relative; float:right;}	
		
		#content .contentright ul, #startcontent .contentleft ul { display:block; margin:0; padding:0 0 1em 0; width:100%; }
		#content .contentright ul li, #startcontent .contentleft ul li{
			list-style-type:none;
			display:block;
			padding:0 0 0 18px;
			background:url(images/bullet.gif) no-repeat 0 0.3em;
			width:100%;
		}
		
		#content .contentright h2{
			font-size:14px;
		}
		
		#content .contentright h3{
			clear:both;
			font-size:12px;
			color:#00499b;
			border-bottom:1px dotted #d3d5cc;
			margin:2em 0 1em 0;
		}
		
		#content .contentright a{
			color:#555;
		}	#content .contentright a:hover{
				text-decoration: none;
				color:#00499b;
			}
		
		#content hr{			
			margin:1em 0 1em 0;
			border:1px solid #fff;;
			border-bottom:1px dotted #ccc;
		}

/* Heilpflanzen und Aktuelles */
	
		#single_column{
			padding:0 94px;
			position:relative;
		}
			#single_column h1{
				margin-bottom:2em;
			}
			#single_column h2.titlenow{
				border-bottom:1px dotted #366ead;
				text-indent:15px;
				background:url(images/pfeil_bl_u.gif) no-repeat 0 0.3em;
			}

			ul.postlist{
				display:block;
				margin:0 0 2em 0; padding:0;
				width:100%;
			}
				ul.postlist li{
					list-style-type:none;
					background:none !important;
					padding:0 !important;
					display:block;
					width:100%;
				}
					ul.postlist li a{
						width:100%;
						text-decoration:none;
						color:#00499b;
						font-weight:bold;
						font-size:12px;
						display:block;
						text-indent:15px;
						background:url(images/pfeil_bl.gif) no-repeat 0 0.4em;
						line-height:150%;
						border-bottom:1px dotted #ccc;
					}

		#startPost{ overflow:hidden;}
		
/*++++++++++++ Fuss ++++++++++++*/
	#fuss{
		clear:both;
		text-align:center;
		border-top:1px dotted #366ead;
		border-bottom:8px solid #366ead;
		padding:1em 0;
		font-size:12px;
	}
		#fuss p{
			
			margin:0; padding:0;
		}
			#fuss a{
				color:#555;
				text-decoration:underline;
			}
			#fuss a:hover{
				text-decoration:none;
			}

/*++++++++++++ Shadows for images - dropshadow js ++++++++++++*/
img.js_shadow{
	background:transparent url(images/shadow_r.gif) no-repeat right top;
	padding:0 6px 0 0; display:block; border:none; display:block;
}
span.js_shadow{
	background:transparent url(images/shadow_u.gif) no-repeat left bottom;
	padding:0 0 6px 0; position:relative; display:block;
}
span.js_shadow_ur{
	background:transparent url(images/shadow_ur.gif) no-repeat;
	width:12px; height:12px; position:absolute; display:block;
	font-size:1px;
}

/*++++++++++++ topknopf / Ankerknöpfe ++++++++++++*/
a.topknopf{
	font-size:10px;
	clear:both;
	position:relative;
	display:block;
	text-decoration:none;
	padding:20px 0 10px 0;
	width:96px;
	text-align:center;
	background:url(images/top.gif) no-repeat 0 24px;
	color:#999;
}
a.topknopf:hover{ color:#366ead; }

a.mehrknopf{
	font-size:10px;
	position:absolute;
	left:0; top:0;
	display:block;
	text-decoration:none;
	width:90px;
	padding-left:23px;
	color:#999;
	background:url(images/pfeil_gr.gif) no-repeat 9px 0.5em;
	z-index:300;
}
a.mehrknopf:hover{
	color:#366ead;
	background:url(images/pfeil_bl_u.gif) no-repeat 9px 0.4em;
}