/* CSS Kommentar */
 
body {                                           
font-size: 1em;                                 /* Seiten-zoom gesamt */
font-size: 100%;
                               /* Seiten-zoom gesamt */
margin: 0 auto;
font-family: Arial, Sans-Serif, Verdana, courier new;
         /*background-color: #B4EEB4; */

}



#gesamt {
  margin: 0em auto;			/* Gesamter Body: zentriert, darüber liegt contentgesamt, nur oben bei Navi sichtbar, weil */
  width: 80%;				/* contentgesamt genauso breit ist, über contentgesamt liegen die anderen Kästen */
                                  /*    width: Gesamter Body nur Breite */
  position: relative;
} 


#contentgesamt {				/* habe ich rausgenommen: gesamter Inhalt unter Navi mit Breitenangabe */
position: relative;
overflow: hidden;
width: 90%;				
margin: 2% auto;			/* Abstand unter Navi , auto = center*/
background-color: transparent;
}


ul#Navigation {
    margin: 0em; padding: 3em;             /* Abstä navi oben unten  */
    text-align: center;                   /* Format alle Wörter  */
    font-family: arial; font-size:75%     /* Format alle Wörter  */
    border: 5px solid black;              /*   Kasten um Navi   */
   /*  background-color: lightblue;           hinten der ges Streifen  */
  }


ul#Navigation li {
    list-style: none;
    display: inline;                      /* nebeneinander, ansonsten display block = untereinander */
    margin: 7px; padding: 4px;              /* Abstä zwischen Wörter,  zB   margin: 0.4em */
  }


ul#Navigation a, ul#Navigation span {         /* Format Wörter alle nicht angeklickt */
    padding: 0.2em 0.5em;                 /* Abst zw Wörter nicht angeklickt */
    text-decoration: none; 
    font-weight: bold;
    color: #008B45;
    border: 1px solid black;                            /*        Kästen um die Wörter = Buttons      */
 /*   border-left-color: white; border-top-color: white;    */
 /*   color: maroon;  */
     background-color: lightblue;                
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;                               /* nur fuer IE 5.0x erforderlich */
    width: auto;                              /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }


ul#Navigation a:hover, ul#Navigation span {              /* Format mit Maus drüber */
    border-color: white;
  /*   border-left-color: black;  background-color: #43CD80;   border-top-color: black;  */
    color: #32CD32; 
 
    
  }


ul#Navigation a.current, ul#Navigation span {             /* Format des angeklickten Wortes */
    border-color: green;
    border-left-color: green; 
    border-top-color: black;
    color: white; 
    text-decoration: underline;
    background-color: lightblue;  
  }

#inhaltsverzeichnisbox {				/* habe ich rausgenommen: gesamter Inhalt unter Navi mit Breitenangabe */
position: relative;
overflow: hidden;
width: 90%;				
margin: 2% auto;			/* Abstand unter Navi , auto = center*/
background-color: transparent;
}