@charset "utf-8";
/* CSS Document */



@import "reset.css";

@import "nav.css";





/* HTML Elements

------------------------------------------------------------------*/

body {
	/* text-align: center; */ 
	background: #fff url('header.jpg') top center no-repeat;
	padding: 0 0 0px 0;
	margin-bottom: 0px; 
	}












	



  

p {
	line-height: 22px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;

}









ol { list-style-type: decimal; }



#content ul, #content ol { 

	line-height: 1.3em;

}







input, select {

	font-family: Arial;

	font-size: 1em;

}



input:focus, select:focus,

embed:focus, #pageInfo h2 object:focus { outline: 0; }



em { font-style: italic; }



sup { 

	position: relative;

	top: -3px;

	vertical-align: top;

	font-size: 0.8em;

}

sup a { color: #319a9a; border: 0 !important; text-decoration: underline; font-weight: bold; }





/* Layout 

------------------------------------------------------------------*/



#container {
	width: 950px;
	margin: 0 auto;
}




#header {
	position: relative;
	height: 148px;
	z-index: 200;
	padding: 0 20px 0 0px;
}




#topnav {
	width: 950px;
	position: relative;
padding: 8px 0 0 0;
	height: 30px; /* 38px, minus the top padding. */
	overflow: hidden;
	margin: 0 auto;

}



#homeBanner {
	width: 950px;
	height: 260px;
	background: #ccc url("homeimage01.jpg");
	margin: 15px 0 30px 0;
}
#homeBanner h3{
	margin: 0 0 0 286px;
	color: #003C70;
}
#homeBannerleft {
	width: 950px;
	height: 260px;
	background: #ccc url("homeimage01.jpg");
	margin: 15px 0 30px 0;
}
#homeBannerleft h3{
	margin: 0 0 0 2px;
	color: #003C70;
}

#sectionBanner {

	width: 910px;

	height: 215px;

	background: #ccc;

	margin: 15px 0 30px 0;

}



#contentBanner {

	/*width: 675px;*/

	width: 100%;

	height: 160px;

	background-color: #fff !important;

	background-repeat: no-repeat !important;

	margin-top: -15px;

	margin-bottom: 30px;

}



#sidebar {

	width: 210px;

	float: left;

}



#main { 

	background: url("bg_split.gif") repeat-y;

	padding-bottom: 10px;

	overflow: hidden;

	height: 1%;

}



#content { 	

	height: 1%;

	overflow: hidden;

	margin: 0 0 35px 0;

	position: relative;

}



.s-content #content { 

	margin: 0 0 0 232px;

	overflow: visible;

	background: url("bg_content.gif") repeat-x;

	padding: 15px 0 0 0;

}



.s-search #content {

	background: #f4f4f4;

	padding: 20px 15px;

}



.s-results #content {

	background: url("bg_content.gif") repeat-x;

	padding-top: 30px;

}

.s-results .split-main { padding-top: 0; }







.split-main { 

	width: 585px;

	padding: 8px 20px 0 20px;

	border-right: 1px solid #c9c9c9;

	float: left;

	min-height:500px;

	height:auto !important;

	height:500px;

}



.s-home .split-main {

	min-height: 0;

}



.s-section .split-main {

	width: 565px; 

	padding-left: 0;

}



.s-search .split-main {

	width: 550px;

	padding: 0 20px 0 0;

}





.split-side { 

	width: 280px;

	float: right;

	margin-right: 20px;

	display: inline;

}



.s-search .split-side {

	margin-right: 0;

}



#pageInfo { 

	position: relative;

	clear: both;

	margin: 30px 0 0 15px;

	overflow: hidden;

	height: 1%;

}


#footercontainer {
	clear: both;

		height: 100%;
	background: #fff url('footerbg2.jpg') top center no-repeat;


} 
#footer {



	width: 950px;

	margin: 0 auto;



	position: relative;

	padding: 18px 0 0 30px;

}



#footerSupport {

	position: absolute;

	top: -28px; right: 0px;

	background: url("bg_footer.gif");

	width: 258px;

	height: 92px;

}










/* Content Sections

------------------------------------------------------------------*/







/* Logos */



#content .logos a {

	margin-right: 10px;

	border: 0;

}



#content .logos a:hover { border: 0; }









/* Submit button in utility nav */

#topnav li a.btn.submit { width: 33px; }
#topnav li a.btn.submit span {
	background: url("btn_utilitysearch.gif") no-repeat;
	width: 35px;
	display: block;
	height: 27px;	
	line-height: 22px; 
	padding-left: 14px;
	text-decoration: none;
	border:0;
}
#topnav li a.btn.submit:hover span { background-position: 0 0; }





/* Submit button in formdiv */

#formdiv li a.btn.submit { width: 33px; }
#formdiv li a.btn.submit span {
	background: url("formdivsearch.gif") no-repeat;
	width: 35px;
	display: block;
	height: 27px;	
	line-height: 22px; 
	padding-left: 14px;	margin-left: 4px;
	text-decoration: none;

}
#formdiv li.search { width: 240px; border: 0; }
#formdiv li.search input {
	float: left; 
	width: 120px;
	line-height: 18px;
	height: 18px;
}
#formdiv li.search a.btn { 
	float: left;
	position: relative; 
	top: -2px; height: 27px;

}











/* Titles & Headings

------------------------------------------------------------------*/



