
a:link { color:gray; }
a:visited { color:gray; }


  body {
     background-image:url(../startseite_grafik/bg1.jpg);
     font: normal 100.01% arial;
     color: "black"; background-color: gray;
  }






#navistart {
        background-color: #f0e68c;
        margin: 0 auto;
        padding: 0.3em 0 0 0;
        font-family: georgia, serif;
        
}

/* to stretch the container div to contain floated list */
#navistart:after {
        content: ".";
        display: block;
        line-height: 1px;
        font-size: 1px;
        clear: both;
}

ul#navistartlist {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 100%;
        font-size: 0.8em;
}

ul#navistartlist li {
        display: block;
        float: left;
        width: 18%;
        margin: 0;
        padding: 0;
}

ul#navistartlist li a {
        display: block;
        width: 100%;
        padding: 0.5em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #f7f2ea;
}

#navistart>ul#navistartlist li a { width: auto; }

ul#navistartlist li#active a {
        background: #f0e68c
        color: #800000;
}

ul#navistartlist li a:hover, ul#navistartlist li#active a:hover {
        color: #800000;
        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
}





#navistart1 {
        background-color: #f0e68c;
        margin: 0 auto;
        padding: 0em 0 0 0;
        font-family: georgia, serif;
        
}

/* to stretch the container div to contain floated list */
#navistart1:after {
        content: ".";
        display: block;
        line-height: 1px;
        font-size: 1px;
        clear: both;
}

ul#navistartlist1 {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 100%;
        font-size: 0.7em;
}

ul#navistartlist1 li {
        display: block;
        float: left;
        width: 18%;
        margin: 0;
        padding: 0;
}

ul#navistartlist1 li a {
        display: block;
        width: 100%;
        padding: 0.5em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #f7f2ea;
}

#navistart1>ul#navistartlist1 li a { width: auto; }

ul#navistartlist1 li#active a {
        background: #f0e68c
        color: #800000;
}

ul#navistartlist1 li a:hover, ul#navistartlist1 li#active a:hover {
        color: #800000;
        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
}





#navcontainer {
              
        margin: 0 auto;
        padding: 1em 0;
        font-family: georgia, serif;
        font-size: 14px; color: #800000;
        text-align: left;
        
}

ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 280px;
}

ul#navlist li {
        display: block;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em 0 0.5em 1em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #2f4f4f;
        text-decoration: none;
        font-weight: 550;
        background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #f0e7d7;
        color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: white;
        background: silver;
        border-color: #aaab9c #fff #fff #ccc;
}





#navcontainer1 {
              
        margin: 0 auto;
        padding: 1em 0;
        font-family: verdana;
        font-size: 12px;
        text-align: left;
        
}

ul#navlist1 {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 140px;
}

ul#navlist1 li {
        display: block;
        margin: 0;
        padding: 0;
}

ul#navlist1 li a {
        display: block;
        width: 100%;
        padding: 0.5em 0 0.5em 2em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #f7f2ea;
}

#navcontainer1>ul#navlist1 li a { width: auto; }

ul#navlist1 li#active a {
        background: #f0e7d7;
        color: #800000;
}

ul#navlist1 li a:hover, ul#navlist1 li#active a:hover {
        color: #800000;
        background: white;
        border-color: #aaab9c #fff #fff #ccc;
}






ul#Navigation1 {
    width: 125px;
    font-size: 12px; color: #2f4f4f;
    margin: 0; padding: 0.3em;
    
  }
  * html ul#Navigation1 {  /* Korrekturen fuer IE 5.x */
    width: 11em;
    w\idth: 11em;
    padding-left: 0;
    padd\ing-left: 0.6em;
  }
  ul#Navigation1 li {
    list-style: none;
    margin: 0.4em; padding: 0.2em;
    border: 1px solid gray;
    background-color: white;
  }

  ul#Navigation1 a , {
    display: block;
    padding: 0;    
    text-decoration: none; 
    
    color: #2f4f4f;
   }
    ul#Navigation1 a:hover {
    border-color: white;
    border-left-color: black; border-top-color: black;
    font-color: white; background-color: silver;
  }















ul#uebung {
    font-size: 1.0em;
    font-family: verdana;
    margin: 0; padding: 0;
    border: 1px dashed silver;
  }
  ul#uebung li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#uebung a {
    display: block;
    padding: 0.2em;
    color: gray;
  }
  ul#uebung a:link {
    color: silver; background-color: silver;
  }
  ul#uebung a:visited {
    color: silver; background-color: silver;
  }
  
  ul#uebung a:hover {
    color: #2f4f4f; background-color: white;
  }






   

  div#hintergrund    {
    margin-left: 20px; margin-right: 20px;
    background-color: #fffff0; padding: 1px 20px;
    text-align: justify;
    font-family: verdana;
    font-size: 11pt;
    color: #2f4f4f;

  }


 div#hintergrund  h1 {
  font-size: 1.03em;
  margin-bottom: 4px;
  }

div#tabelle    {
    background-color: #E1E1E1;
    text-align: justify;
    font-family: verdana;
    font-size: 11pt;
    color: #2f4f4f;
    padding: 0px 15px 15px 15px;
    border:1px solid gray;
    }

  
  div#Bild_links          {
   float: left; margin-right: 20px;
   margin-bottom: 15 px;
   border:1px solid gray;
  }

 div#Bild_rechts          {
   float: right; margin-left: 20px;
   margin-bottom: 15 px;
   border:1px solid gray;
  }

