body {
		behavior: url(csshover3.htc);  /*bedoelt als extra script voor explorer 5 en 6, die de hover functie alleen aan het a-element toekennen en niet zoals zou moeten aan elk element. (In dit geval het li:hover.)  In de navigatiebalk zit een verborgen submenu (#nav li ul > display none), die bij hover over een listitem display:block wordt. */
		}

#navContainer
{z-index:1;position:absolute;left:0;top:20px;width:780px;height:23px;}

#nav, #nav ul

{background-color:#fff;  
font-weight: bold;  
list-style: none;
padding:0;  
text-transform:uppercase;
line-height:12px; }

/*------li-element---------*/

#nav li  
{  
background-color:#229;  /*van achtergrond donkerblauw is alleen donkerblauwe padding-right 1px te zien, rest opgevuld door display block a-element, resultaat is een verticaal randje dus*/ 
float:left; /*de lijst wordt door het floaten horizontaal*/ 
padding:0 1px 0 0;
}

#nav li.links /*background-color wit, dus padding wit, dus geen verticaal lijntje rechts*/

{background-color:#fff;} 

#nav li.jokekonijn /*heeft geen linkfunctie, dit lijstitem bevat ook geen a element , maar is website naam, staat apart van hoofdmenu (padding 40px, permanent rood)*/

{padding:0 40px 0 0;
background-color:#fff; 
color:#d40000;
font-size:12px;
line-height:12px;}  

/*------a-element hoofdmenu---------*/

#nav li a.werk, #nav li a.expo /*deze twee items van het hoofdmenu's hebben een uitklapbaar submenu, daarom geen handje maar pijl-cursor*/

{cursor: default;
}

#nav li a

{background-color:#fff; 
text-decoration:none;
padding:0 10px;
display:block;
font-size:12px;color:#229;line-height:12px;}

#nav li a:link, #nav li a:visited

{color:#229;} 

#nav li a:hover, #nav li a:active 

{color:#df3400;}

/*------uitklapmenu---------*/

#nav li ul

{display:none;}

#nav li:hover ul

{display: block;
position:absolute;
padding-top:10px;
padding-bottom:10px;

}

#nav li ul li /*verticaal menu dus geen float*/

{float:none;
background-color:#fff; 
text-transform:lowercase;
}

/*------a-element submenu---------*/

#nav li li a:link, #nav li li a:visited

{color:#229;padding:5px 5px 5px 9px;} 

#nav li li a:hover, #nav li li a:active 

{color:#d40000;border-left: 4px solid #d40000; padding-left:5px;} /*padding linkerkant is 9px wit, en wordt bij hover 4px rood border + 5px wit padding*/