body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Verdana, Helvetica,Arial,sans-serif;
    margin: 0; padding: 4em;
    min-width: 46em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }
  div#Kopfspalte  {
    height: 3.4em;
    border: 1px dashed silver;
  }

 ul#Navigation {
    font-size: 0.7em;
    font-weight: bold;
    float: left;
    width: 13em;
    margin-top: -37.7em;
    margin-left: 2em;
    padding: 0em;
  }
   ul#Navigation li {
    list-style: none;
    margin: 0; 
   /* padding: 0.1em;*/
  }
  ul#Navigation a {
    display: block;
    text-decoration:none; 
   
  }
 
  ul#Navigation a:link {
    color: rgb(256,256,256);
    text-decoration:none; 
  }
 
  ul#Navigation a:hover {
    color: rgb(153,153,153);
    text-decoration:none; 
  }
div#Kapitel {
    text-align: right;
    float: right;
    text-decoration:none; 
    color: white;
    padding-right: 0.2em;
    padding-top: 0.5em;
   /* margin: 0.8em 0.8em 1.5em;*/
  }
    div#Unterpunkt {
    text-align: right;
    margin-top: 1.4em;
    font-size: 0.9em;
    font-weight:normal;
    float: right;
    text-decoration:none; 
    color: white;
    padding-right: 0em;
    padding-top: 0em;
  }
  div#StartText {
    font-size: 0.9em;
    font-weight:bold;
    float: right;
    text-decoration:none; 
    color: black;
    padding-right: 3em;
    padding-top: 0.3em;
  }

   div#Start {
    background-color: rgb(256,256,256);
     height: 3.4em;
     text-decoration:none; 
  }
  div#Start a {
    display: block;
    height: 3.4em;
    color: black;
   
  /*  margin-right: 3em;*/
    text-decoration:none; 
  }
  div#Kurse {
    background-color: rgb(183,183,183);
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-decoration:none; 
    height: 2.2em;
  }
   div#Kurse a {
    display: block;
    height: 2.2em;
    text-decoration:none; 
  }
    div#Kurse a:hover {
    background-color: rgb(153,0,0);
  }
  div#Netzwerk {
    background-color: rgb(183,183,183);
    border-left: 1px solid black;
    border-right: 1px solid black;
    height: 2.2em;
  }
  div#Netzwerk a {
    display: block;
    color: white;
    height: 2.2em;
    text-decoration:none; 
  }
   div#Netzwerk a:hover {
    background-color: rgb(255,153,153);
  }
   div#Kontakt {
    background-color: rgb(183,183,183);
    border-left: 1px solid black;
    border-right: 1px solid black;
    height: 2.2em;
  }
  div#Kontakt a {
    display: block;
    height: 2.2em;
    text-decoration:none; 
  }
   div#Kontakt a:hover {
    background-color: rgb(102,153,153);
  }
  div#WasIst {
    background-color: rgb(183,183,183);
    border-left: 1px solid black;
    border-right: 1px solid black;
    height: 2.2em;
  }
  div#WasIst a {
    display: block;
    height: 2.2em;
    text-decoration:none; 
  }
  div#WasIst a:hover {
    background-color:  rgb(153,102,0);
  }
  div#Tradition {
    background-color: rgb(153,204,102);
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 10.2em;
  }
  div#Tradition a {
    display: block;
    height: 0em;
    text-decoration:none; 
    color: white;
  }
   div#Lehrer {
    background-color: rgb(183,183,183);
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    height: 2.2em;
  }
 div#Lehrer a {
    display: block;
    height: 2.2em;
    text-decoration:none; 
  } 
   div#Lehrer a:hover {
    background-color: rgb(204,204,102);
  }
  
  div#PictStart {
    margin: 0em 4em; 
    height: 18px;
    width: 18px;
    /*border: 1px dashed green;*/
    background: #fed url(Bilder/Start.gif) no-repeat  ;
    }
  div#PixStart {
    float: right;
    background-color: rgb(256,256,256);
    height: 3.4em;
    width: 1em;
   /* border: 1px dashed silver;*/
  } 
   div#PixKurse {
    float: right;
    background-color: rgb(153,0,0);
    height: 2.2em;
    width: 1em;
   /* border: 1px dashed silver;*/
  } 
  div#PixNetzwerk {
    float: right;
    background-color: rgb(255,153,153);
    height: 2.2em;
    width: 1em;
   /* border: 1px dashed silver;*/
  } 
   div#PixKontakt {
    float: right;
    background-color: rgb(102,153,153);
    height: 2.2em;
    width: 1em;
   /* border: 1px dashed silver;*/
  } 
   div#PixWasIst {
    float: right;
    background-color: rgb(153,102,0);
    height: 2.2em;
    width: 1em;
   /* border: 1px dashed silver;*/
  } 
  div#PixTradition {
    float: right;
    background-color: rgb(153,204,102);
   height: 2.2em;
    width: 1em;
   /* border: 1px dashed silver;*/
  } 
   div#PixLehrer{
    float: right;
    background-color: rgb(204,204,102);
    height: 2.2em;
    width: 1em;
   /* border: 1px dashed silver;*/
  }
  
 div#Inhalt {
    font-size: 0.8em;
    width: 508px;
    padding: 0 1em;
    border: 1px solid black;
    float: left;
  }
  div#Inhalt h1 {
    font-weight:bold;
    font-size: 0.9em;
    margin: 1.5em 0 1.5em;
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
  div#Inhalt a {
    text-decoration:none; 
    color: rgb(153,204,102);
  }
  div#Inhalt a:hover {
    color: rgb(153,0,0);
  }
  div#Inhalt a:visited {
    color: rgb(153,0,0);
  }
   #kurse  {
    height: 6em;
    width: 12em;
    border: 1px dashed green;
    background: #fed url(vinired.jpg) no-repeat  ;
    /*background-color: green;*/
  }
  
 /*
 a:link { text-decoration:none; font-weight:bold; color:#e00000; }
  
   div#a:link { text-decoration:none; font-weight:bold; color:#e00000; }
*/
  
#kopfabstand {
    width: 534px;
    height:7.2em;
    background-color: rgb(153,204,102);
    border: 1px solid black;
  }
  
   #Foto  {
    margin: 2.2em 11.6em;  
    height: 230px;
    width: 294px;
    /*border: 1px dashed green;*/
    background: #fed url(Bilder/Tradition.gif) no-repeat  ;
    /*background-color: green;*/
  }
  
    div#Ueberschrift_bild  {
    height: 93px;
     width: 534px;
    background-color: white;
    background: #fed url(Bilder/Arbeitsweise_headline.gif) no-repeat;
    border-left: 1px solid black;
    border-right: 1px solid black;
  }
   div#UeberS_Luecke  {
    margin: 0em 11.2em 0em 0em; 
    height: 93px;
    background-color: white;
    border-right: 1px solid black;
  }
  div#bildbox {
     height: 21.8em;
     width: 534px; 
     border-top: 1px solid black;
     border-right: 1px solid black;
     border-left: 1px solid black;
     background-color: rgb(153,204,102);
  }