.home		a {background-image: url('../images/nav_home01.gif');}
.formule a {background-image: url('../images/nav_formule01.gif');}
.menu	a {background-image: url('../images/nav_menu01.gif');}
.wijnen	a {background-image: url('../images/nav_wijn01.gif');}
.extra	a {background-image: url('../images/nav_nieuws01.gif');}
.contact a {background-image: url('../images/nav_contact01.gif');}

.home		a:hover {background-image: url('../images/nav_home02.gif');}
.formule a:hover {background-image: url('../images/nav_formule02.gif');}
.menu	a:hover {background-image: url('../images/nav_menu02.gif');}
.wijnen	a:hover {background-image: url('../images/nav_wijn02.gif');}
.extra	a:hover {background-image: url('../images/nav_extra02.gif');}
.contact a:hover {background-image: url('../images/nav_contact02.gif');}



#mainMenu {
	position: absolute;
	display:block;
	left: 150px;
	height:20px;
	padding: 0;
	z-index: 99;
	width: 950px;
}
#mainMenu ul { /* all lists */
	float:left;
	display:block;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 1.2em;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	text-align: left;
}
#mainMenu li { /* all list items */ float: left; position: relative; }

#menu li /*a*/ { background-color:#000000; color: #ffffff; display: block; height:20px; padding:6px 15px 0 15px; }
#menu li.first {  border-left:none;  height:20px; padding:0px !important; }

#menu li a { color: #ffffff; text-decoration:none; background-repeat:no-repeat; background-position: left 0px;  height:20px;  }
#menu li.first a { display: -moz-inline-block;display:inline-block; padding:6px 15px 0 25px !important; }

#menu li:hover, #menu li.over, #menu li.active:hover, #menu li.over:hover { background-color: #000000; color:#ffffff; }
#menu li:hover a, #menu li.over a, #menu li.active:hover a, #menu li.over:hover a { background-position: left center; padding-bottom:0; }

#menu li a span { visibility:hidden; font-weight:bold; padding:0px 3px; }
#menu li.active { background-color: #ffffff;  color:#000000; }
#menu li.active a { color:#ffffff; background-position: left bottom;  padding-bottom:0; }



#mainMenu li ul { /* second-level lists */ background-color:#000000; text-transform:none; display: none; font-size:0.9em; position: absolute; top: 25px; left: -2px; padding:5px 0px 7px 0px; -moz-opacity: .7;  filter: alpha(opacity=70); }
#mainMenu li.over ul { display:block; }
#mainMenu img { padding-top:1px !important;}

#menu li ul li a { display: block; width:139px; padding:3px 0px 4px 21px !important; line-height:13px; height:auto; background: url('../img/dropmenuBg.gif') no-repeat top left !important; }
#menu li ul li a:hover, #mainMenu li ul li.active a { color: #FFFFFF;  background: #CCCCCC url('../img/dropmenuBg.gif') no-repeat -80px left!important; }

#mainMenu li ul li { width: 160px; float:none; display:block; border:none; height:auto; background: transparent url('../img/menuLine.gif') no-repeat 21px bottom; padding: 0px; margin:0px; }
#mainMenu li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; }
