#NAVIGATION {
	position:relative;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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

#NAVIGATION ul ul {
width:150px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#NAVIGATION li {
float:left;
position:relative;
}

/* style the links for the top level */
#NAVIGATION a, #NAVIGATION a:visited {
	display:block;
	height:20px;
	padding:0 0 0 25px;
	line-height:19px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	text-transform: capitalize;
	border-top: 1px solid #FFFFFF;
	border-right: 0 solid #FFFFFF;
	border-bottom: 0 solid #FFFFFF;
	border-left: 0 solid #FFFFFF;
}

#NAVIGATION li.ueberuns a, #NAVIGATION li.ueberuns a:visited {
	color: #61486d;
}

#NAVIGATION li.produkte a, #NAVIGATION li.produkte a:visited {
	color: #16d5c;
}

#NAVIGATION li.lohnbrennerei a, #NAVIGATION li.lohnbrennerei a:visited {
	color: #70abb7;
}

#NAVIGATION li.wiederverkaeufer a, #NAVIGATION li.wiederverkaeufer a:visited {
	color: #66734b;
}

#NAVIGATION li.kontakt a, #NAVIGATION li.kontakt a:visited {
	color: #6a212c;
}


/* style the links for the top level */
#NAVIGATION .last {
	background:#FFFFFF url(none);
}

#NAVIGATION a.nowrap, #NAVIGATION a:visited.nowrap {
white-space:nowrap;
}

#NAVIGATION li.nowrap a{
white-space:nowrap;
}


#NAVIGATION li.nowrap li a{
white-space:normal;
}


/* a hack so that IE5.5 faulty box model is corrected */
* html #NAVIGATION ul a, * html #NAVIGATION ul a:visited {
	w\idth: 1px;
}

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

/* another hack for IE5.5 */
* html #NAVIGATION ul ul {
	top:21px;
	t\op:21px;
}

/* position the third level flyout menu 
#NAVIGATION ul ul ul{
left:150px; 
top:0;
width:150px;
}*/

/* position the third level flyout menu for a left flyout 
#NAVIGATION ul ul ul.left {
left:-150px;
}*/

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

/* style the second level links */
#NAVIGATION ul ul a, #NAVIGATION ul ul a:visited {
	/*color:#FFFFFF;*/
	height:20px;
	line-height:1em;
	padding:5px 10px 5px 25px;
	width:auto;
	background-color: #FFFFFF;
	font-size: 12px;
	text-transform: capitalize;
}

/* yet another hack for IE5.5 */
* html #NAVIGATION ul ul a{
	width:170px;
	w\idth:auto;
}


/* erste Ebene hover IE - style the top level hover */
#NAVIGATION a:hover, #NAVIGATION a:hover.nowrap {
float:none;
}

/** zweite Ebene IE **/
#NAVIGATION ul li.ueberuns ul a:hover{
	background: #FFFFFF url(../bilder/layout/traube_ueberuns.png) no-repeat left;
}

#NAVIGATION ul li.produkte ul a:hover{
	background: #FFFFFF url(../bilder/layout/traube_produkte.png) no-repeat left;
}

#NAVIGATION ul li.lohnbrennerei ul a:hover{
	background: #FFFFFF url(../bilder/layout/traube_lohnbrennerei.png) no-repeat left;
}

#NAVIGATION ul li.wiederverkaeufer ul a:hover{
	background: #FFFFFF url(../bilder/layout/traube_wiederverkaeufer.png) no-repeat left;
}

#NAVIGATION ul li.kontakt ul a:hover{
	background: #FFFFFF url(../bilder/layout/traube_kontakt.png) no-repeat left;
}


/** erste Ebene hover FF */
#NAVIGATION :hover > a {
}

/** zweite Ebene hover **/
#NAVIGATION ul li.ueberuns ul :hover > a {
	background: #FFFFFF url(../bilder/layout/traube_ueberuns.png) no-repeat left;
}

#NAVIGATION ul li.produkte ul :hover > a {
	background: #FFFFFF url(../bilder/layout/traube_produkte.png) no-repeat left;
}

#NAVIGATION ul li.lohnbrennerei ul :hover > a {
	background: #FFFFFF url(../bilder/layout/traube_lohnbrennerei.png) no-repeat left;
}

#NAVIGATION ul li.wiederverkaeufer ul :hover > a {
	background: #FFFFFF url(../bilder/layout/traube_wiederverkaeufer.png) no-repeat left;
}

#NAVIGATION ul li.kontakt ul :hover > a {
	background: #FFFFFF url(../bilder/layout/traube_kontakt.png) no-repeat left;
}



/* make the second level visible when hover on first level list OR link */
#NAVIGATION ul li:hover ul,
#NAVIGATION ul a:hover ul{
visibility:visible; 
z-index: 100;
}

/* keep the third level hidden when you hover on first level list OR link */
#NAVIGATION ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#NAVIGATION ul :hover ul :hover ul{ 
visibility:visible;
z-index: 100;
}

#NAVIGATION li.ueberuns  li,#NAVIGATION  li.produkte li {
	float: left;


}