/* menu_default */

/*  First-level expected directory tag - li */
/* Knoppen instellingen */
ul.dropdown li {
	width: 130px;
	text-align: center;
}

ul.dropdown *.dir {
	padding-right: 0px;
	background: url(../_images/bg_topmenu_active.gif) repeat-x left;
}

/* Non-first level */
ul.dropdown ul *.dir {
	background-image: url(../_images/comnav-arrow-right.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

ul.dropdown ul ul *.dir {
	background-image: url(../_images/comnav-arrow-right2.png);
}

/*  section Base Drop-Down Styling  */
/* ALL LEVELS (incl. first) */
ul.dropdown {
	font: bold 15px/normal Arial, Helvetica, sans-serif;
	padding-top: 3px;
}

/* JB Aktief menuitem */
ul.dropdown li {
	background-color: transparent;
	color: #FFFFFF;
}

ul.dropdown li:hover {

}

/* Links */
ul.dropdown a:link, ul.dropdown a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

ul.dropdown a:hover {
	border-top-color: #0395C2 !important;
	border-left-color: #0395C2;
	background: url(../_images/bg_topmenu_hl.gif) repeat-x left;
}

ul.dropdown ul a.dir:hover {
	/* proposal */
	background-color: #0395C2;
	background-image: url(../_images/comnav-arrowon.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
}

ul.dropdown a:active {
	background: url(../_images/comnav-sub-press.png) #0395C2 0 0 repeat-x !important;
	color: #FFFFFF;
}

/* NON-FIRST LEVEL */
ul.dropdown ul {
	left: auto;
	right: 0;
	width: 150px;
	margin-top: 0px;
	margin-right: -1px;	
	border-top: 1px solid #444444;
	border-left: 5px solid  #0395C2;
	font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
}

ul.dropdown ul a:hover {
	color: #FFFFFF;
	background-color: #5DB1E0;
	background-image: none;
}

/* JB Achtergrondkleur eerste nivo pulldown */
ul.dropdown ul li {
	background-color: #5A737B;
	width: 150px;
	text-align: left;
}

ul.dropdown ul ul {
	top: 0;
	right: auto;
	left: 100%;
	margin-top: 0;
	border-top: none;
	border-left: none;
	font-weight: normal;
}

/* JB Achtergrondkleur tweede nivo pulldown */
ul.dropdown ul ul li {
	background-color: #5A737B;
	border-left: 5px solid  #0395C2;
	width: 150px;
	text-align: left;
}

/* JB Achtergrondkleur derde nivo pulldown */
ul.dropdown ul ul ul li {
	background-color: #5A737B;
}

/*=============================*/
/*  DEFAULT-ULTIMATE */
/*=============================*/

/*Section Base Style Extension*/
ul.dropdown a, ul.dropdown span {
	display: block;
	padding: 5px 5px;
}

/* Section Base Style Override*/
ul.dropdown li {
	padding: 0;
}

ul.dropdown ul a, ul.dropdown ul span {
	/* POI, proposal: override abstract a, span */
	padding: 8px;
}

/*section Base Style Reinitiate: post-override activities */
ul.dropdown *.dir {
	/* POI */
	padding: 5px 0px;
}

ul.dropdown ul *.dir {
	padding: 8px 30px 8px 8px;
}

/*Section Custom Styles*/
ul.dropdown ul a {
	width: 133px;
}

ul.dropdown ul a.dir {
	width: 111px;
}

/* Clone in CSS 2 */
ul.dropdown li:hover > *.dir {
/*	background-color: #3D3D3D;*/
}

ul.dropdown ul li:hover > *.dir {
	background-color: #5A737B;
	background-image: url(../_images/comnav-arrowover.png);
}

ul.dropdown ul ul li:hover > *.dir {
	background-color: #5A737B;
	background-image: url(../_images/comnav-arrowover.pngx);
	color: #FFFFFF;
}

/* Override UPPER TWO definitions */
/* Sub-item met een sub-sub-item */
ul.dropdown li:hover > a.dir:hover {
	background-color: #0395C2;
	color: #FFFFFF;
}

ul.dropdown ul li:hover > a.dir:hover {
	background-image: url(../_images/comnav-arrowon.png);
	color: #FFFFFF;
}