/* HINTERGRUND-BLUMEN */

html { height:100%;}
body { height:100.1%;}

body#index div#rahmen { height:760px }
body#basisprogramm div#rahmen {height:1510px }
body#zusatzbehandlungen div#rahmen  {height:700px }
body#aromaoelmassagen div#rahmen {height:1080px }
body#kontakt div#rahmen {height:760px }
body#terminwunsch div#rahmen { height:800px }
body#auswertung div#rahmen { height:910px }
body#gutscheine div#rahmen {height:750px }
body#naturkosmetik div#rahmen {height:2100px; }
body#rezepte div#rahmen { height:1100px}
body#farben div#rahmen {height:1350px }
body#ausbildung div#rahmen {height:1140px }
body#impressum div#rahmen { height:1750px}

body#ganz-entspannt div#rahmen {height:910px }
body#verwoehnreise div#rahmen {height:910px }
body#straffe-kontur div#rahmen { height:910px}
body#hautbalance div#rahmen {height:910px }
body#honig-energie div#rahmen { height:1085px}
body#klarheit div#rahmen { height:910px}
body#sanft div#rahmen {height:910px }
body#wasser div#rahmen {height:910px }
body#maennergesicht div#rahmen { height:910px }
body#rueckenbehandlung div#rahmen { height:1050px }
body#augenblick div#rahmen { height:910px}
body#gepflegte-haende div#rahmen { height:910px }
body#fussspuren div#rahmen {height:910px }

#krokus {
	position:absolute; 
	width:140px; 
	height:270px; 
	z-index:1; 	
	left: 627px; 
	top: 113px; 
	background-image:url(images/krokus.gif); 
	background-repeat:no-repeat;
	}

#sternbluete {
	position:absolute; 
	width:240px; 
	height:190px; 
	z-index:3; 
	left: -25px; 
	background-image: url(images/sternbluete.gif); 
	background-repeat:no-repeat;
}

#baerlauch {
	position:absolute; 
	width:160px; 
	height:146px; 
	z-index:3; 
	left: -20px; 
	background-image:url(images/baerlauch.gif); 
	background-repeat:no-repeat;
	}
	
#butterblume {
	position:absolute; 
	width:200px; 
	height:335px; 
	z-index:4; 
	left: -10px; 
	background-image:url(images/butterblume.gif); 
	background-repeat:no-repeat;
}

body#aromaoelmassagen #butterblume {top: 805px; }
body#ausbildung #sternbluete {top: 955px;}
body#auswertung #baerlauch {top: 782px;}
body#basisprogramm #fruchtbluete {top:1209px;}
body#gutscheine #baerlauch {top: 622px;}
body#impressum #fruchtbluete {top: 1449px;}
body#kontakt #baerlauch {top: 1449px;}
body#rezepte #butterblume {top: 830px;}
body#naturkosmetik #fruchtbluete {top: 1800px;}
body#terminwunsch #baerlauch { top: 672px }



#fruchtbluete {
	position:absolute; 
	width:200px; 
	height:335px; 
	z-index:3; 
	left: -18px; 
	background-image:url(images/fruchtbluete.gif);
	background-repeat:no-repeat;

}


/* SCHRIFTEN-SEKTION */

ul,body,p,td,tr,table,ol,div	{
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height:16px;
	}
	
.navigationsfeld {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height:18px;
	margin-left:13px; 
	}
	
h1 {
	font-size:18px; 
	font-weight:100;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	border-bottom:1px dotted; 
	border-bottom-color:#836192; margin-top:1px;
}

