<style type="text/css">

/* Menuecontainer definieren - Groesse ist zwar 0, wird aber zum Manipulieren der list-layouts benötigt */
#menu {}

/* Menue Styling */
/* Entfernen von padding, margins und bullets von den Listen */
.menu, .menu ul {list-style-type:none; padding:0; margin:0;z-index:100; position:relative; top:-2px; left:0px;}
/* IE7: um die Tabellen korrekt zu positionieren */
.menu {position:relative; float:left;}

/* IE5.5 und IE6: um die Tabellen korrekt zu positionieren */
* html .menu {position:relative;}

/* Groesse der list items und float left - und Transparenz */
.menu li {background:transparent url(../images/opaque80.png); vertical-align:middle; width:120px; height:37px; margin:4px 0 0 0px; border:0px solid #000;}

/* IE6 Box-Model-Fehler: Groessenkorrektur */
* html .menu li.sub {height:36px; margin:3px 0 0 0;}

/* Menues mit Untermenues koennten eine andere background color bekommen */
.menu li.sub {background:transparent url(../images/opaque80.png); }

/* Groesse der list items und float left - und Transparenz */
.menu li.sub3 {background:transparent url(../images/opaque80.png); vertical-align:middle; width:220px; height:18px; margin:3px 0 0 0; border:0px solid #000;}

/* Style und position der Tabelle. Die font size ist wichtig fuer IE5.5 */
.menu table, .menu ul ul table {border-collapse:collapse; width:0; height:0; position:absolute; bottom: 0; top:auto; left:0; font-size:1em;}
.menu ul table, .menu ul ul ul table {top:5px; bottom:auto;}

/* Default link-Stile */
.menu li a {display:block; color:#014C92; margin-left:0px; font-weight:bold; font-family:arial, sans-serif; font-size:11px; line-height:38px; width:120px; text-decoration:none; text-indent:10px;}
.menu li.sub3 a {display:block; color:#014C92; margin-left:0px; font-weight:bold; font-family:arial, sans-serif; font-size:11px; line-height:17px; width:220px; text-decoration:none; text-indent:10px;}

/* Stil des list- ODER link-hovers. Haengt vom Browser ab */
.menu a:hover {color:#014C92; background:#FFFFFF;}
.menu li.sub3 a:hover {color:#014C92; background:#FFFFFF;}

/* Fuer alle Browser ausser IE5.5 und IE6 um den Hoover-Status ueber die Menuekaskade zu erhalten */
.menu :hover > a {color:#014C92; background:#FFFFFF;width:auto;}

/* Dem link ODER der liste eine relative position geben - je nach Browser */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;}
.menu li.sub3:hover,
.menu li.sub3 a:hover {position:relative;}

/* Position der Submenues fuer den IE6 anpassen */
* html .menu ul {margin:-37px 0 0 0;}
* html .menu ul li.sub3 {height:17.5px;}

/* Falsche Hover-Effekte und Positionen der Submenues fuer den IE7 korrigieren */
*:first-child+html .menu li.sub a:hover {display:block; width:220px; height:37px;}
*:first-child+html .menu ul {position:relative; top:0; left:126px; margin:auto 0 0 -2px;}

/* Den 'next' level unsichtbar halten, indem er ausserhalb des Bildschirms gesetzt wird. */
.menu ul {position:absolute;top:-9999px; width:128px;}

/* Position des flyout sub levels nach rechts oder links, wenn gehovert wird ueber die sub-level-liste ODER den sub-level-link. */
.menu :hover ul {padding:0px 3px; left:120px; top:-38px; background:transparent; padding-top:0px; }
/* Firefox */
@-moz-document url-prefix() {.menu :hover ul {padding:0px 3px; left:120px; top:-3px; background:transparent; padding-top:0px;} }
/* IE 6 */
* html .menu :hover ul {padding:0px 3px; left:120px; top:-3px; background:transparent url; padding-top:0px;}

/* Spezial-Styling fuer IE5.5 und IE6 - Transparenz ist hier aufwendiger */
.menu li {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
}

/* additional style for left message actions */
li.leftAction { background:#7FA6CD }
</style>
