@charset "utf-8";
/* 
document    						: nsn-nav-exp.css
author								: Harm Jan Luth
company							: TDC Lighthouse
client								: Nierstichting
 */

/*  mainnavigation 					*/
	#nav-main													{ background: url(../graphics/nav-main.png) 0 35px no-repeat; position:absolute; width:720px; 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: 80px; width: 180px; margin-top: 0px;}
	
	/* script */
	ul li.over-nierziekten a.active 							{ background: url(../graphics/nav-main-hover-overnierziekten.png) 0 35px no-repeat; }
	ul li.ermee-leren-leven a.active 							{ background: url(../graphics/nav-main-hover-ermeelerenleven.png) 0 35px no-repeat; }
	ul li.waar-werken-we-aan a.active							{ background: url(../graphics/nav-main-hover-waarwerkenweaan.png) 0 35px no-repeat; }
	ul li.iedereen-kan-helpen a.active 							{ background: url(../graphics/nav-main-hover-iedereenkanhelpen.png) 0 35px no-repeat; }

	ul li.over-nierziekten.noscript:hover a,
	ul li.over-nierziekten.noscript:hover a.selected,
	ul li.over-nierziekten a.noscript:hover 						{ background: url(../graphics/nav-main-hover-overnierziekten.png) 0 35px no-repeat; }
	
	ul li.ermee-leren-leven.noscript:hover a,
	ul li.ermee-leren-leven.noscript:hover a.selected,
	ul li.ermee-leren-leven a.noscript:hover 						{ background: url(../graphics/nav-main-hover-ermeelerenleven.png) 0 35px no-repeat; }
	

	ul li.waar-werken-we-aan.noscript:hover a,
	ul li.waar-werken-we-aan.noscript:hover a.selected,
	ul li.waar-werken-we-aan a.noscript:hover 						{ background: url(../graphics/nav-main-hover-waarwerkenweaan.png) 0 35px no-repeat; }
	
	ul li.iedereen-kan-helpen.noscript:hover a,
	ul li.iedereen-kan-helpen.noscript:hover a.selected,
	ul li.iedereen-kan-helpen a.noscript:hover 						{ background: url(../graphics/nav-main-hover-iedereenkanhelpen.png) 0 35px no-repeat; }
	
	ul li.over-nierziekten a.selected 								{ background: url(../graphics/nav-main-selected-overnierziekten.png) 0 35px no-repeat; }
	ul li.ermee-leren-leven a.selected   							{ background: url(../graphics/nav-main-selected-ermeelerenleven.png) 0 35px no-repeat; }
	ul li.waar-werken-we-aan a.selected								{ background: url(../graphics/nav-main-selected-waarwerkenweaan.png) 0 35px no-repeat; }
	ul li.iedereen-kan-helpen a.selected 							{ background: url(../graphics/nav-main-selected-iedereenkanhelpen.png) 0 35px no-repeat; }
	
/* 	submenus  */
	
	/* these 3 classes are set by the menu script */
	#nav-main ul #nav-main-fix 										{ background: url(../graphics/bg-submenu.png) bottom left no-repeat; padding:0 0 15px 22px;}
	#nav-main ul #nav-main-fix li ul								{ padding: 0 0 15px}
	#nav-main ul #nav-main-fix  li.actueel 							{ border:0px solid black; margin: 0 0 -15px -25px; display:block}

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

	/* het probleem: dit */
	#nav-main ul li.selected.noscript:hover ul li.noscript:hover ul		{ display: block; z-index: 10; background: none; }
	/* is hetzelfde gedrag als: */
	#nav-main ul li.selected ul li.noscript:hover ul					{ display: block; z-index: 10; background: none; }
	
	#nav-main ul li.selected ul li.actueel						{ display: none; }
	#nav-main ul li.selected.noscript:hover ul li.actueel		{ display: block; }
									  
	#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 ul li span.selected a						{ color: #C8C5DB; }
	
	#nav-main ul li ul li ul   									{ width: 135px; left: 0; margin: 0; height: auto; padding: 0 0 15px 0; position: relative; background: none; display: block; }
	#nav-main ul li.noscript:hover ul li ul						{ display: block; }
	
	#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.noscript:hover ul li a				{ color: #221a76; }
	#nav-main ul li ul li a.noscript:hover,
	#nav-main ul li ul li ul li a.noscript: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; }
	

	#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.expanded ul li.actueel						{ display: none; }
	#nav-main ul li.expanded.noscript:hover ul li.actueel 		{ display: block; }
	#nav-main ul li ul li.actueel a,	
	#nav-main ul li ul li.actueel a.noscript: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; }