#nav {padding:0; margin:0; list-style:none; height:56px; position:relative; z-index:500;text-align:left;}
#nav li.top {display:block; float:left; height:56px;}
#nav li a.top_link {display:block; float:left; height:56px;width:155px; text-decoration:none; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; height:56px;width:155px;}


#navi_top{
	width: 800px;
	height: 56px;
	background: url(../gfx/top_navi.jpg) no-repeat;
}

#trinkgut_link, #produkte_link, #mixit_link, #kontakt_link {
	display: block;
	width: 153px;

	height: 56px;
	float: left;
  text-decoration:none;
}
#mixit_link {
  width:178px;
}


#nav li:hover a.top_link {background: url(clear.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(clear.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub{left:1px; top:56px; white-space:nowrap;  height:auto; z-index:300;}
#nav li:hover ul.sub li{display:block; position:relative; float:left; font-weight:bold; }


#nav li:hover ul.sub li a{background:url(../gfx/dd_l1_no.png) no-repeat right bottom; padding:3px 0px 4px 0px; display:block; font:normal 11px Arial;width:160px; color:#1a171b; text-decoration:none;}


#nav li:hover ul.sub li a:hover {background:url(../gfx/dd_l1_ro.png) no-repeat right bottom;}



#nav li:hover ul.sub li.menusub a{background:url(../gfx/dd_l1_sub_no.png) no-repeat right bottom;padding:3px 0 12px 0;}
#nav li:hover ul.sub li.menusub a:hover {background:url(../gfx/dd_l1_sub_ro.png) no-repeat right bottom;}

#nav li:hover  ul.sub li:hover ul li a{background:url(../gfx/dd_l2_no.png) no-repeat right bottom;}
#nav li:hover  ul.sub li:hover ul li a:hover {background:url(../gfx/dd_l2_ro.png) no-repeat right bottom;}

#nav li:hover  ul.sub li:hover ul li.menusub a{background:url(../gfx/dd_l2_sub_no.png) no-repeat right bottom;padding:3px 0 12px 0;}
#nav li:hover  ul.sub li:hover ul li.menusub a:hover {background:url(../gfx/dd_l2_sub_ro.png) no-repeat right bottom;padding:3px 0 12px 0;}

/*
höhenFix für untergeordnete Menus(
*/
#nav li:hover ul.sub li.menusub ul li.menusub a,
#nav li:hover ul.sub li.menusub ul li a {padding:3px 0px 4px 0px;}
#nav li:hover  ul.sub li:hover ul li.menusub a  {
padding:3px 0 12px 0;
}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:154px; top:0px; white-space:nowrap; width:160px; z-index:400; height:auto;}




#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}