#nav li ul {
	border: solid 1px #6f767a;
	border-bottom: none;
	background-color: #8e94a0;
	font-size: 85%;
}


/* start styling voor alle knoppen ----------------- */

       /* géén height instellen. hoogte instellen doe je met de lineheight.*/
#nav li a {
	width:11.35em; /*alleen zetten als hoofdmenu géén vaste breedte moet hebben*/
	w\idth : 10.3em; /*alleen zetten als hoofdmenu géén vaste breedte moet hebben*/
	color : black;
	font-weight : normal;
	text-decoration : none;
	padding : 0 0.5em;
	}
#nav li a.logged {
	background-color: #7C8183;
}

/* --- styling voor alle knoppen behalve hoofdknoppen----- */	
#nav li li a {
	width:13em;
	w\idth : 12.2em; /* belangrijk, staan laten; ook de slash */
	border-bottom: 1px #b6becc solid;
	font-weight: normal;
	color: white;
}
#nav li a:hover {
	color : white;
	background-color : black;
}
/* end styling voor alle knoppen ----------------- */
#nav #menua1 li a:hover { 
	background-color: #dfc87f;
}
#nav #menub1 li a:hover { 
	background-color: #e77a45;
}
#nav #menue1 li a:hover { 
	background-color: #6d96aa;
}

/* start styling knoppen met kinderen ----------------- */
#nav a.daddy, #nav li a.daddy, #nav li a.daddy:hover  {
	xbackground: url(../images/arrow.gif) center right no-repeat;
	color: red;
}
#nav li a.daddy:hover  {
	color: white;
}


/* end styling knoppen met kinderen ----------------- */



/* start styling parent elementen ----------------- */
#nav li:hover, #nav li.sfhover { 
	background-color: silver;
}
#nav li:hover a, #nav li.sfhover a { 
	background-color: none; /*nodig om parent-verkleuring te tonen, omdat anders de a een background color heeft*/
}
/* end styling parent elementen ----------------- */




/* start styling van hoofknopen ----------------- */

			/* let op: margins en borders geven problemen voor dropdowns*/

#nav a.mom, #nav li a.mom, #nav li a.mom:hover  {
	xbackground: url(../images/arrow.gif) center left no-repeat;
	padding: 0 0.5em 0 0.5em;
	background-color: red;
	color: white;
	
}
#nav li a.mom:hover {
	color: white;
}

/* ---  styling van parent van dropdown */
#nav li:hover a.mom, #nav li.sfhover a.mom { 
	xbackground: url(../images/arrow.gif) center left no-repeat;
	xbackground-color: purple;
	color: black; 
}
#nav li:hover a#menuc, #nav li.sfhover a#menuc, #nav li:hover a#menud, #nav li.sfhover a#menud  { 
 color: white !important;
}
#menua {
	background-color: #dfc87f !important;
}
#menub{
	background-color: #e77a45 !important;
}
#menuc, #menud  {
	background-color: #000000 !important;
}
#menue{
	background-color: #6d96aa !important;
}

/* end styling van hoofknopen----------------- */
