*
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


.Iframe
{
	border: 0;
	position: absolute;
	width: 125px; /* breedte div + 2px*/
	height: 27px; /* hoogte div + 7px*/
	z-index: 20;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
}
/*
	edit 02-09-05
	I removed position: fixed from #nav, #nav ul
	position: fixed is only applyed on #nav ul
*/
#nav ul {
	position: fixed;
}

#nav
{
	margin-top:13px;
	margin-right:10px;
	float:right;
}

#nav .toplevelItem a
{
	display:block;
	height:37px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:37px;
	font-weight:bold;
	font-size:12px;
}

#nav .toplevelItem a:hover
{
	color:#00FF00;
	/*background-image:url(../../../../Data/Graphics/bg_menu_t.gif);
	background-position:left top;*/
	font-weight:bold;
}

#nav .toplevelItem .subItem a
{
	display:block;
	color:#FFF;
	text-align:left;
	width: 125px;
	height:20px;
	line-height:20px;
	font-weight:normal;
}

#nav .toplevelItem .subItem a:hover
{
	color:#00FF00;
	/*width: 7em;*/
	width: 125px;
	font-weight:normal;
}

#nav a {
	display: block;
	width: 7em;
}

#nav li { /* all list items */
	float: left;
	width: 7em; /* width needed or else Opera goes nuts */
	background-image:url(../../../../Data/Graphics/vlinder.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 125px;
	/*
		edit 02-09-05
		-999em wasn't enough to move it out of the screen
		Therefor i changed to value to -99999em
	*/
	left: -99999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-top:2px solid #00FF00;
}

#nav li ul ul { /* third-and-above-level lists */
	z-index: 99;
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -99999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*#nav .subItem
{
	border-left: 1px solid #646464;
	border-right: 1px solid #646464;
}*/


#nav div.subItem
{
	border-left: 2px solid #00FF00;
	border-right: 2px solid #00FF00;
	border-bottom: 2px solid #00FF00;
	background-color:#434E66;
	position : relative;
	width: 125px;
	height:27px;
	z-index: 30;
  	padding-left: 4px;
}



/*sub 1*/
#nav li:hover li div ,
#nav li.sfhover li div
{
	background: #434E66;
}
/*sub 2*/
#nav li:hover li:hover li div ,
#nav li.sfhover li.sfhover li div
{
	background: #434E66;
}
/*sub 3*/
#nav li:hover li:hover li:hover li div ,
#nav li.sfhover li.sfhover li.sfhover li div
{
	background: #434E66;
}

/*sub 4*/
#nav li:hover li:hover li:hover li:hover li div ,
#nav li.sfhover li.sfhover li.sfhover li.sfhover li div
{
	background: #434E66;
}
/*sub 5*/
#nav li:hover li:hover li:hover li:hover li:hover li div ,
#nav li.sfhover li.sfhover li.sfhover li.sfhover li.sfhover li div
{
	background: #434E66;
}

/*sub 1 MouseOver*/
#nav li:hover div,
#nav li.sfhover div
{
	background: #434E66;
}
/*sub 2 MouseOver*/
#nav li:hover li:hover div,
#nav li.sfhover li.sfhover div
{
	background: #434E66;
}

/*sub 3 MouseOver*/
#nav li:hover li:hover li:hover div,
#nav li.sfhover li.sfhover li.sfhover div
{
	background: #434E66;
}

/*sub 4 MouseOver*/
#nav li:hover li:hover li:hover li:hover div,
#nav li.sfhover li.sfhover li.sfhover li.sfhover div
{
	background: #434E66;
}

/*sub 5 MouseOver*/
#nav li:hover li:hover li:hover li:hover li:hover div,
#nav li.sfhover li.sfhover li.sfhover li.sfhover li.sfhover div
{
	background: #434E66;
}



/* Text IE*/
#nav li:hover li div a,
#nav li:hover li:hover li div a,
#nav li:hover li:hover li:hover li div a,
#nav li:hover li:hover li:hover li:hover li div a,
#nav li.sfhover li div a,
#nav li.sfhover li.sfhover li div a,
#nav li.sfhover li.sfhover li.sfhover li div a,

#nav li.sfhover li.sfhover li.sfhover li.sfhover li div a
{
	color: #FFFFFF;
	font-weight:normal;
}

/* Text MouseOver IE*/
#nav li:hover div a,
#nav li:hover li:hover div a,
#nav li:hover li:hover li:hover div a,
#nav li:hover li:hover li:hover li:hover div a,
#nav li:hover li:hover li:hover li:hover li:hover div a,
#nav li.sfhover div a,
#nav li.sfhover li.sfhover div a,
#nav li.sfhover li.sfhover li.sfhover div a,
#nav li.sfhover li.sfhover li.sfhover li.sfhover div a,

#nav li.sfhover li.sfhover li.sfhover li.sfhover li.sfhover div a
{
	color: #00FF00;
	font-weight:normal;
}


/*MOZILLA*/


/*sub 1*/
#nav li:hover li,
#nav li.sfhover li
{
	background: #434E66;
}

/*sub 2*/
#nav li:hover li:hover li,
#nav li.sfhover li.sfhover li
{
	background: #434E66;
}
/*sub 3*/
#nav li:hover li:hover li:hover li,
#nav li.sfhover li.sfhover li.sfhover li
{
	background: #434E66;
}

/*sub 4*/
#nav li:hover li:hover li:hover li:hover li ,
#nav li.sfhover li.sfhover li.sfhover li.sfhover li
{
	background: #434E66;
}
/*sub 5*/
#nav li:hover li:hover li:hover li:hover li:hover li ,
#nav li.sfhover li.sfhover li.sfhover li.sfhover li.sfhover li
{
	background: #434E66;
}


/*TopItem MouseOver */
/*#nav li:hover,
#nav li.sfhover
{
	background: #D6DAEB;
}*/



/*sub 2 MouseOver*/
#nav li:hover li:hover,
#nav li.sfhover li.sfhover
{
	background: #434E66;
}

/*sub 3 MouseOver*/
#nav li:hover li:hover li:hover,
#nav li.sfhover li.sfhover li.sfhover
{
	background: #434E66;
}

/*sub 4 MouseOver*/
#nav li:hover li:hover li:hover li:hover,
#nav li.sfhover li.sfhover li.sfhover li.sfhover
{
	background: #434E66;
}

/*sub 5 MouseOver*/
#nav li:hover li:hover li:hover li:hover li:hover,
#nav li.sfhover li.sfhover li.sfhover li.sfhover li.sfhover
{
	background: #434E66;
}
