.menu {
width:794px;
position:absolute;
float:left;
margin-left: 119px;
font-family:arial;

}

/* remove all the bullets, borders and padding from the default list styling */
 .menu ul {
padding:0;
margin:0;
list-style-type:none;

}
 .menu ul ul {

width:160px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
 .menu li {
float:left;
width:auto;

position:relative;

}
/* style the links for the top level */
 .menu a,  .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff;
width:auto;
height:21px; 
background:#585858; 
padding-left:12px;
padding-right:12px;
#padding-left:12px;
#padding-right:-12px;

line-height:17px;
float:left;
}


/* style the second level background */
 .menu ul ul a.drop,  .menu ul ul a.drop:visited {
width:160px;
background-image:url(/template/grafiken/Arrow.gif);
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
 .menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:21px;
left:0; 

}


/* style the second level links */
 .menu ul ul a,  .menu ul ul a:visited {
background:#757575; 
color:#fff; 
height:auto; 
line-height:1em;
padding:5px 10px; 
width:160px;
border-bottom-color:#ffffff;
border-bottom-style:solid;
border-bottom-width:1px;
}


/* style the top level hover */
 .menu a:hover{
color:#3ebbaa; 
background-image:url(/fileadmin/template/grafiken/Arrow.gif);
background:#757575;

background-repeat:no-repeat;
}

.menu ul ul a:hover{
color:#3ebbaa; 
#background:#757575;
background-image:url(/fileadmin/template/grafiken/Arrow.gif);
background-repeat:no-repeat;
background-position:0 center;
border-bottom-color:#ffffff;
border-bottom-style:solid;
border-bottom-width:1px;
}

 .menu :hover > a,  .menu ul ul :hover > a {
color:#3EBBAA;
background:#585858;
background-image:url(/fileadmin/template/grafiken/Arrow.gif);
background-repeat:no-repeat;
background-position:0 center;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
 .menu table {position:absolute; top:0; left:0;}

/* make the second level visible when hover on first level list OR link */
 .menu ul li:hover ul,
 .menu ul a:hover ul{
visibility:visible; 
}