#topnav, #topnav ul {
	padding:0px;
	margin: 0px;
	line-height: 1em;
	z-index: 99;
  font-family:arial, verdana, helvetica;
  font-size:x-small;
}


#topnav li{
	display: inline;
	list-style-type: none;
	line-height: 34px;
	border-right: 1px solid #fff;
}

#topnav li ul li{
	color: #fff;
	line-height: 28px;
	border: 0;
}


#topnav a {
    display: block;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #fff;
	font-size: x-small;
	padding-left: 10px;
	padding-right: 10px;
}

#topnav li a:hover,
#topnav li a:active,
#topnav li a.active{
	background: url(/images/topnav-achtergrond-over.jpg) repeat-x;
}

#topnav li ul li a{
	text-transform: none;
	font-weight: normal;
	font-size: 12px;
}

#topnav li ul li a:hover {
	color: #50227b;
	background: #009ee0;
}

#topnav li ul li a {
	width: 210px;
	text-align:left;
	width: 200px; /* ie5win fix begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 120px;
}	
html>body #topnav li ul li a  {
	width: 200px; /* ie5win fix ends */
}

#topnav li { /* all list items */
	float: left;  
	/* width needed or else Opera goes nuts */
}

#topnav li ul { /* second-level lists */
  	margin:0px 0px 0px 0px;
  	border-top:0px;
	position: absolute;
	width: 220px;
	background-color: #009ee0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#topnav li ul ul { /* third-and-above-level lists */
	margin: -28px 0px 0px 35px;
  	margin-left:220px;
}

#topnav li:hover ul ul, #topnav li.sfhover ul ul {
	left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}