ul.navi
{
  margin-top:10px;
  background-image:url(/_images/navi_bg.png);
  background-repeat:repeat-x;
  height:45px;
  font-size:18px;
  font-weight:normal;
  position:relative;
  z-index:10;
  zoom:1;
}

ul.navi li
{
  list-style-type:none;
  float:left;
  height:45px;
  position:relative;
  display:block;
  zoom:1;
  z-index:40;
}

ul.navi li span
{
  color: #E60006;
}

ul.navi li a
{
  color:#666;
  text-decoration:none;
  padding:20px;
  padding-top:10px;
  padding-bottom:8px;
  border-right:solid 1px white;
  display:block;
  font-weight:normal;
}

ul.navi li a:hover,
ul.navi li a:focus,
ul.navi li .hover
{
  color:black;
}

ul.navi li.active
{
  z-index:30;
}

ul.navi li.active.has_sub
{
  background-color:#C9BEAB;
}

ul.navi li.active a
{
  background-image:url(/_images/navi_bg_active.jpg);
  background-repeat:repeat-x;
  color:white;
  padding:20px;
  padding-top:10px;
  padding-bottom:8px;
}

ul.navi li.activesub
{
  background-color:#C9BEAB;
  z-index:30;
}

ul.navi li.activesub a
{
  background-image:url(/_images/navi_bg_active.jpg);
  background-repeat:repeat-x;
  color:white;
}

/* ZWEITE EBENE */

ul.navi li ul
{
  position:absolute;
  font-size:12px;
  background-color:#E4DFD6;
  border:solid 1px white;
  background-image:none;
  width:230px;
  padding:0px;
  margin:0px;
  zoom:1;
}

ul.navi li ul li
{
  list-style-type:none;
  float:none;
  height:auto;
}

ul.navi li ul li a
{
  padding-top:6px;
  padding-bottom:6px;
}

ul.navi li.active ul li a,
ul.navi li.activesub ul li a
{
  background-image:none;
  color:#666666;
  font-size:13px;
  font-weight:normal;
}

ul.navi li.active ul li a:hover,
ul.navi li.active ul li a:focus,
ul.navi li.activesub ul li a:hover,
ul.navi li.activesub ul li a:focus
{
  color:black;
}

ul.navi li ul li.active a,
ul.navi li ul li.activesub a
{
  display:none;
}

ul.navi li:hover ul,
ul.navi li:focus ul
{
  display:block;
}

ul.navi li ul,
ul.navi li.active ul,
ul.navi li.activesub ul
{
  display:none;
}

/* SUBNAVI */

ul.subnavi
{
  background-color:#C9BEAB;
  font-size:12px;
  margin-top:-5px;
  padding-top:5px;
  position:relative; /* for ie */
  z-index:auto;
  height:26px;
  z-index:5;
}

ul.subnavi li
{
  list-style-type:none;
  float:left;
  padding:3px;
  padding-left:10px;
  padding-right:30px;
}

ul.subnavi li a
{
  color:black;
  text-decoration:none;
  font-weight:normal;
}

ul.subnavi li a:hover,
ul.subnavi li a:focus
{
  text-decoration:underline;
  font-weight: normal !important;
}

ul.subnavi li a:active,
ul.subnavi li.active a
{
  font-weight:bold;
  text-decoration:none;
}

ul.subnavi li.active a:hover
{
  text-decoration:none;
  font-weight: bold !important;
}