/********************************************menu ********/
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

ul#nav {
position: absolute;
left: 0px;
top: 69px;
font-family: arial;
}


ul#nav li {
float: left;
margin-right: 5px;
}

ul#nav li a {
display: block;
width: 128px;
height: 31px;
line-height: 31px;
text-decoration: none;
text-align: center;
color: #fff;
font-size: 12px;
font-weight: bold;
z-index: 9;
background-image: url('../grfx/navbutton.png');
}

ul#nav li a:hover , ul#nav li a.over {
font-weight: bold;
border:none;
background-image: url('../grfx/navbutton_over.png');
background-repeat: no-repeat;
background-position: top right;
cursor: pointer;
}

#nav li ul {  /** nav added **/
display: none;
}


#nav li>ul {  /** nav added **/
top: auto;
left: auto;
}

#nav li li {  /** nav added; makes dropdown background better **/
display: block;
float: left;
border: 0;
}

#nav li:hover ul, li.over ul {  /** nav added **/
position: absolute;
width: 128px;
margin-top: -1px;
display: block;
background-image: url('../grfx/listbottom.gif');
background-position: bottom left;
background-repeat: no-repeat;
z-index: 100;
list-style-type: none;
padding-bottom: 10px;
}

#nav li.over ul {
display:block;
}

#pagenav {
clear:left;
}
.clearitnav {
clear:both; height: 1px;
width:100%;
margin:-1em 0 0 0; 
padding:0px;
}

ul#nav li ul li {
height: 30px;
padding: 0px;
margin: 0px;
}

ul#nav li ul li a {
width: 100px;
padding: 0px;
padding-left: 26px;
margin: 0px;
font-size: 11px;
color: #ddd;
text-align: left;
font-weight: normal;
background-image: none;
background-color: #343434;
border-left: 1px solid #656565;
border-right: 1px solid #656565;
}

ul#nav li ul li a:hover {
background-color: #343434;
background-image: none;
font-weight: normal;
border-left: 1px solid #656565;
border-right: 1px solid #656565;
color: #fff;

}

/************************************* einde navigatie **/