/* ------------------------------------------- */
/* CSS Angaben fuer den Body Bereich */
body {
background-color: #f7f7f7;
font-family: Verdana, Arial;
font-size: 12px;
color: #000000;
}

/* ------------------------------------------- */
/* CSS Angaben fur die Aussentabelle Randfarbe */

.outborder {
background-color: #e5e5e5;
}

/* CSS Angaben fur die Aussentabelle Innenfarbe  
Abstaende und Textfarben*/
.outinnen {
background-color: #ffffff;
padding: 2px;
font-size: 11px;
color: #4a5871
}
/* ------------------------------------------- */
/* CSS Angaben fuer alle Tabellenraender der Gaestebuchausgabe
Tabellen */

.gbentry {
background-color: #c19d59;
margin-bottom: 5px;
}

.gbentrytop, .gbentryout, .gbentrybottom {  
padding: 2px;
}

/* GB-Eintragstemplate oben */
.gbentrytop {
background-color: #e4d0a3;
font-size: 11px;
color: #400000;
}

/* GB-Eintragstemplate mitte */
.gbentryout {
background-color: #ffffff;
font-size: 11px;
color: #000000;
}

/* GB-Eintragstemplate unten */
.gbentrybottom {
background-color: #e6d9c1;
font-size: 11px;
color: #000000;
}

.gbentrytop a, .gbentryout a, .gbentrybottom a {  
font-size: 11px;
color: #800000;
text-decoration: none;
}
.gbentrytop a:hover, .gbentryout a:hover, .gbentrybottom a:hover {  
font-size: 11px;
color: #400000;
text-decoration: underline;
}
/* ------------------------------------------- */
/* CSS Angaben fuer die Formularelemente */

.feld {
background-image: url(../templates/T10000/inputbg.gif);
background-color: #f3e8d6;
font-family: Verdana, Arial;
font-size: 11px;
border: 1px solid #c19d59;
width: 200px; 
}
.textfeld {
background-image: url(../templates/T10000/inputbg.gif);
background-color: #f3e8d6;
font-family: Verdana, Arial;
font-size: 11px;
border: 1px solid #c19d59;
width: 300px; 
}
.los {
background-color: #e6be6c;
font-family: Verdana, Arial;
font-size: 11px;
border: 1px solid #c19d59;
width: 100px; 
}

form {
display: inline;
}
/* ------------------------------------------- */
/* CSS Angaben fuer GB Navi zum Seitenweisen blaettern*/

.naviborder {
background-color: #c19d59;
}

.tc {
font-family:Verdana, Arial;
font-size: 11px;
text-align: center;
background-color: #efefef;
padding: 2px;
width: 20px;
}

.tca {
font-family:Verdana, Arial;
font-size: 11px;
font-weight: bold;
padding: 2px;
width: 18px;
text-align: center;
background-color: #e6d9c1;
}

.tci {
font-family:Verdana, Arial;
font-size: 11px;
padding: 2px;
color: #000000;
font-weight: bold;
text-align: center;
background-color: #e4d0a3;
}

.tc a {
text-decoration: none;
color: #800000;
}
.tc a:hover {
text-decoration: none;
color: #000000;
}

/* ------------------------------------------- */

/* 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(http://orthomeder.de/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;
}

p img{
	float:left;
	margin:0 15px 5px 0;
}

.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(http://orthomeder.de/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(http://orthomeder.de/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(http://orthomeder.de/images/navi_left.jpg) 0 0 no-repeat;
	width:363px;
	height:298px;
	float:left;
	margin-left: 39px;
}

*html #navigation{
	width: 521px;
}	

#navigation{
	background:url(http://orthomeder.de/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(http://orthomeder.de/images/home.gif);	
		}
		
		#navigation li.uns a:link, #navigation li.uns a:visited{
			width:148px;
			background-image:url(http://orthomeder.de/images/uns.gif);	
		}
		
		#navigation li.leistungen a:link, #navigation li.leistungen a:visited{
			width:143px;
			background-image:url(http://orthomeder.de/images/leistungen.gif);
		}
		
		#navigation li.spezifisch a:link, #navigation li.spezifisch a:visited{
			width:148px;
			background-image:url(http://orthomeder.de/images/spezifisch.gif);
		}
		
		#navigation li.homeac {
			width:154px;
			height:138px;
			background-image:url(http://orthomeder.de/images/home.gif);	
			background-position: 0px -138px;
		}
		
		#navigation li.unsac {
			width:148px;
			height:138px;
			background-image:url(http://orthomeder.de/images/uns.gif);	
			background-position: 0px -138px;
		}
		
		#navigation li.leistungenac {
			width:143px;
			height:138px;
			background-image:url(http://orthomeder.de/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(http://orthomeder.de/images/diabetes.gif);	
		}
		
		#navigation ul.navigation2 li.ortho a:link, #navigation ul.navigation2 li.ortho a:visited{
			width:148px;
			background-image:url(http://orthomeder.de/images/ortho.gif);	
		}
		
		#navigation ul.navigation2 li.knie a:link, #navigation ul.knie li.ortho a:visited{
			width:143px;
			background-image:url(http://orthomeder.de/images/knie.gif);	
		}
		
		#navigation ul.navigation2 li.spezifisch a:link, #navigation ul.spezifisch li.ortho a:visited{
			width:148px;
			background-image:url(http://orthomeder.de/images/spezifisch.gif);	
		}
		
		#navigation li.diabetesac {
			width:154px;
			height:160px;
			background-image:url(http://orthomeder.de/images/diabetes.gif);	
			background-position: 0px -160px;
		}
		
		
		#navigation li.orthoac {
			width:148px;
			height:160px;
			background-image:url(http://orthomeder.de/images/ortho.gif);	
			background-position: 0px -160px;
		}
		
		#navigation li.spezifischac {
			width:148px;
			height:160px;
			background-image:url(http://orthomeder.de/images/spezifisch.gif);	
			background-position: 0px -160px;
		}

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

#contentSidebar{
	background:url(http://orthomeder.de/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(http://orthomeder.de/images/content.jpg) 0 0 no-repeat;
	width:545px;
	min-height:383px;
	float:left;
	padding:27px 0 0 15px;
}

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

	#contentMain li{
		background:url(http://orthomeder.de/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(http://orthomeder.de/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;
	}