/* RESET
   =====*/

#menu_h *,
#menu_v * {
 margin:0;
 padding:0;
 list-style:none;
 text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:20;
font-weight:normal;
}

ul#menu_v  a {
font-size:24px;
}

ul#menu_v ul a {
font-size:20px; 
width:260px; 
}


/* VERTIKAL MENU_V
   ================*/

ul#menu_v {
  width:200px;
 float:left;
 
}

 ul#menu_v ul {
  /* width:400px; */
 float:left;
 
}

ul#menu_v a {
 display:block; 
 font-weight:normal;
}


ul#menu_v  li  {
 padding:10 15;;
 position:relative;
}

/* Alle Ebenen ausblenden */

ul#menu_v ul, ul#menu_v li:hover ul ul, ul#menu_v li:hover ul ul ul  {
 position:absolute;
 left:-9999px;
 top:0;

}

/* Einzelne Ebenen einblenden */ 
ul#menu_v li:hover ul, ul#menu_v ul li:hover ul, ul#menu_v ul ul li:hover ul,
ul#menu_v li:hover ul a, ul#menu_v ul li:hover ul a, ul#menu_v ul ul li:hover ul a {
 left:200px;
  background:#0260B5;
 }



/* Hover Hinter- und Vordergrundfarbe für alle Ebenen */
ul#menu_v li:hover,
ul#menu_v li:hover a  {
  background:#0260B5;
  color:#fff;
}

 ul#menu_v ul li:hover, ul#menu_v ul ul li:hover, ul#menu_v ul ul ul li:hover,
 ul#menu_v ul li:hover a, ul#menu_v ul ul li:hover a, ul#menu_v ul ul ul li:hover a   {
  background:#014787;
  color:#fff;
}



/* HORZONTAL MENU_H 
   =================*/

ul#menu_h  {
  float:left;
  background:#333;
  width:100%;                 /* geändert von 150px auf 100% */
}

ul#menu_h a {
 display:block;
 padding:5px;
 color:#fff;
 font-weight:normal;
 border-right:1px solid #fff;
 text-align:center;
}


ul#menu_h li  {
 position:relative;            
 float:left;                    /* hinzugefügt um eine horizontale Ausrichtung zu erzielen */
 width:9.375em                  /* Hinzugefügt 150px / 16 = 9.375em */
}

/* Alle Ebenen ausblenden */

ul#menu_h ul, ul#menu_h li:hover ul ul, ul#menu_h li:hover ul ul ul  {
 position:absolute;
 left:-9999px;
 background:#000;
}

ul#menu_h  li:hover ul {
  background:#dad;
}

ul#menu_h  li:hover ul ul {
  background:#777;
}

ul#menu_h  li:hover ul ul ul {
  background:#444;
}

ul#menu_h ul {
 top:auto;                    /* Neue Position definiert 16px Schriftgröße + (2 x 5px) padding = 30px / 16 = 1.875em*/
}


/* Einzelne Ebenen einblenden */ 
ul#menu_h li:hover ul  {
 left:0;
 }


                                 /* Neuer Deklarationsblock um die Unterpunkte präzise zu positionieren */
ul#menu_h ul li:hover ul, ul#menu_h ul ul li:hover ul  {
 position:absolute;
 left:100%;
 top:0;
 }


/* Hover Hinter- und Vordergrundfarbe für alle Ebenen */
ul#menu_h li:hover, ul#menu_h ul li:hover, ul#menu_h ul ul li:hover, ul#menu_h ul ul ul li:hover    {
  background:#a33;
  color:#fff;
}

ul#menu_h a span {
 float:right;
  font-weight:normal;
  }