﻿/*menu horizontal*/
#menu {z-index:100;position:relative; top:43px; left:280px; width:100%;}
#menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:White; width:104px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; font-size:11px;}
#menu ul {padding:0; margin:0;list-style-type: none; }
#menu ul li {float:left; margin-right:1px; position:relative; margin-top:0px; }
#menu ul li ul {display: none; margin-left:-113px; margin-top:20px;}
#menu ul li ul li {margin-top:0px; border-right:1px solid white; border-left:1px solid white;}

/* specific to non IE browsers */
#menu ul li:hover a {color:Black; background:#b3ab79;}
#menu ul li:hover ul {display:block; position:absolute; top:0; left:113px; width:105px;}
#menu ul li:hover ul li a.hide {background:#dfc184; color:Black;}
#menu ul li:hover ul li:hover a.hide {width:150px;}
#menu ul li:hover ul li ul {display: none; margin-left:100px; margin-top:-1px;}
#menu ul li:hover ul li a {display:block; background:#b3ab79; color:white; width:150px;}
#menu ul li:hover ul li a:hover {color:Black; border-right: 0px solid white;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:60px; top:0; color:Black;}
#menu ul li:hover ul li:hover ul li a {display:block; width:120px; background:#e5c84a; color:White; }
#menu ul li:hover ul li:hover ul li a:hover { color:Black; border-right: 0px solid white;}


#menu .wereld ul li a
	{
		width:162px;
		text-align:center;
		background-color:#9b356a;
		background: url(../images/wereld.jpg) no-repeat;
		border:0px;
	}
#menu .fawad ul li a
	{
		width:162px;
		text-align:center;
		background-color:#9b356a;
		background: url(../images/wereld-selected.jpg) no-repeat;
		border:0px;
		color:Black;
	/*	margin-top: -5px;
		height:25px; */
	}
#menu .fawad ul li ul li a
	{
		padding-left:5px;
		width:155px;
		text-align:left;
		background-color:#9b356a;
		background-image:none;
		
		/*filter:alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity:0.7;*/
	}
		
#menu .wereld ul li ul li a
	{
		padding-left:5px;
		width:155px;
		text-align:left;
		background-color:#9b356a;
		background-image:none;
	}	
	

#menu .onderwijs ul li a
	{
		width:162px;
		text-align:center;
		background-color:#cc305a;
		background: url(../images/onderwijs.jpg) no-repeat;
		border:0px;	
	}
#menu .onderwijs ul li ul li a
	{
		padding-left:5px;
		width:155px;
		text-align:left;
		background-color:#cc305a;
		background-image:none;
	}			

#menu .overige ul li a
	{
		width:162px;
		text-align:center;
		background-color:#e5c84a;
		background: url(../images/overige.jpg) no-repeat;
		border:0px;
	}
#menu .overige ul li ul li a
	{
		padding-left:5px;
		width:155px;
		text-align:left;
		background-color:#e5c84a;
		background-image:none;
	}		

#menu .vragen ul li a
	{
		width:162px;
		text-align:center;
		background-color:#8da5ce;
		background: url(../images/vragen.jpg) no-repeat;
		border:0px;
	}	
#menu .vragen ul li ul li a
	{
		padding-left:5px;
		width:155px;
		text-align:left;
		background-color:#8da5ce;
		background-image:none;
	}		
	
#menu .links ul li a
	{
		width:162px;
		text-align:center;
		background-color:#974a94;
		background: url(../images/links.jpg) no-repeat;
		border:0px;
	}
#menu .links ul li ul li a
	{
		padding-left:5px;
		width:155px;
		text-align:left;
		background-color:#974a94;
		background-image:none;
	}				

/*einde*/
