/* 1.basics*/
* {
	margin: 0;
	padding: 0;
	outline:none;
}

body {
	margin:0;
	font:62.5% Arial, Helvetica, sans-serif;
	background-color: #fff;
}

#uberschrift{
	position:absolute;
	height:67px;
	width:494px;
	margin:-77px 0 0 -33px;
}


h1#branding {
   height: 85px;
   width: 297px;
   text-indent: -9999px;
   top: 36px;
   left: 109px;
   position: absolute;
   display: block;
}

h1#branding a {
   width: 297px;
   height: 85px;
   display:block;
   outline: none;
   
}

.floatLeft{
	float:left;
	margin-right: 15px;
}
	

h2{
	font:2.4em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 15px 0;
}


h3{
		font:1.8em Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin:0 0 15px 0;
}


h4{
		font:1.6em Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin:0 0 15px 0;
}

h5{
		font:1.5em Georgia, "Times New Roman", Times, serif;
		color:#FB8689;
		font-weight:bold;
}

h6{
		font:1.5em Georgia, "Times New Roman", Times, serif;
		color:#FB8689;
		font-weight:bold;
		margin:0 0 15px 0;
}


img {
	border:0;
}

a:link, a:visited{
	color:#10b0f0;
	text-decoration:underline;
}

a:hover, a:active{
	color:#000;
	text-decoration:none;
}

.clear{
	clear:both;
	float:none;
}

#clear{
	clear:both;
	float:none;
}

#euroweb{
	width:250px;
	margin:0 0 15px 9px;
	}

p{
	font:1.2em Arial, Helvetica, sans-serif;
	line-height:1.8em;
	margin:0 0 15px 0;
}

p.linie{
	background:url(../images/linie.gif) 0 0 no-repeat;
	width:430px;
	height:10px;
	margin:0 0 15px 3px;
	clear:both;
	float:none;
}

p.dreier img {
	margin:0 4px 15px 0;
}

p img.pfeil {
	margin:0;
	float:none;
}


.breite{
	width:430px;
}

.breite01{
	width:185px;
	float:left;
	margin:0 0 15px 0;
}

.breite02{
	width:205px;
	float:left;
	margin:0 0 15px 0;
}


.breite03{ /* Impressum */
	width:250px;
	float:left;
	margin:0 0 15px 15px;
}

.breite04{ /* leistungen */
	width:260px;
	float:left;
	margin:0 0 15px 15px;
}

.breite05{ /* leistungen */
	width:260px;
	float:left;
	margin:0 0 15px 15px;
}

.oben{
	background:url(../images/oben.gif) 0 9px no-repeat;
	padding:0 0 0 19px;
	clear:both;
	float:none;
	margin-left: 300px;
}

.keinabstand{
	margin:0;
}

.hellblau{
	color:#70C7FF;
}

.dunkelblau{
	color:#003773;
}

.blau{
	color:#10b0f0;
}

.weiss{
	color:#fff;
}

.schwarz{
	color:#000;
}

.gruen{
	color:#008c50;
}

.weiss{
	color:#fff;
}

.gross{
	font:1.8em Arial, Helvetica, sans-serif;
}

ul{
	list-style-type:none;
}

/* --- DIV ANFANG ---*/
/* ------------------*/

#container{
	width:962px;
	margin:0 auto;
	padding:0;
}

*html #header{
	left: 39px;
}

#header{
	background:url(../images/top.gif) 0 0 no-repeat;
	width:873px;
	height:216px;
	
	position:relative;
}

	#header li{
		float:left;
		margin:0 5px 0 0;
	}

	#header a:link, #header a:visited {
		font:1.2em Arial, Helvetica, sans-serif;
		color:#000;
		text-decoration:none;
	}
	
	#header a:hover, #header a:active{
		color:#00b6f4;
	}
	
	#header li.active{
		font:1.2em Arial, Helvetica, sans-serif;
		color:#00b6f4;
	}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATIONADDITIONAL-------------------------------
---------------------------------------------------------------------------------------*/	
	
*html #navigationAdditional{
	margin: -3px 0 0 273px;
}	
	
#navigationAdditional {
   position:absolute;
	top:193px;
	left:327px;
	list-style: none;
   margin: 0;
	margin: -4px 0 0 273px;
}



#navigationAdditional li {
   float:left;
   background:none;
   list-style:none;
   display: block;

   margin-right: 15px;
}

#navigationAdditional li a {
   display:block;
   text-decoration:none;
   color: #000;
}

#navigationAdditional a:link,
#navigationAdditional a:visited {
   color: #000;
   text-decoration: none;
}

#navigationAdditional a:hover,
#navigationAdditional a:active {
   color: #513714;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#kontakt{
   color: #513714;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#anfahrt{
   color: #513714;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#impressum{
   color: #513714;
   text-decoration: underline;
}


ul#navigationAdditional li.active a#gaestebuch{
   color: #513714;
   text-decoration: underline;
}



/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/


#navi_left{
	background:url(../images/navi_left.jpg) 0 0 no-repeat;
	width:363px;
	height:298px;
	float:left;
	margin-left: 39px;
}

