		/*this is the css for the vertical version*/
		.vertical ul{
	list-style-type: none;
	padding: 0px;
	border-top: 1px solid;
	width: 171px; /*geeft de bovenlijn aan van nav-menu, wijzigen wanneer het uitklapgedeelte iets verspringt*/
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
		}
		
	.vertical li a{
	display: block;
	width: 165px;
	height: 14px; /* hierdoor wordt de groene lijn zichtbaar bij hover*/
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left: 1px solid;
	border-left-color:#088408;
	}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.3em; /*geeft de uitklaphoogte aan van het submenu*/
			margin-left: 140px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		
		/*colors for menu*/
		.blackwhite li a{
	background-color: #66CC00;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 165px;
	font-weight: bold;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-color: #088408;
	border-left-width: 1px;
	border-left-color: #088408;
		}
		.blackwhite li a:hover{
	color: #FFFFFF;
	background-color: #088408;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #66CC00;
			}
		.blackwhite ul{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		}
