/*

	This matches html generated by lib/php/menu.php
	
	
	body
		div#container
			div#navigatie
				div#menu
					ul.level0#nav
						li.level0#menu:xxx
							a[href
							ul.level1
								li.level1#menu:xxx
									a[href
								
			
			
*/



#menu {
	float: left; 
	width: 800px; height:27px;
	font-size: 11px; 
	background: url(../gfx/background_menu.gif) repeat-x; 
	position:relative;
	z-index:99;		 
}

/* all lists .. list-style-image needed for ie */
#menu ul { 
	margin:0; padding:0;
	list-style: none;
	line-height: 1px;
	list-style-image:url(../gfx/nop.gif);
}


#menu ul a {
	display: block;
	text-decoration: none;
	vertical-align: middle;
	padding: 0 2em;
}

#menu ul li { /* all list items */
	float: none;
	/*width: 96px;*/ /* width needed or else Opera goes nuts */
}

#menu a, #menu a:hover {
	color:#FFFFFF;
	/* was: color:inherit; */ 
}

#menu li {
	color: #FFFFFF; 
}

#menu li:hover, #menu li.sfh {
	background: url(../gfx/background_menuhi.gif) repeat-x;
	color: #FFFFFF; 
}

/*topmenu*/

#menu ul.level0 {
	width: 100%;
	font-weight:bold;
}
#menu ul.level0 li {
	float:left;
	width: 14.29%;
}

/* 
	note,
	overriding menu items on language cascades differently in different browsers;
	a setting like this would effect all the submenuus only in ff:
	
	#menu.en ul.level0 li {
		width: 14.29%;
	}
*/

#menu ul.level0 li#menu1 	{ width: 135px; }
#menu ul.level0 li#menu146 	{ width: 135px; }
#menu ul.level0 li#menu4 	{ width: 115px; }
#menu ul.level0 li#menu144 	{ width: 125px; }
#menu ul.level0 li#menu143 	{ width: 100px; }
#menu ul.level0 li#menu5 	{ width: 100px; }
#menu ul.level0 li#menu55 	{ width: 90px; }

#menu ul.level0 li#menu197 	{ width: 115px; }
#menu ul.level0 li#menu209 	{ width: 125px; }
#menu ul.level0 li#menu222 	{ width: 135px; }
#menu ul.level0 li#menu223 	{ width: 135px; }
#menu ul.level0 li#menu224 	{ width: 90px; }
#menu ul.level0 li#menu225 	{ width: 100px; }
#menu ul.level0 li#menu231 	{ width: 100px; }

#menu ul.level0 li#menu195 	{ width: 135px; }
#menu ul.level0 li#menu247 	{ width: 125px; }
#menu ul.level0 li#menu251 	{ width: 155px; }
#menu ul.level0 li#menu252 	{ width: 115px; }
#menu ul.level0 li#menu253 	{ width: 90px; }
#menu ul.level0 li#menu254 	{ width: 90px; }
#menu ul.level0 li#menu260 	{ width: 90px; }



#menu ul.level0 a {
	line-height:27px;
}

/*
	#menu ul.level0 .pointer {
		float: right;
		margin-top: -1.6667em;
		margin-right: 0.4167em;
	}
*/

/* level1 and lower */
#menu ul.level1  {
	font-weight:normal;
}
#menu ul.level1 li {
	font-weight:normal;
	float:none;
}
#menu ul.level1 a {
	line-height:2.2em;
	padding: 0 2em;
}


/* level1 : vertical list */
#menu ul.level0 li ul { 
	position: absolute;
	background: transparent;
	width: 16em;
	display:none;
	margin: 0;
	x-padding-top: 0.1667em;
}

#menu ul.level0 li ul li {
	width: 16em;
	text-align: left;

}

#menu ul.level1 li {
	background: #6A0000;
	color: #FFFFFF; 
}
#menu ul.level1 li:hover, #menu ul.level1 li.sfh {
	background: #6A0000 url(../gfx/background_menuhi2.gif) repeat-x;
	color: #FFFFFF; 
}


/* level2 and lower: horizontal foldout */
#menu ul.level0 li ul ul { 
	margin: -1.2em 0 0 10em;
	border:1px solid #6C443A;
	x-background: transparent;
}
#menu ul.level0 li:hover ul ul,
#menu ul.level0 li.sfh ul ul {
	display:none;
}
#menu ul.level0 li li:hover ul ul,
#menu ul.level0 li li.sfh ul ul {
	display:none;
}

#menu ul.level0 li:hover ul, 
#menu ul.level0 li li:hover ul, 
#menu ul.level0 li li li:hover ul,  
#menu ul.level0 li.sfh ul, 
#menu ul.level0 li li.sfh ul, 
#menu ul.level0 li li li.sfh ul{
	display:block;
}