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

/*  mainnavigation 					*/
	#nav-main															{ background: url(../graphics/nav-main.gif) 0 31px no-repeat; position:absolute; width:534px; z-index:5; left: 233px; top: 0; }
	#nav-main ul li 													{ float: left; } /* for ie spacing */
	#nav-main ul li a												{ float: left; display: block; height: 100px; width: 133px; }
	
/* 	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: 100px 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.gif) 0 0 no-repeat; }
	#nav-main ul li.ermee-leren-leven ul li.line-top			{ background: url(../graphics/first-li-ermeelerenleven.gif) 0 0 no-repeat; }
	#nav-main ul li.waar-werken-we-aan ul li.line-top		{ background: url(../graphics/first-li-waarwerkenweaan.gif) 0 0 no-repeat; }
	#nav-main ul li.iedereen-kan-helpen ul li.line-top		{ background: url(../graphics/first-li-iedereenkanhelpen.gif) 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 a 								{ color: #908cba; }
	#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:135px;}
	
	.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}