#nav {
left: 30px;
}

#nav .menu {
font-family:Arial;
width: 900px;
position:relative;
margin:0;
font-size:14px;
margin:2px -8px 0px;
z-index:100;
}

#nav .menu ul li a,
#nav .menu ul li a:visited {
display:block;
text-decoration:none;
width:103px;
padding-right:8px;
padding-left:10px;
height:33px;
text-align:center;
color:#4c4c4c;
line-height:34px;
font-weight:700;
overflow:hidden;
outline:none;
margin: 0px;
}

#nav .menu ul li a {
margin-left:-3px;
}

#nav .menu ul {
padding:0;
margin:0;
list-style-type:none;
}

#nav .menu ul li {
float:left;
margin-right:10px;
position:relative;
}

#nav .menu ul li ul {
display:none;
}

/* specific to non IE browsers */
#nav .menu ul li:hover a,
#nav .menu ul li.active,
#nav .menu ul li a.hide.active {
background-image: url('/gfx/hoofdknop_hover.jpg');
background-position: right 0px;
background-repeat: no-repeat;
}

#nav .menu ul li:hover a,
#nav .menu ul li.active a,
#nav .menu ul li a.hide.active {
color:#000; }