#divNav {background: url("../bg-kop-blauw.jpg") no-repeat top left;	margin: 0; padding: 0; height: 350px; width: 899px;
	}
	#nav {position: absolute; top: 7px; left: 30px; height: 240px; /*totale pagina hoogte*/ width: 195px;
	}
	html>body #nav {left: 30px; /* overige browsers */
	}
	#nav li ul, #nav li ul {margin: 0;	padding: 0;
	}
	#nav a {text-decoration: none;
	}
	#nav li { /*float the main list items*/	margin: 15px; float: left; display: block;  padding-right: 0px; /*ruimte tussen de tabs*/
	}
	#nav li ul {display: none;
	}
	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute; top: 296px; /*positie-hoogte submenu (gaat over hoofdmenu heen)*/ left: -150px;
		padding-top: 0px;/*hoogte tekst op submenubar - achtergrond past zich in grootte aan.*/
		background-image: transparent url() repeat-x; /*achtergrondkleur submenubalk*/
		height: 23px; /*hoogte achtergrond submenubar*/ width: 450px;
		padding-left: 7px; /*subtekst hor. positiie - achtergrond past zich in grootte aan.*/
	}
	#nav li.on ul {background-image: transparent url() repeat-x;  /*kleur sub-menubalk bij inactief*/
	}
	#nav li.on:hover ul, #nav li.over ul {background-image: transparent url() repeat-x; /*for ie*/ 
	}
	#nav li a {color: #202020; font-weight: small; display: block; width: 150px; padding: 0; /*breedte hoofdmenutab met tussenruimte*/ 
	}
	#nav li.on a {color: #;
	}
	#nav li.on ul a, #nav li.off ul a {border: 0; float: left; margin-left: 10px; margin-top: 4px; /*ie doesn't inherit the float*/
		color: #;
		width: 145px; /*breedte subtekst, zorgt ervoor dat subitems per regel schrijven*/
		margin-right: 0px; /*hor.afstand tussen subitems*/
		margin-bottom: 0px; /*zorgt voor regelafstand subitems!*/
	}
	#nav li.on:hover ul a, #nav li.over ul li a {background: #ccc; /*for ie - the specificity is necessary*/
	}
	#nav li.on ul {display: block;
	}
	#nav li.off:hover ul, #nav li.over ul {display: block; z-index: 6000;
	}
	#nav li.off a:hover, #nav li.on a:hover {color: #808080; /*tekstkleur submenu bij hover*/
	}
/*do the image replacement*/
	#nav li span {position: absolute; left:-9384px;
	}
	#liintro a, #litechniek a, #liinstallaties a, #licontact a{display: block; position: relative; 
		height: 22px;/*hoogte hoofdmenubalk gerekend vanaf bovenpositie*/
		background: url("images/menu.png") no-repeat; /*contains all hover states*/
	}
/*first, put the initial states in place*/
	#liintro a {background-position: -0px -0px;
	}
	#litechniek a {background-position: -0px -63px;
	}
	#liinstallaties a {background-position: -0px -126px;
	}
	#licontact a {background-position: -0px -189px;
	}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/
	#liintro.on a:active {background-position: -0px -24px; } /*add selectors for the other li's and background-positions*/
	#litechniek.on a:active {background-position: -0px -87px; }
	#liinstallaties.on a:active {background-position: -0px -150px; }
	#licontact.on a:active {background-position: -0px -213px; }

/*hover states*/
	#liintro a:hover, #liintro:hover a, #liintro.over a {background-position: -0px -24px;
	}
	#litechniek a:hover, #litechniek:hover a, #litechniek.over a {background-position: -0px -87px;
	}
	#liinstallaties a:hover, #liinstallaties:hover a, #liinstallaties.over a {background-position: -0px -150px;
	}
	#licontact a:hover, #licontact:hover a, #licontact.over a {background-position: -0px -213px;
	}

/*subnav formatting*/
	#nav li.off ul a, #nav li.on ul a {display: block; background: transparent;	color: #000000; /*kleur subtekst*/
	line-height: normal;	
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}
	#nav li.on ul a {background: url(../tab.gif) no-repeat; margin-left: -15px; margin-top: -3px; padding-left: 10px; padding-top: 5px; /*achtergrond kleur of plaatje (tabs!) subtekst bij hover*/
	}