#navigatie, #navigatie ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#navigatie a {
	display: block;
	text-decoration: none;
	color: #a2a5a4;
	padding-left: 25px;
	padding-right: 25px;
	/* width: 10em; */
}

#navigatie>li { /* all list items */
	float: left;
	line-height: 46px;
	/* width: 10em;   width needed or else Opera goes nuts */
}

#navigatie>li:hover,
#navigatie>li.sfhover,
#navigatie>li.selected {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

#navigatie>li:hover a,
#navigatie>li.selected a,
#navigatie>li.sfhover a {
	color: #000;
}

#navigatie li ul { /* second-level lists */
	position: absolute;
	background-image: url(../images/menu.gif);
	background-position: bottom left;
	padding-bottom: 10px;
	width: 220px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

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

#navigatie li ul li {
	line-height: 38px;
	background-image: url(../images/menu_devider.gif);
	background-repeat: no-repeat;
	background-position: 25px 0px;
}

#navigatie li ul li a {
	color: #a2a5a4 !important;
}

#navigatie li ul li a:hover {
	color: #000 !important;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}