@charset "utf-8";
/* CSS Document */

/*  mainnavigation 					*/
	#nav-main							{ background: url(../graphics/nav-main.gif) 0 40px no-repeat; position:absolute; width:700px; z-index:5; left: 210px; top: 0px; }
	#nav-main ul li 					{ float: left; } /* for ie spacing */
	#nav-main ul li a					{ float: left; display: block; height: 100px; width: 150px; }
	
/* 	submenus  */
	.hidden 							{ display:none}
	

	#nav-main ul li.noscript:hover ul li			{ display: block; } 
	#nav-main ul li ul 								{ width: 908px; position: absolute; left: -200px; display: none; margin: 80px 0 0 0; padding: 0 0 0 22px;  background: url(../graphics/bg-submenu.png) bottom left no-repeat; z-index: 15; }

	#nav-main ul li ul li							{ display: block; border:0px solid yellow} 
	#nav-main ul li ul li a							{ float: none; padding: 0 10px 0 0; margin: 0 0 10px 0; background: none; height: auto; width: 152px;  color: #221a76; }
	#nav-main ul li ul li .sIFR						{ font-size: 13px; cursor: pointer;  line-height: 1em; color: #221a76; }
	#nav-main ul li ul li span a					{ display: block; color: #221a76; }
	
	#nav-main ul li.noscript:hover ul li ul,
	#nav-main ul li ul li ul   						{ width: 135px; left: 0; margin: 0; height: auto; padding: 0 0 15px 0; position: relative; background: none;}
	#nav-main ul li ul li ul li 					{ float: none; }
	#nav-main ul li ul li ul li a					{ height: auto; background: url(../graphics/navmain-subsuba-bg.gif) 0 0.45em no-repeat; padding: 0 0 0.3em 0.7em; display: block; color: #908cba; margin: 0;}

	#nav-main ul li ul li:hover ul li a				{ color: #221a76; }
	#nav-main ul li ul li a:hover,
	#nav-main ul li ul li ul li a:hover				{ color: #e31a22; }
	
	#nav-main ul li ul li.left-spacer				{ display: block; width: 22px; }
	#nav-main ul li ul li.line-top					{ width: 930px; height: 20px; margin: 0 0 0 -22px; }
	
	/* Deze styles zijn ook in nsn-nav-exp.css gedefinieerd, dus hier zijn ze uitgecomment. */

	#nav-main ul li ul li.actueel 							{ padding: 22px 0 0 45px; width: 885px; display: block; margin: 0 0 0 -22px; height: 36px; }
	#nav-main ul li.collapsed ul li.actueel					{ display: none; }
	#nav-main ul li ul li.actueel a,	
	#nav-main ul li ul li.actueel a:hover					{ padding: 20px 0 20px 0; display: inline; margin: 0 0 0 0.3em; color: #221a76; background: none; }

	
	#nav-main ul li.over-nierziekten ul li.line-top			{ background: url(../graphics/first-li-overnierziekten.png) 0 0 no-repeat; }
	#nav-main ul li.ermee-leren-leven ul li.line-top		{ background: url(../graphics/first-li-ermeelerenleven.png) 0 0 no-repeat; }
	#nav-main ul li.waar-werken-we-aan ul li.line-top		{ background: url(../graphics/first-li-waarwerkenweaan.png) 0 0 no-repeat; }
	#nav-main ul li.iedereen-kan-helpen ul li.line-top		{ background: url(../graphics/first-li-iedereenkanhelpen.png) 0 0 no-repeat; }

	/*  subhome navigation */

	.sub-navigator a.selected								{ color: #C8C5DB; }
	
	.expand *												{ display:block; visibility:visible}

	.nav-sub-header-level1									{ margin-bottom:8px; display:block}
	.nav-sub-header-level2									{ margin-bottom:8px; display:block}
	#content ul.nav-sub li .nav-sub-header-level2  a		{ color:#221A76}
	 
	
	.accent-level1											{ color: #221a76; font-size:80%}
	.accent-level2											{ color: #e31a22; font-size:80%}

	#content ul.nav-sub										{ margin: 0 0 0 15px; }
	#content ul.nav-sub li a								{ color: #e31a22; font-size: 130%; font-weight: bold; }
	#content ul.nav-sub li span.nav-sub-header-level1 a		{ height: 36px; }
	#content ul.nav-sub li span.nav-sub-header-level2 a		{ height: 36px; }
	#content ul.nav-sub li									{ float: left; }
	#content ul.nav-sub li a								{ display: block; width: 158px; padding: 0 0 0 15px; }
	#content ul.nav-sub li li								{ float: none; }
	#content ul.nav-sub li li a								{ font-size: 110%; color: #221a76; background: url(../graphics/navmain-subsuba-bg.gif) 15px 5px no-repeat; width: 150px; padding: 0 0 0 25px; font-weight: normal; }
	

	#content ul.nav-sub li.noscript:hover li a					{ color: #908cba; }
	#content ul.nav-sub li.noscript:hover li.noscript:hover a	{ color: #221a76; }


	#content ul.nav-sub										{ margin: 0 0 0 15px; }
	#content ul.nav-sub li a								{ color: #e31a22; font-size: 130%; font-weight: bold; }
	#content ul.nav-sub li									{ float: left; }
	#content ul.nav-sub li a								{ display: block; width: 158px; padding: 0 0 0 15px; }
	#content ul.nav-sub li li								{ float: none; }
	#content ul.nav-sub li li a								{ font-size: 110%; color: #221a76; background: url(../graphics/navmain-subsuba-bg.gif) 15px 5px no-repeat; width: 150px; padding: 0 0 0 25px; font-weight: normal; }
	
	#content ul.nav-sub li.noscript:hover li.noscript:hover a	{ color: #221a76; }

	/* subnavigation */

	.sub-navigator, .sub-navigator *				{ margin:0;	padding:0; }
	.sub-navigator									{ line-height:	1.0; }
	.sub-navigator ul								{ position:	absolute;	top:	-999em;	width:	158px; /* left offset of submenus need to match (see below) */}
	.sub-navigator ul li							{ width:100%;}
	.sub-navigator li:hover							{ visibility:		inherit; /* fixes IE7 'sticky bug' */}
	.sub-navigator li								{ float:left; position:relative; }
	.sub-navigator a								{ display:block;position: relative; padding:5px;}
	
	.sub-navigator li:hover ul,
	.sub-navigator li.sfHover ul					{ left: 0;	top:20px;  }
	
	ul.sub-navigator li:hover li ul,
	ul.sub-navigator li.sfHover li ul				{ top:-999em; border:0px solid red;z-index:10}
	
	ul.sub-navigator li li:hover ul,
	ul.sub-navigator li li.sfHover ul				{ left:155px; /* match ul width */	top:0;}
	
	ul.sub-navigator li li:hover li ul,
	ul.sub-navigator li li.sfHover li ul			{ top:-999em;}
	
	ul.sub-navigator li li li:hover ul,
	ul.sub-navigator li li li.sfHover ul			{ left:155px; /* match ul width */ top:5;}

	/*styling */
	.subnav-enhanced								{ background: url(../graphics/bg-submenu.png) bottom left no-repeat; }
	.subnav-enhanced								{ width:930px;border:0px solid black;height:34px; ;position:absolute;top:150px;}
	
	.subnav-enhanced ul >li >ul						{ background:white; background:	url('../graphics/subnav-bg1.png') no-repeat bottom center; padding: 0 8px 9px 0px;	}
	.subnav-enhanced ul >li >ul  a					{ background: transparent url(../graphics/navmain-subsuba-bg.gif) no-repeat scroll 0 0.65em; padding: 0.4em  0 0.4em 0.7em;margin:0 2px 0 6px;}

	.subnav-enhanced ul >li > span> a				{ width:148px;padding:5px}