#menu a {
  	font-familiy: Arial, Helvetica, sans-serif;
  	font-weight:normal;
  	font-size:11px;
}


#menu {
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
  	margin: 0px 0px 0px 0px; 
	width:160px;
  	list-style-type: none;
  	font: normal normal normal 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
  	vertical-align: middle;
  	border-bottom: 2px solid white;
	background-color: #0C1231;
	color:white;	
	line-height:20px;
	}

#menu ul {
  	list-style-type: none;
	color:white;	
	}

#menu li {
	border-top: 2px solid white;
	padding-left:0px;
	color:white;
	width:160px;
	}

#menu li li {
 	border-top: 2px solid white;
	margin-left: -40px;
	color:white;
	width:160px;
}

#menu .inactive {
	background-color: #0C1231;
	color:white;
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height: 20px;
}

#menu .active {
	background-color: yellow;
	color: black;
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height: 20px;
/* 
truc om in IE text-bug op te lossen
Mozilla ziet dit // als comment en IE niet...
*/
/*	width: 100%; */
}


#menu li a { margin-left: 10px; width:100%;}
#menu li li a { margin-left: 20px; width:100%;}
#menu li li li a { margin-left: 30px; width:100%; }
#menu li li li li a { margin-left: 40px; width:100%; }
#menu li li li li li a { margin-left: 50px; width:100%; }