/* ####################################################
   ######  Navigation Horizontal oben   ###############
   ####################################################  */

 #vpnavigation {
      float:left;
      font-size:70%; 
      font-weight:bold;
      width:100%;
     /* line-height:normal;
      border-bottom: 1px solid #aeaeae; */
      }
 #vpnavigation ul {
        margin:0;
        padding:0px 0px 0px 150px; 
        list-style:none;
      } 
 #vpnavigation li {
      display:inline;
      margin:0;
      padding:0;
      } 
 #vpnavigation a  {
      float:left;
      background:url("../images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
 #vpnavigation a span {
      float:left;
      font-size:12px;
      display:block;
      background:url("../images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px; 
      color:#fff;
      }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 #vpnavigation a span {float:none;}
    /* End IE5-Mac hack */
 #vpnavigation a:hover span {
      color: red;
      }
 #vpnavigation a:hover, #vpnavigation #current a {
      background-position:0% -42px;
      }
 #vpnavigation a:hover span, #vpnavigation #current a span {
      background-position:100% -42px;
      }

/* ##### Schriftarbe des Buttons mit aktivem Link in der Subnavigation*/
   #vpnavigation li.activepath a.daddy span {
      color: red;
      }

/* ##### Farbe Link 2.Navigation */
  #active ul span {
      color: white;
      }

/* ###### Ausgabe Navigation 2. Ebene "/
/* ###### wird benoetigt damit die 2. Ebene nicht in der Hauptnavigation neben der 1. Ebene angezeigt wird */
  #vpnavigation ul ul { /* Listen 2. Ebene */
      position: absolute;
      display: block;
      width: 100px;
      padding: 0px;
      float: left;
      left: -999em;               /* durch "left" außerhalb des sichtbaren Bereichs wie "display: none", wird aber vom Textbrowser angezeigt werden */
      }