@media screen {
    html, body {
      height: 100%; overflow-y: auto; }
    #content {
      height: 80%; overflow: auto;
    }
    #scrollingArea {
      position: static; 
    }
}

#navigation { top: 7em; left: 0; margin-left: 0.5em; height: 77%; width: 13.9em; overflow: auto; }
body { color:#000000; font-family: Arial; font-size: small; font-weight: bold; background-color: #CEDF1C /* RGB 206, 223, 28 */; margin: 0 0 0 0}
div#content { position: absolute; top: 11em; height: 70%; width: 100%; overflow: auto; }
div#innerContent { position: absolute; left: 14.5em; width: 79%; height: 100%; overflow: auto; background-image: url(images/icons/back_gruen.gif); background-color: #B7CC1E; }
.clear { clear: both }
div.headingblock { float: left; margin-left: 0.1em; margin-top: 10px; }
div.headinglink { float: left; margin-left: 1.5em; margin-top: 10px; width: 9em; }
div.headinglink ul { list-style-image: url(images/icons/pin_gelb.gif); padding-left: 0; margin-left: 2em; }
div#logo { float: right; margin-left: 1em; margin-right: 1em; margin-top: 10px; }
div#whiteboard { background-color: #FFFFFF; margin-left: 0.5em; padding-left: 0em; font-size: large; line-height: 0.7em; }
p#whiteboardTop { margin-top: 0; padding-top: 0; }
p#whiteboardMid { text-align: center; line-height: 1.5em;}
p#whiteboardBottom { text-align: center; line-height: 1em; }
p#whiteboardTop, p#whiteboardTop a, p#whiteboardBottom, p#whiteboardBottom a { color: #0000FF; }
p#whiteboardMid, p#whiteboardMid a { color: #BE000A; padding-left: 0.5em; padding-right: 0.5em;}
img#linksoben { padding-right: 1.5em; }
img#rechtsoben { padding-left: 1.5em; padding-right: 0; }
img#linksunten {  padding-left: 0.25em; padding-right: 0.75em; }
img#rechtsunten { padding-left: 1em; padding-right: 0.25em; }
html>body #navigation { position: fixed; top: 10em; left: 0; margin-left: 0.5em; }
div.contentblock { float: right; padding-left: 2em; }
img.foto { width: 350px; border-style: none; padding-left: 0.5em;}
img.frosch { width: 25px; height: 22px; }
img.neu { width: 75px !important; height: 46px !important; float: left;}
img.mail { width: 37px; height: 36px; }

.grplogo { width: 480px; padding-top: 1.3em; }
.grplogo div { position: relative; float: left; width: 399px; }
.grplogo img { width: 30.5em; height: 5.5.em; }
.grplogo img#minimath { height: 95px; width: 190px }
.grplogo img#frosch { width: 115px; height: 133px; }
.grplogo h2 { position: absolute; top: 0.8em; left: 0.7em; z-index: 99;}
.grplogo h2 a { color: rgb(252, 228, 30);}
.grplogo div span { font-size: medium; position: absolute; top: 3.7em; left: 0.9em; text-align: left; width: auto;}
.grplogo h2 a, .grplogo div span a { font-family: 'Comic Sans MS'; text-decoration: none;}

#raster .grplogo { padding-top: 0 }
#raster .grplogo, #raster .grplogo div { width: 220px }
#raster img { height: 3em; width: 16.5em; }
#raster img#minimath { height: 38px; width: 76px }
#raster .grplogo h2 { left: 0.4em; top: -0.25em; width: auto;}
#raster .grplogo div span { top: 1.35em; left: 0.5em; width: auto; }
#raster .grplogo div span a, #raster .grplogo h2 a { font-size: 9px; }

img#Moargut { width: 157px; height: 67px;}
.nebenfoto { margin-top: 120px; margin-bottom: 240px; }
a:link, a:visited, a:active { color:#000000; }
h1, h2 { font-size: large; margin-top:0.5em; margin-bottom:1%; text-align: left; }
em { font-style:normal; color:#CC0033 } 
p { margin-top:1%; margin-bottom:0.5em; }
p.wichtig { font-size: medium; text-align: center }
th { font-size: medium; margin-top: 0.5em; margin-bottom:0.5em; text-align: left; }
td { margin-top:0.5em; margin-bottom:1%; }
input, select { font-size: 11px; padding: 1px; }
.schlank { font-weight: normal; }
.gross { font-size: large; }
.klein { font-size: smaller; }
.rot { color: #BE000A }
.blau { color: #0000FF }
.listeFlach { list-style-type:none; list-style-image: none; padding-left: 0; margin-left: 0;}
.block { padding-top: 0.5em; padding-bottom: 0.5em; }
.float { width: 25%; float: left; } 
.listePins { list-style-image: url(images/icons/pin_gelb.gif); }
.listeFrosch { list-style-image: url(images/icons/frosch_m.jpg); }
li { padding-bottom: 0.1em }
ul#Aktivitaeten li { font-size: medium; padding-bottom: 0.5em }
div#navigation li { padding-bottom: 0.5em }
.Spalte1 { padding-left: 0em; padding-bottom: 1em; width: 30em; text-align: right }
.Spalte2 { padding-right: 0em; padding-bottom: 1em; width: 20em; text-align: left }
.hidden { position:absolute; left:-2000px; }
img { border-style:none; padding-right: 5px; }