body {
 margin: 0px 0px 10px 0px;
 background-color: #5a81a8;
 }

#blau {
 font-size: 12px;
 font-family: Arial, Helvetica, Sans-serif;
 color: #007CC3;
 }

#ueberblau {
 font-size: 18px;
 font-family: Arial, Helvetica, Sans-serif;
 color: #007CC3;
 }

#uebergruen {
 font-size: 18px;
 font-family: Arial, Helvetica, Sans-serif;
 color: #32AC4E;
 }

#gruen {
 font-size: 12px;
 font-family: Arial, Helvetica, Sans-serif;
 color: #32AC4E;
 }

#layouttabelle {
 width: 1000px;
 border: 0px;
 margin: 0px;
 padding: 0px;
 border-collapse: collapse;
  }

#kopf {
 height: 100px;
 width: 1000px;
 background-image: url('Bilder/blauverlaufinv.jpg');
 background-repeat: repeat;
 }

#kopftd {
 background-image: url('Bilder/namenszug.gif');
 background-repeat: no-repeat;
 background-position: center;
 }

#logo {
 position: absolute; 
 left: 0; 
 top: 0;
 }

#schueler {
 position: absolute; 
 left: 815; 
 top: 2;
 }

#navitop {
 height: 30px;
 background-color: #32AC4E;
 vertical-align: bottom;
 font-weight: bold;
 font-size: 12px;
 font-family: Arial, Helvetica, Sans-serif;
 }

#links {
 width: 160px;
 text-align: right;
 }

#mitte {
 width: 660px;
  }

#rechts {
 width: 180px;
 text-align: center;
 }

#navi {
 width: 160px;
 vertical-align: top;
 font-size: 12px;
 font-family: Arial, Helvetica, Sans-serif;
 text-align: left;
 }

#hauptfeld {
 width: 660px;
 vertical-align: top;
 text-align: left;
 font-size: 12px;
 font-family: Arial, Helvetica, Sans-serif;
 padding: 15px 0px 0px 10px;
 }

#kalender {
 width: 180px;
 vertical-align: top;
 text-align: center;
 padding: 5px 5px 2px 10px;
 font-size: 12px;
 font-family: Arial, Helvetica, Sans-serif;
 }

#kasten {
 width: 100%;
 background-color: #DCE5EC;
 vertical-align: top;
 text-align: left;
 padding: 10px;
 spacing: 0px;
 }

#kastendunkel {
 width: 100%;
 vertical-align: top;
 text-align: left;
 spacing: 0px;
 }

#kastenhalb {
 width: 50%;
 background-color: #DCE5EC;
 vertical-align: middle;
 text-align: center;
 padding: 10px; 
 spacing: 0px;
 }

#klassen {
 font-size: 12px;
 font-family: Arial, Helvetica, Sans-serif;
 background-color: #32AC4E;
 color: #000000;
 padding: 5px 10px 5px 10px;
 text-decoration: none;
 }

#klassenaktiv {
 font-size: 12px;
 font-family: Arial, Helvetica, Sans-serif;
 background-color: #dce5ec;
 color: #000000;
 padding: 5px 10px 5px 10px;
 text-decoration: none;
 font-weight: bold;
 }

#navitop a {
 color: #000000;
 border-bottom: 3px solid #dce5ec;
 padding: 5px 10px 0px 10px;
 text-decoration: none;
 }

#navitop a:hover {
 color: #ffffff;
 }

#navitop a.aktiv {
 background-color: #5a81a8;
 border-bottom: 3px solid #5a81a8;
 }

#navi a{
 line-height: 20px;
 display: block;
 padding: 3px 0px 2px 28px;
 border-bottom: 3px solid #dce5ec;
 text-decoration: none;
 margin: 0;
 }
 
#navi a.a1 {
 background-color: #84a2bc;
 color: #0136D4;
 }
 
#navi a.a1:hover {
 color: #fff;
 background-color: #32AC4E;
 font-weight: bold;
 }

#navi a.a1down {
 background-image: url('Bilder/dreieck_unten.gif');
 background-repeat: no-repeat;
 background-position: 0 7px;
 background-color: #32AC4E;
 color: #fff
 }

#navi a.a1down:hover {
 font-weight: bold;
 }

#navi a.a1aktiv {
 background-image: url('Bilder/dreieck.gif');
 background-repeat: no-repeat;
 background-position: 0 7px;
 background-color: #32AC4E;
 color: #fff;
 font-weight: bold;
 }

#navi a.a2 {
 background-color: #9BF594;
 color:#006300
 }

#navi a.a2:hover{
 font-weight: bold;
 }

#navi a.a2aktiv {
 background-image: url('Bilder/dreieck_g.gif');
 background-repeat: no-repeat;
 background-position: 0 7px;
 font-weight: bold;
 background-color: #9BF594;
 color:#006300;
 }

#navi div.bild {
 border-bottom: 3px solid #dce5ec;
 height:125px;
 }