* { outline: none; }

body, html {
	padding: 0px; margin: 0px;
	width: 100%; height: 100%;
	background-color: #FFFFFF;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 150%;
}

div#container { 
	position: relative;
	width: 100%;
	min-width: 980px; _width: auto !important;
	overflow-x: hidden;
}



/* ########## general format ########## */

a { color: #0048ff; text-decoration: none; }
a:hover { color: #d89300; }

div#content h3 {
	color: #6e4b00;
	font-weight: normal;
	font-size: 13px;
	background-color: #FFD57F;
	margin-top: 0px;
	float: left;
	width: 100%;
	text-indent: 5px;
	padding: 5px 0px;
}

div#content p { margin-top: 0px; margin-bottom: 10px; }

div#content ol, div#content ul { 	padding-left: 15px; }
div#content ol li, div#content ul li { margin-bottom: 5px; }

table {
	margin-bottom: 17px;
}
td { 
	background-color: #EEE; 
	padding: 5px; 
	text-align: right; 
}
tr {}
th { 
	background-color: #FFD57F; 
	color: #6e4b00; 
	font-weight: normal; font-size: 14px; 
	padding: 5px; 
	text-align: right; 
}

dl * { margin: 0px; padding: 0px; }
dl {
	float: left;
	margin: 0px; padding: 0px;
	width: 100%;
	margin-bottom: 17px
}


dt { float: left; width: 30%; font-weight: bold; }
dd { float: left; width: 70%; clear: right; margin-bottom: 5px; }

h4 { margin-top: 15px; margin-bottom: 0px; font-size: 12px; }

img, a img { border: 0px; }

a.pdfDownload {
	display: block;
	padding: 5px 0px 5px 20px;
	background: transparent url(../images/pdf.gif) left 7px no-repeat;
	border-bottom: 1px dotted #CCC;
}

dl#arztpraxen {
	width: 100%;
	padding: 0px; margin: 0px;
}

dl#arztpraxen dt, dl#arztpraxen dd {
	width: 100%; clear: both;
}

dl#arztpraxen dt { font-weight: normal; border-bottom: 1px dotted #DDD; font-size: 14px; }
dl#arztpraxen dd { margin-bottom: 35px; text-indent: 35px; }

img.newsImage {
	float: left;
	margin: 0px 10px 10px 0px;
}

/* ########## /general format ##########*/




/* ########## header ########## */

div#headBG {
	width: 100%; height: 280px;
	background-color: #dadada;
	margin-bottom: 1px;
}

h1#branding {
	width: 280px; height: 280px;
	background: #FFFFFF url(../images/branding_ortho-training.gif) 0px 0px no-repeat;
	position: absolute;
	top: 0px; left: 0px;
	margin: 0px; padding: 0px;
}


	h1#branding a {
		display: block;
		width: 100%; height: 100%;
		overflow: hidden;
		text-indent: -5000px;
	}

div#headImageContainer {
	width: 700px; height: 280px;
	background-position: top left; background-repeat: no-repeat;
	position: absolute; z-index: 1;
	top: 0px; left: 280px;
	border-right: 1px solid #FFFFFF;
}

div.titleBackground_01 { background-image: url(../images/randomBackgroundImage_1.jpg); }
div.titleBackground_02 { background-image: url(../images/randomBackgroundImage_2.jpg); }
div.titleBackground_03 { background-image: url(../images/randomBackgroundImage_6.jpg); }
div.titleBackground_04 { background-image: url(../images/randomBackgroundImage_4.jpg); }
div.titleBackground_05 { background-image: url(../images/randomBackgroundImage_7.jpg); }
div.titleBackground_06 { background-image: url(../images/randomBackgroundImage_8.jpg); }
div.titleBackground_07 { background-image: url(../images/randomBackgroundImage_9.jpg); }
div.titleBackground_08 { background-image: url(../images/randomBackgroundImage_10.jpg); }

div#randomImageContainer {
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 3;
	visibility: hidden;
}

div.titleImage_01 { background: transparent url(../images/randomImage_6.png); top: 139px; left: 815px; width: 322px; height: 385px; }
div.titleImage_02 { background: transparent url(../images/randomImage_7.png); top: 181px; left: 885px; width: 288px; height: 277px; }
div.titleImage_03 { background: transparent url(../images/randomImage_8.png); top: 143px; left: 880px; width: 385px; height: 295px; }


div#navigationContainerBg {
	width: 350px; height: 280px;
	/*background: transparent url(../images/white_75percent.png) 0px 0px repeat;*/
	position: absolute; top: 0px; left: 630px;
	z-index: 2;
}


/* ##### navigation ##### */

div#navigationContainer {
	width: 280px; height: 245px;
	position: absolute; top: 0px; left: 630px;
	padding: 35px 0px 0px 70px;
	z-index: 10;
}

div#navigationContainer * { list-style-type: none; padding: 0px; margin: 0px; }

ul#navigation,
ul#metanavi {
	display: block;
	padding: 0px; margin: 0px;
	list-style-type: none;
	width: 115px; 
	float: left;
	padding-left: 10px;
}

ul#navigation li,
ul#metanavi li {
	display: block;
	width: 125px;
}

ul#navigation li a,
ul#metanavi li a {
	line-height: 18px;
	color: #666666;
	text-decoration: none;
	padding-left: 8px;
}

ul#navigation li a:hover,
ul#metanavi li a:hover { color: #000; background: transparent url(../images/arrow.gif) 0px -1px no-repeat; }

ul#metanavi li.active a,
ul#navigation li.active a { color: #000; background: transparent url(../images/arrow.gif) 0px -1px no-repeat; }

ul#navigation li.active li a { background-image: none !important; color: #666666 !important; }

