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

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



#nav { 
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 950px; 
	height: 50px; 
	margin:0 0 0 0; 
	padding: 0;
	z-index: 200;
	font-size: 20px;

	/*behavior: url(../css/iepngfix.htc);*/
}

#nav li { 
	float: left; 
	height: 35px; 
	list-style: none;
	padding-top: 15px;	
	padding-right: 30px;
	text-transform: uppercase;
	position:  relative;
}

#nav li a { 
	border: none;
	color: #c2f1f7;
	height: 35px;
	display:  block;
}

#nav li a:hover { 
	color: #fff; 
}

#nav li a:active { 
	color: #fff; 
}

#nav li.home a.first {
	font-size: 14px;
	display: inherit;
}


/* NAVIGATION DROPDOWNS
------------------------------------------------------------------------------------- */
      
  ul#nav li ul.menu_dropper{
  margin: 0;
  display: none;
  padding: .5em;
  list-style-type: none;
  position: absolute;
  left: 0px;
  width: 175px;
  background: none;
  background-color: #444;
  border: 1px solid #fff;
  border-top:  1px solid #444;  
  z-index: 400;
  }
  
  ul#nav li.hovered ul.menu_dropper{
  display: block;
  }
 
  ul#nav li:hover ul.menu_dropper{
  display: block; 
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;  
  }
  
	ul#nav li ul.menu_dropper li{
	float: none;
	font-size: 1.1em;
	border-bottom: 1px dotted #3B3B3B;
	margin: 0;
	background: none;
	background-color: #484848;
	height: 27px;
	padding-top: 0px;	
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
	  ul#nav li ul.menu_dropper li a.sublink{
	  background: none;
	  background-color: #484848;
	  text-decoration: none;
	  color: white;
	  padding-top: 5px;
	  padding-left: 5px;
	  width: 170px;
	  font-size: 12px;
	  height: 22px;
	  }
	  
	  ul#nav li ul.menu_dropper li a.sublink:hover{
	  background-color: #333;
	  color: #fff;
	  width: 170px;
	  }
	
  /* contact dropdown */
  /*
  ul#nav li.contact ul.menu_dropper{
  left: -82px;
  }
  
  ul#nav li.contacton ul.menu_dropper{
  left: -82px;
  }
  */
  
/* -------------------------------------------------------------------------------------
	TOP MENU
------------------------------------------------------------------------------------- */

#nav_top { 	
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 250px; 
	height: 30px; 
	margin: 0;
	padding: 0;
}

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

#nav_top span { 
	display: none;
}

#nav_top li { float: left; position: relative; height: 30px; list-style: none;}
#nav_top li a { cursor: pointer; border: none;}
#nav_top li a, #nav_top li div { position: relative; display: block; height: 30px; text-decoration: none; font-size: 14px; }
#nav_top li strong { position: absolute; top: 0px; left: 0px; display: block; height: 30px; }
#nav_top li, #nav_top li a, #nav_top li strong, #nav_top li div { background-image: url(../../static/img/nav_top.gif); }
#nav_top a:active, #nav_top a:visited { outline: none; }
   
#nav_top li.navigators, #nav_top li.navigators a, #nav_top li.navigators a strong	{ background-position: 250px 0px; width: 125px; }
#nav_top li.lifenet, #nav_top li.lifenet a, #nav_top li.lifenet a strong { background-position: 125px 0px; width: 40px; }
#nav_top li.studenten, #nav_top li.studenten a, #nav_top li.studenten a strong	{ background-position: 85px 0px; width: 85px; }

/* hover state */
#nav_top li.navigators:hover a, #nav_top li.navigators:hover a strong, #nav_top li.navigators a:hover, #nav_top li.navigators a:hover strong { background-position: 250px -30px; width: 125px; }
#nav_top li.lifenet:hover a, #nav_top li.lifenet:hover a strong, #nav_top li.lifenet a:hover, #nav_top li.lifenet a:hover strong { background-position: 125px -30px; width: 40px; }
#nav_top li.studenten:hover a, #nav_top li.studenten:hover a strong, #nav_top li.studenten a:hover, #nav_top li.studenten a:hover strong { background-position: 85px -30px; width: 85px; }

/* on state */
#nav_top li.navigatorson, #nav_top li.navigatorson strong, #nav_top li.navigatorson { background-position: 250px -60px; width: 125px; }
#nav_top li.lifeneton, #nav_top li.lifeneton strong, #nav_top li.lifeneton { background-position: 125px -60px; width: 40px; }
#nav_top li.studentenon, #nav_top li.studentenon strong, #nav_top li.studentenon { background-position: 85px -60px; width: 85px; }