#rootMenulistHorizontal a
{
	display: block;
	width: 120px;
	
}
/* 
	De volgende selector bepaalt een stijl voor ieder lijst-puntje van de menu-lijst : 
*/
#rootMenulistHorizontal li	
{
	float: left;
	width: 120px; /* Deze ruimte bevat  ook de eventuele breedte-marge(s). */
}
/*
	De volgende selector betreft uitsluitend het allereerste list-item in het menu :
*/
li#idMenulistItemHorizontal_level1_1
{
	margin-left: 0px; /* als 0px, dan : eindelijk de te grote IE linker-tussenruimte weg. Die allereerste linker-ruimte wordt als maatwerk toegevoegd . */
	margin-right: 0px; 
}
/* 
	De volgende selector bepaalt een stijl voor de breedte-marges van slechts het eerste-nivo lijst-puntje : 
*/
li.menuListLevel1Item
{
	margin-left: 20px; /* dit herstelt de tussenruimtes, ditmaal ook in IE correct. */
	margin-right: 0px; 
}
#rootMenulistHorizontal li	ul li
{
	float: left;
	margin-left:0px;
	width:160px; /* N.B. zelfde waarde als  de width bij "#rootMenulistHorizontal li ul li a" */
}
span.menuListItemLevel1Label 
{
	margin-left: 0px; /* want voor de selector "#rootMenulistHorizontal li a" geldt de rule "text-align: center;". */
}
span.menuListItemLevel2Label 
{
	margin-left: 5px;
}
/*  menu-item anchor BEGIN */
#rootMenulistHorizontal li a
{
	background-color: black;
	color: white;
	text-decoration: none;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
}
#rootMenulistHorizontal li a:visited
{
	background-color: black;
	color: white;
	text-decoration: none;
}
#rootMenulistHorizontal li a:hover
{
	background-color: black;
	color: white;
	text-decoration: none;
}
#rootMenulistHorizontal li a:active
{
	background-color: black;
	color: white;
	text-decoration: none;
}
#rootMenulistHorizontal li ul
{
	border: 1px;
	border-color: black;
	border-width: 1px;
	border-style: solid;
}
#rootMenulistHorizontal li ul li a
{
	background-color:#ffffff ;
	color: black;
	text-decoration: none;
	text-align : left;
	font-family : Arial, Helvetica, sans-serif;
	font-size:65%;
	width:160px; /* N.B. zelfde waarde als  de width bij "#rootMenulistHorizontal li ul li a:hover" */
}
#rootMenulistHorizontal li ul li a:visited
{
	background-color: white;
	color: black;
	text-decoration: none;
}
#rootMenulistHorizontal li ul li a:hover, #rootMenulistHorizontal li ul li.sfhover a
{
	background-color: #dcdcdc;
	color: black;
	width:160px; /* N.B. zelfde waarde als  de width bij "#rootMenulistHorizontal li ul li a" */
	text-decoration: none;
}
#rootMenulistHorizontal li ul li a:active
{
	background-color: white;
	color: black;
	text-decoration: none;
}
/*  menu-item anchor END */

#rootMenulistHorizontal li ul 
{
	display: none;
	/* left: -999em; */ /* to propel the dropdown list out of view, and so to achieve a display of "none" in Opera */
	position: absolute;
	width: 10em; /* geen relevantie, want display none */
}
/*
	For browsers that support the :hover pseudo class, the following style rule is provided. 
	This does not apply to Internet Explorer. 
*/
#rootMenulistHorizontal li:hover ul {
	display: block; /* or: inline */
	left: auto; /* to bring dropdown list back into view, and so to achieve some other display than "none" */
}
/*
	For Internet Explorer, the following style rule is provided, and some javascript. 
*/
#rootMenulistHorizontal li.sfhover ul {
	display: block; /* or: inline */
	left: auto;
}
/*
	next multi-level list-item needs to drop down to the side of the corresponding parent list item :
*/
#rootMenulistHorizontal li ul ul {
	margin: 0px 0px 0px 0px;
}
/*
	The former rule won't pull the menus up far enough the be in line with the corresponding parent list item,
	because by default line heights are greater than 1em (usually 1.2em), so we need to add a little something: 
*/
#rootMenulistHorizontal, #rootMenulistHorizontal ul 
{
	list-style: none; 
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0pt;
	
	line-height: 2;
	
	/* beautify it :*/
/*
	width: 106em; 
*/	
	width: 120px;
	display: inline;
	line-height: 2.0;
	background-color:#666666;
	font-weight: bold;
	text-align: left;
}
/*
	we also need to explicitly hide the next multi-level list :
*/
#rootMenulistHorizontal li:hover ul ul, #rootMenulistHorizontal li.sfhover ul ul 
{
	display: none;
	left: -999em; /* to propel the dropdown list out of view, and so to achieve a display of "none" */
}
/*
	And to explicitly display it, for browsers that support the :hover pseudoclass and for Internet Explorer ( which doesn't ) : 
*/
#rootMenulistHorizontal li:hover ul, #rootMenulistHorizontal li li:hover ul, #rootMenulistHorizontal li.sfhover ul, #rootMenulistHorizontal li li.sfhover ul 
{
	display: block; /* or: inline */
	left: auto;
}
#spacer_beneath_menu
{
	clear: left;
}