.nav, .nav * {
	margin:0;
	padding:0;
}

.nav {
	padding-bottom: 2.5em;
	height : 24px;
	float: left;
	line-height:24px;
	margin-bottom:1.5em;
	position:relative;
}

.nav ul {
	background:#fff; /*IE6 needs this*/
	float: left;
	color : #FFFFFF;
	position:relative;
}

.nav li {
	background-color : #FFFFFF;
	color : #FFFFFF;
	text-decoration : none;
	text-align : center;
	float: left;
	list-style:none;
	z-index:999;
}
.nav li.current ul {
	z-index: 999;
}
.nav li.sfHover ul,
ul.nav li:hover ul {
	z-index: 1000;
}
.nav li li {
	background-color : #FFFFFF;
	color : #FFFFFF;
	text-decoration : none;
	text-align : center;
}

.nav a {
	background-image : url("http://bewyse.nl/gfx/menu.gif");
	background-repeat : no-repeat;
	color : #FFFFFF;
	display:block;
	float: left;
	text-decoration:none;
	width: 116px;
	height : 24px;
}
	
.nav li ul{
	left:0;
	top:-999em;
	position:absolute;
	width:48em;
}

.nav li:hover,
.nav li.sfHover,
.nav li.current,
.nav a:focus, .nav a:hover, .nav a:active {
	background-image : url("http://bewyse.nl/gfx/menu_hover.gif");
	background-repeat : no-repeat;
	background-color : #FFFFFF;
}

.nav li.sfHover a,
.nav li.current a,
.nav a:focus, .nav a:hover, .nav a:active {
	background : none;
	text-decoration : none;
}

.nav li lu li.current a {
	background : none;
	color : #981b1e;
	font-weight: bold;
}

.nav li li:hover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {
	color : #000000;
	background : none;
}

.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul {
	top:2.5em;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}

.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	top:2.5em;
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}