/* ### Vorbereitende Maßnahmen | Reset ##################################################################*/
	/* 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; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* 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. */
	html { height: 100% } 
	body { 
		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% }

td {vertical-align: top;}

	#distance { 
		width:1px;
		height:45%;
		background-color:#fff;
		margin-bottom:-328px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:656px;
		width:1008px;
		clear:left;
		font-family: verdana; 
    font-size: 12px; 
    color:#080808;
		}
		

    
    
/* ### Kopf-Styles ##################################################################*/
    
#kopfnav { 
    width:auto;
    height:32px;
    background-image:url(grafiken/hg_kopfnav.gif);
    background-repeat:repeat-x;
    border-left:2px solid #dab6b2;
    border-right:2px solid #dab6b2;
    }
    
    
#kopfbild { 
    width:auto;
    height:299px;
    background-color:#dab6b2;
    }
    
#hauptnav { 
    width:auto;
    height:32px;
    border-left:2px solid #dab6b2;
    border-right:2px solid #dab6b2;
    background-color:#6a1938;
    }
    
/* ### Körper-Styles ##################################################################*/ 
    

    
#koerper { 
    width:auto;
    min-height:281px;
    background-image:url(grafiken/hg_koerper.jpg);
    background-repeat:repeat-x;
    border-bottom:10px solid #dab6b2;
    border-left:2px solid #dab6b2;
    border-right:2px solid #dab6b2;
    }
    
    * html #koerper { height:281px; } /* nur für IE 5.5 - 6.x */
    html + body #koerper { height:281px; } /* nur vom IE 5.0 */
    
#inhalt { 
    float:right;
    width:740px;
    min-height:223px;
    background-image:url(grafiken/hg_inhalt.gif);
    background-color:#fff;
    background-repeat:no-repeat;
    padding:20px;
    text-align: justify;
    margin-bottom:15px;
    }
    
    * html #inhalt { height:223px; } /* nur für IE 5.5 - 6.x */
    html + body #inhalt { height:223px; } /* nur vom IE 5.0 */
    
#inhaltlinks { 
    float:right;
    width:740px;
    min-height:223px;
    background-image:url(grafiken/hg_inhalt.gif);
    background-color:#fff;
    background-repeat:no-repeat;
    padding:20px;
    margin-bottom:15px;
    }
    
    * html #inhaltlinks { height:223px; } /* nur für IE 5.5 - 6.x */
    html + body #inhaltlinks { height:223px; } /* nur vom IE 5.0 */
    
#impressum { 
    float:left;
    width:180px;
    height:230px;
    padding:15px;
    color:#6a1938;
    }
    
#unav { 
    float:left;
    width:178px;
    height:230px;
    padding:17px;
    text-align:right;
    }
    
/* ### Formular-Styles ##################################################################*/ 
    
#kontakt_left {
    width:190px;
    float:left;
    text-align:right;
    margin-right:15px;
    }
    
#kontakt_left label{
    float:left;
    }
    
#kontakt_right {
    width:410px;
    float:left;
    height:170px;
    }
    
#kontakt_senden {
    width:350px;
    float:left;
    margin-top:10px;
    height:20px;
    }
    
.fehler {color: #CC0000;} 
input { margin: 0px 0px 15px 0px; }
.buttonnormal { float:left; }
.felder { font-size: 10px; padding-left:10px; }
    
/* ### Standard-Styles ##################################################################*/ 
    
#koerper ul {margin-left:50px;}
#saubersauger {clear:both;}
.SpamMessage {color: #CC0000;}
#vorladen {visibility: hidden;}
 
/* ### Linkfarben ##################################################################*/

#impressum a { text-decoration: none; }
#impressum a:link { color: #6a1938; }
#impressum a:visited { color: #6a1938; }
#impressum a:hover { color: #6a1938; }

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }

/* ### Kopf Navigation ##################################################################*/

#nav_kontakt {
  margin:12px 0px 0px 223px;
}

#nav_links {
  margin:12px 0px 0px 32px;
}

/* ### Haupt Navigation ##################################################################*/

#nav_main {
    width: auto;		/* Einfassen der Floats im IE */
    line-height: 0px;
    height: 25px;
    padding-right:18px;
}

#nav_main ul {
    float:right;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
    margin-left: 0px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
}

#nav_main ul li {
    float: right;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    line-height: 14px;
    list-style-type: none;
}

#nav_main ul li a {
    display:block;
    width: auto;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    
}


#nav_main ul li#nav1 a {
    width: 86px;
    height: 25px;
    background-image:url(grafiken/nav_aktuelles_0.gif);
}
#nav_main ul li#nav1 a:hover {
    width: 86px;
    height: 25px;
    background-image:url(grafiken/nav_aktuelles_0.gif);
}
#nav_main ul li#nav1aktiv a {
    width: 86px;
    height: 25px;
    background-image:url(grafiken/nav_aktuelles_1.gif);
}


#nav_main ul li#nav2 a {
    width: 103px;
    height: 25px;
    background-image:url(grafiken/nav_ayurveda_0.gif);
}
#nav_main ul li#nav2 a:hover {
    width: 103px;
    height: 25px;
    background-image:url(grafiken/nav_ayurveda_0.gif);
}
#nav_main ul li#nav2aktiv a {
    width: 103px;
    height: 25px;
    background-image:url(grafiken/nav_ayurveda_1.gif);
}


#nav_main ul li#nav3 a {
    width: 106px;
    height: 25px;
    background-image:url(grafiken/nav_massagen_0.gif);
}
#nav_main ul li#nav3 a:hover {
    width: 106px;
    height: 25px;
    background-image:url(grafiken/nav_massagen_0.gif);
}
#nav_main ul li#nav3aktiv a {
    width: 106px;
    height: 25px;
    background-image:url(grafiken/nav_massagen_1.gif);
}


#nav_main ul li#nav4 a {
    width: 149px;
    height: 25px;
    background-image:url(grafiken/nav_ayurvedakueche_0.gif);
}
#nav_main ul li#nav4 a:hover {
    width: 149px;
    height: 25px;
    background-image:url(grafiken/nav_ayurvedakueche_0.gif);
}
#nav_main ul li#nav4aktiv a {
    width: 149px;
    height: 25px;
    background-image:url(grafiken/nav_ayurvedakueche_1.gif);
}


#nav_main ul li#nav5 a {
    width: 183px;
    height: 25px;
    background-image:url(grafiken/nav_naturklangwelt_0.gif);
}
#nav_main ul li#nav5 a:hover {
    width: 183px;
    height: 25px;
    background-image:url(grafiken/nav_naturklangwelt_0.gif);
}
#nav_main ul li#nav5aktiv a {
    width: 183px;
    height: 25px;
    background-image:url(grafiken/nav_naturklangwelt_1.gif);
}
    
    
#nav_main ul li#nav6 a {
    width: 135px;
    height: 25px;
    background-image:url(grafiken/nav_heikeb_0.gif);
}
#nav_main ul li#nav6 a:hover {
    width: 135px;
    height: 25px;
    background-image:url(grafiken/nav_heikeb_0.gif);
}
#nav_main ul li#nav6aktiv a {
    width: 135px;
    height: 25px;
    background-image:url(grafiken/nav_heikeb_1.gif);
}
    
    
/* ### Sonstige-Styles ##################################################################*/