.h1_Anfangsbuchstabe {
	font-size:24px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#logo h1 { margin:0; padding:0; font-size: 24px; border: 0; text-indent: -9999px;}
#logo h2 { text-indent: -9999px;}

h3 {
	font-weight:bold;
	font-size:12px;
	color:#836192;
}

h4 {
	font-weight: bold;
	font-size:12px;
	border-bottom:1px dotted; 
	border-bottom-color:#836192; 
	width:250px;
}

h5 { font-weight:bold; font-size: 12px; margin: 0 0 10px 0;}

.anfangsbuchstabe {
 	font-size:16px;
	font-weight:bold;
}

/* NAVIGATION */

.pfeil {
	width:8px;
	height:11px; 
	margin: 3px 7px 0px 0px; 
	float:left;
	}
	
.pfeil2 {
	width:8px;
	height:11px; 
	margin: 3px -11px 0px 0px; 
	float:left;
	}

.nav_ueberschrift1 {

	margin-top:9px;
	margin-bottom:-8px;
	font-weight:bold;
	margin-left:15px; 
	border-bottom:1px dotted; 
	border-bottom-color:#836192;
}

.nav_ueberschrift2 {

 	line-height:150%;
	margin-left:15px; 
	text-decoration:none;
}

.nav_ueberschrift3 {
 	font-style:italic;
	line-height:100%;
	margin-left:15px;
}

.nav_kursiv { 
	left:20px; 
	color: #000; 
	margin-left:27px;
	margin-top:-5px;
}

.nav_impressum {
	font-size:11px;
	line-height:15px;
	margin-left:15px;
}

.small {
	font-size:11px;
	line-height:15px;
	margin-left:0px;
	font-weight: normal;
}


.bold {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#000000;
	font-weight:bold;
	}

.nach-oben {
	float:right; 
	border:0px;
}

/* NAV-LINKS */
	

a.nav_ueberschrift2:link {

 	line-height:150%;
	margin-left:15px; 
	text-decoration:none;
}

a.nav_ueberschrift2:visited {

 	line-height:150%;
	margin-left:15px; 
	text-decoration:none;
}

a.nav_ueberschrift2:hover {
 	line-height:150%;
	margin-left:15px; 
	text-decoration:none;
	color: #836192;
}

a.nav_ueberschrift3:link {
 	font-style:italic;
	line-height:100%;
	margin-left:15px;
}

a.nav_kursiv:link { 
	left:20px; color: #000; 
	margin-left:27px;
	margin-top:-5px;
	text-decoration:none;
}

a.nav_kursiv:visited { 
	left:20px; color: #000; 
	margin-left:27px;
	margin-top:-5px;
	text-decoration:none;
}

a.nav_kursiv:hover { 
	left:20px; 
	color:  #836192;
	margin-left:27px;
	margin-top:-5px;
	text-decoration:none;
}

a.nav_impressum:link {
	font-size:11px;
	line-height:15px;
	margin-left:15px;
	text-decoration:none;
}

a.nav_impressum:visited {
	font-size:11px;
	line-height:15px;
	margin-left:15px;
	text-decoration:none;
}

a.nav_impressum:hover {
	font-size:11px;
	line-height:15px;
	margin-left:15px;
	text-decoration:none;
	color: #836192;
}

a.bold:link {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#000000;
	font-weight:bold;
	}
	
/* LINKS */

a:link {
	color:#000000;
	text-decoration:underline;
         }
			
			
a:visited {
 	color:#000000;
	text-decoration:underline;
	
         }
		

a:active {
 	color:#000000;
	background-color:#FFFFFF;
	text-decoration:underline;
         }
		
	
/* Div-Container */

#rahmen {
	position:relative; 
	margin:auto; 
	top:40px; 
	margin-bottom:100px; 
	width:730px; 
	z-index:2;  
	border-width:3px 1px 3px 1px;
	border-style:solid;	
	border-color:#836192;
}

#logo {
	position:absolute; 
	width:420px; 
	height:115px; 
	left: 33px; 
	top: 50px; 
	background-image:url(images/logo.jpg); 
	z-index:3; 
	background-repeat:no-repeat;
}

#navigation {
	position:absolute; 
	width:174px; 
	height:336px; 
	z-index:5; 
	left: 33px; 
	top: 233px;
}

#textfeld {
	position:absolute; 
	width:440px; 
	height:396px; 
	z-index:6; 
	left: 244px; 
	top: 235px;
}

#seitenueberschrift {
	position:absolute; 
	width:445px; 
	height:35px; 
	z-index:7; 
	left: 244px; 
	top: 182px;
} 

ul {
	list-style-image:url(images/aufzaehlung.gif); 
	list-style-position:outside; 
	font-size:12px;
	line-height:140%;
	}
	
.aufzaehlung_weit 	{
	list-style-image:url(images/aufzaehlung.gif); 
	list-style-position:outside; 
	font-size:12px;
	line-height:170%;
	}
	
.aufzaehlung_sub {
	list-style-position:outside; 
	font-style:italic;
	font-size:12px;
	line-height:110%;
	padding-left:20px;
	}


/* BILDER */

.image_left { 
	margin: 0px 5px 0px 0px; 
	float:left;
}

.image_right { 
	margin: 0px 0px 3px 5px; 
	float:right;
}

/* Tabellen */

#zusatzbehandlungen 

table {
	margin-top: 10px;
	width:378px;
	height: 146px;
	border:0;
}

th {
	font-weight: bold;
	text-align: left;
}

td { text-align: right; vertical-align: top;
}

