body {
    color: #000000;
    background-color: #ffffcc;

    background-image: url(image/bgnd.gif);
    background-repeat: repeat-y;

    /* background-image: url(image/flocke_t.gif); */

    font-size: 1em;
    font-family: "Comic Sans MS", Verdana, "Sans serif";
    margin: 0; 
  }


  h1 {
    font-size: 2em;
   /* margin: 1em 0.2em 1em 140px; */
  }

  html>body h1 {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }

  a:link {
    color: #0000ee;
    /* background-color: #ffffcc; */
    text-decoration:none;
}
  a:visited {
    color: #0000ee;
    /* background-color: #ffffcc; */
    text-decoration:none;
  }
  a:hover {
    color: #ff0000;
    /* background-color: #ffffcc; */
    text-decoration:none;
  }


  div#Logo {
    background-color: #8080ff;
    position:absolute; top:0; left:0;
    width: 120px; height:100px;
  }
  div#Logo a {
    display: block;
    padding: 35px;
    margin: 5px 0 0 0;
    background-position: center;
  }
  div#Logo a:link {
    background-image: url(image/schule0.gif);
    background-repeat: no-repeat;    
    background-color: #8080ff;
  }
  div#Logo a:visited {
    background-image: url(image/schule0.gif);
    background-repeat: no-repeat;    
    background-color: #8080ff;
  }
  div#Logo a:hover {
    background-image: url(image/schule1.gif);
    background-repeat: no-repeat;
  }
  div#Logo a:active {
    background-image: url(image/schule0.gif);
    background-repeat: no-repeat;
    background-color: #ffffcc;
  }


  div#Info {
    background-image: url(image/headline.jpg);
    background-repeat: no-repeat;
    background-color: #8080ff;
    margin: 0 0 0 120px;
    padding: 75px 0 0 0;
  }


  ul#Navigation {
    font-size: 0.9em;
    position: absolute; top: 100px; left: 0px;
    width: 116px;
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: #8080ff;
    text-align: right;
  }

/* Star-HTML Hack gegen blinde Listendarstellung von Microsoft-Browsern */

