/* Het 100% CSS menu */
* { margin 0; padding 0; }
a {
	font-size: 12px;
	color: #666666;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}
a:active {
	text-decoration: none;
}

ul.topmenu, ul.menu, li {
	margin:0px;
	padding:0px;
	display:block;
	list-style:none;
	width:100px;
	text-align: left;
}

li 
{
	text-align: center;
	height: 1.5em;
	width: 100%;
	position:relative;
	z-index:9;
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: inherit;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
/* decoratieve hover */

li:hover, li.overevent{
	background-color: #BBE8FF;
	z-index:99;
	color: #99FF00;
}

/* Alle subnavigatie hiden */
	
ul.menu ul.menu{
	position:absolute;
	display:none;
	right:	-120px;
	top: 0px;
	width:	120px;
	background-color: #E6F8FF;
	color: #99FF00;
	height: auto;
	font-weight: normal;
}
	
/* :hover, met specificity */
	
li:hover ul.menu, li.overevent ul.menu{
	display:none;
}

li:hover ul.menu, li.overevent ul.menu{
	display:block;
}

li a{display: block; height: 100%;}