ul.navi {
  border-top: 1px #FFF solid;
  background-color: #002E90;
  background-repeat: repeat-x;
  height: 32px;
  font-size: 11px;
  font-weight: normal;
  position: relative;
  z-index: 20010;
  zoom: 1;
}

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

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

ul.navi li a {
  cursor: default;
  color: #FFF;
  text-decoration: none;
  padding: 10px 19px 8px 19px;
  display: block;
  font-weight: normal;
  border-bottom: 1px #FFF solid;
  border-right: 1px #FFF solid;
  text-transform: uppercase;
}

ul.navi li a:hover, ul.navi li a:focus, ul.navi li .hover { text-decoration: underline; }

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

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

ul.navi li.active a {
  border-bottom: 1px #DEDEDE solid;
  border-right: 1px #FFF solid;
  color: #002E90;
  font-weight: bold;
  text-decoration: none;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 8px;
}

ul.navi li.has_no_sub {  }
ul.navi li.has_no_sub a { cursor: pointer; }
ul.navi li.has_no_sub a:hover { background-color: #CFCFCF; text-decoration: none; color: #002E90; }
ul.navi li.has_no_sub.active { background-color: #DEDEDE; text-decoration: none; color: #002E90; height: 32px; }
ul.navi li.has_no_sub.active a:hover { background-color: #DEDEDE; text-decoration: none; color: #002E90; }
ul.navi li.has_no_sub.active a { border-bottom: 1px #002E90 solid; }

ul.navi li.activesub { background-color:#DEDEDE; z-index: 20030; }

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

/* ZWEITE EBENE */

ul.navi li ul {
  position: absolute;
  font-size: 11px;
  background-color: #002E90;
  border-width: 0px 1px 1px 0px;
  border-color: #fff;
  border-style: solid;
  border-left: 1px #000 solid;
  background-image: none;
  width: 230px;
  padding: 0px;
  margin: 0px;
  margin-top: -1px;
  zoom: 1;
}

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

ul.navi li ul li a { text-transform: none; cursor: pointer; padding-top:6px; padding-bottom:6px; border: 0; }
ul.navi li ul li a:hover { background-color: #dedede; color: #000; text-decoration: none; }

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.sub_navi {
  background-color:#DEDEDE;
  font-size: 11px;
  margin-top:-5px;
  padding-top:5px;
  padding-bottom: 5px;
  position:relative;
  z-index:auto;
  float: left;
  width: 100%; 
  z-index: 20005;
  display: none;
}

ul.sub_navi.show { display: block; }

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

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

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

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

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