ul#menu {	
	/* JESSE positionering uit om verschuiving te voorkomen*/
	/*
	position: absolute; 
	top: 4em; 
	left: 2em; 
	width: 100%;
	*/
	/* JESSE EINDE */
	
	line-height: 2em; 
	margin: 0px; 
	padding: 0px; 
	/*background-color:#F2F2F2; */
}

ul#menu ul { 
	margin: 0px; 
	padding: 0px;
}

/* Use float left to align the menu horizontal */
ul#menu li { 	
	float:left;
	display: block;
	font-weight: bold; 
	letter-spacing: 1px;
	/* JESSE scheidingsteken tussen items  */
	background-image: url(template_img/mainmenuseparator.gif);
	background-position: right;
	background-repeat: no-repeat;
	/* JESSE EINDE */
}

ul#menu li a {
	color: #ffffff;
	padding: 0em 1em; 
	text-transform: uppercase; 
	text-decoration: none;
	display: block;
}

ul#menu li ul { 	
	/*
		display:none;
		visibility: collapse;
		with display and visibility the tabs don't work 
	*/
	left:-10000px;
	position: absolute; 
	line-height: 2.5em;
	background-color: #F2F2F2;
	/* JESSE ??? randje om uitgeklapt menu*/
	border-width: 1px;
	border-color: #BE0709 #000000 #000000 #000000;
	border-style: solid;
	/* JESSE ??? EINDE */
}

ul#menu li ul li {
	float:none;
	display:block;
	font-weight: normal; 
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	/* Opera brake the line bij a white-space */ 
	white-space: nowrap;
	width: 100%;
	/* JESSE voorkomt dat scheidingsteken in uitgeklapt menu wordt weergegeven in IE */
	background-image: none;
	/* JESSE EINDE */
}

ul#menu li ul li a { 
	display: block; 
	margin: 0px;
	padding: 0px;
	padding-left: 1em;
	padding-right: 1em; 
	/* JESSE EINDE */
	color: #333; 
	background-color: #F2F2F2;	
	text-decoration: none; 
	text-transform: none;
}

ul#menu li ul li a:hover { 
	/* JESSE maakt links rood in menu, geen achtergrondkleur verandering */
	/* color: #177FB9; */
	color: #000000;
	background-color:#cccccc;
	/* JESSE EINDE */
	/*text-decoration: none;*/
	text-decoration: underline;
}

/* submenu icon */
ul#menu li ul li a.submenu:after {
	content: " \203A\203A"; color:#FF0000;
} 

ul#menu li:hover a { 
	left:0px;
	/*color: #177FB9; */
	text-decoration: none; 
}

/* Use a child selector, so only the child ul is visible */
ul#menu li:hover > ul { 
	left: auto;
}

/* submenu: margin-top = -(ul#menu li ul: line-height)  */
ul#menu li ul li:hover > ul {
	left:100%;
	margin-top:-2.5em;
} 

ul#menu li a:hover, 
ul#menu li a:focus { 
	/*color: #177FB9;*/
	text-decoration: none; 
}

ul#menu li:hover ul li a { 
	color: #000; 
	text-decoration: none; 
}



span.underline {
	text-decoration:underline;
}