* html ul#Navigation {
    position: absolute; top: 100px; left: -16px;
  }


  ul#Navigation li {
    list-style: none;
    /* width: 116px; */
    margin: 0;
    padding: 2px;
  }
  ul#Navigation a {
    display: block;
    width: 116px; 
    /* padding: 0.1em;
    font-weight: bold; */
  }
  ul#Navigation a:link {
    color: #0000ee;
    font-weight: bold;
    background-color: #ccccff;
    text-decoration:none;
  }
  ul#Navigation a:visited {
    color: #0000ee;
    font-weight: bold;
    background-color: #ccccff;
    text-decoration:none;
  }
  ul#Navigation a:hover {
    color: #ff0000;
    font-weight: bold;
    background-color: #ffffcc;
    text-decoration:none;
  }
  ul#Navigation a:active {
    color: #ff0000;
    font-weight: bold;
    background-color: #ffffcc;
  }


  li#Nav_Schul a {
    display: block;
    padding: 25px 0 25px 0;
  }
  li#Nav_Schul a:link {
    background: url(schule/image/schule0.gif) center no-repeat #8080ff;
  }
  li#Nav_Schul a:visited {
    background: url(schule/image/schule0.gif) center no-repeat #8080ff;
  }
  li#Nav_Schul a:hover {
    background: url(schule/image/schule1.gif) center no-repeat;
  }
  li#Nav_Schul a:active {
    background: url(schule/image/schule0.gif) center no-repeat #ffffcc;
  }


  li#Nav_Lehr a {
    display: block;
    padding: 25px 0 25px 0;
    background-position: center;
  }
  li#Nav_Lehr a:link {
    background-image: url(lehrer/image/lehrer0.gif);
    background-repeat: no-repeat;
    background-color: #8080ff;
  }
  li#Nav_Lehr a:visited {
    background-image: url(lehrer/image/lehrer0.gif);
    background-repeat: no-repeat;
    background-color: #8080ff;
  }
  li#Nav_Lehr a:hover {
    background-image: url(lehrer/image/lehrer1.gif);
    background-repeat: no-repeat;
  }
  li#Nav_Lehr a:active {
    background-image: url(lehrer/image/lehrer0.gif);
    background-repeat: no-repeat;
    background-color: #ffffcc;
  }

  
  li#Nav_Klass a {
    display: block;
    padding: 30px 0 30px 0;
    background-position: center;
  }
  li#Nav_Klass a:link {
    background-image: url(klassen/image/klasse0.gif);
    background-repeat: no-repeat;    
    background-color: #8080ff;
  }
  li#Nav_Klass a:visited {
    background-image: url(klassen/image/klasse0.gif);
    background-repeat: no-repeat;    
    background-color: #8080ff;
  }
  li#Nav_Klass a:hover {
    background-image: url(klassen/image/klasse1.gif);
    background-repeat: no-repeat;    
  }
  li#Nav_Klass a:active {
    background-image: url(klassen/image/klasse0.gif);
    background-repeat: no-repeat;    
    background-color: #ffffcc;
  }

    
  li#Nav_Prax a {
    display: block;
    padding: 25px 0 25px 0;
    background-position: center;
  }
  li#Nav_Prax a:link {
    background-image: url(praxis/image/praxis0.gif);
    background-repeat: no-repeat;    
    background-color: #8080ff;
  }
  li#Nav_Prax a:visited {
    background-image: url(praxis/image/praxis0.gif);
    background-repeat: no-repeat;    
    background-color: #8080ff;
  }
  li#Nav_Prax a:hover {
    background-image: url(praxis/image/praxis1.gif);
    background-repeat: no-repeat;    
  }
  li#Nav_Prax a:active {
    background-image: url(praxis/image/praxis0.gif);
    background-repeat: no-repeat;    
    background-color: #ffffcc;
  }

  
  li#Nav_Aktu a {
    display: block;
    padding: 25px 0 25px 0;
    background-position: center;
  }
  li#Nav_Aktu a:link {
    background-image: url(aktuell/image/aktuell0.gif);
    background-repeat: no-repeat;    
    background-color: #8080ff;
  }
  li#Nav_Aktu a:visited {
    background-image: url(aktuell/image/aktuell0.gif);
    background-repeat: no-repeat;    
    background-color: #8080ff;
  }
  li#Nav_Aktu a:hover {
    background-image: url(aktuell/image/aktuell1.gif);
    background-repeat: no-repeat;    
  }
  li#Nav_Aktu a:active {
    background-image: url(aktuell/image/aktuell0.gif);
    background-repeat: no-repeat;
    background-color: #ffffcc;
  }


  li#Nav_Gast a {
    display: block;
    padding: 35px 0 35px 0;
    background-position: center;
  }
  li#Nav_Gast a:link {
    background-image: url(gast/image/gast0.gif);
    background-repeat: no-repeat;
    background-color: #8080ff;
  }
  li#Nav_Gast a:visited {
    background-image: url(gast/image/gast0.gif);
    background-repeat: no-repeat;
    background-color: #8080ff;
  }
  li#Nav_Gast a:hover {
    background-image: url(gast/image/gast1.gif);
    background-repeat: no-repeat;
  }
  li#Nav_Gast a:active {
    background-image: url(gast/image/gast0.gif);
    background-repeat: no-repeat;
    background-color: #ffffcc;
  }

/* Das ist das alte Bobbel-Format, ist zu entfernen */
  div#Nav_Bobbel {
    width: 38px; height:29px;
  }
  div#Nav_Bobbel a {
    display: block;
    padding: 0;
    margin: 0;
    background-position: center;
  }
  div#Nav_Bobbel a:link {
    background-image: url(image/bobbel0.gif);
    background-repeat: no-repeat;
  }
  div#Nav_Bobbel a:visited {
    background-image: url(image/bobbel0.gif);
    background-repeat: no-repeat;
  }
  div#Nav_Bobbel a:hover {
    background-image: url(image/bobbel1.gif);
    background-repeat: no-repeat;
    /* background-color: #ffffee; */
  }

/* Das ist das neue Bobbel-Format, ist generell einzutragen */
  div.bobbel a {
    display: block;
    min-height: 29px;
    padding: 0 0 0 42px;
    margin: 0;
    float: left; 
  }
  div.bobbel a:link {
    background-image: url(image/bobbel0.gif);
    background-repeat: no-repeat;
  }
  div.bobbel a:visited {
    background-image: url(image/bobbel0.gif);
    background-repeat: no-repeat;
  }
  div.bobbel a:hover {
    background-image: url(image/bobbel1.gif);
    background-repeat: no-repeat;
  }


  div#Inhalt {
    z-index:1;
    margin: 2em 1em 1em 140px; 
    text-align: left;
    border: none;
  }
  
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
  
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
  
  p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    padding: 0.1em 0 0 120px;
    margin: 0;
    text-align: center;
    background-color: #8080ff;
  }