/* ================================== Layout ======================================== */



	/* Hiermit werden die Randabst?nde und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding:0; font-size: 100%; } 
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	html { height: 100% } 
	
	body { 
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H?he des Browserfensters. */
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgr??en im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr??e des Browser 
			Fensters ge?ndert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zur?cksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung f?r Safari Browser. font-size:100% ist f?r den Safari in Formularen zu gro? */ 
	select, input, textarea { font-size: 99% }
	
	
	
	


body {
  font-size: 14px;
  font-family: Trebuchet MS,Verdana,Arial,Sans-Serif;
  text-align: center;  			/* Zentrierung im Internet Explorer */
  background-repeat:repeat-x;
  background-color:#CBCBCB;
  
}


div#alles {
  text-align: left;    			/* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;      			/* standardkonforme horizontale Zentrierung */
  width:819px;

}



div#kopf {
  height: 226px;
  background-image:url('images/hinter_kopf.jpg');
}

div#inhalt {
  background-image:url('images/hinter_inhalt.gif');
}

div#fuss {
  clear:both;
  margin-top:0px;
  padding-top:15px;
  text-align:right;
  background-image:url('images/hinter_fuss.gif');
  background-repeat:no-repeat;
}

#fuss a {
  color:#FFFFFF;
  font-size:90%;
  text-decoration:none;
}  

#fuss a:hover {
  text-decoration:underline;
}  





/* ================================== Navi oben ======================================== */
#sprache {
  text-align:center;
  padding-top:20px;
  margin-left:793px;
  line-height:150%;
  height:100px;
  
}  


#sprache a {
  color:#C40703;
  text-decoration:none;
} 


#navi_oben {
  list-style-type:none;
  padding-top:78px;
  float:right;
}

#navi_oben li {
  float:left;
}


#navi_oben a {
  display:block;
  text-decoration:none;
  width:95px;
  padding-left:40px;
  margin-left:3px;    
  height:20px;
  padding-top:4px;
  color:#FFFFFF;
}

* html #navi_oben a {
  width:135px;
  w\idth:95px;
  height:24px;
  he\ight:20px;
}  

#navi_oben a:hover {
  color:#BA5932;

}

#kontakt a {
  background-image:url('images/kontakt.gif');
  background-repeat:no-repeat;
  color:#BA5932;

}


#anfahrt a {
  background-image:url('images/kontakt.gif');
  background-repeat:no-repeat;
  color:#BA5932;

}


#impressum a {
  background-image:url('images/kontakt.gif');
  background-repeat:no-repeat;
  color:#BA5932;

}



.kontakt a:hover {
  background-image:url('images/kontakt.gif');
  background-repeat:no-repeat;
}

.anfahrt a:hover {
  background-image:url('images/anfahrt.gif');
  background-repeat:no-repeat;
}


.impressum a:hover {
  background-image:url('images/impressum.gif');
  background-repeat:no-repeat;
}




/* ================================== Navi Links ======================================== */



#navi_links_huelle {


}

#navi_links {
  width:175px;
  float:left;
  background-image:url('images/hinter_navi_links.gif');
  background-repeat:no-repeat;
  margin-left:32px;
  margin-right:20px;

}

/* wegen Double Float-Margin Bug des IE*/
* html #navi_links { display: inline; }




#navi_links ul {
  list-style-type:none;
  padding-top:6px;
 
}

#navi_links a {

  text-decoration:none;
  display:block;
  width:100%;
  padding:7px;
  padding-left:15px;
  color:#FFFFFF;

}

#navi_links a:hover {
  background-color: #FFFFFF;

  background-repeat:no-repeat;
  color:#BA5932;
}

a#aktiv {
  background-color: #FFFFFF;
  background-repeat:no-repeat;
  color:#BA5932;  

}




#adresse {
  margin-left:15px;
  color:#FFFFFF;
  font-size:90%;
  line-height:140%;
}

#adresse a {
  padding:0px;
  margin:0px;
}


.logo {
text-align:center;
padding-top:50px;
}



/* ================================== Content ======================================== */
#innen {
 margin-left:240px;
 padding-right:10px;
}

/* Hides from IE-mac \*/
* html #innen { 
  height: 1%;
  margin-left:-3px; 
  margin-right:-3px; 
}
* html #navi_links {margin-right: -3px;}

/* End hide from IE-mac */


#innen p {
  padding-bottom:10px;
}  

#innen a {
  color:#C40703;
}  

h1 {
  color:#C40703;
  font-variant:small-caps;
  font-size:140%;
  margin-bottom:10px;
}

h2 {
  color:#C40703;
  font-variant:small-caps;
  font-size:120%;
}

.block_rechts {
  float:right;
  width:320px;
  text-align:right;
  padding-left:10px;
  padding-bottom:5px;
}

span.hervorheben { font-weight: bold }

#innen ul, ol {
  margin-left:20px;
  }
  
  
.tabelle {
  border: 1px solid #BA5932;
}

.tabelle th {
  background-color:#C40703;
  padding:4px;
}

.tabelle td {
  padding:4px;
}



.err_class {
  border:1px solid #FF0000;
}

/* ================================== Fusszeile ======================================== */

#fusszeile {
  padding-top:10px;
  text-align:center;
}