######
#
#Menu Snippet
#
####
.main .navmenu {width:600px;font-size:0.85em;position:relative;z-index:12000;}
/* entfernen aller bullets, borders und padding vom Standard list styling */
.main .navmenu ul {padding:0;margin:0;list-style-type:none;z-index:12000;}
/*.main .navmenu ul ul {width:110px;}*/
/* floatet die Liste um sie horizontal zu machen und eine relative positon so das man die dropdown menu positon steuern kann*/
.main .navmenu li {float:left; /*width:150px;*/position:relative;z-index:12000;}
/* style der links vom top level */
.main .navmenu a, .main .navmenu a:visited {
display:block;
font-size:10px;
text-decoration:none; 
color:#0DFF5F; 
width:90px; 
height:28px; 
border:1px dotted #fff; 
border-width:0 0 0 1px; 
background:#282828; 
line-height:29px;
margin:0;
text-align:center;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .main .navmenu a, * html .main .navmenu a:visited {
  width: px;    /* Internet Explorer 5.x */  
  w\idth: px;   /* Internet Explorer 6 */  
}  

/* style the second level background */
.main .navmenu ul ul a.drop, .main .navmenu ul ul a.drop:visited {
background:#333333 url(../../fileadmin/templates/images/drop.gif) bottom right no-repeat;
}
/* style the second level hover */
.main .navmenu ul ul a.drop:hover{
background:#00ff00 url(../../fileadmin/templates/images/drop.gif) bottom right no-repeat;
}
.main .navmenu ul ul :hover > a.drop {
background:#686868 url(../../fileadmin/templates/images/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.main .navmenu ul ul ul a, .main .navmenu ul ul ul a:visited {
background:#444444;
}
/* style the third level hover */
.main .navmenu ul ul ul a:hover {
background:#333333;
}


/* Verstecken der untermenus mit absoluter Position so das sie keinen Platz brauchen */
.main .navmenu ul ul {
visibility:hidden;
position:absolute;
height:0;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
/*
* html .main .navmenu ul ul {
top:30px;
t\op:31px;
}
*/
/* position the third level flyout menu */
.main .navmenu ul ul ul{
left:141px; 
top:15px;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.main .navmenu ul ul ul.left {
left:-150px;
}

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

/* style the second level links */
.main .navmenu ul ul a, .main .navmenu ul ul a:visited {
background:#333333; 
color:#000; 
height:auto; 
line-height:10px; 
width:120px;

}

/* yet another hack for IE5.5 */
* html .main .navmenu ul ul a{
width:100px;
w\idth:79px;
}


/* style the top level hover */
.main .navmenu a:hover, .main .navmenu ul ul a:hover{
color:#8d8d8d;
background:#464646;
}
.main .navmenu :hover > a, .main .navmenu ul ul :hover > a {
color:#66ffff;
background:#686868;
}

/* make the second level visible when hover on first level list OR link */
.main .navmenu ul li:hover ul,
.main .navmenu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.main .navmenu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.main .navmenu ul :hover ul :hover ul{ 
visibility:visible;
}