/* Navi oben - hovert durch Verschieben der Backgroundgrafiken 
  - die beinhalten beide Zustände, normal oben und hover unten,
  genial! Idee von Douglas Bowman */  

    #header {
      float:left;
      width:100%;
      background:#444444;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:6px 0px 0;
      list-style:none;
      }
    #header li {
      display:inline;
      margin:0;
      padding:0;
      }
    #header a {
      float:left;
      background:url("../images/beide-links-foto.gif") no-repeat left top;
      margin:0;
      padding:0 0px 0 13px;
      text-decoration:none;
      }
    #header a span {
      float:left;
      display:block;
      background:url("../images/beide-rechts-foto.gif") no-repeat right top;
      padding:1px 19px 2px 6px;
      font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif; 
      font-weight:bold;
      color:white;
	  font-size:10pt; 
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a span {float:none;}
    /* End IE5-Mac hack */
    #header a:hover span {
      color:white;
      }
    #header #current a {
      background-position:0 -150px;
      border-width:0;
      }
    #header #current a span {
      background-position:100% -150px;
      padding-bottom:2px;
      color:white;
      }
    #header a:hover {
      background-position:0% -150px;
      }
    #header a:hover span {
      background-position:100% -150px;
      }