/* -------------------------------------------------------------------------
   Navigation > Hauptnavigation linke Spalte
   ------------------------------------------------------------------------- */
ul#nav-main {
  margin:    0;
  padding:  2px 0 0 0;
}
ul#nav-main li {
  border: 1px solid #99999B;
  border-width: 0px 0 1px 0;
  margin:    0;
  margin-bottom:  1px;
  padding:    0;
  list-style-type:  none;
  width:    227px;
  text-align: right;
}
ul#nav-main li a {
  display:    block;
  padding:  1px 3px 3px 3px;
  border-left: 0px solid #29292D;
  border-right: 6px solid #29292D;
  background-color: #29292D;
  color: #fff;
  text-decoration:  none;
  font-family: Arial, Verdana, Geneva, sans-serif;
  height: 16px;
}
ul#nav-main li a:hover {
  border-left: 0px solid #29292D;
border-right: 6px solid #99999B;
background-color: #29292D;
color: #99999B;
}

/* erste (=oberste) Ebene > Zustaende*/

ul#nav-main li a.no1 {
  border-left: 0px solid #29292D;
  border-right: 6px solid #29292D;
  background-color: #29292D;
  color: #fff;
  font-weight:  normal;
}
ul#nav-main li a.no1:hover {
  border-left: 0px solid #29292D;
  border-right: 6px solid #99999B;
  background-color: #29292D;
  color: #99999B;
}

ul#nav-main li a.act1 {

}
ul#nav-main li a.cur1 {
    border-left: 0px solid #29292D;
  border-right: 6px solid #29292D;
  background-color: #29292D;
  color: #99999B;
  font-weight:  normal;
}
ul#nav-main li a.cur1:hover {
  border-left: 0px solid #29292D;
  border-right: 6px solid #99999B;
  background-color: #29292D;
  color: #99999B;
}

/* hat weitere eigene Untermenues  */
ul#nav-main li a.ifsub1 {
  border-left: 0px solid #29292D;
  border-right: 6px solid #29292D;
  background-color: #29292D;
  color: #fff;
  font-weight:  normal;
}
ul#nav-main li a.ifsub1:hover {
  border-left: 0px solid #29292D;
  border-right: 6px solid #99999B;
  background-color: #29292D;
  color: #99999B;
}
/*  akitves Hauptmenu, falls ein eigenes Untermenu current   */
ul#nav-main li a.actifsub1 {
  border-left: 0px solid #29292D;
  border-right: 6px solid #29292D;
  background-color: #29292D;
  color: #99999B;
  font-weight:  normal;
}
ul#nav-main li a.actifsub1:hover {
  border-left: 0px solid #29292D;
  border-right: 6px solid #99999B;
  background-color: #29292D;
  color: #99999B;
}

/* zweite Menuebene*/

ul#nav-main li a.no2 {
  border-left: 0px solid #99999B;
  border-right: 6px solid #99999B;
  background-color: #99999B;
  color: #000;
}
ul#nav-main li a.no2:hover {
  border-left: 0px solid #99999B;
  border-right: 6px solid #99999B;
  background-color: #99999B;
  color: #EA5A19;
}
ul#nav-main li a.act2 {
  border-left: 0px solid #29292D;
  border-right: 6px solid #99999B;
  background-color: #29292D;
  color: #99999B;
}

ul#nav-main li a.cur2 {
border-left: 0px solid #29292D;
  border-right: 6px solid #99999B;
  background-color: #29292D;
  color: #99999B;

}
ul#nav-main li a.cur2:hover {
    border-left: 0px solid #99999B;
  border-right: 6px solid #99999B;
  background-color: #99999B;
  color: #EA5A19;

}
/* hat weitere eigene Untermenues  */
ul#nav-main li a.ifsub2 {
  border-left: 0px solid #99999B;
  border-right: 6px solid #99999B;
  background-color: #99999B;
  color: #000;

  }
ul#nav-main li a.ifsub2:hover {
  border-left: 0px solid #99999B;
  border-right: 6px solid #99999B;
  background-color: #99999B;
  color: #EA5A19;

}

/*  akitves Untermenu, falls ein eigenes Untermenu current   */
ul#nav-main li a.actifsub2 {
border-left: 0px solid #99999B;
  border-right: 6px solid #99999B;
  background-color: #99999B;
  color: #EA5A19;
}
ul#nav-main li a.actifsub2:hover {
  border-left: 0px solid #99999B;
  border-right: 6px solid #99999B;
  background-color: #99999B;
  color: #EA5A19;
}

/* dritte Menuebene*/

ul#nav-main li a.no3 {
  border-left: 0px solid #99999B;
  border-right: 12px solid #99999B;
  background-color: #99999B;
  color: #000;
  
  font-weight:  normal;
}
ul#nav-main li a.no3:hover {
  border-left: 0px solid #99999B;
  border-right: 12px solid #99999B;
  background-color: #99999B;
  color: #EA5A19;
}
ul#nav-main li a.act3 {

}
ul#nav-main li a.cur3 {
  border-left: 0px solid #99999B;
  border-right: 12px solid #99999B;
  background-color: #99999B;
  color: #EA5A19;
}
ul#nav-main li a.cur3:hover {
  border-left: 0px solid #99999B;
  border-right: 12px solid #99999B;
  background-color: #99999B;
  color: #EA5A19;
}

@media (max-width: 568px) {
ul#nav-main li {
  padding:   0px;
  margin-bottom:3px;
  width:   100%;
}
ul#nav-main li a {padding:5px;font-size:16px;}
}