/* @group Navigatie */

/*________________ Menu linkerkant ________________ */

/* Opmaak tot 1 nivo's diep */

#navigatie {
	float: left;
	width: 190px;
	display: block;
	margin: 0;
	background: transparent;
}

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

#navigatie ul li {
	padding: 0;
	margin: 0px;
	list-style: none;
	text-align: left;
}

#navigatie li ul {
  padding: 0;
  margin: 0;
}

#navigatie ul li a,
#navigatie ul li a:link,
#navigatie ul li a:visited,
#navigatie ul li a:active {
	width: 180px;
	height: 30px;
	padding-left: 10px;
	display: block;
	line-height: 29px;
	height: 30px;
	color: #41738e !important;
	font-weight: normal;
  	font-size: 11px;
  	text-decoration: none;
	background: url(DesignerImages/navi-f1.gif) no-repeat;
	overflow: hidden;
	}


#navigatie ul li a:hover {
	color: #41738e !important;
	background: url(DesignerImages/navi-f2.gif) no-repeat;
}

#navigatie ul li a.selected  {
	background: url(DesignerImages/navi-f2.gif) no-repeat;
}


/* TWEEDE NIVO */
#navigatie  ul li ul li a,
#navigatie  ul li ul li a:link,
#navigatie  ul li ul li a:visited,
#navigatie  ul li ul li a:active {
	width: 167px;
	height: 30px;
	padding-left: 23px;
	display: block;
	line-height: 29px;
	height: 30px;
	color: #adc3cf !important;
	font-weight: normal;
  	font-size: 11px;
  	text-decoration: none;
	overflow: hidden;
	background: url(DesignerImages/navi-f3.gif) repeat-y !important;
	border-bottom: 1px solid #ccd9e1;
}

#navigatie ul li ul li a:hover {
	color: #41738e !important;
	background: url(DesignerImages/navi-f4.gif) repeat-y !important;
}

#navigatie ul li ul li  a.selected {
	color: #41738e !important;
	background: url(DesignerImages/navi-f4.gif) repeat-y !important;
}

/* Derde NIVO */
#menu ul li ul li ul li a,
#menu ul li ul li ul li a:link,
#menu ul li ul li ul li a:visited,
#menu ul li ul li ul li a:active {
	width: 157px;
	padding-left: 33px;
	display: block;
	line-height: 29px;
	height: 29px;
	color: #adc3cf;
	font-weight: normal;
  	font-size: 11px;
  	text-decoration: none;
	overflow: hidden;
	background: url(DesignerImages/navi-f5.gif) repeat-y !important;
}

#menu ul li ul li ul li a:hover {
	color: #41738e !important;
	background: url(DesignerImages/navi-f6.gif) repeat-y !important;

}

#menu ul li ul li ul li a.selected {
	color: #41738e !important;
	background: url(DesignerImages/navi-f6.gif) repeat-y !important;
}



/* @end */