*html #navigation{
	width: 521px;
}	

#navigation{
	background:url(../images/navi.gif) 0 0 no-repeat;
	width:560px;
	height:298px;
	float:left;
}

	#navigation span {
			position:relative;
			left:-5000px;
		}
		
		#navigation ul{
			list-style-type:none;
			float:none;
			clear:both;
		}
		
		#navigation li{
			float:left;
		}
		
		#navigation li a:link, #navigation li a:visited {
			height:138px;
			text-decoration:none;
			display:block;
		}

		#navigation li a:hover, #navigation li a:active  {
			background-position: 0px -138px;
		}
		
		#navigation li.home a:link, #navigation li.home a:visited{
			width:154px;
			background-image:url(../images/home.gif);	
		}
		
		#navigation li.uns a:link, #navigation li.uns a:visited{
			width:148px;
			background-image:url(../images/uns.gif);	
		}
		
		#navigation li.leistungen a:link, #navigation li.leistungen a:visited{
			width:143px;
			background-image:url(../images/leistungen.gif);
		}
		
		#navigation li.spezifisch a:link, #navigation li.spezifisch a:visited{
			width:148px;
			background-image:url(../images/spezifisch.gif);
		}
		
		#navigation li.homeac {
			width:154px;
			height:138px;
			background-image:url(../images/home.gif);	
			background-position: 0px -138px;
		}
		
		#navigation li.unsac {
			width:148px;
			height:138px;
			background-image:url(../images/uns.gif);	
			background-position: 0px -138px;
		}
		
		#navigation li.leistungenac {
			width:143px;
			height:138px;
			background-image:url(../images/leistungen.gif);	
			background-position: 0px -138px;
		}
		
		
		
		
		#navigation ul.navigation2 li a:link, #navigation ul.navigation2 li a:visited {
			height:160px;
			text-decoration:none;
			display:block;
		}

		#navigation ul.navigation2 li a:hover, #navigation ul.navigation2 li a:active  {
			background-position: 0px -160px;
		}
		
		#navigation ul.navigation2 li.diabetes a:link, #navigation ul.navigation2 li.diabetes a:visited{
			width:154px;
			background-image:url(../images/diabetes.gif);	
		}
		
		#navigation ul.navigation2 li.ortho a:link, #navigation ul.navigation2 li.ortho a:visited{
			width:148px;
			background-image:url(../images/ortho.gif);	
		}
		
		#navigation ul.navigation2 li.knie a:link, #navigation ul.knie li.ortho a:visited{
			width:143px;
			background-image:url(../images/knie.gif);	
		}
		
		#navigation ul.navigation2 li.spezifisch a:link, #navigation ul.spezifisch li.ortho a:visited{
			width:148px;
			background-image:url(../images/spezifisch.gif);	
		}
		
		#navigation li.diabetesac {
			width:154px;
			height:160px;
			background-image:url(../images/diabetes.gif);	
			background-position: 0px -160px;
		}
		
		
		#navigation li.orthoac {
			width:148px;
			height:160px;
			background-image:url(../images/ortho.gif);	
			background-position: 0px -160px;
		}
		
		#navigation li.spezifischac {
			width:148px;
			height:160px;
			background-image:url(../images/spezifisch.gif);	
			background-position: 0px -160px;
		}

#content{
	width:962px;
	min-height:410px;
}

#contentSidebar{
	background:url(../images/info.jpg) 0 0 no-repeat;
	width:273px;
	height:335px;
	float:left;
	padding:75px 0 0 90px;
	margin-left: 39px;
}

	#contentSidebar ul.kontakt{
		margin:115px 0 0 0;
	}

	#contentSidebar li{
		font:1.2em Arial, Helvetica, sans-serif;
		color:#000;
	}

*html #contentMain{
	width: 506px;
}

#contentMain{
	background:url(../images/content.jpg) 0 0 no-repeat;
	width:545px;
	min-height:550px;
	float:left;
	padding:27px 0 0 15px;
}

	#contentMain ul{
		margin:0 0 15px 0;
	}

	#contentMain li{
		background:url(../images/li_style.gif) 0 3px no-repeat;	
		font:1.2em Arial, Helvetica, sans-serif;
		padding:0 0 0 15px;
		margin:0 0 5px 0;
	}

#footer{
	position:relative;
	background:url(../images/bottom.jpg) 0 0 no-repeat;
	width:962px;
	height:435px;
	clear:both;
	float:none;
}

#navigationFooter{
	margin:0 0 0 465px;
	padding:154px 0 0 180px;
}

#navigationFooter li{
		float:left;
		width:50px;
		margin:0 5px 0 0;
	}
	
	#navigationFooter li.active{
		font:1.2em Arial, Helvetica, sans-serif;
		color:#00b6f4;
	}

	#navigationFooter a:link, #navigationFooter a:visited {
		font:1.2em Arial, Helvetica, sans-serif;
		color:#000;
		text-decoration:none;
	}
	
	#navigationFooter a:hover, #navigationFooter a:active{
		color:#00b6f4;
	}