@charset "UTF-8";
/**
 * Cascading Style Sheets für
 * www.vitas.de
 */
 
/******************************************************************************************************************* 
 * ALLGEMEINE FORMATIERUNG 
 ******************************************************************************************************************/
html {
	overflow-y: scroll;
}
html, body {
	height:100%;
}
html, body {
	color:#000;
	text-align:center;
}
body, h2, p, span, input, select, option, a, textarea, ul {
	font-family: Verdana, Arial, sans-serif;
	font-weight:normal;
}
h1 			{ font-size:16px; color:#999; font-weight:normal;}
h2 			{ font-size:14px; color:#666; font-weight:normal;}
ul 			{ font-size:11px; color:#666; list-style:none; }
p 			{ font-size:11px; color:#666;}
a 			{ font-size:11px; text-decoration:none; color:#22bbe1; }
.linear 		{ display:none; }
.right		{ float:right; }
.clearer	{ clear:both; }
a img, img 	{ border: none; overflow:hidden; display:block; }

/******************************************************************************************************************* 
 * STRUKTUR & AUSRICHTUNG
 ******************************************************************************************************************/
#Wrapper {
	position:relative;
	width: 1003px;
	text-align:left;
	margin:0 auto;
}
	
	/*** Header ***/
	#Header {
		height: 156px;
		border-bottom:1px solid #e7e7e7;
	}
	
	/*** ContentFrame ***/
	#ContentFrame {
		float:left;
		background: transparent url(../images/bg_main.jpg) repeat-y left;
	}
	
		/*** Mainnav E1 ***/
		#MainNavBox {
			float:left;
			width:248px;
			min-height:350px;
			margin-right:2px;
			background:#fff;
		}
		
		#Content {
			float:left;
			width:501px;
			min-height:350px;
			margin:0 2px 0 1px;
		}
		* html #Content { /* Gilt nur für IE */ height: 350px; }
		
			/*** Subnav E2 ***/
			#SubNavBox {
				margin: 0 0 0 2px;
				height:31px;
				width:496px;
				background: transparent url(../images/bg_subnav.jpg) repeat-x left;
			}
			#Content div.zentrum {
				background: transparent url(../images/bg_subnav.jpg) repeat-x left;
			}
			#Content div.zahnheilkunde {
				background: transparent url(../images/bg_subnav_zahnheilkunde.jpg) repeat-x left;
			}
			#Content div.aesthetik {
				background: transparent url(../images/bg_subnav_aesthetik.jpg) repeat-x left;
			}
			#Content div.opzentrum {
				background: transparent url(../images/bg_subnav_opzentrum.jpg) repeat-x left;
			}
			#Content div.hno {
				background: transparent url(../images/bg_subnav_hno.jpg) repeat-x left;
			}
			#Content div.dentallabor {
				background: transparent url(../images/bg_subnav_dentallabor.jpg) repeat-x left;
			}
			#Content div.akademie {
				background: transparent url(../images/bg_subnav_akademie.jpg) repeat-x left;
			}
			#Content div.diagnostik {
				background: transparent url(../images/bg_subnav.jpg) repeat-x left;
			}
			
			
		#ServiceBox {
			float:left;
			width:248px;
			height:350px;
			border-bottom:1px solid #e7e7e7;
			
		}
		.zentrum {
			background: transparent url(../images/bg_box_right.jpg) repeat-x left;
		}
		.zahnheilkunde {
			background: transparent url(../images/bg_box_right_zahnheilkunde.jpg) repeat-x left;
		}
		.aesthetik {
			background: transparent url(../images/bg_box_right_aesthetik.jpg) repeat-x left;
		}
		.opzentrum {
			background: transparent url(../images/bg_box_right_opzentrum.jpg) repeat-x left;
		}
		.hno {
			background: transparent url(../images/bg_box_right_hno.jpg) repeat-x left;
		}
		.dentallabor {
			background: transparent url(../images/bg_box_right_dentallabor.jpg) repeat-x left;
		}
		.akademie {
			background: transparent url(../images/bg_box_right_akademie.jpg) repeat-x left;
		}
		.diagnostik {
			background: transparent url(../images/bg_box_right.jpg) repeat-x left;
		}
		
	#Footer {
		clear:both;
		height:140px;
		background: transparent url(../images/bg_main.jpg) repeat-y left;
	}
	
