/* 
Website by Elmar Beckmann / http://elmarbeckmann.com
Nothing may be changed / added / removed without written permission!!!
(c)2010 Elmarbeckmann.com
*/

/* -------------------------------------------------------------------------------------
	TOPMENU
------------------------------------------------------------------------------------- */

#navtop_nl { 
	position: absolute; 
	bottom: 0; 
	right: 0; 
	width: 750px; 
	height: 48px; 
	margin: 0;
	padding: 0;
}

		/* geen border bij hover van de links */
		#navtop_nl a:hover {
			border: none;
		}

#navtop_nl span { 
	display: none;
}

#navtop_nl li { float: left; position: relative; height: 48px; list-style: none;}
#navtop_nl li a { cursor: pointer; border: none;}
#navtop_nl li a, #navtop_nl li div { position: relative; display: block; height: 48px; text-decoration: none; font-size: 14px; }
#navtop_nl li strong { position: absolute; top: 0px; left: 0px; display: block; height: 48px; }
#navtop_nl li, #navtop_nl li a, #navtop_nl li strong, #navtop_nl li div { background-image: url(../../static/img/navtop_nl.gif); }
#navtop_nl a:active, #navtop_nl a:visited { outline: none; }
   
#navtop_nl li.home, #navtop_nl li.home a, #navtop_nl li.home a strong { background-position: 750px 0px; width: 178px; }
#navtop_nl li.strategie, #navtop_nl li.strategie a, #navtop_nl li.strategie a strong { background-position: 572px 0px; width: 100px; }
#navtop_nl li.lean, #navtop_nl li.lean a, #navtop_nl li.lean a strong	{ background-position: 472px 0px; width: 60px; }
#navtop_nl li.training, #navtop_nl li.training a, #navtop_nl li.training a strong { background-position: 412px 0px; width: 94px; }
#navtop_nl li.klanten, #navtop_nl li.klanten a, #navtop_nl li.klanten a strong { background-position: 318px 0px; width: 91px; }
#navtop_nl li.team, #navtop_nl li.team a, #navtop_nl li.team a strong { background-position: 227px 0px; width: 97px; }
#navtop_nl li.contact, #navtop_nl li.contact a, #navtop_nl li.contact a strong { background-position: 130px 0px; width: 130px; }

/* hover state */
#navtop_nl li.home:hover a, #navtop_nl li.home:hover a strong, #navtop_nl li.home a:hover, #navtop_nl li.home a:hover strong { background-position: 750px -48px; width: 178px; }
#navtop_nl li.strategie:hover a, #navtop_nl li.strategie:hover a strong, #navtop_nl li.strategie a:hover, #navtop_nl li.strategie a:hover strong { background-position: 572px -48px; width: 100px; }
#navtop_nl li.lean:hover a, #navtop_nl li.lean:hover a strong, #navtop_nl li.lean a:hover, #navtop_nl li.lean a:hover strong { background-position: 472px -48px; width: 60px; }
#navtop_nl li.training:hover a, #navtop_nl li.training:hover a strong, #navtop_nl li.training a:hover, #navtop_nl li.training a:hover strong { background-position: 412px -48px; width: 94px; }
#navtop_nl li.klanten:hover a, #navtop_nl li.klanten:hover a strong, #navtop_nl li.klanten a:hover, #navtop_nl li.klanten a:hover strong { background-position: 318px -48px; width: 91px; }
#navtop_nl li.team:hover a, #navtop_nl li.team:hover a strong, #navtop_nl li.team a:hover, #navtop_nl li.team a:hover strong { background-position: 227px -48px; width: 97px; }
#navtop_nl li.contact:hover a, #navtop_nl li.contact:hover a strong, #navtop_nl li.contact a:hover, #navtop_nl li.contact a:hover strong { background-position: 130px -48px; width: 130px; }

/* on state */
#navtop_nl li.homeon, #navtop_nl li.homeon strong, #navtop_nl li.homeon { background-position: 750px -96px; width: 178px; }
#navtop_nl li.strategieon, #navtop_nl li.strategieon strong, #navtop_nl li.strategieon { background-position: 572px -96px; width: 100px; }
#navtop_nl li.leanon, #navtop_nl li.leanon strong, #navtop_nl li.leanon { background-position: 472px -96px; width: 60px; }
#navtop_nl li.trainingon, #navtop_nl li.trainingon strong, #navtop_nl li.trainingon { background-position: 412px -96px; width: 94px; }
#navtop_nl li.klantenon, #navtop_nl li.klantenon strong, #navtop_nl li.klantenon { background-position: 318px -96px; width: 91px; }
#navtop_nl li.teamon, #navtop_nl li.teamon strong, #navtop_nl li.teamon { background-position: 227px -96px; width: 97px; }
#navtop_nl li.contacton, #navtop_nl li.contacton strong, #navtop_nl li.contacton { background-position: 130px -96px; width: 130px; }


/* -------------------------------------------------------------------------------------
	SUBMENU
------------------------------------------------------------------------------------- */

#navsub { 
	position: absolute; 
	top: 14px; 
	right: 50px; 
	height: 48px; 
	margin: 0;
	padding: 0;
}

#navsub li { 
	float: left; 
	position: relative; 
	list-style: none;
	margin-left: 15px;
}

	#navsub li.cat a {
		font-size: 14px;
		color: #464c53;
	}	

	#navsub li.cat a:hover {
		color: #988f7f;
	}		

	#navsub li.caton a {
		font-size: 14px;
		color: #ef4139;
	}	
  

/* -------------------------------------------------------------------------------------
	MAINMENU
------------------------------------------------------------------------------------- */

#navmain { 
	position: relative; 
	margin: 0;
	padding: 0;
}

#navmain li { 
	position: relative; 
	list-style: none;
}


	#navmain li.mainlink a {
		font-size: 14px;
		color: #4a4a4a;
	}	

	#navmain li.mainlink a:hover {
		color: #4e89a8;
	}		

	#navmain li.mainlinkon a {
		font-size: 14px;
		color: #4e89a8;
	}
	

/* -------------------------------------------------------------------------------------
	LINKS
------------------------------------------------------------------------------------- */

#links { 
	position: relative; 
	margin: 0;
	padding: 0;
}

#links li { 
	position: relative; 
	list-style: none;
	font-size: 14px;
	color: #4a4a4a;	
}

	#links li.link a:hover {
		color: #4e89a8;
	}