/* Hauptnavi */


div#mid
{
position: relative;
}

ul#hauptnavigation
{
position: relative;
z-index: 0;
}

/*

ul#hauptnavigation li
{
position: relative;
z-index:-1;
}

ul#hauptnavigation li a
{
position: relative;
z-index:-2;
}
*/

ul#hauptnavigation li ul
{
position: relative;
z-index:50;
}

ul#hauptnavigation li ul li,
ul#hauptnavigation li ul li a
{
z-index: 50;
}

div#finish_head {
z-index:5;
}

div#shadefix {
z-index:5;
}


/*
div#finish_head {
   background-image:url(/_images/layout/content_top.png);
   background-position: 0 100%;
   padding-top: 0;
   height: 41px;
   line-height: 0;
   font-size: 0;
   position: relative;
   top: 0px;
   clear: none;
   width: 1000px;
   _position: absolute;
   _top: 38px;

   z-index:30;
}

div#mid_inner {
   width:1000px;
   padding-top: 0;
   _padding-top: 7px;
}
*/


/* 1. Ebene */

ul#hauptnavigation {
  position: relative;
  z-index: 20;
}

ul#hauptnavigation li {
  position: relative;
}

ul#hauptnavigation li a {
  height: 35px;
  margin-bottom: 35px;
}

#hauptnavigation li a:hover,
#hauptnavigation li a.active {
  background-color: transparent;
}

/*
ul#hauptnavigation li.PrototypeExample_hover a.active {
  height: 54px;
}
*/

ul#hauptnavigation li.hover a,
ul#hauptnavigation li:hover a {
   color:white;
   background:#d50a30 url(/_images/layout/verlauf_hauptnavigation_hover.gif) repeat-x;
}

#startseite #hauptnavigation li a {
   height: 36px;
}

#startseite #hauptnavigation li ul li a {
   height: auto;
}

/* 2. Ebene */

ul#hauptnavigation li ul {
  display: none;
  position: absolute;
  top: 34px;
  left: -1px;
  background-color: #D50A30;
  padding: 0;
  /*padding: 3px 0 3px 0;*/
  border: 1px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  margin-left: 0;
z-index:100;
}

ul#hauptnavigation li ul li,
ul#hauptnavigation li ul li.hover,
ul#hauptnavigation li ul li:hover {
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: none;
  position: relative;
  margin: 0;
  line-height: 0;
  font-size: 0;
}

ul#hauptnavigation li ul li.hover.last,
ul#hauptnavigation li ul li:hover.last {
  background-image: none;
}

ul#hauptnavigation li ul li a,
ul#hauptnavigation li.hover ul li a,
ul#hauptnavigation li:hover ul li a {
  display: inline-block;
  color: #FFFFFF;
  font-size: 11px;
  white-space: nowrap;
  padding: 4px 20px 5px 10px;
  min-width: 80px;
  width: auto !important;
  width: 80px;
  height: auto !important;
  border-top: 0;
  background-image: none;
  line-height: 120%;
  font-weight: normal;
  text-align: left !important;
  float: none;
  background-color: transparent;
  margin-bottom: 0;
  height: auto;
}

ul#hauptnavigation li ul li,
ul#hauptnavigation li.hover ul li,
ul#hauptnavigation li:hover ul li {
  background-image:url(/_images/layout/startseite/bg_navi_head_sublevel.gif);
  background-position: 0 0;
  background-repeat: repeat-x;
}

ul#hauptnavigation li ul li.first {
  background-image: none;
}

ul#hauptnavigation li#hi1 ul li a,
ul#hauptnavigation li#hi1.hover ul li a,
ul#hauptnavigation li#hi1:hover ul li a {
  padding-left: 20px;
}

ul#hauptnavigation li#hi2 ul li a,
ul#hauptnavigation li#hi2.hover ul li a,
ul#hauptnavigation li#hi2:hover ul li a {
  padding-left: 12px;
}

ul#hauptnavigation li ul li a:active,
ul#hauptnavigation li ul li a:hover {
  text-decoration: underline;
  background-image: none;
}

ul#hauptnavigation li.hover ul li a:hover,
ul#hauptnavigation li.hover ul li.hover a,
ul#hauptnavigation li:hover ul li:hover a {
  color: #FFFFFF;
}

ul#hauptnavigation li.hover ul,
ul#hauptnavigation li:hover ul {
  display: block;
}

/* 3. Ebene */

ul#hauptnavigation li ul li ul,
ul#hauptnavigation li.hover ul li ul,
ul#hauptnavigation li:hover ul li ul {
  display: none;
  position: absolute;
  left: 100%;
  top: -1px;
  margin: 0;
  border-top: 1px solid #FFFFFF;
}

ul#hauptnavigation li.hover ul li.hover ul,
ul#hauptnavigation li:hover ul li:hover ul {
  display: block;
}

ul#hauptnavigation li#hi1 ul li ul li a,
ul#hauptnavigation li#hi1.hover ul li ul li a,
ul#hauptnavigation li#hi1:hover ul li ul li a {
  padding-left: 10px;
  white-space: nowrap;
}

ul#hauptnavigation li ul li ul li a,
ul#hauptnavigation li.hover ul li.hover ul li a,
ul#hauptnavigation li:hover ul li:hover ul li a {
  color: #FFFFFF;
}

ul#hauptnavigation li.hover ul li.hover ul li a:hover,
ul#hauptnavigation li.hover ul li.hover ul li.hover a,
ul#hauptnavigation li:hover ul li:hover ul li:hover a {
  color: #FFFFFF;
}

ul#hauptnavigation li ul li ul li {
}

/* 4. Ebene */

ul#hauptnavigation li.hover ul li ul ul li ul,
ul#hauptnavigation li:hover ul li ul ul li ul,
ul#hauptnavigation li.hover ul li.hover ul li ul,
ul#hauptnavigation li:hover ul li:hover ul li ul,
ul#hauptnavigation li ul li ul ul li ul {
  display: none;
}