ul#navigation { }
ul#metanavi { border-left: 1px solid #666666; }

ul#subnavigation { padding-left: 8px !important; }
	ul#subnavigation a { font-style: italic !important; }

/* ##### /navigation ##### */

/* ########## /header ########## */

/* ########## content ########## */

div#center {
	width: 100%; min-width: 980px;
	position: relative;
	float: left;
	background: #FFFFFF url(../images/contentContainer_top-bg.gif) center top repeat-x;
	padding-bottom: 35px;
}

div#newsTeaserContainer {
	width: 280px;
	float: left;
}

div#newsTeaserHead {
	width: 280px; height: 104px;
	background: #6691ff url(../images/newsTeaserHead-arrow.gif) 235px 75px no-repeat;
	position: relative;
}
	div#newsTeaserHead h2 {
		margin: 0px;
		position: absolute; left: 35px; bottom: 15px;
		color: #FFFFFF;
		font-weight: normal;
		font-size: 20px;
	}
	
	/* #### accordion #### */
	
	/* # newsteaser #*/
	
	#newsTeaserContainer ul.accordion {
		padding: 0px; margin: 0px;
		list-style-type: none;
		padding: 0px 35px;
		margin-top: 70px;
	}
	
	#newsTeaserContainer ul.accordion li {
		margin: 3px 0px;
		border-top: 1px solid #AAA;
		padding: 5px 0px;
	}
	
	#newsTeaserContainer ul.accordion li ul li { border: 0px !important; }
	
	#newsTeaserContainer ul.auflistung p {
		padding: 3px 10px;
		margin: 5px 0px !important;
		background: #EEE;
	}
	
	#newsTeaserContainer ul.accordion ul { 
		display: none;
		margin: 0px; padding: 0px;
		list-style-type: none;
		margin-bottom: 10px;
	}
	
	#newsTeaserContainer ul.accordion ul ul { display: block; }
	
	#newsTeaserContainer ul.accordion h3 {
		padding: 0px; margin: 0px;
		font-weight: bold;
		color: #333333;
		cursor: pointer;
		font-size: 11px;
	}
	
	#newsTeaserContainer a#aktuellesLink {
		display: block;
		width: 100%; height: 100%;
		position: relative; z-index: 3;
	}
	
	/* # /newsteaser # */
	
	
	/* # contentaccordion # */
	
	#content ul.accordion {
		padding: 0px; margin: 0px;
		list-style-type: none;
		float: left;
		width: 100%
	}
	
	#content ul.accordion li {
		width: 100%; 
		float: left;
	}
	
	#content ul.auflistung p {
		padding: 3px 10px;
		margin: 5px 0px !important;
		background: #EEE;
	}
	
	#content ul.accordion ul { 
		display: none;
		margin: 0px; padding: 0px;
		list-style-type: none;
		margin-bottom: 10px;
		padding: 10px 0px;
		width: 100%; float: left;
	}
	
	#content ul.accordion ul ul { display: block; }
	
	#content ul.accordion h3 {
		padding: 5px 0px 5px 35px; margin: 0px;
		font-weight: bold;
		color: #FFF;
		cursor: pointer;
		font-size: 11px;
		background: #AAA url(../images/accordion_arrow.gif) left top no-repeat;
		width: 665px;
	}
	
	#content ul.accordion h3.open { background-image: url(../images/accordion_arrow_dn.gif); }
	
	/* # /contentaccordion # */
	
	/* #### /accordion #### */

div#contentContainer {
	width: 700px;
	float: left;
}

div#contentHead {
	width: 665px; height: 39px;
	background: #ffad00;
	border-right: 1px solid #FFFFFF;
	padding: 65px 0px 0px 35px;
}
	div#contentHead h2,
	div#contentHead h3 {
		margin: 0px; padding: 0px;
		line-height: 100%;
		font-weight: normal;
	}
	div#contentHead h2 {
		color: #FFFFFF;
		font-size: 22px;
	}
	div#contentHead h3 {
		color: #6e4b00;
		font-size: 16px;
		
		display: none;
	}

div#content {
	width: 700px; height: auto;
	padding-top: 70px;
}

div.contentLeft {
	width: 333px;
	margin-right: 17px;
	float: left;
}

div.contentRight {
	width: 333px;
	margin-left: 17px;
	float: left;
}

div.highlightBox {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 18px;
	float: left;
	width: 100%;
}

div.contentBig {
	width: 100%;
	margin-bottom: 35px;
	float: left;
}

/* ########## /content ########## */


/* ########## footer ########## */

div#footerContainer { width: 100%; clear: both; position: relative; }

div#footer {
	width: 700px; height: 135px;
	padding-top: 35px; margin-left: 280px;
	background: #AAA;
}

div.footerContent {
	float: left;
	width: 150px;
	margin-left: 25px;
}

div.footerContentLarge {
	float: left;
	width: 350px;
}

div.footerContentLarge div.footerContent {
	margin-left: 0px; margin-right: 25px;
}

div#footer h3 {
	margin: 0px; margin-bottom: 5px;
	font-size: 12px;
	color: #000000;
}

div#footer p {
	margin-top: 0px; margin-bottom: 5px;
}

div#footer a:hover { color: #000000; }

/* ########## /footer ########## */


/* ########## Medizinische Kräftigungstherapie ########## */

body.kraeftigungstherapie h1#branding { background-image: url(../images/branding_medizinische_kraeftigungstherapie.gif) !important; }
body.kraeftigungstherapie div#headImageContainer { background-image: url(../images/headImage_kraeftigungstherapie.jpg) !important; }

/* ########## /Medizinische Kräftigungstherapie ########## */