html, body { background-color: #eeeffe; margin: 0; padding: 0; width: 100%; height: 100% }
#box1   { background-color: #8f95cc; background-image: url("fontoben.gif"); visibility: visible; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 164px }
#fuss  { background-color: #8f95cc; background-image: url("font-unten.jpg"); background-repeat: no-repeat; background-position: 151px 0; visibility: visible; position: absolute; z-index: 12; bottom: 0; left: 0; width: 100%; height: 15% }
#start  { background-color: #eeeffe; visibility: visible; position: absolute; z-index: 3; top: 20%; left: 200; width: 80%; height: 65%; overflow: auto }
#box4  { background-color: #eeeffe; background-image: url("fontleiste.gif"); background-repeat: repeat-y; visibility: visible; position: absolute; z-index: 4; top: 20%; left: 0; width: 200px; height: 65% }
#kontakt  { background-color: #eeeffe; visibility: hidden; position: absolute; z-index: 5; top: 20%; left: 200; width: 80%; height: 65%; overflow: auto }
#knapp  { background-color: #eeeffe; visibility: hidden; position: absolute; z-index: 6; top: 20%; left: 200; width: 80%; height: 65%; overflow: auto }
#besser  { background-color: #eeeffe; visibility: hidden; position: absolute; z-index: 6; top: 20%; left: 200; width: 80%; height: 65%; overflow: auto }
#link  { background-color: #eeeffe; visibility: hidden; position: absolute; z-index: 6; top: 20%; left: 200; width: 80%; height: 65%; overflow: auto }
#forum  { background-color: #eeeffe; visibility: hidden; position: absolute; z-index: 7; top: 20%; left: 200; width: 80%; height: 65%; overflow: auto }
#kari  { background-color: #eeeffe; visibility: hidden; position: absolute; z-index: 8; top: 20%; left: 200; width: 80%; height: 65%; overflow: auto }
#haupttext  { background-color: #eeeffe; visibility: hidden; position: absolute; z-index: 9; top: 20%; left: 200; width: 80%; height: 65%; overflow: auto }
#haupttext2  { background-color: #eeeffe; visibility: hidden; position: absolute; z-index: 10; top: 20%; left: 200; width: 80%; height: 65%; overflow: auto }
#header { visibility: visible; position: absolute; top: 0; left: 140px; width: 100px; height: 100px }
#map1 { visibility: visible; position: absolute; top: 10px; left: 340px; width: 400px; height: 95px }
#hungerunten { visibility: visible; position: absolute; top: 0; left: 250px; width: 290px; height: 95px }
#textlinks      { background-color: #dedeff; visibility: visible; position: absolute; z-index: 8; top: 37px; left: 37px; width: 260px; height: 500px }
#textrechts      { background-color: #dedeff; visibility: visible; position: absolute; z-index: 9; top: 37px; left: 574px; width: 260px; height: 500px }
.bulle          { color: #000; font-size: 8pt; font-family: Verdana; background-color: #dedeff; visibility: hidden; padding: 5px; position: absolute; z-index: 20; width: 250px; overflow: visible; border: solid 2px #fcae07 }
.feldhide         { color: #000; font-size: 8pt; font-family: Verdana; text-decoration: none; background-color: #dedeff; text-align: left; width: 250px; height: 70%; overflow: visible; border: solid 1px #dedeff }
.fliesstext { color: #669; font-size: 10pt; font-family: Verdana }
a.top:link { color: #82ae9f; font-size: 8pt; font-family: Verdana; line-height: 10pt; text-decoration: none }
a.top:visited { color: #82ae9f; font-size: 8pt; font-family: Verdana; text-decoration: none }
a.top:hover { color: #669 }
a.top:focus { color: #669 }
a.menue:visited { color: #fcae07; font-size: 8pt; font-family: Verdana; text-decoration: none }
a.menue:link { color: #fcae07; font-size: 8pt; font-family: Verdana; line-height: 10pt; text-decoration: none }
a.menue:hover { color: #669 }
a.menue:focus { color: #669 }
.bglinkmenue { background-color: #fff; margin: 2px; padding: 1px; width: 145px; height: 16px; border: solid 1px #fcae07 }
.bglinktop { background-color: #fff; margin: 2px; padding: 1px; width: 145px; height: auto; border: solid 1px #82ae9f }
.randgruen { background-color: #fff; margin: 2px; padding: 1px; width: auto; height: auto; border: solid 1px #82ae9f }
input { color: #669; font-size: 10pt; font-family: Verdana; background-color: #eeeffe; border: solid 1px #fcae07 }
textarea { color: #669; font-size: 10pt; font-family: Verdana; background-color: #eeeffe; border: solid 1px #fcae07 }
h1 { color: #fcae07; font-size: 10pt; font-family: Arial; font-weight: bold; text-decoration: none }
.rahmen   { background-color: #fff; margin: 10px; padding: 5px; border: solid 1px #fcae07 }
.rahmen2  { margin: 10px; padding: 5px }
h2 { color: #fcae07; font-size: 12pt; font-family: Arial; font-style: normal; text-decoration: none }
a.down:link { color: #fcae07; font-size: 8pt; font-family: Verdana; line-height: 10pt; text-decoration: none }
a.down:visited { color: #fcae07; font-size: 8pt; font-family: Verdana; text-decoration: none }
a.down:hover { color: #ffffff }
a.down:focus { color: #ffffff }
.erklaer { color: #669; font-size: 8pt; font-family: Verdana; text-decoration: none }
.ich  { color: #000; font-size: 10pt; font-family: Verdana; line-height: 14pt; text-decoration: none; margin-left: 15px }
.ue_inline { color: #fcab0c; font-size: 10pt; font-family: Verdana; font-weight: bold }
.pfeil { text-decoration: none; background-image: url("pfeil.gif"); background-repeat: no-repeat; background-position: left 0; text-indent: 28px; height: 25px; vertical-align: middle }
#violetten    { color: #000; font-size: 10pt; font-family: Verdana; background-color: #beb4f0; visibility: visible; padding: 5px; position: absolute; z-index: 30; top: 90px; left: 300px; width: 160px; height: 630px; border: solid 3px #606 }