/* WOLFGANG-FREITAG-GRAFIK.DE - STYLESHEET */


/* ALLGEMEINE FORMATE */

body   { background-color: #ce9; 
text-align: center; margin: 0px; padding: 0px }
p {}
#kasten   { background-color: transparent; margin: 0px auto; padding: 0px; position: relative; width: 916px }
#titel   { background: transparent; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; width: 970px; height: 100px }
#titel a  { background: transparent url(../bilder/titel.gif) no-repeat left bottom; margin: 0px; padding: 0px; position: absolute; top: 45px; left: 0px; width: 462px; height: 55px; display: block }

/* HAUPTMEN† */

#hauptmenue   { background-color: transparent; margin: 0px; padding: 0px; position: absolute; top: 105px; left: 0px; width: 158px; height: 290px }
#leeresfeld { background: transparent; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#belletristik { background: transparent url(../bilder/belletristik_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#belletristik:hover { background: transparent url(../bilder/belletristik_an.gif) }
#belletristik_aktiv { background: transparent url(../bilder/belletristik_an.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#grimmsmaerchen { background: transparent url(../bilder/grimmsmaerchen_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#grimmsmaerchen:hover { background: transparent url(../bilder/grimmsmaerchen_an.gif) }
#grimmsmaerchen_aktiv { background: transparent url(../bilder/grimmsmaerchen_an.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#kinderbuch { background: transparent url(../bilder/kinderbuch_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#kinderbuch:hover { background: transparent url(../bilder/kinderbuch_an.gif) }
#kinderbuch_aktiv { background: transparent url(../bilder/kinderbuch_an.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#bilderbuch { background: transparent url(../bilder/bilderbuch_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#bilderbuch:hover { background: transparent url(../bilder/bilderbuch_an.gif) }
#bilderbuch_aktiv { background: transparent url(../bilder/bilderbuch_an.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#kindersachbuch { background: transparent url(../bilder/kindersachbuch_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#kindersachbuch:hover { background: transparent url(../bilder/kindersachbuch_an.gif) }
#kindersachbuch_aktiv { background: transparent url(../bilder/kindersachbuch_an.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#sachbuch { background: transparent url(../bilder/sachbuch_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#sachbuch:hover { background: transparent url(../bilder/sachbuch_an.gif) }
#sachbuch_aktiv { background: transparent url(../bilder/sachbuch_an.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#schulbuch { background: transparent url(../bilder/schulbuch_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#schulbuch:hover { background: transparent url(../bilder/schulbuch_an.gif) }
#schulbuch_aktiv { background: transparent url(../bilder/schulbuch_an.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#lernspielhefte { background: transparent url(../bilder/lernspielhefte_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#lernspielhefte:hover { background: transparent url(../bilder/lernspielhefte_an.gif) }
#lernspielhefte_aktiv { background: transparent url(../bilder/lernspielhefte_an.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#agenda { background: transparent url(../bilder/agenda_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#agenda:hover { background: transparent url(../bilder/agenda_an.gif) }
#agenda_aktiv { background: transparent url(../bilder/agenda_an.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#email { background: transparent url(../bilder/email_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#email:hover { background: transparent url(../bilder/email_an.gif) }

/* UNTERMEN† */

#untermenue   { background-color: transparent; margin: 0px; padding: 0px; position: absolute; top: 105px; left: 758px; width: 158px; height: 290px }
#ersteseite { background: transparent url(../bilder/ersteseite_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#ersteseite:hover { background: transparent url(../bilder/ersteseite_an.gif) }
#vorigeseite { background: transparent url(../bilder/vorigeseite_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#vorigeseite:hover { background: transparent url(../bilder/vorigeseite_an.gif) }
#naechsteseite { background: transparent url(../bilder/naechsteseite_aus.gif) no-repeat; margin: 0px; padding: 0px; width: 158px; height: 20px; display: block }
#naechsteseite:hover { background: transparent url(../bilder/naechsteseite_an.gif) }

/* INFO-BEREICH */

#info  { background-color: transparent; margin: 0px; padding: 0px; position: absolute; top: 400px; left: 158px; width: 600px; height: 30px }

/* INHALT */

#inhalt_start   { background: white url(../bilder/frosch_animiert.gif) no-repeat center; margin: 0px; padding: 0px; position: absolute; top: 100px; left: 158px; width: 600px; height: 300px }