#menu {
width: 98%;
background-color: transparent;
margin-left: 4px;
padding-left: 0px;
float: left;
}

#menu p {
font-size: 1px;
padding: 0px;
}

#menu ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
float: left;
/* Das Untermenü etwas nach links verschoben anordnen */
left:20px;
background-image: url(/images/menuback.png);
}

#menu a, #menu h2 {
font: 1em arial, helvetica, sans-serif;
text-shadow: none;
display: block;
border-width: 0px;
border-style: solid;
border-color: #eee #eee #eee #eee;
margin: 0;
padding: 0px 10px 0px 10px;
white-space: nowrap;
vertical-align: middle;
min-height: 24px;
}

#menu h2 {
color: #FFFFFF;
}

#menu a {
color: #000;
text-decoration: none;
background: #efefff;
border: 1px solid;
border-color: #efefff;
padding: 4px 10px 4px 10px;
min-height: 0px;
}

#menu a:hover {
color: blue;
background: #fefeff;
/* border-color-left: white;*/
border: 1px solid;
top: 4px;
}

#menu li {
position: relative;
vertical-align: middle;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
/* Untermenü um 2px nach unten verschoben */
top: 2px;
left: 100%;
}

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

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
display: block;
}