h1 { float: left; margin-top: 34px; }

h1 a {

	display: block;

	width: 248px;

	height: 111px;

	overflow: hidden;

	border: 0;

	position: relative;

}

h1 a strong { 

	position: absolute; 

	bottom: 0px; left:0px;

	font-size: 1.6em;

}

h1 a span {
	display: block;

	width: 243px;
	height: 121px;
	position: absolute;
	top:0px;
	left:0px;
	background-image: url(chiropraxis-koeln.jpg);

}





h2 span {

	display: block;

	height: 41px;

	width: 100%;

	position: absolute;

	top:0px; left:0px;

}

h2 strong {

	position: absolute; 

	top: 0px; left:0px;

}





#pageInfo h2 { 

	position: relative; 

	text-transform: lowercase;

	height: 50px;

	width: 620px;

}



h3 a, h3 a:hover {

	font-weight: bold;

	color: #319a9a !important;

	border: 0 !important;

}







h4 a, h4 a:hover {

	font-weight: bold;

	color: #319a9a !important;

	border: 0 !important;

}



h5 {

	color: #319a9a !important;

	font-weight: bold !important;

	font-size: 1.1em;

	border: 0 !important;

	cursor: default;

	line-height: 1em;

	margin: 5px 0;

}

h5 a, h5 a:hover {

	font-weight: bold;

	color: #319a9a !important;

	border: 0 !important;

}



h6, h6 a, h6 a:hover {

	color: #319a9a !important;

	font-weight: bold;

	font-size: 1em;

	border: 0 !important;

	cursor: default;

	line-height: 1em;

}







/* Forms

------------------------------------------------------------------*/



.formholder {
	background: #F1F9FE;
	padding: 20px 15px 0px 15px;

}



/* Search for an expert */

.form {

	position: relative;

	margin-bottom: 20px;

	overflow: hidden;

}

.formholder .form { margin-bottom: 0; }



.form ul {

	margin: 0;

	list-style-type: none;

}



.form ul li {

	line-height: 2em;

	margin-bottom: 10px;

	clear: both;

	overflow: hidden;



}

.form ul li.last { margin-bottom: 0; }



.form label { 

	display: block;

	float: left;

	background: #e6e6e6;

	width: 160px;

	color: #319a9a;

	font-weight: bold;

	padding: 0 0 0 10px;

	margin-right: 10px;

}



.form input { width: 190px; float: left; }

.form select { width: 194px; float: left; }



.form input.chk { width: auto; }



.form .inputs { width: 300px; float: left; }

.form .inputs input { width: auto; float: none;  }

.form .inputs.full { width: 350px; }





.form li em { 

	line-height: 1.3em;

	display: block;

	float: left;

	width: 130px;

	margin-left: 20px;

	font-style: italic;

}



.form li.info span { 

	display: block;

	margin-left: 150px;

}



.form p.btn {

}

.form p.btn a { float: right; }






/* Footer

------------------------------------------------------------------*/



#footer p {
	color: #ccc;
	font-size: 10px;
	font-family: Arial;
	line-height: 10px;
}



#footer ul {

	list-style-type: none;

	margin: 0;

}



#footer ul li {

	display: inline;

	border-right: 1px solid #A0A8B1;

	padding: 0 15px 0 0;

	margin: 0 15px 0 0;

}



#footer ul li.last { border-right: 0; }



#footer ul li a {
	font-size: 14px;

	color: #A0A8B1;

	border: 0;
}



#footer ul li a:hover { color: #ccc; }



ul#footerNav {

	margin: 0 0 20px 0;

}



ul#legalsNav li a {
	color: #a2a2a2;
	font-size: 12px;
}
ul#legalsNav li  {
 border-right: 0;
 	padding: 0 7px 0 0;

	margin: 0 7px 0 0;
}


ul#legalsNav li.language a { color: #585858; }









/* Miscellaneous

------------------------------------------------------------------*/


.smaller {font-size: 12px;}

.hr { 

	border-bottom: 1px solid #c0c0c0;

	height: 1px; 

	overflow: hidden;

	margin: 5px 0 15px 0;

}

.hr hr { display: none; }

.hr.thick { border-bottom: 3px solid #585858; margin-bottom: 20px; }



/*	Very top of the page, used for 'return to top' links.

	Also contains a 'skip to content' link for accessibility. */

#top { 

	text-indent: -12345px;

	position: absolute; top:0px; left:0px;

}



p.headerblock {

	background: #f4f4f4;

	text-align: center;

	padding: 6px 0;

}



div.img {

	float: right;

	background: #f4f4f4;

	margin: 5px 0 20px 20px;

}



div.img.photo { width: 146px; }



div.img img { display: block; margin: 0; }

div.img em { display: block; margin-bottom: 5px; }

div.img p {	

	margin: 0;

	padding: 10px 9px;

	font-size: 0.95em;

}

div.img p.btn { width: auto; height: 1%; margin: 0; padding: 0 5px 5px 0; }

div.img p.btn a { float: right; }

div.img p img { display: inline; }





blockquote  { padding: 0 30px; }

p.quote { font-style: italic; }



.clear { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }



.rightPhoto { float: right; margin: 10px 0 15px 50px; }


.caption { color: #848484; }



.alist {list-style-type: disc;margin-left: 11px;padding-left: 11px;}
.blist {list-style-type: circle;margin-left: 15px;padding-left: 1px;}