div, td  {
	color: #575757;
	font-size: 13px;
	font-family: 'Merriweather Sans', "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 1pt
}
ul li    { margin-left: -25px }
.navi { font-weight:700; }
.navi_aktiv { color: #aa17c7; font-weight:700; }
.gross { font-size: 24px;  line-height: 32px; color: #83823c; }
.mittel { font-size: 19px;  line-height: 28px; color: #83823c; }
.violett{ color: #aa17c7; }

a:hover   { color: #aa17c7 }
a { color: #575757; text-decoration:none }


#Ebene1 {
	 visibility: visible; 
	 position: absolute; 
	 top: 0%; 
	 left: 50%; 
	 z-index:1; 
	 width: 1000px; 
	 min-height: 668px; 
	 margin-top: -0px; 
	 margin-left: -500px;
	 background-color: #e3e126;
	 box-shadow: -8px 8px 15px rgba(134, 136, 113, 0.5), 8px 8px 15px rgba(134, 136, 113, 0.5);} /*1. wert: x-Achse, 2. y-achse, 3. radiusSchatten - vor komma: schatten links, nach komma schatten rechts*/

#kopf_Ebene2 { visibility: visible; position: absolute; top: 0px; left: 0px; z-index:1; width: 1000px; height: 177px }

#navi_Ebene3 {
	visibility: visible;
	position: absolute;
	top: 222px;
	left: 98px;
	z-index: 5;
	width: 150px;
	height: 25px
}

#haupttext_Ebene4 {
	visibility: visible;
	position: relative;
	margin-top: 218px;
	left: 268px;
	z-index: 10;
	width: 355px;
	height: auto;
	color: #575757;
}

#bild_Ebene5 { visibility: visible; position: absolute; top: 125px; left: 635px; z-index:15; width: 321px; height: 378px }

#text_Ebene6 { visibility: visible; position: absolute; top: 620px; left: 268px; z-index:20; width: 660px; height: 30px }

#figur_gross_Ebene7 {
	visibility: visible;
	position: absolute;
	bottom:0;
	left: 470px;
	z-index: 3;
	width: 206px;
	height: 380px;
	background-image: url(images/figur_gross.png);
	}

#Ebene8 { visibility: visible; position: absolute; top: 218px; left: 510px; z-index:30; width: 364px; height: 464px }