#menu ul {
	margin: 0 0 0 0; 
	padding: 10px 2% 23px 2%;
	list-style-type: none;
	line-height: 1.2em; 
	text-transform: uppercase;
	white-space: nowrap;
}

#menu ul li {
	float: left; 
}

#menu ul li a {
	display: block; 
	padding: 0 20px 0 0;
	color: #FFFFFF; 
	text-decoration: none; 
}

#menu ul li span {
	display: block; 
	padding: 0 20px 0 0;
}

#menu ul li a:hover {
	color: #333333; 
}

#menu ul ul {
	position: absolute;
	left: -999em; 
	z-index: 1;
	margin: 0; 
	padding: 5px 0 5px 0;
	background-color: #52A828;
	font-weight: normal;
	text-transform: none;
}

#menu ul ul li {
	clear: left;
}

#menu ul ul li a {
	display: block; 
	padding: 5px 10px 0 10px;
	color: #FFFFFF; 
	text-decoration: none; 
}

#menu ul ul li span {
	display: block; 
	padding: 5px 10px 0 10px;
	color: #333333; 
}

/* Hieronder staat CSS voor derde niveau (tweede dropdown). Nog geen goede oplossing voor uitlijning. Twee niveaus gebruiken. */

#XXXmenu ul ul ul {
	margin: -1em 0 0 5em;
}


/* Hieronder niets aanpassen, is uitklap-functionaliteit */

#menu ul li:hover ul ul {
	left: -999em;
}
#menu ul li.sfhover ul ul {
	left: -999em;
}
#menu ul li:hover ul {
	left: auto;
}
#menu ul li li:hover ul {
	left: auto;
}
#menu ul li.sfhover ul {
	left: auto;
}
#menu ul li li.sfhover ul {
	left: auto;
}