/* class aktiv wenn seite ausgewaehlt (z.B. Home) */

li.aktiv {
  font-size:20px;   /* Schriftgroesse Hauptmenue   */
  font-weight:600;
  border-top: solid 8px #000; /* oberer Balken weiss wenn nicht hover   */
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 17px 20px;  /* Breite Hoehe vom Hauptmenue   */
  background: #ededed;
  cursor: pointer;
  color: #4b8014;
}




/* Menue ohne class) */
ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 0 17px 0;       /* 15px 4px 17px 0;  Abstand von 4 auf 0 damit kein Zwischenraum  Wert fuer rechts*/
  list-style: none;
}

ul li {
font-size:20px;   /* Schriftgroesse Hauptmenue   */
font-weight:600;

border-top: solid 8px #fff; /* oberer Balken weiss wenn nicht hover   */

  display: inline-block;
  margin-right: -6px;
  position: relative;
  padding: 17px 19px;  /* Breite Hoehe vom Hauptmenue   */
  background: #ededed;
  cursor: pointer;

}

ul li:hover {
  background: #ededed;  /* #555 wenn Hauptmenue dunkelgrau   */
  color: #4b8014;			/* #fff wenn Hauptmenue dunkelgrau   */
  border-top: solid 8px #000; /* oberer Balken schwarz wenn hover   */
}

ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 350px;    /* Breite Untermenue   */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
}

ul li ul li { 
  background: #666; 
  display: block; 
  color: #fff;
  font-size:15px;   /* Schrieftgroesse Untermenue   */
  font-weight:400;
  border-top: solid 1px #fff;  /* Border top im Untermenue  */
}

ul li ul li:hover { 
  background: #555; 
  border-top: solid 1px #fff;  /* Border top im Untermenue  */
  color:#ffc234;   /*gelbe schrift im Untermenue hover  */
}

ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  padding: 16px 0px;  /* wo soll Untermenue erscheinen (von oben, von links  */
  border-top:0px;	    /* Border top im Untermenue aus  */ 
}