/*Dit gedeelte komt in je stijlblad of in je stijl in de header te staan*/ 
#navigatie {
 font-family: verdana, Helvetica, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 width: 12em;
 border-right: 1px solid #666;
 padding: 0;
 margin-bottom: 1em;
 background-color: #9cc;
 color: #333;
}

#navigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigatie ul li {
 margin: 0;
 border-top: 1px solid #003;
}

#navigatie ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 5px solid #ccd7e5; /*kleur linker blokje */
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #003366;
 color: #fff;
 text-decoration: none;
}
/*breedte navigatie*/ 
#navigatie ul li a {
 width: 170px;
}

#navigatie ul li a:hover {
 border-left: 10px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #5297C1;
 color: #fff;
}

ul {
	list-style: none; /* Remove the bullets */
	margin: 0;
	padding: 0;
	width:100px; /* Menu width */
	}

ul li {
	display: block; /* Make a menu item a block (height 100%, width 100%) */
	height:100%; 
	width:180px; /* breedte menu scheider */
	position: relative; 
	float:left; /* Make sure (in IE) there's no margin between the menu items */
	}

ul li a{
	display:block; /* When rollover the menu item, the whole item will be seen as link. */
	}

ul li a:hover {}
ul ul {
    position: absolute; 
	top: 0; 
	display:none; /* Display nothing when not 'hovered' */
}

ul li ul li{}

ul li ul li a:hover{}

ul li:hover ul{
	display: block; /* Make sure the submenu is displayed as blocks as well. */
	left:187px; /* Your submenu width. The submenu appears there, when you hover a menu item. */
}

.imgleft {
float:left;
margin:6px 10px 6px 0px;
}
.imgright {
float:right;
margin:6px 6px 6px 6px;
}
.imgmiddle { 
float: middle;
margin:6px 10px 6px 0px;
}
.unorderedlist {
list-style:disc;
list-style-type:disc;
margin-bottom: 10px;
float: left;

}
.submenustyle{
background: url(assets/arrow-list.gif) no-repeat center right;
}
#navigatie2 {
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 12em;
	padding: 0;
	margin-bottom: 1em;
	background-color: #9cc;
	color: #333;
}

#navigatie2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigatie2 ul li {
	margin: 0;
	border-top: 2px solid #ffffff;
}

#navigatie2 ul li a {
	display: block;
	padding: 2px 2px 2px 4px;
	border-left: 5px solid #ccd7e5; /*kleur linker blokje */
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color: #CC6600;
	color: #fff;
	text-decoration: none;
}
/*breedte navigatie*/ 
#navigatie2 ul li a {
 width: 170px;
}

#navigatie2 ul li a:hover {
 border-left: 10px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #5297C1;
 color: #fff;
}