/******************************************************************************************************************* 
 * MAINNAV LISTE
 ******************************************************************************************************************/
ul.main {
	float:right;
	width:197px;
	margin-right:1px;
} /* Oberste Navigationsebene */
ul.main li {
	display: block; 
	list-style: none !important;
}
ul.main li.zentrum {
	background: transparent url(../images/main_btn_1.jpg) no-repeat top left;
}
ul.main li.zahnheilkunde {
	background: transparent url(../images/main_btn_2.jpg) no-repeat top left;
}
ul.main li.aesthetik {
	background: transparent url(../images/main_btn_3.jpg) no-repeat top left;
}
ul.main li.opzentrum {
	background: transparent url(../images/main_btn_4.jpg) no-repeat top left;
}
ul.main li.hno {
	background: transparent url(../images/main_btn_5.jpg) no-repeat top left;
}
ul.main li.dentallabor {
	background: transparent url(../images/main_btn_6.jpg) no-repeat top left;
}
ul.main li.akademie {
	background: transparent url(../images/main_btn_7.jpg) no-repeat top left;
}
ul.main li.diagnostik {
	background: transparent url(../images/main_btn_8.jpg) no-repeat top left;
}
ul.main li a {
	display: block; 
	padding: 0; 
	width:100%;
	text-decoration: none; 
	border: 0;
	line-height:31px;
	color:#999;
}
ul.sub  {
	margin-top:2px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	width:82%;
}
ul.sub  li {
	list-style: none !important;
	background: transparent url(../images/subnav_point.gif) no-repeat top left;
}
ul.sub li a {
	display: block; 
	color: #959595; 
	font-weight: 100 !important;
	background: transparent;
	padding: 2px 5px 0px 10px;
	margin: 0;
	line-height:24px;
}
ul.main li a:hover {
	color:#22bbe1;
}
ul.main li a.selected {
	color:#22bbe1;
}
ul.sub li.selected a{
	color:#22bbe1;
}
/******************************************************************************************************************* 
 * SUBNAV LISTE
 ******************************************************************************************************************/

/******************************************************************************************************************* 
 * Footer
 ******************************************************************************************************************/
.servicenav {
	border-top:1px solid #22bbe1;
	width:480px;
	position:relative;
	left:260px;
	top:120px;
	list-style: none;
	padding-top:3px;
}
.servicenav li {
	float:left;
	list-style: none !important;
	background: transparent url(../images/servicenav_point.gif) no-repeat left;
	padding:0 0 0 10px;
	margin-right:10px;
}
.servicenav li.first {
	background: transparent;
	padding:0;
}
.servicenav li a {
	color:#22bbe1;
}

/******************************************************************************************************************* 
 * Content
 ******************************************************************************************************************/
#Content h1 {
	padding:45px 0 0 6px;
}
#Content h2 {
	padding:20px 0 0 8px;
}
#Content p {
	line-height:20px;
	padding:8px 10px 3px 8px;
}

/******************************************************************************************************************* 
 * ServiceBox
 ******************************************************************************************************************/
#ServiceBox .dach {
	color: #959595; 
	font-weight: 100 !important;
	background: transparent;
	padding: 0px 5px 0px 5px;
	margin: 0;
	line-height:30px;
	border-bottom:1px solid #e7e7e7;
}
#ServiceBox p {
	line-height:16px;
	padding: 7px 5px 0px 5px;
	color: #959595; 
}
#ServiceBox ul {
	margin:0 0 0 5px;
}
#ServiceBox li {
	display: block; 
	list-style: none !important;
	background: transparent url(../images/subnav_point.gif) no-repeat left;
}
#ServiceBox li a {
	display: block; 
	padding: 0 0 0 10px; 
	font-size: 11px;
	border: 0;
	height:24px;
	line-height:24px;
	color:#999;
}
#ServiceBox li a:hover {
	color:#22bbe1;
}
#ServiceBox li.selected a {
	color:#22bbe1;
}

/******************************************************************************************************************* 
 * Sonstiges
 ******************************************************************************************************************/
.box {
	float:left;
}
.adresse {
	clear:both;
	width:100%;
	text-align:center;
}
.adresse p {
	padding:10px;
	color:#777;
}
hr {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #eee;
}