/* CSS Document */

#menu {
	float:left;
	width:140px;
	border-top:3px solid #b91f33;
	margin-top:25px;
	font-size:1.2em;
}

/*level 1: hoofdmenu*/
#menu ul a {
	display:block;
	text-align:right;
	font-weight:bold;
	border-bottom:1px solid #b91f33;
	margin:0;
	padding:4px 6px;
	color:#094fa3;
	text-decoration:none;
}
#menu ul a:hover, #menu ul a#here:visited, #menu ul a#here:active { color:#b91f33; }
#menu ul a:active{ 	color:#b91f33; }

/*level 2*/
#menu ul ul a {
	text-align:left;
	font-style:italic;
	font-weight:bold;
	color:#b91f33;
	border-left:8px solid #b91f33;
	border-bottom:0px;
	padding:0px 6px;
}
#menu ul ul a:hover { color:#094fa3; }
#menu ul ul a#here:visited, #menu ul ul a#here:active { color:#094fa3; font-weight:bold; }
#menu ul ul a:active { color:#094fa3; } 

/*level 3*/
#menu ul ul ul a {
	color:#094fa3;
	font-weight:normal;
	font-style:normal;
	padding: 2px 0px 2px 16px;
	background-image:url(../images/li.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#menu ul ul ul a:hover, #menu ul ul ul a:active { color:#094fa3; font-weight:bold;}
#menu ul ul ul a#here:visited, #menu ul ul ul a#here:active { color:#094fa3; font-weight:bold;}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#menu ul ul { border-bottom:1px solid #b91f33; }
#menu ul ul ul { border-bottom:0px; }

#menu li{
list-style:none;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

/*	div#menu li, div#menu li:hover{
	position:relative;
	}
	
	div#menu li ul{
	position:absolute;
	top:0;
	left:100.1%;
	display:none;
	}
	
	div#menu ul ul,
	div#menu ul ul ul,
	div#menu ul li:hover ul ul,
	div#menu ul li:hover ul ul ul
	{display:none;}
	
	div#menu ul li:hover ul,
	div#menu ul ul li:hover ul,
	div#menu ul ul ul li:hover ul
	{
		display:block;
		width:20em;
		border:1px solid #1A6BB1;
		margin:0;
		background-color:#FFFFFF;
		padding:0px 0px 0px 0px;
	}
*/

/* Styling for Expand */
#menu a.x, #menu a.x:visited {
background: url(../images/expand.gif) no-repeat center right;	/* #f1f7fd */
}

#menu a.x:hover {
color:#b91f33;
}

#menu a.x:active{
color:#b91f33;
}


/* DIRECT NAAR *************************************/
#snelnaar {
	float:left;
	width:180px;
	margin-top:168px;
	color:#fff;
	text-align:right;
	font-size:1.2em;
	background-image:url(../images/bg_snelnaar.gif);
	background-position:right;
	background-repeat:repeat-y;
}

#snelnaar h2 {
	color:#ffd51d;
	font-weight:bold;
	font-size:100%;
	margin:0;
	padding:6px;
	border-bottom:3px solid #ffd51d;
}

#snelnaar a {
display:block;
text-align:right;
font-weight:bold;
border-bottom:1px solid #ffd51d;
margin:0;
padding:4px 6px;
color:#fff;
text-decoration:none;
}

#snelnaar a:hover, #snelnaar a:active
/*, #snelnaar a#here:visited, #snelnaar a#here:active*/
{ background-color:#094fa3; }

#snelnaar ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#snelnaar li{
list-style:none;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#snelnaar li, div#snelnaar li:hover{
position:relative;
}

div#snelnaar li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#snelnaar ul ul,
div#snelnaar ul ul ul,
div#snelnaar ul li:hover ul ul,
div#snelnaar ul li:hover ul ul ul
{display:none;}

div#snelnaar ul li:hover ul,
div#snelnaar ul ul li:hover ul,
div#snelnaar ul ul ul li:hover ul
{
	display:block;
	width:20em;
	/*border-bottom:1px solid #cde3f8;*/
	border:1px solid #1A6BB1;
	/*white-space:nowrap;*/
	margin:0;
	/*padding:0px 2px;*/
	background-color:#FFFFFF;
	padding:0px 0px 0px 0px;
}


/* Styling for Expand */

#snelnaar a.x, #snelnaar a.x:visited {
background: url(../images/expand.gif) no-repeat center right;	/* #f1f7fd */
}

#snelnaar a.x:hover {
background:#cde3f8;
}

#snelnaar a.x:active{
color:#907c4b;
background:#fff;
}