#menu {float: left; width: 770px; margin-left: 15px; color: #FFFFFF; font-size: 0.8em; background-color: #46688e; text-align: left;}

#menu ul {float: left; list-style-type: none;}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {text-decoration: none; display: block; background-color: #46688e; color: #FFFFFF; padding-top: 2px; padding-bottom: 3px; padding-left: 17px;  padding-right: 16px; border: 1px solid #46688e;}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #46688e;
background: #FFFFFF;
}

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

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
width: 200px;
padding-top: 1px;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen kleiner gleich 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 kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(../htc/csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

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

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #46688e;
}

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

#menu a.direkt:hover {
color: #46688e;
background-color: #FFFFFF;
}