body {background: #FFF url(2x.gif) repeat-x; padding:0px; margin:0; scrollbar-3dlight-color:#222; scrollbar-arrow-color:red; scrollbar-base-color:#000; scrollbar-darkshadow-color:#FFF; scrollbar-face-color:#FFF; scrollbar-highlight-color:#FFF; scrollbar-shadow-color:#000}
#outer {position: absolute; top: 50%; left: 0px; width: 100%; height: 1px}
#inner {margin-left: -250px; position: absolute; top: -150px; left: 50%; width: 700px; height: 300px}

.bgtext {font-size: 96px; font-weight: bolder; position:absolute; top:50px; left:-200px; right:-50px}
.bgtext, .footertext {color:#3FFF33; font-family: verdana, helvetica, sans-serif;}
.bgtextschmuck {font-size: 96px; font-weight: bolder; position:absolute; top:52px; left:-202px; right:-50px}
.bgtextschmuck, .footertext {color:#fdf635; font-family: verdana, helvetica, sans-serif;}
.footertext {font-size:12px; position:absolute; top:320px; text-align:center; width:500px;}
.beststelltext {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 25px; text-align: justify}
/*zeile 1: Hintergrundfarbe, zeile 6: Schriftschatten- Farbe, zeile 8: Schrift- Farbe*/

/*those are the words over the background word*/ 
div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7, div#text8, div#text9
	{color:#222222; font-family:verdana, helvetica, sans serif; position:absolute; text-transform:lowercase;}
/*1 : erkennen*/
div#text1 {font-size:29px; top:10px; left:100px;}
/*2 : erfassen*/
div#text2 {font-size:40px; top:66px; left:-100px;}
/*3: erleben*/
div#text3 {font-size:35px; top:50px; left:330px;}
/*4: erleuchten*/
div#text4 {font-size:35px; top:270px; left:70px;}
/*5 : erlernen*/
div#text5 {font-size:50px; top:150px; left:-50px;}
/*6 : erlesen*/
div#text6 {font-size:35px; top:125px; left:460px;}
/*7: erhoren*/
div#text7 {font-size:30px; top:240px; left:460px;}
/*8: erweisen*/
div#text8 {font-size:25px; top:200px; left:230px;}
/*9: erdichtet*/
div#text9 {font-size:18px; top:320px; left:370px;}

div#feedback {color:red; font-family:verdana, helvetica, sans serif; font-size:30px; letter-spacing:2px; font-weight:bold; position:absolute; text-align:center;} 

/*these are the texts that appear when scrolling over the above words*/
div#text1 a:hover span {top: -3px; left: 0px; width:}
div#text2 a:hover span {top: -3px; left: 0px; width:}
div#text3 a:hover span {top: -8px; left: 0px; width:}
div#text4 a:hover span {top: -6px; left: 0px; width:}
div#text5 a:hover span {top: -10px; left: 5px; width:}
div#text6 a:hover span {top: -5px; left: 0px; width:}
div#text7 a:hover span {top: 0px; left: 0px; width:}
div#text8 a:hover span {top: 0px; left: 0px; width:}
div#text9 a:hover span {top: 0px; left: 0px; width:}


/* Grafik- Positionen*/
div#stern1 {position:absolute; top:13px; left:117px;}
div#stern2 {position:absolute; top:150px; left:590px;}
div#stern3 {position:absolute; top:250px; left:40px;}
div#stern4 {position:absolute; top:13px; left:900px;}
div#stern5 {position:absolute; top:63px; left:407px;}
div#stern6 {position:absolute; top:253px; left:807px;}
div#stern7 {position:absolute; top:300px; left:530px;}
div#blog {position:absolute; top:50px; left:760px;}

/* Früchte*/
div#fru1 {position:absolute; top:-60px; left:-120px;}
div#fru3 {position:absolute; top:290px; left:-50px;}
div#fru4 {position:absolute; top:0px; left:300px;}
div#fru5 {position:absolute; top:300px; left:500px;}

/*stuff,,,*/
div#inner a:hover, div#inner2 a:hover {background: none; /*cursor:crosshair;*/}
div#inner a span {display: none;}
div#inner a:visited span {display:none;}
div#inner a {text-decoration: none; color:red;}
div#inner a:hover span {display: block; position:relative; background:none; font-size:14px}
div#inner a:link, div#inner a:visited {text-decoration:none;}
div#inner a:hover {text-decoration:none}

/*content style*/
div#content {position:absolute; top:-50px; left:-70px; width:750px; height: 400px; overflow: auto; font-family: verdana, helvetica, sans serif; font-size: 15px; color:black; text-align:justify; margin:3px;}
div#indexcontent {position:absolute; top:-50px; left:-70px; width:750px; height: 400px; overflow: auto; font-family: verdana, helvetica, sans serif; font-size: 22px; color:black; text-align:justify; margin:3px;}div#inner div#content a:hover {text-decoration:underline;}
div#close, div#top {width:17px; height:17px; background:none; text-align:center; font-family:verdana, helvetica, sans serif; font-weight:bold; font-size:12px; border: 1px solid #222}
div#top {position:relative; left:573px; top:319px}
div#close {position:relative; left:573px; top:-47px;}
div#inner div#close a:link, div#inner div#top a:link {color:#fff; cursor:default;}
div#inner div#close a:visited, div#inner div#top a:visited {color:#fff; cursor:default;}
div#inner div#close a:hover, div#inner div#top a:hover {color:#fff; cursor:default;}
div#urltext {font-family:verdana, helvetica, sans serif; font-size:30px; position:absolute; top:-87px; left:-69px}
div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span  {color:#000000}
div#menuetext {font-family:verdana, helvetica, sans serif; font-size:10px; position:absolute; top:400px; left:-100px}
div#menuetext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span  {color:#000000}
div#content div#titlebar {border: 1px solid #222222; background: #000; font-weight: normal; color:  #72c62e;}
div#content {margin-left:0; padding-right:8px;}

/*title style: shown on content pages to divide the text in sections*/
.titleblock {font-family:verdana, helvetica, sans serif; font-size:16px; color:red; font-weight:light; letter-spacing:3px; margin-right:6px; margin-top:10px; margin-bottom:10px; margin-left:2px; border:0px solid #222; padding:4px}
.titleblock span {color:#72c62e}

/*span used in content text to highlight text in bold*/
div#content p span {font-weight:bold;}
#urltext a:link {color:#dcdcdc}
#urltext a:visited {color:#FFFFFF}
#urltext a:hover {color:#dcdcdc}
#urltext a:active {color:#dcdcdc}

/*STYLES TO LAYOUT THE BOTTOM MENU*/
div#bottomMenu {
	font-family: Verdana, Arial, sans-serif; 
	font-size:10px;
	color:#000000; 
	position:absolute; 
	top:400px;
	left:-120px
}

#bottomMenu ul {
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-size: 12px;
}

#bottomMenu li {
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
	text-decoration: none;
}

#bottomMenu a {
	color:#FFFFFF;
	font-weight:bolder; 
	text-decoration:none;
}

#bottomMenu a:hover {
	color:#000000;
	text-decoration:none;
}