/*--gewährleistet einheitliche Abstände in unterschiedlichen Browsern--*/

#menu * {

margin: 0;

padding: 0;

z-index: 99999;

}



/*--definiert den Hintergrundbalken der Navi und einige allgem. Angaben--*/

#menu {

position: absolute;

left: 50%;

top: 128px;

margin-left: -255px;

width: 744px;

padding: 0;

background: transparent;

font-family: Verdana;

font-size: 1.1em;

line-height: 1.1; /*--bewirkt eine vertikale Textzentrierung--*/

float: left; /*--nimmt die Navileiste aus dem "Fluss", verhindert float-/clear-Probleme der ul--*/

height: 260px;

overflow: hidden;

z-index: 99999;

}



/*--definiert die einzelnen Navigationsblöcke--*/

#menu ul {

float: left;

width: 166px;

list-style-type: none;

}



/*--definiert die Blocküberschriften--*/

#menu h3 {

font-family: arial, helvetica;

text-transform: none;

}

#menu h3 a {

font-size: 12px;

text-align: center;

color: #ffffff;

border: 0;

border-right: 1px solid #ffffff;

background: #A4171A;

height: 2em;

padding-top: 0.8em;

}



#menu h3 a.first {

border-left: 1px solid #ffffff;

}



/*--definiert die "Drop-Down-Links" im Normalzustand--*/

#menu a {

font-size: 11px;

text-decoration: none;

display: block;

border: 1px solid #ffffff;

text-align: left;

background: #336666;

color: #ffffff;

}



#menu ul li ul li a {

padding: 6px 6px 6px 6px;

}



/*--definiert die "Drop-Down-Links" im Hoverzustand--*/

#menu a:hover, #menu a.active {

color: #ffffff;

background: #336666;

}



#menu a.inactive2:hover, #menu a.active2 {

color: #ffffff;

background: #A4171A;

}



/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/

#menu ul ul {

position: absolute;

margin-left: -1px;

width: 166px;

z-index: 3000;

display: none;

}



#menu li {

position: relative; /*verhindert im Zusammenhang mit pos. absolute bei ul ul eine Höhenvergrößerung von #menu beim Hovern--*/

}



/*--lässt die Dropdown-Links beim Hovern erscheinen--*/

#menu ul li:hover ul {

display: block;

}



/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:link {

font-size: 1em;

font-weight: bold;

text-align: center;

color: #000;

border: 1px solid #003366;

background: #ff8000;

}



/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {

color: #ff9224;

background: #003366;

border: 1px solid #ccc;

}



/*--nur für IE-Versionen <=6 erkennbar--*/

* html #menu ul li {

float: left;

width: 100%;

}



/*--nur für IE 7 erkennbar--*/

*+ html #menu ul li {

float: left;

width: 95%;

}



/*--bewirkt Hover-Effekt für IE <7 auch für ul- und li-Elemente--*/

*html body {

behavior: url(csshover3-source.htc);

font-size: 95%;

}



*html #menu ul li a {

height: 1%;

}