/* general styling */
div#subNavigation {
	width:182px;
	position:relative;
	z-index:1500;
	/*
	min-height:600px;
	*/
}

div#subNavigation ul#pageNav li {
	position:relative;
	z-index:100;
}

div#subNavigation ul#pageNav li a, 
div#subNavigation ul#pageNav li a:visited {
	background: url(../images/sub_nav_hover.gif) -6px 2px no-repeat;
	color:#646464;
	display: block;
	padding: 5px 14px 5px 16px;
}
/* default the second and third level is hidden */

div#subNavigation ul#pageNav li ul.subsubNav,
div#subNavigation ul#pageNav li ul li ul.subsubNav {
	display: none;
}

/* show second or third level on hover */
div#subNavigation ul#pageNav li.flyOut ul.subsubNav,
div#subNavigation ul#pageNav li ul li.flyOut ul.subsubNav {
	display:block;
	position:absolute;
	top:0;
	left:182px;
	width:187px;
}


/* still needed?
div#subNavigation ul#pageNav li.motherActive.hover a,
div#subNavigation ul#pageNav li.motherActive.hover ul li.first a,
div#subNavigation ul#pageNav li.motherActive.hover ul li.last a,
div#subNavigation ul#pageNav li.motherActive.hover ul li.open.hover ul li a,
div#subNavigation ul#pageNav li.motherActive.hover ul li.open .subsubNav li a {
	color:#646464;
	background:transparent url(../images/sub_nav_hover.gif) no-repeat scroll -4px 2px;
	
}
*/




/*hover actions, all levels*/

/* rounded corner top */
div#subNavigation ul#pageNav li.flyOut ul li.first a { 
background:transparent url(../images/top_verloop_subsubnav.png) top left no-repeat; }

div#subNavigation ul#pageNav li.flyOut ul li.first a:hover {	
	background:transparent url(../images/top_verloop_subsubnav_hover.png) !important;
	color:#fff!important;
}

/* new middle */
div#subNavigation ul#pageNav li.flyOut ul li.only a{
	height:17px;
	}
div#subNavigation ul#pageNav li.flyOut ul li.only a { 
background:transparent url(../images/verloop_subsubnav_only.png) top left no-repeat; }

div#subNavigation ul#pageNav li.flyOut ul li.only a:hover {	
	background:transparent url(../images/verloop_subsubnav_only_hover.png);
	color:#fff!important;
}

/* middle */
div#subNavigation ul#pageNav li.flyOut ul li a  {
 background: url(../images/bottom_verloop_subsubnav.png) repeat-x 0 0; 
 }

div#subNavigation ul#pageNav li.flyOut ul li a:hover {


	background:transparent url(../images/bg_subnav_hoverstate.png) no-repeat ;
	color:#fff!important;
}

/* rounded corner bottom */
div#subNavigation ul#pageNav li.flyOut ul li.last a { 
	background:transparent url(../images/bottom_verloop_subsubnav.png) bottom left no-repeat; 
}

div#subNavigation ul#pageNav li.flyOut ul li.last a:hover {
	background:transparent url(../images/bottom_verloop_subsubnav_hover.png) bottom left no-repeat!important;
	color:#fff!important;
}

/* some extra padding on the bottom of flyouts*/
div#subNavigation ul#pageNav li ul.subsubNav li.last a {
	padding-bottom:10px;
}



/*first level */
div#subNavigation ul#pageNav li a:hover,
div#subNavigation ul#pageNav li.flyOut a {
	background:#999999 url(../images/sub_nav_hover.gif) -6px -81px no-repeat;
	color:#fff;
	display:block;	
}


/*single active item, no children */
div#subNavigation ul#pageNav li.motherActive.noChildren  {
	border-bottom:none;
}

div#subNavigation ul#pageNav li.motherActive a.active {
	background:url(../images/bg_subnav_active_mother.png) no-repeat 0 0;
	color:#fff;
	padding-left:11px;
}

div#subNavigation ul#pageNav li.motherActive.noChildren a.active {
	background:url(../images/bg_subnav_active_mother_nochild_top.png) no-repeat 0 0;
	padding-left:0;
}


/*second level, flyout*/
div#subNavigation ul#pageNav li.flyOut li a {
	color:#646464;
	background: url(../images/sub_nav_hover.gif) -6px 2px no-repeat;
}


/*disable the flyout*/

div#subNavigation ul#pageNav li.motherActive ul,
div#subNavigation ul#pageNav li.motherActive ul li.open ul,
div#subNavigation ul#pageNav li.motherActive:hover ul li.open ul,
div#subNavigation ul#pageNav li.motherActive ul li.open .subsubNav {
	display:block;
	position:relative;
	left:auto;
	width:182px;
}

/* indicates children */
div#subNavigation ul#pageNav li.bread {
	background: transparent url(../images/icon_sprite.gif) 171px -440px no-repeat;
}


div#subNavigation ul#pageNav li.motherActive {
	border-bottom:2px solid #0946ba;
}


/* open menu items */
div#subNavigation ul#pageNav li.motherActive:hover ul li.open .subsubNav li a,
div#subNavigation ul#pageNav li.motherActive:hover ul li.open:hover .subsubNav li a,
div#subNavigation ul#pageNav li.motherActive ul li.open .subsubNav li a,
div#subNavigation ul#pageNav li.motherActive ul li.open .subsubNav li a.active {
		background:none;
		padding-left:5px;
}

div#subNavigation ul#pageNav li.motherActive ul li.open .subsubNav li a:hover,
div#subNavigation ul#pageNav li.motherActive ul li.open .subsubNav li a:active {
		background:none;
		color:#0745ae;
		
}

/* open subitems on 2nd level */

div#subNavigation ul#pageNav li.open {
	border-left:5px solid #ececec;
}
div#subNavigation ul#pageNav li.open.noChildren {
	border-left:none;
}


div#subNavigation ul#pageNav li.noChildren a.active span {
	background:url(../images/bg_subnav_active_mother_nochild_bottom.png) no-repeat 0 100%;
	padding-bottom:4px;
	padding-left:11px;
	display:block;
}


div#subNavigation ul#pageNav li.motherActive:hover ul li.foldout:hover .subsubNav li a {
	color:#646464;
}


div#subNavigation ul#pageNav li.motherActive ul li a.active {
	padding-left:18px;
	background: transparent url(../images/icon_sprite.gif) 12px -366px no-repeat;
	color:#004185
}

div#subNavigation ul#pageNav li.motherActive ul li.open.hasChildren a.active,
div#subNavigation ul#pageNav li.motherActive:hover ul li.open.noChildren:hover ul li.open a.active {
	background:url(../images/icon_sprite.png) no-repeat 6px -216px;
	color:#0745ae;
}

div#subNavigation ul#pageNav li.motherActive ul li.open.noChildren ul li.open a.active {
	background:url(../images/icon_sprite.png) no-repeat 11px -367px;
	color:#0745ae;
	
}


div#subNavigation ul#pageNav li.motherActive ul li a:hover  {
	background:#999999 url(../images/sub_nav_hover.gif) -6px -81px no-repeat;
	color:#fff;
}

ul.subsubNav li {
	width:195px;
	height: 20px;
}

ul.subsubNav li.hogerder {
	height: 34px;
}


div#subNavigation {
	line-height: normal;
	padding: 0px 10px 0 0;
	margin-top:5px;
}

div#subNavigation a {
	text-decoration: none;
}