@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.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; }
	
	/* script */
	ul li.over-nierziekten a.active 									{ background: url(../graphics/navmain-hover-overnierziekten.gif) 0 0 no-repeat; }
	ul li.ermee-leren-leven a.active 								{ background: url(../graphics/navmain-hover-ermeelerenleven.gif) 0 0 no-repeat; }
	ul li.waar-werken-we-aan a.active							{ background: url(../graphics/navmain-hover-waarwerkenweaan.gif) 0 0 no-repeat; }
	ul li.iedereen-kan-helpen a.active 							{ background: url(../graphics/navmain-hover-iedereenkanhelpen.gif) 0 0 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/navmain-hover-overnierziekten.gif) 0 0 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/navmain-hover-ermeelerenleven.gif) 0 0 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/navmain-hover-waarwerkenweaan.gif) 0 0 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/navmain-hover-iedereenkanhelpen.gif) 0 0 no-repeat; }
	
	ul li.over-nierziekten a.selected 												{ background: url(../graphics/navmain-selected-overnierziekten.gif) 0 0 no-repeat; }
	ul li.ermee-leren-leven a.selected   										{ background: url(../graphics/navmain-selected-ermeelerenleven.gif) 0 0 no-repeat; }
	ul li.waar-werken-we-aan a.selected										{ background: url(../graphics/navmain-selected-waarwerkenweaan.gif) 0 0 no-repeat; }
	ul li.iedereen-kan-helpen a.selected 										{ background: url(../graphics/navmain-selected-iedereenkanhelpen.gif) 0 0 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: -200px; margin: 100px 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.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; }