body {margin:0px; padding: 0px; background-color:#EEA531; font-size:100.01%; }

/* Schriftformatierung */

a { color: #100c4d;}

.fliesstext { font-family: "Verdana"; font-size: 0.75em; line-height: 1.75em; color: #100C4D;}

h1  { font-family: "Comic Sans MS"; color: #100c4d; font-size: 175%; margin: 0px; padding: 0px }
h2 { font-family: "Comic Sans MS"; color: #100C4D; font-size: 125%; margin: 0px; padding: 0px; }

/* Tabelle Termine */

.table_termine  { width: 350px }
.td_termine  { color: #100C4D; vertical-align: top; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; border-bottom: 1px solid #100C4D }

/* Tabelle Galerie */

.table_galerie  { width: 350px }
.td_galerie  { color: #100C4D; vertical-align: top; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }


/* Liste Navigation */
ol { margin-left: 25px; padding: 0px; }
ol li { font-weight: bold; }

a { color: #100C4D; text-decoration: none; }
a .aktiv { color: #990000; }
.navi_li_1  { vertical-align: middle; margin-right: 10px; margin-bottom: 6px; }
.navi_li_2 { vertical-align: middle; margin-right: 10px; margin-bottom: 6px; }
.navi_li_3  { margin-right: 10px; margin-bottom: 6px;  }
.navi_li_4 { vertical-align: middle; margin-right: 10px; margin-bottom: 6px; }
.navi_li_5 { vertical-align: middle; margin-right: 10px; margin-bottom: 6px; }
.navi_li_6 { vertical-align: middle; margin-right: 10px; margin-bottom: 6px; }
.navi_li_7 { margin-right: 10px; margin-bottom: 6px;}
a:hover { color: #990000; }

.fliesstext a { text-decoration: underline; }

.fliesstext .zurueck { font-family: "Comic Sans MS"; text-decoration:none; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; }

/* Navigation Nuesse */

.aktiv_2   { background: url(pics/nuss_aktiv.gif) no-repeat 0px 0px; text-align: center; vertical-align: middle; width:40px; height: 36px; }
.deaktiv_2  { background: url(pics/nuss_deaktiv.gif) no-repeat 0px 0px; text-align: center; vertical-align: middle; width: 40px; height: 36px; }

.aktiv_2 a { color: #ffffff; font-weight: bold; text-decoration:none; font-size: 0.75em;  }
.deaktiv_2 a { color: #ffffff; font-weight: bold; text-decoration:none; font-size: 0.75em; }


/* DIV-Container Standard */
#hg_standard_orange { background-image:url(pics/hg_orange.gif); background-repeat:no-repeat; position:absolute; z-index: 1; top: 100px; left: 100px; width: 787px; height: 443px; visibility: visible;  display: block; border: 1px solid black; display: block  }
#hg_standard_green { background-image:url(pics/hg_green.gif); background-repeat:no-repeat; position:absolute; z-index: 1; top: 100px; left: 100px; width: 787px; height: 443px; visibility: visible;  display: block; border: 1px solid black; display: block  }
#hg_standard_cyan {  background-color:#88C0D1; background-image:url(pics/hg_cyan.gif); background-repeat:no-repeat; position:absolute; z-index: 1; top: 100px; left: 100px; width: 787px; height: 443px; visibility: visible;  display: block; border: 1px solid black; display: block  }
#hg_standard_magenta { background-color:#EE7183; background-image:url(pics/hg_magenta.gif); background-repeat:no-repeat; position:absolute; z-index: 1; top: 100px; left: 100px; width: 787px; height: 443px; visibility: visible;  display: block; border: 1px solid black; display: block  }
#hg_standard_gray { background-color:#BFA0A4; background-image:url(pics/hg_gray.gif); background-repeat:no-repeat; position:absolute; z-index: 1; top: 100px; left: 100px; width: 787px; height: 443px; visibility: visible;  display: block; border: 1px solid black; display: block  }


#seo { position:absolute; top: 0px; left: -600px; width: 600px; visibility: visible;  display: block }
#navigation { position:absolute; z-index: 2; top: 130px; left: 25px; width: 125px; visibility: visible;  display: block; font-family: "Comic Sans MS"; font-size: 0.65em; color: #100C4D; }
#content { position:absolute; z-index: 3; top: 67px; left: 237px; height: 375px; width: 548px; visibility: visible;  display: block; overflow:auto; }

#text { position:absolute; top: 67px; z-index: 4; left: 0px; width: 314px; visibility: visible;  display: block;}
#bilder { position:absolute; top: 67px; z-index: 5; left: 330px; width: 198px; visibility: visible;  display: block; }

#zurueck { position:absolute; top: 340px; z-index: 11; left: 0px; width: 400px; height:34px; visibility: visible;  display: block; }


/* DIV-Container Startseite */
#logo_startseite { position:absolute; top: 150px; left: 573px; visibility: visible;  display: block  }
#hg_startseite { position:absolute; top: 100px; left: 100px; visibility: visible; border: 1px solid black; display: block }


/* DIV-Container Lernspiel */

#richtig { position: absolute; z-index: 10; top: 63px; left: 390px; width: 176px; height: 117px; visibility: hidden; display: block }
#falsch { position: absolute; z-index: 7; top: 63px; left: 390px; width: 176px; height: 117px; visibility: hidden; display: block }
#Ebene1 { position: absolute; z-index: 8; top: 158px; left: -96px; width: 95px; height: 95px; visibility: visible; display: block }
#Ebene2 { position: absolute; z-index: 9; top: 253px; left: -96px; width: 95px; height: 95px; visibility: visible; display: block }
#animierte_maus { position: absolute; z-index: 6; top: 100px; left: 700px; visibility: visible; display: block }


/* Suchformulare */

.suche {width: 250px;background-color:#D0BCBE;color: #100C4D;border: 1px solid #100C4D;padding:2px;}
.suche_button {width: 100px;background-color:#BFA0A4;color: #100C4D;border: 1px solid #100C4D;padding:2px;margin-top:10px;}

.suche2 {width: 250px;background-color:#B6D6E0;color: #100C4D;border: 1px solid #100C4D;padding:2px;}
.suche_button2 {width: 100px;background-color:#88C0D1;color: #100C4D;border: 1px solid #100C4D;padding:2px;margin-top:10px;}