body { 
color: black; 
font:  0.9em Tahoma, Helvetica, Arial, sans-serif; 
color: #666666; 
background-color: #f3f1f1;
}

div#wrap 
{ width: 821px; left:10%; padding: 0; top:0; margin: 0 auto; position:absolute; height:auto; background: url(../images/page_border2.gif) repeat-y; }

h1 { color: black; font-size: 14px; font-family: Verdana, Arial; text-decoration: none; }
h2 { color: gray; font-size: 12px; order-right-style: solid; }
h3 { color: #000080; font-size: 1em; font-family: Verdana, Arial; font-weight: bold; text-decoration: none; }
h4 { color: maroon; font-size: 1em; font-family: Tahoma, Helvetica; }
h5 { 
      color: #445b5d; 
      font-size: 0.8em; 
      font-family:  Arial, Verdana; 
      margin-top: 1em; 
      margin-bottom: 1em;
      font-size: 11px;
      }

p {}

a:link { color: blue ; font-size: 0.9em; }

a:visited { color: blue ; font-size: 0.9em; overflow: auto; }

a:hover { color: #f70b3e ; font-size: 0.9em; }

a:active { color: blue ; font-size: 0.9em; }

#container{ 
background-color: #fff; 
width: 781px; 
height: 100%; 
min-width: 781px; 
min-height: 3000px; 
margin: 0 0 0 1em; 
}

/*Grafik oben links*/
#headerli { background-color: #fff;
           float: left;
           background-image: url(../images/schule.jpg);
           width: 200px; 
           height: 120px;
           
           }
/*Grafik oben rechts*/
#headere { 
background-color: #fff; 
background-image: url(../images/headere.gif); 
background-repeat: no-repeat; 
width: 576px; height: 120px; 
float: right; 
clear: right; 
}

#Inhalt { 
          color: #000080; 
          font-size: 10pt; 
          background-color: #fff; 
          height: 200%; 
          width: 568px; 
          visibility: visible; 
          float: left; 
          margin-top: 2em; 
          margin-left: 5px; 
          margin-right: auto; 
          padding-left: 2px; 
          }
/*linke Menüleiste*/
#menue {  }
.menue2 { color: #827f7f; 
float: left; 
clear: left; 
width: 200px; 
margin: 5px 0; padding: 0;
 background: #e0eaf7; 
 text-align: left; 
 height: 100%;
  min-width: 200px; 
  min-height: 8000px;
  }
.menue2 .heading { margin-top: 0; padding: 10px 15px; background-image: url(../images/img3.gif); text-transform: uppercase; letter-spacing: 2px; font: bold 0.8em Tahoma, Arial, Helvetica, sans-serif; color: #ffffff; background-repeat: no-repeat; background-position: center 4px; text-align: center; margin-bottom: -8px; margin-top: 10px; }
.menue2 .heading2 { color: #ffffff; font: bold 0.8em/16pt Tahoma, Arial, Helvetica, sans-serif; background-image: url(../images/img3.gif); text-transform: none; letter-spacing: 2px; margin-top: -5px; margin-bottom: -5px; padding: 10px 15px; }
.menue2 .content { text-align: left; margin: 0; margin: 0; padding: 0 10px; }

.menue2 ul { padding: 0; line-height: normal; margin-left: 0; list-style-type: none; list-style-image: none; }

.menue2 li { padding: 2px 0; border-top: 1px dotted #1f1f21; list-style-type: none; list-style-image: none; }

.menue2 li.first {
                  
                   list-style-type: none; 
                   list-style-image: none;
                   border: none; 
                   }

.menue2 a { 
                   font-size: 0.8em; 
                   font-family:  Helvetica, Verdana; 
                   font-stretch: condensed; 
                   padding-left: 10px; 
                   background: url(../images/img4.gif) no-repeat left center; 
                   text-decoration: none; 
                   }
.menue2 a.active{color: black;  }
/*obere Menüleiste*/
#navi { 
                    background-color: transparent; 
                    background-repeat: repeat; 
                    background-attachment: scroll; 
                    float: right; 
                    width: 573px; 
                    height: 120px; }

#navi h2 {
	display: none;
}

#navi ul { 
                  float: right; 
                  margin: 0; 
                  list-style: none; 
                  line-height: normal; 
                  padding-top: 103px;                 
                  padding-right: 10px; 
                  padding-bottom: 0; }

#navi li {
	display: inline;
}

#navi a { 
     text-decoration: none; 
     color: black; 
     font-size: 1em;
     font-family: Arial; 
     font-variant: small-caps; 
     letter-spacing: 0.5pt; margin-left: -4px; 
     padding-right: 0.5em; 
     padding-left: 0.5em; 
     border-right: 0.5pt solid black; 
}
#navi a:hover { 
       color: black; 
       background-color: #fff; 
       background-position: 0 0; 
       text-decoration: none; 
       margin-left: -4px; 
       padding-right: 0.5em; 
       padding-left: 0.5em; 
       }
#navi a.active {
       color: black; 
       background-color: white; 
       background-position: 0 0;
       text-decoration: none; 
       margin-left: -4px; 
       padding-right: 0.5em; 
       padding-left: 0.5em; 
       } 

img { /* Alle Bilder bekommen einen sch?nen Rahmen. */
  padding: 1pt; border: solid 1pt #aaa; /* Gute Browser machen ein zu gro?es Bild, welches das Design sprengen w?rde, entsprechend kleiner. Funktioniert beim IE leider nicht. */
}
.fleft { /* Sachen, an denen der Text vorbeiflie?en soll, wierden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0; /* Man sollte einen sch?nen Abstand w?hlen, sonst kleben die Sachen so am Text. */
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}