#snelkoppelingen ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 0px;
position:relative;
z-index:99;
}

#dropdown
{
background:url("../_images/dropdown.gif") no-repeat;
width:241px;
height:24px;
}

#dropdown li
{
display:block;
color:#333333;
padding:10px;
}

#snelkoppelingen a {
display: block;
width: 240px;
text-decoration:none;
color:#333333;
line-height:25px;
margin-bottom:-2px;
}

#snelkoppelingen li li a {
display: block;
width: 240px;
text-decoration:none;
color:#333333;
line-height:25px;
}

#snelkoppelingen li { /* all list items */
float: left;
width: 240px; /* width needed or else Opera goes nuts */
}

#snelkoppelingen li ul { /* second-level lists */
position: absolute;
width: 240px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-bottom:3px solid #DDDDDD;
border-right:1px solid #CCCCCC;
border-left:1px solid #FFFFFF;
}
#snelkoppelingen li ul li {
background: #FFFFFF;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
border-bottom:1px solid #DDDDDD;
padding:0px 0px 0px 10px;
}

#snelkoppelingen li ul li:hover { /* second-level lists */

background: #EEEEEE;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;

}

#snelkoppelingen li:hover ul, #snelkoppelingen li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}



/* A few IE bug fixes */
* { margin: 0; padding: 0; }
* html ul ul li a { height: 100%; }
* html ul li a { height: 100%; }
* html ul ul li { margin-bottom: -1px; }

#navigatie { width: 190px; height: 350px; margin: 30px 0; padding: 0; }

/* Some list and link styling */
#navigatie ul li { width: 190px; }

/* sub */

#navigatie ul ul li { padding: 0; width: 190px; margin-bottom: 0; }

#navigatie ul ul li a { display:block; text-decoration:none; background:#D1DBE9; color: #000; padding:3px 3px 3px 30px;}
#navigatie ul ul li a:hover { display:block; color: #369; background-color: #D1DBE9;}

/* For the xtra menu */
#navigatie ul ul ul li { border-left: none; border-bottom: 1px solid #eee; padding: 0; width: 190px; margin-bottom: 0; }
#navigatie ul ul ul li a { padding-left:40px; border-bottom:1px solid #FFFFFF; display:block; color: #000;  background-color: #AFBBD6;}
#navigatie ul ul ul li a:hover { display:block; color: #99AACB; background-color: #eee;}


#navigatie li { list-style-type: none; }
#navigatie h2 { margin-top: 0px; }
#navigatie h3 { font-size:13px; margin:0px; padding:0px;}
#navigatie h4 { font-size:11px; margin:0px; padding:0px; }

/* Header links stylingv */
#navigatie h3.head a { 
padding:3px 3px 5px 25px;
height:15px;		
color: #FFFFFF;
display:block; 
background: #073583 url(down.gif) no-repeat; 
background-position: 98% 50%;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
}
#navigatie h3.head a:hover { 
color: #FFFFFF;
background: #2B5EAF url(down.gif) no-repeat; 
background-position: 98% 50%;
}
#navigatie h3.selected a { 
background: #073583 url(up.gif) no-repeat; 
background-position:98% 50%;
color: #fff;
}
#navigatie h3.selected a:hover { 
background: #99AACB url(up.gif) no-repeat; 
background-position:98% 50%;
color: #36a;
}

/* Xtra Header links styling */
#navigatie h4.head a {
 text-decoration:none; 
color: #333;
display:block; 
background: #D1DBE9 url(down.gif) no-repeat; 
background-position: 98% 50%;
padding-left:30px;
}
#navigatie h4.head a:hover { 
color: #000;
background: #99AACB url(down.gif) no-repeat; 
background-position: 98% 50%;
}
#navigatie h4.selected a { 
background: #99AACB url(up.gif) no-repeat; 
background-position:98% 50%;
color: #fff;
padding-left:30px;
}
#navigatie h4.selected a:hover { 
background: #99AACB url(up.gif) no-repeat; 
background-position:98% 50%;
color: #36a;
}

#navigatie h3#de_amandelboom a,#navigatie #de_amandelboom 
{
background: #656C9E url(down.gif) no-repeat; 
}

#navigatie h3#de_hazelaar a,#navigatie #de_hazelaar {
background: #DC795A url(down.gif) no-repeat; 
}	

#navigatie h3#maarlenhof a, #navigatie #maarlenhof {
background: #B87F82 url(down.gif) no-repeat; 
}
	
#navigatie h3#margaretha a,#navigatie #margaretha {
background: #EEA600 url(down.gif) no-repeat; 
}

#navigatie h3#de_meente a,#navigatie #de_meente {
background: #FED61D url(down.gif) no-repeat; 
}		

#navigatie h3#myosotis a,#navigatie #myosotis {
background: #E7D31A url(down.gif) no-repeat; 
}				
	
#navigatie h3#de_schans a,#navigatie #de_schans {
background: #3AB4D5 url(down.gif) no-repeat; 
}

	
#navigatie h3#de_vijverhof a,#navigatie #de_vijverhof {
background: #1585BC url(down.gif) no-repeat; 
}

#navigatie h3#nieuwe_haven a,#navigatie #nieuwe_haven,
#navigatie h3#elisabeth a,#navigatie #elisabeth,
#navigatie h3#judith a,#navigatie #judith {
background: #b890c2 url(down.gif) no-repeat; 
}

#navigatie h3#weezenlanden a,#navigatie #weezenlanden {
background: #A4A510 url(down.gif) no-repeat; 
}

#navigatie h3#werkeren a,#navigatie #werkeren {
background: #c60751 url(down.gif) no-repeat; 
}