/*--CSS Navileiste--*/
 
/*--gewährleistet einheitliche Abstände in unterschiedlichen Browsern--*/
* {
margin: 0 auto;
padding: 0;
}
 
 
/*--definiert den Hintergrundbalken der Navi und einige allgem. Angaben--*/
#menu {
width: 900px;
padding:0 5px;
background: #123456;
font-family: Helvetica;
font-size: 1.0em;
color: #FFFFFF;
line-height: 1.5; /*--bewirkt eine vertikale Textzentrierung--*/
float: left; /*--nimmt die Navileiste aus dem "Fluss", verhindert float-/clear-Probleme der ul--*/
}
 
/*--definiert die einzelnen Navigationsblöcke--*/
#menu ul {
float: left;
width: 150px;
list-style-type: none;
}
 
 
/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 0.9em;
font-weight: normal;
text-align: center;
color: #FFFFFF;
border: 1px solid #FFFFFF;
background: #123456;
}
 
 
/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
font-size: 0.9em;
font-weight: normal;
display: block;
border: 1px solid #FFFFFF;
text-align: center;
background: #123456;
color: #FFFFFF;
}
 
 
/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #FFFFFF;
border: 1px solid #990033;
background: #CC3300;
}
 
 
 
/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
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: 0.9em;
font-weight: normal;
text-align: center;
color: #FFFFFF;
border: 1px solid #FFFFFF;
background: #123456;
}
 
 
/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
#menu a.direkt:hover {
color: #FFFFFF;
background: #CC3300;
border: 1px solid #990033;
}
 
/*--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: 100%;
}
 
 
 
/*--bewirkt Hover-Effekt für IE <7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}
 
/*--versteckt die dritte Ebene--*/

#menu ul li:hover ul ul {
display: none;
} 

/*-- lässt die dritte Ebene beim Hovern über die zweite in Erscheinung treten und nach rechts ausklappen--*/

div#menu ul ul li:hover ul {
display: block;
position: absolute;
top: 0;
left: 100%;
} 
 
*html #menu ul li a {
height: 1%;
}