#csstopmenu{
padding: 5px;
margin: 0;
list-style: none;
z-index:999;
background-image:url(../../afbeeldingen/images/menu-background.png);
 background-repeat: repeat-x;
 background-color:transparent;
 width: 845px;
 height:20px;
}

#csstopmenu ul{
padding: 5px;
margin: 0;
list-style: none;
z-index:999;
}

#csstopmenu li{
float: left;
position: relative;
z-index:999;
}

#csstopmenu a{
text-decoration: none;
z-index:999;
}

.mainitems{
border: 0px solid black;
border-left-width: 0;
z-index:999;
}

.headerlinks a{
margin: auto 6px;
font-weight: bold;
color: white;
z-index:999;
}

.no_headerlinks {
margin: auto 6px;
font-weight: bold;
color: white;
z-index:999;
}

.submenus{
background-image:url(../../afbeeldingen/images/background_menu.png);
display: none;
width: 10em;
height:auto;
position: absolute;
top: 1.2em;
left: 0;
line-height:1.8em;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
z-index:999;
}

.submenus li{
width: 100%;
z-index:999;
}

.submenus li a{
display: block;
width: 100%;
color: white;
text-indent: 3px;
z-index:999;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
z-index:999;
}

.submenus li a:hover{
background-color: #cf187b;
color: white;
z-index:999;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
z-index:999;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
z-index:999;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
z-index:999;
}