* {
margin: 0;
padding: 0;
}

#menu ul {
float: left;
width: auto;
list-style-type: none;
background-color: #00738c;
}

/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: left;
color: #3890bb;
background: #e2eae9;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
font-weight: normal;
text-decoration: none;
display: block;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
}

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

#menu li {
position: relative;
border-right: 1px solid #ef7b11;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
width: 100%;
position: absolute;
z-index: 2;
display: none;
margin-left: -10px;
}

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

/*--nur für IE-Versionen <=6 erkennbar--*/
* html #menu ul li {
float: right;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: right;
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%;
}

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

/*-- lässt die dritte Ebene verschwinden--*/
#menu ul li:hover ul ul {display: none;}

/*-- lässt die dritte Ebene beim Hovern über die zweite in Erscheinung treten--*/
div#menu ul ul li:hover ul {display: block; position: absolute; top: 0; left: 100%;}