/* menu */
html 
{ 
	filter						: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

#menu	{
	height									: 43px;
	padding-left							: 340px;
	padding-top								: 19px;
}

#nav {
	position								: relative;
	height									: 63px;
	margin									: 0;
	padding									: 0;
	text-align								: center;
}

#nav li ul {
	margin									: 0;
	padding									: 0;
}

#nav a {
	text-decoration							: none;
}

#nav li { /*float the main list items*/
	margin									: 0;
	float									: left;
	display									: block;
	height									: 33px;
	list-style								: none;
}

#nav li ul {
	display									: none;
}


#nav li ul { /*put the subnav below*/
	position								: absolute;
	top										: 33px;
	right									: 303px;
	background								: url(../img/buttons/submenu.jpg) top left repeat-y;
	width									: 625px;
	
}

#nav li a {
	position								: relative;
	display									: block;
	float									: left;
	padding									: 0;
	overflow								: visible;
	height									: 33px; 
}

#nav li ul a {
	float									: left; /*ie doesn't inherit the float*/
	display									: block;	
	width									: auto;
	height									: 32px;
	
	color									: #fff;
	font									: bold 0.8em verdana, sans-serif;
}

#nav li.off:hover ul, #nav li.on:hover ul, #nav li.over ul {
	display									: block;
	z-index									: 6000;
}
	

#nav ul li a:hover, #nav ul li a.on {
	color									: #f78f1e;
	background								: white url(../img/buttons/left.jpg) top left no-repeat;
}

#nav li ul li	{
	padding									: 0;
}

#nav li ul li a span	{
	height									: 24px;
	display									: block;
	float									: left;
	padding									: 8px 10px 0 10px;
	cursor									: pointer;
}

#nav li ul li a:hover span	{
	background								: url(../img/buttons/right.jpg) no-repeat top right;
}


#nav .home span, #nav .dealers span, #nav .productie span, #nav .contact span {
	display						: none;
}


/* menu afbeeldingen */
.off .home					{ width: 66px; background: url(../img/buttons/home.jpg); }
.off .productie				{ width: 102px; background: url(../img/buttons/productie.jpg); }
.off .dealers				{ width: 86px; background: url(../img/buttons/dealers.jpg); }
.off .contact				{ width: 93px; background: url(../img/buttons/contact.jpg); }

.on .home, .over .home, .home:hover							{ width: 66px; background: url(../img/buttons/home_h.jpg); }
.on .productie, .over .productie, .productie:hover			{ width: 102px; background: url(../img/buttons/productie_h.jpg); }
.on .dealers, .over .dealers, .dealers:hover				{ width: 86px; background: url(../img/buttons/dealers_h.jpg); }
.on .contact, .over .contact, .contact:hover				{ width: 93px; background: url(../img/buttons/contact_h.jpg); }