html, body {height: 100%; margin: 0; padding: 0; background: #ffcc33; font: 9pt Verdana,sans-serif; line-height: 1.5em; overflow: hidden;}
p {margin: 0 0 1em 0;}
.gr {
	font-size: 12pt;
}
ul {margin: 0; padding: 0;}
img {border: 0;}
a, a:visited {text-decoration: none;} 
a:focus, a:hover {text-decoration: underline;}
table {border-collapse: collapse;}
td {padding: 4px 0 4px 0;}

#halter {height: 50%; margin-bottom: -210px;}
#huelle {position: relative; height: 420px; background: #ffffff;}
.fotohuelle#huelle{height: 482px;}
#logo {position: absolute; top: -52px; left: 20px; width: 69px; height: 72px; z-index: 3;}

#menue {position: relative; height: 20px; background: #ff8001; z-index: 2;}
#menue ul {position: absolute; top: 0; left: 109px; list-style: none;}
#menue ul li {position: relative; float: left; margin-right: 30px;}
#menue ul li a, #menue a:visited {display: block; font-weight: bold; text-decoration: none; color: #ffffff; line-height: 20px;}
#menue ul li a.unsichtbar, #menue a.unsichtbar:visited {color: #ff8001;} /*unsichtbarer intern*/
#menue ul li table {position: absolute; top: 0; left: 0;}
#menue ul ul {position: absolute; top: 20px; left: -5px; background: #ff8001; visibility: hidden;}
#menue ul ul li {margin: 0;}
#menue ul ul li a, #menue ul ul a:visited {float: none; display: block; font-weight: normal; padding: 0 5px; white-space: nowrap;}
#menue ul li:hover ul, #menue ul li a:hover ul {visibility: visible;}
#menue a:focus, #menue a:hover {color: #000000; cursor: pointer;}
#menue a.aktiv {color: #000000 !important;}
#menue li.pusher {padding: 0 5px; white-space: nowrap; font-weight: bold; line-height: 0; height: 0; visibility: hidden;}

#inhalthuelle {height: 380px; overflow: hidden;}
.fotohuelle#inhalthuelle { height: 462px;}
* html .sta {background: url(../bilder/fotos/start.jpg) no-repeat 729px top;}
* html .elt {background: url(../bilder/fotos/elterninitiative.jpg) no-repeat 729px top;}
* html .pae {background: url(../bilder/fotos/paedagogisches.jpg) no-repeat 729px top;}
* html .bet {background: url(../bilder/fotos/betreuung.jpg) no-repeat 729px top;}
* html .akt {background: url(../bilder/fotos/aktionen.jpg) no-repeat 729px top;} 
* html .aktwald {background: url(../bilder/fotos/aktion_waldwoche.jpg) no-repeat 729px top;}
* html .aktschw {background: url(../bilder/fotos/aktion_schwimmen.jpg) no-repeat 729px top;}
* html .aktturn {background: url(../bilder/fotos/aktion_turnen.jpg) no-repeat 729px top;}
* html .aktwoch {background: url(../bilder/fotos/aktion_wochenende.jpg) no-repeat 729px top;}
* html .aktproj {background: url(../bilder/fotos/aktion_projekt.jpg) no-repeat 729px top;}
* html .aktpal {background: url(../bilder/fotos/aktion_palaver.jpg) no-repeat 729px top;}
* html .aktschuli {background: url(../bilder/fotos/aktion_schulis.jpg) no-repeat 729px top;}
* html .kon {background: url(../bilder/fotos/kontakt.jpg) no-repeat 729px top;}
* html .imp {background: url(../bilder/fotos/impressum.jpg) no-repeat 729px top;}

#texthuelle {position: relative; float: left; height: 380px; width: 719px;}
* html #texthuelle {margin-right: -3px;}

.fotohuelle#texthuelle {position: absolute; left: 109px; height: 462px;}

#ueberschrift {position: absolute; top: 60px; left: 109px; width: 610px; font-weight: bold; line-height: 13px;}
#ueberschrift .pdflink {position: absolute; right: 0; top: 0; padding-left: 15px; font-weight: normal; background: url(../bilder/grafiken/download.gif) no-repeat left center;}

#text {position: absolute; top: 100px; left: 109px; height: 250px; width: 610px; overflow: auto;}
#text #letztabs {margin: 0;}
#text #neben {margin: 0; width: 440px; float: left;}
#text #letztlist {margin-bottom: 1em;}
#text.konh { background: url(../bilder/grafiken/karte.gif) no-repeat 150px bottom; }
#text .guidedtourlink {margin-left: 40px; margin-top: 1em;}
#text .liste {margin: 0; padding-left: 35px; background: url(../bilder/grafiken/bullet.gif) no-repeat 20px center;}
#text .pdflink {padding-left: 15px; background: url(../bilder/grafiken/download.gif) no-repeat left center;}
#text .emph {font-weight: bold;}
#text .tablinks {padding-right: 20px !important;}
#text .rahmenunten td {border-bottom: 1px dotted #ff8001;}
#text .keinrahmenunten {border: 0 !important;}
#text a.infolink {position: relative; display: block; height: 1em; width: 24px; color: #000000; text-decoration: none; background: url(../bilder/grafiken/info.gif) no-repeat 10px center; cursor: help;}
#text a.infolink:focus, #text a.infolink:hover {border: none;}
#text a.infolink span {display: none;}
#text a.infolink:focus span, #text a.infolink:hover span {position: absolute; top: 0; left: 40px; display: block !important; width: 140px; padding: 3px 5px; border: 1px solid #ff8001; background: #fff2e5;}
#text a.bildpopup {float: left; display: block; margin-top: 1.5em; margin-right: 38px; padding-left: 15px; background: url(../bilder/grafiken/popup.gif) no-repeat left 95px;}
#text a.bildpopuprechts {float: left; display: block; margin-top: 1.5em; padding-left: 15px; background: url(../bilder/grafiken/popup.gif) no-repeat left 95px;}
#text a.bildpopup img {display: block; margin-top: 0; margin-left: -15px;}
#text a.bildpopuprechts img {display: block; margin-top: 0; margin-left: -15px;}

#foto {height: 380px; overflow: hidden; text-align: right; background: #ffffff; padding-left: 10px;}

#footer {clear: both; height: 20px; background: #ff8001; text-align: right; padding: 0 3px 0 0;}
#footer a, #footer a:visited {text-decoration: none; color: #ffffff; line-height: 20px;}
#footer a:focus, #footer a:hover {color: #000000;}

#zurueck {float: left;}
#weiter {float: right;}
.platz {margin-top: 180px;}