#nav {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 164px;
		min-width: 680px;
		width: 100%;
		*width: 70em;
	}

	#nav li.on ul, #nav li.off ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 2em;
	}
	
	#nav li.first {
		padding-left: 100px;
	}

	/* links in menu */
	#nav li a {
		color: #444444;
		font-weight: bold;
		display: inline;
		width: auto;
		padding: 0.1em 0.4em;
	    /* items hebben altijd een border om ze niet te laten verplaatsen bij hover */
		border-style: solid;
		border-width: 0 1px 0 1px;
	}
	
	/* links in ondermenu */
	#nav li ul li a {
	/* nog nodig? */
		padding: 0px 5px;
		height: 1.2em;

	}

	/* actief item in bovenmenu */
	#nav li.on a {
		border-color: #868686;
		background: #8BB5DF;
		/* color: black; */
		position: relative;
		/* laat over ul vallen om lijntje tussen boven en ondermenu te verbergen */
		z-index: 2;
	}
	
	/* standaardkleur borders boven-items: zelfde als achtergrond */
	#nav li.off a {
		border-color: #cccccc; /* moet achtergrondkleur zijn */
	}

	#nav li ul {
		min-width: 780px;
		width:  100%;
		*width:70em;
	}
	
	/* ondermenu */
	#nav li.off ul, #nav li.on ul { /*put the subnav below*/
		position: absolute;
		top: 1.15em;
		
		left: 0;
		background: #8BB5DF;
		height: 1.5em;
	}
	
	/* nog nodig? */	
	#nav li.on ul {
		background: #8BB5DF;
	}

	/* items in ondermenu */
	#nav li.on ul a, #nav li.off ul a {
		float: left; /*ie doesn't inherit the float*/
		border: 0;
		width: auto;
 		color: #444444;
		padding-top: 2px;
		margin-right: 15px;
		*margin-right: 8px;
	}

	/* links in actieve menu */
	#nav li.on ul a {
/*		color: black; */
	}

	/* verberg in principe alle submenus. */
	#nav li ul {
		display: none;
	}
	
	/* submenu van actieve item en submenu van hover-item moeten zichtbaar zijn. */
	#nav li.on ul,	#nav li.off:hover ul, 
					#nav li.over ul {
		display: block;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 3;
	}

	/* hover van bovenmenu-items, ook als je over het bijbehorende ondermenu
	hovert. li:hover blijft gelden als je over de ul hovert
	(het ondermenu) */
	#nav li.off a:hover,	#nav li:hover a, #nav li.hoverlock a,
							#nav li.over a	{
		background: #B3D1EF;
		border-color: #8BB5DF;
		/* laat gehoverde li a over ul vallen om lijntje tussen onder en boven te verbergen */
		position: relative;
		z-index: 4;
		/* color: black; */
	}
	
	#nav li.hoverlock ul {
		z-index: 3;
		display: block;
	}

	/* meekleuren onderkant li's bij hover */
	#nav li:hover li,	#nav li:hover ul,	#nav li.hoverlock ul,
	#nav li.over li,	#nav li.over ul {
		background: #B3D1EF;
	}

	/* links in ondermenu bij hover van hele menu */
	#nav li:hover ul a, 
	#nav li.over ul a {
/*		color: black; */
	}
	
	/* hover van menu-item */
	#nav li.on a:hover, #nav li.off a:hover {
/* 		 color: #9A484F; */
		color: black;
	}
	
	/* lijn tussen boven en ondermenu */
	#nav li ul {
		border-top: 1px solid #868686;
	}

	/* lijn tussen boven en ondermenu bij hover */
	#nav li:hover ul, #nav li.over ul, #nav li.hoverlock ul {
		border-color: #8BB5DF;
	}
	
	/* huidige pagina */
	#nav a#currentmenuitem {
		text-decoration: underline;
		color: black;
	}