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

/* -------------------------------------------------------------------------------------
	MAIN MENU ondersteun
------------------------------------------------------------------------------------- */

#nav_nl { 
	position: absolute; 
	top: 0; 
	left: 45px; 
	width: 555px; 
	height: 50px; 
	margin: 0;
	padding: 0;
}

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

#nav_nl span { 
	display: none;
}

#nav_nl li { float: left; position: relative; height: 50px; list-style: none;}
#nav_nl li a { cursor: pointer; border: none;}
#nav_nl li a, #nav_nl li div { position: relative; display: block; height: 50px; text-decoration: none; font-size: 14px; }
#nav_nl li strong { position: absolute; top: 0px; left: 0px; display: block; height: 50px; }
#nav_nl li, #nav_nl li a, #nav_nl li strong, #nav_nl li div { background-image: url(../../static/img/nav.gif); }
#nav_nl a:active, #nav_nl a:visited { outline: none; }
   
#nav_nl li.home, #nav_nl li.home a, #nav_nl li.home a strong { background-position: 555px 0px; width: 125px; }
#nav_nl li.visie, #nav_nl li.visie a, #nav_nl li.visie a strong	{ background-position: 430px 0px; width: 125px; }
#nav_nl li.programma, #nav_nl li.programma a, #nav_nl li.programma a strong { background-position: 305px 0px; width: 125px; }
#nav_nl li.informatie, #nav_nl li.informatie a, #nav_nl li.informatie a strong { background-position: 180px 0px; width: 180px; }

/* hover state */
#nav_nl li.home:hover a, #nav_nl li.home:hover a strong, #nav_nl li.home a:hover, #nav_nl li.home a:hover strong { background-position: 555px -50px; width: 125px; }
#nav_nl li.visie:hover a, #nav_nl li.visie:hover a strong, #nav_nl li.visie a:hover, #nav_nl li.visie a:hover strong { background-position: 430px -50px; width: 125px; }
#nav_nl li.programma:hover a, #nav_nl li.programma:hover a strong, #nav_nl li.programma a:hover, #nav_nl li.programma a:hover strong { background-position: 305px -50px; width: 125px; }
#nav_nl li.informatie:hover a, #nav_nl li.informatie:hover a strong, #nav_nl li.informatie a:hover, #nav_nl li.informatie a:hover strong { background-position: 180px -50px; width: 180px; }

/* on state */
#nav_nl li.homeon, #nav_nl li.homeon strong, #nav_nl li.homeon { background-position: 555px -100px; width: 125px; }
#nav_nl li.visieon, #nav_nl li.visieon strong, #nav_nl li.visieon { background-position: 430px -100px; width: 125px; }
#nav_nl li.programmaon, #nav_nl li.programmaon strong, #nav_nl li.programmaon { background-position: 305px -100px; width: 125px; }
#nav_nl li.informatieon, #nav_nl li.informatieon strong, #nav_nl li.informatieon { background-position: 180px -100px; width: 180px; }


/* NAVIGATION DROPDOWNS
------------------------------------------------------------------------------------- */
      
  ul#nav_nl li ul.menu_dropper{
  margin: 0;
  display: none;
  padding: .5em;
  list-style-type: none;
  position: absolute;
  left: 0;
  width: 175px;
  background: none;
  /*background-color: #484848;*/
  /*border: 1px solid #444;
  border-top:  1px solid #f94040;*/
  background-color: #dedede;
  border: 1px solid #fff;
  /*border-top:  1px solid #444;  */
  z-index: 400;
  }
  
  ul#nav_nl li.hovered ul.menu_dropper{
  display: block;
  }
  
  ul#nav_nl li:hover ul.menu_dropper{
  display: block; 
  }
  
	ul#nav_nl li ul.menu_dropper li{
	float: none;
	font-size: 1.1em;
	border-bottom: 1px dotted #fff;
	margin: 0;
	background: none;
	background-color: #dedede;
		  height: 27px;
	}
	
	  ul#nav_nl li ul.menu_dropper li a.sublink{
	  background: none;
	  background-color: #dedede;
	  text-decoration: none;
	  color: #333;
	  padding-top: 5px;
	  padding-left: 5px;
	  width: 170px;
	  font-size: 12px;
	  height: 22px;
	  }
	  
	  ul#nav_nl li ul.menu_dropper li a.sublink:hover{
	  background-color: #ddd;
	  color: #333;
	  width: 170px;
	  font-weight:  bold;
	  }
	
  /* contact dropdown */
  /*
  ul#nav_nl li.contact ul.menu_dropper{
  left: -82px;
  }
  
  ul#nav_nl li.contacton ul.menu_dropper{
  left: -82px;
  }
  */