html  { height: 100% }
body            { font-size: 0.63em; font-family: Arial, Verdana, Lucida, Helvetica, sans-serif; background: url(../img/s01/raster1.gif) repeat; text-align: left; margin: 0px; padding: 0px; height: 100% }
img { border:none; }
#logo { width: 100%; overflow: hidden }
#krieg  { position: absolute; top: 297px; left: 27px }

#krieg a, #krieg a:visited    { color: #5f5f5f; font: bold 1.45em Arial; text-decoration: none; background-color: transparent; text-align: center; position: absolute; z-index: 0; width: 80px; height: 150px; background: url(../img/s01/m-krieg.png) transparent no-repeat; display: block }

#krieg a:hover, #krieg a:visited:hover {
	z-index: 2;
}

#frieden    { position: absolute; top: 297px; left: 122px }
#frieden a, #frieden a:visited   { color: #5f5f5f; font: bold 1.45em Arial; text-decoration: none; text-align: center; position: absolute; z-index: 0; width: 80px; height: 150px; background: url(../img/s01/m-frieden.png) transparent no-repeat; display: block }

#frieden a:hover, #frieden a:visited:hover {
	z-index: 2;
}

#meinung   { position: absolute; top: 297px; left: 216px }

#meinung a, #meinung a:visited   { color: #5f5f5f; font: bold 1.45em Arial; text-decoration: none; text-align: center; position: absolute; z-index: 0; width: 80px; height: 150px; background: url(../img/s01/m-meinung.png) transparent no-repeat; display: block }

#meinung a:hover, #meinung a:visited:hover {
	z-index: 2;
}

#kinder   { position: absolute; top: 297px; left: 310px }

#kinder a, #kinder a:visited   { color: #5f5f5f; font: bold 1.45em Arial; text-decoration: none; text-align: center; position: absolute; z-index: 0; width: 80px; height: 150px; background: url(../img/s01/m-berichten.png) transparent no-repeat; display: block }

#kinder a:hover, #kinder a:visited:hover {
	z-index: 2;
}

#fragen   { position: absolute; top: 297px; left: 405px }
#fragen a, #fragen a:visited   { color: #5f5f5f; font: bold 1.45em Arial; text-decoration: none; text-align: center; position: absolute; z-index: 0; width: 80px; height: 150px; background: url(../img/s01/m-jule.png) transparent no-repeat; display: block }

#fragen a:hover, #fragen a:visited:hover {
	z-index: 2;
}
#lexikon   { position: absolute; top: 297px; left: 500px }

#lexikon a, #lexikon a:visited   { color: #5f5f5f; font: bold 1.45em Arial; text-decoration: none; text-align: center; position: absolute; z-index: 0; width: 80px; height: 150px; background: url(../img/s01/m-lexikon.png) transparent no-repeat; display: block }

#lexikon a:hover, #lexikon a:visited:hover {
	z-index: 2;
}
#lexikon a img  { margin-top: 20px; border: none }
#schatzkiste   { position: absolute; top: 297px; left: 596px }

#schatzkiste a, #schatzkiste a:visited   { color: #5f5f5f; font: bold 1.45em Arial; text-decoration: none; text-align: center; position: absolute; z-index: 0; width: 80px; height: 150px; background: url(../img/s01/m-schatz.png) transparent no-repeat; display: block }

#schatzkiste a:hover, #schatzkiste a:visited:hover {
	z-index: 2;
}

#suche   { position: absolute; top: 297px; left: 689px }

#suche a, #suche a:visited   { color: #5f5f5f; font: bold 1.45em Arial; text-decoration: none; text-align: center; position: absolute; z-index: 0; width: 80px; height: 150px; background: url(../img/s01/m-platz.png) transparent no-repeat; display: block }

#suche a:hover, #suche a:visited:hover {
	z-index: 2;
}

#container    { background-color: transparent; z-index: 3 }


#navigation                       { z-index: 0; top: 464px; left: 0px; width: 100%; height: 336px; overflow: hidden }

#navigation li {
	list-style: none;
}
#funktionen { display: none }
#news                 {  background-color: #FFF0F5;  width: 150px; float:right}
#inhalt  { clear: both }
#krieg_text    { color: #309; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; position: absolute; z-index: 6; top: 425px; left: 32px; width: 550px; height: 45px; visibility: hidden }
#frieden_text    { color: #309; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; position: absolute; z-index: 6; top: 425px; left: 32px; width: 550px; height: 45px; visibility: hidden }
#kinder_text    { color: #309; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; position: absolute; z-index: 6; top: 425px; left: 32px; width: 550px; height: 45px; visibility: hidden }
#meinung_text    { color: #309; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; position: absolute; z-index: 6; top: 425px; left: 32px; width: 550px; height: 45px; visibility: hidden }
#lexikon_text    { color: #309; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; position: absolute; z-index: 6; top: 425px; left: 32px; width: 550px; height: 45px; visibility: hidden }
#fragen_text    { color: #309; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; position: absolute; z-index: 6; top: 425px; left: 32px; width: 550px; height: 45px; visibility: hidden }
#schatzkiste_text    { color: #309; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; position: absolute; z-index: 6; top: 425px; left: 32px; width: 550px; height: 45px; visibility: hidden }
#suche_text    { color: #309; font-weight: bold; font-size: 14px; letter-spacing: 0.05em; position: absolute; z-index: 6; top: 425px; left: 32px; width: 550px; height: 45px; visibility: hidden }
#fuss                        { color: #ffffff; font-style: normal; background-color: transparent; position: absolute; z-index: 3; top: 570px; left: 33px; width: 650px }
address {
	font: normal 1.1em Arial; 
}
address a, address a:visited  { color: white; font-style: normal; font-variant: normal; font-weight: normal; font-family: Arial; text-decoration: none }
address a:hover, address a:visited:hover  { text-decoration: underline }
#bild        { position: absolute; z-index: 0; top: 373px; left: 0px; width: 100%; height: 447px; overflow: hidden; background: url(../img/s01/unten.png) transparent no-repeat; }
#bild span       { display: none; }
#jule   { text-align: center; position: absolute; top: 198px; left: 417px; width: 250px; height: 50px }
#jule a, #jule a:visited  { color: #d30013; font: bold 1.45em Arial; text-decoration: none; }
#jule a:hover, #jule a:visited:hover { text-decoration: underline; }
#jeanett   { text-align: left; position: absolute; top: 105px; left: 652px; width: 250px; height: 50px }
#jeanett a, #jeanett a:visited { color: #309; font: bold 1.45em Arial; text-decoration: none; }
#jeanett a:hover, #jeanett a:visited:hover { text-decoration: underline; }
#ueber, #ueber:visited     { color: black; font-size: 1.1em; text-decoration: none; background-color: #ff9; position: absolute; z-index: 5; top: 513px; left: 652px; width: 150px; display: block }
#ueber:hover, #ueber:visited:hover   { background-color: #f90 }
#eltern   { font-size: 1.1em; position: absolute; z-index: 5; top: 493px; left: 652px }
#eltern a, #eltern a:visited   { color: black; text-decoration: none; background-color: #ff9; width: 149px; display: block }
#eltern a:hover, #eltern a:visited:hover   { background-color: #f90 }
#impressum, #impressum:visited     { color: black; font-size: 1.1em; text-decoration: none; background-color: #ff9; position: absolute; z-index: 5; top: 533px; left: 652px; width: 150px; display: block }
#impressum:hover, #impressum:visited:hover   { background-color: #f90 }