#navigation {
   position: relative;
   width: 932px;
   height: 20px;
   background-color: #fff;
   text-align: left;
   z-index: 100;
}

#navigation #banner {
   position: absolute;
   left: 0; top: 26px;
   z-index: 1;
}

#navigation #media {
   position: absolute;
   left: 0; top: 26px;
   z-index: 1;
}

#navigation ul {
   margin: 0; padding: 0;
   list-style-type: none;
}

#navigation ul#nav {
   position: absolute;
   top: 0; left: 0;
   z-index: 999;
}

#navigation ul li {
   margin: 0; padding: 0;
   float: left;
   position: relative;
}

#navigation ul ul {
   position: absolute;
   top: 26px; left: -1px;
   z-index: 1000;
   width: 118px !important;
   width: 136px; /* fuer ie im quirks-modus width+padding+border */
   min-height: 160px;
   height: 204px;
   padding-left: 8px;
   padding-right: 8px;
   border: 1px solid #626262;
   border-top: none;
   /*overflow: hidden; /* abschneiden, wenn inhalte zu lang */
}

#navigation ul ul.l2 {
   top: 26px; left: 135px;
   z-index: 1001;
   width: 118px !important;
   width: 135px; /* fuer ie im quirks-modus width+padding+border */
   height: 160px;
   padding-left: 8px;
   padding-right: 8px;
   border: none;
   border-bottom: 1px solid #616262;
   border-right: 1px solid #616262;
}

#navigation ul div.bg {
   position: absolute;
   top: 26px; left: 0;
   z-index: 1000;
   width: 134px;
   height: 204px;
   background-image: url(../../img/layout/navigation/ebene1.gif);
   background-repeat: repeat-y;
   background-color: #8EA872;
   -moz-opacity: 0.67;
   -khtml-opacity: 0.67;
   opacity: 0.67;
   filter: Alpha(opacity=67);
}

#navigation ul div.bg.l2 {
   position: absolute;
   top: 26px; left: 135px;
   z-index: 1001;
   width: 134px;
   height: 160px;
   background-image: url(../../img/layout/navigation/ebene1.gif);
   background-repeat: no-repeat;
   background-color: #cacaca;
   -moz-opacity: 0.67;
   -khtml-opacity: 0.67;
   opacity: 0.67;
   filter: Alpha(opacity=67);
  }

#navigation ul ul li {
   float: none;
   font: normal 14px verdana,arial,sans-serif;
   line-height: 14px;
   width: 118px;
   overflow: hidden;
}

#navigation ul ul li a {
   color: #fff;
   text-decoration: none;
   display: block;
   width: 118px;
}

/* navigationspunkt in der 2. ebene mit unterpunkten */
#navigation ul ul li a.sub {
   background-repeat: no-repeat;
   background-position: 108px 6px;
   padding-right: 10px;
   width: 108px !important;
   width: 128px;
}

/* navigationspunkt in der 2. ebene AKTIV (mit unterpunkten) */
#navigation ul ul li.active a.sub {
   text-decoration: underline;
}

/* navigationspunkt 2. und 3. ebene AKTIV (ohne unterpunkte)*/
#navigation ul ul li.active a {
	text-decoration: underline;
}

#navigation ul ul li a:hover {
   text-decoration: underline;
}

#navigation img {
   border: none;
}

div.clearit {
   clear: both;
   height: 1px; font-size: 1px;
   overflow: hidden;
}

.hide {
	display: none;
}