/* -----------------------------------------------------------------------------
  Version 2.5 Horizontale Navigationsleiste.              Hans Strodl 05.03.2012
  - Navigation mit breitenflexiblen Hintergrundbildern für Tab-Darstellungen
  - Optimiert
----------------------------------------------------------------------------- */

div#vnav2 {
   position:       absolute;
   margin-top:     95px;
   border-bottom:  1px solid grey;
   z-index:        1000;
   border:         0px dashed black;
}

/* ALLGEMEINE EINSTELLUNGEN ------------------------------------------------- */
div#vnav2 a {
  display:     block;
  padding:     0px 6px 0px 10px;
  text-decoration: none;
  font-size:   12px;
  color:       #333;
  white-space: nowrap;
}

/* Allgemein für alle a:hover */
div#vnav2 a:hover {
   color: red;
}

/* Wird von seinen Inhaltselementen in der Höhe nicht aufgezogen */
/* Gilt für alle ul innerhalb von div#vnav2 */
div#vnav2 ul {
   margin:    0;
   padding:   0;
   font-size: 100%;
   border:    0px dashed red;
}


/* Allgemein für alle li */
div#vnav2 li {
  margin:           0;
  padding-left:   5px; /* Abstandsvorgabe für das einzufügende a-Tag entsprechend Eckenrundung */
  min-width:    200px; /* Hier die Gesamtbreite des Menüs aller Ebenen anpassen */
  list-style:    none;
  font-size:     10px;
  line-height:   25px;
}



/* -----------------------------------------------------------------------------
  Ebene 1, Vertikalmenü oberste Ebene
------------------------------------------------------------------------------*/
div#vnav2 > ul > li           { background: transparent url(tab-links-normal.png)    0  100% no-repeat; }

div#vnav2 > ul > li > a       { background: transparent url(tab-rechts-normal.png) 100% 100% no-repeat; }

div#vnav2 > ul > li:hover     { background: transparent url(tab-links-hover.png)     0    0  no-repeat; }

div#vnav2 > ul > li > a:hover { background: transparent url(tab-rechts-hover.png)  100% 100% no-repeat; }

/* -----------------------------------------------------------------------------
  Ebene 2, vertikale Anordnung
------------------------------------------------------------------------------*/

div#vnav2   ul > li       > ul { display: none; }  /* Untermenü Eigenschaften schon festlegen */
div#vnav2   ul > li:hover > ul { display: block; }  /* Untermenü anzeigen, wenn Mousecursor drauf ist */

div#vnav2 > ul > li       > ul { margin-left: -5px; }   /* Left-Padding der li der Ebene 1 kompensieren */

div#vnav2   ul > li:hover > ul > li           { background: transparent url(tab2-links-normal.png)    0  100% no-repeat; }
div#vnav2   ul > li:hover > ul > li > a       { background: transparent url(ab2-rechts-normal.png) 100% 100% no-repeat; }

div#vnav2   ul > li:hover > ul > li:hover     { background: transparent url(tab2-links-hover.png)    0    0  no-repeat; }
div#vnav2   ul > li:hover > ul > li:hover > a { background: transparent url(tab2-rechts-hover.png) 100% 100% no-repeat; }