/*	groen (=advisering & scholing):#669900;
		paars (=diensten):#993399;
		rood (=activiteiten) :#ff3333;
		hemels (=koren) : #00ccff;
		blauw (=nieuws): #003399;
		mosterd (=contact): #cccc00;
		oranje (=vtn):#ff6600;
		
*/
@charset "utf-8";
/* CSS Document */
#menu{
	/*position:relative;*/
	position:absolute;
	top:0px;
	left:0px;
	/*width:200px;*/
	width:500px;
	height:680px;
	font-family:"Irma Black", Verdana, sans-serif;
	font-weight:bold;
	z-index:25;
}

#menu ul{
	position:absolute;
	top:30px;
	/*top:10px;*/
	left:280px;
	width:195px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:right;
	font-size:10px;
	z-index:30;
}
#menu ul a{
	text-decoration:none;
	color:#000;
	}
#menu li {
	margin:0 0 21px 0;
	width:195px;
	text-transform:uppercase;
}
#menu li a:link , #menu li a:visited {
	display:block;
	width:195px;
	letter-spacing:4px;
	padding-top:5px;/*om de bolletjes in safari helemaal te tonen was eerst 3px*/
	letter-spacing:inherit;
}
#menu li a:hover, #menu li.currentLink a:link, #menu li.currentLink a:visited{
	/*display:block;*/
	background-image:url(../images/menu_items/groen_b_str2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:195px;
	color:#669900;
}

#menu li.diensten{
	margin:0 0 16px 0;
}
#menu li.activiteiten{
	margin:0 0 18px 0;
}
#menu li.koren{
	margin:0 0 18px 0;
}
#menu li.nieuws{
	margin:0 0 18px 0;
}
#menu li.contact{
	margin:0 0 20px 0;
}

#menu li.vtn{
	margin:243px 0 16px 0;
	/*[if Opera] margin:178px 0 20px 0;*/
}
/*!!!*/
#menu li.mbt{
	margin:0px 0px 0px 0px;
	-o-margin:300px 0 0px 0;
}
/*tweede level============================*/
#menu ul ul {
	/*position:relative;/*!!nieuw, was eerst overerfd van ul: absolute*/
	/*top:-68px;*/
	left:193px;
	top:19px;
	/*top:39px;*/
	width:505px;
	background-image:url(../images/menu_items/notenbalk.png);
	background-position:left top;
	height:75px;/*nodig om de hele notenbalk te tonen*/
	/*padding-top:15px;/*zodat eerste item op de notenbalk staat , werkt dus niet*/
}

#menu li li {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin:3px 0 0px 0px;
	padding:0 0 0 24px;
	text-transform:none;
	letter-spacing:3px;
	text-align:left;
}
#menu li li a:link, #menu li li a:visited{
	background-image:none;
	/*margin-top:-10px;/*waarom is deze er?*/
}
#menu li.currentLink li a:link, #menu li.currentLink li a:visited{
	background-image:none;
	color:#000;
}
#menu li.currentLink li a:hover {
		color:#669900;
}

#menu li.currentLink li.sub a:link,  #menu li.currentLink li.sub a:visited, #menu li.currentLink li.sub a:hover{
	color:#669900;
}
/*derde level============================*/
#menu ul ul ul {
	position:relative;
	left:20px;
	top:2px;
	background-image:none;
	width:600px;
	/*height:10px;*/
}
#menu li li li {
	/*height:20px;*/
	width:600px;
	padding-left:0;
	font-weight:normal;
	margin:0 0 2px 0;

}
#menu li li li a:link, #menu li li li a:visited  {
	/*height:20px;*/
	display:inline;
	margin-right:20px;
	margin-top:-50px;
	width:195px;
}
/*#menu li.currentLink li.sub li a:link,  #menu li.currentLink li.sub li a:visited{
	color:#000;
}
#menu li.currentLink li.sub li a:hover{
	color:#669900;
}
#menu li.currentLink li.sub li.level3 a:link,  #menu li.currentLink li.sub li.level3 a:visited{
	color:#669900;
}*/

/*diverse classes per menu-item (per ul.class een andere hoogte, omdat de ul absoluut gepositioneerd is)================================*/

#menu ul ul.diensten{
	top:60px;
	/*top:80px;*/
}

#menu ul ul.activiteiten{
	top:97px;
	/*top:117px;*/
}

#menu ul ul.koren{
	top:119px;
}

#menu ul ul.nieuws{
	top:149px;
}

#menu ul ul.contact{
	top:179px;
}
#menu ul ul.home{
	top:220px;
}
#menu ul ul.vtn{
	top:514px;
	/*top:4px; als tab vtn helemaal bovening moet staan*/
}
#menu ul ul.mbt{
	top:549px;
}
/*classes voor verschillende kleuren & bg images van de eerste li en voor het verwijderen van de bg image on hover van de tweede li, die was overerfd van de eerste li*/
/*!!!*/
#menu li.mbt a:hover, #menu li.currentLink.mbt a:link,#menu li.currentLink.mbt a:visited {
	color:#ff6600;
	background-image:url(../images/menu_items/oranje_b_str.png);
}
#menu li.mbt li a:hover{
	background-image:none;
	color:#ff6600;
}
/*!!!*/
#menu li.advies a:hover, #menu li.currentLink.advies a:link,#menu li.currentLink.advies a:visited {
	color:#669900;
	background-image:url(../images/menu_items/groen_b_str2.png);
}
#menu li.advies li a:hover{
	background-image:none;
	color:#669900;
}

#menu li.diensten a:hover, #menu li.currentLink.diensten a:link, #menu li.currentLink.diensten a:visited {
	color:#993399;
	background-image:url(../images/menu_items/paars_b_str.png);
}
#menu li.diensten li a:hover{
	background-image:none;
	color:#993399;
}

#menu li.activiteiten a:hover, #menu li.currentLink.activiteiten a:link, #menu li.currentLink.activiteiten a:visited {
	color:#ff3333;
	background-image:url(../images/menu_items/rood_b_str.png);
}

#menu li.koren a:hover, #menu li.currentLink.koren a:link, #menu li.currentLink.koren a:visited {
	background-image:none;
	color:#00ccff;
	background-image:url(../images/menu_items/hemels_b_str.png);
}
#menu li.koren li a:hover{
	color:#00ccff;
}

#menu li.koren a:hover, #menu li.currentLink.koren a:link, #menu li.currentLink.koren a:visited {
	background-image:none;
	color:#00ccff;
	background-image:url(../images/menu_items/hemels_b_str.png);
}
#menu li.koren li a:hover{
	color:#00ccff;
}

#menu li.nieuws a:hover, #menu li.currentLink.nieuws a:link, #menu li.currentLink.nieuws a:visited {
	background-image:none;
	color:#003399;
	background-image:url(../images/menu_items/blauw_b_str.png);
}
#menu li.nieuws li a:hover{
	background-image:none;
	color:#003399;
}

#menu li.contact a:hover, #menu li.currentLink.contact a:link, #menu li.currentLink.contact a:visited {
	background-image:none;
	color:#cccc00;
	background-image:url(../images/menu_items/mosterd_b_str.png);
}
#menu li.contact li a:hover{
	background-image:none;
	color:#cccc00;
}

#menu li.vtn a:hover, #menu li.currentLink.vtn a:link, #menu li.currentLink.vtn a:visited,
#menu li.home a:hover, #menu li.currentLink.home a:link, #menu li.currentLink.home a:visited{
	color:#ff6600;
	background-image:url(../images/menu_items/oranje_b_str.png);
}
#menu li.vtn li a:hover{
	background-image:none;
	color:#ff6600;
}

/*classes voor het verwijderen van de bg image in de tweede li, wanneer de eerste li currentLink is*/
#menu li.advies.currentLink li a:link,
#menu li.advies.currentLink li a:visited,
#menu li.diensten.currentLink li a:link,
#menu li.diensten.currentLink li a:visited,
#menu li.activiteiten.currentLink li a:link,
#menu li.activiteiten.currentLink li a:visited,
#menu li.koren.currentLink li a:link,
#menu li.koren.currentLink li a:visited,
#menu li.nieuws.currentLink li a:link,
#menu li.nieuws.currentLink li a:visited,
#menu li.contact.currentLink li a:link,
#menu li.contact.currentLink li a:visited,
#menu li.vtn.currentLink li a:link,
#menu li.vtn.currentLink li a:visited,

#menu li.diensten.currentLink li.sub2 li a:link,
#menu li.diensten.currentLink li.sub2 li a:visited,
#menu li.mbt.currentLink li a:link,
#menu li.mbt.currentLink li a:visited

{
		background-image:none;
		color:#000;
}
#menu li.advies.currentLink li a:hover {
	color:#669900;
	}
#menu li.diensten.currentLink li a:hover {
	color:#993399;
	}
#menu li.activiteiten.currentLink li a:hover {
	color:#ff3333;
	}
/*classes voor het tonen van de current link op tweede li*/
#menu li.advies.currentLink li.sub2 a:link,
#menu li.advies.currentLink li.sub2 a:visited
{
	color:#669900;
}
#menu li.diensten.currentLink li.sub2 a:link,
#menu li.diensten.currentLink li.sub2 a:visited
{
		color:#993399;
}
/*classes voor het verwijderen van de current link kleur in de derde li */
#menu li.advies.currentLink li.sub2 li a:link,
#menu li.advies.currentLink li.sub2 li a:visited,
#menu li.diensten.currentLink li.sub2 li a:link,
#menu li.diensten.currentLink li.sub2 li a:visited{
		color:#000;
}
#menu li.advies.currentLink li.sub2 li a:hover
{
	color:#669900;
}
#menu li.diensten.currentLink li.sub2 li a:hover
{
		color:#993399;
}
#menu li.activiteiten.currentLink li.sub2 li a:hover
{
		color:#ff3333;
}
/*classes voor het tonen van de current link in derde li*/
#menu li.advies.currentLink li.sub2 li.sub3 a:link,
#menu li.advies.currentLink li.sub2 li.sub3 a:visited
{
	color:#669900;
}
#menu li.diensten.currentLink li.sub2 li.sub3 a:link,
#menu li.diensten.currentLink li.sub2 li.sub3 a:visited
{
		color:#993399;
}

#menu li.advies.currentLink li a:link,
#menu li.advies.currentLink li a:visited,
#menu li.diensten.currentLink li a:link,
#menu li.diensten.currentLink li a:visited,
#menu li.activiteiten.currentLink li a:link,
#menu li.activiteiten.currentLink li a:visited,
#menu li.koren.currentLink li a:link,
#menu li.koren.currentLink li a:visited,
#menu li.nieuws.currentLink li a:link,
#menu li.nieuws.currentLink li a:visited,
#menu li.contact.currentLink li a:link,
#menu li.contact.currentLink li a:visited,
#menu li.vtn.currentLink li a:link,
#menu li.vtn.currentLink li a:visited,
#menu li.mbt.currentLink li a:link,
#menu li.mbt.currentLink li a:visited{
	display:inline;
}
#menu li li{
	width:600px;
}

.active_sub2, .active_sub3  {
	color:#993399;
}
.active_sub3{
	font-weight:normal;
}
.sub3
{
	font-weight:normal;
	color:#000;
	padding-left:10px;
}

/*.diensten 2e li = actief =================verschillende kleuren per menu item*/
#menu li.advies.currentLink li a.active_sub2:link,
#menu li.advies.currentLink li a.active_sub2:visited,
#menu li.advies.currentLink li a.active_sub3:link,
#menu li.advies.currentLink li a.active_sub3:visited
{
	color:#669900;
}
#menu li.diensten.currentLink li a.active_sub2:link,
#menu li.diensten.currentLink li a.active_sub2:visited,
#menu li.diensten.currentLink li a.active_sub3:link,
#menu li.diensten.currentLink li a.active_sub3:visited
{
		color:#993399;
}
		
#menu li.activiteiten.currentLink li a.active_sub2:link,
#menu li.activiteiten.currentLink li a.active_sub2:visited,
#menu li.activiteiten.currentLink li a.active_sub3:link,
#menu li.activiteiten.currentLink li a.active_sub3:visited
{
		color:#ff3333;
}
#menu li.koren.currentLink li a.active_sub2:link,
#menu li.koren.currentLink li a.active_sub2:visited,
#menu li.koren.currentLink li a.active_sub3:link,
#menu li.koren.currentLink li a.active_sub3:visited
{
		color:#00ccff;
}
#menu li.nieuws.currentLink li a.active_sub2:link,
#menu li.nieuws.currentLink li a.active_sub2:visited,
#menu li.nieuws.currentLink li a.active_sub3:link,
#menu li.nieuws.currentLink li a.active_sub3:visited
{
		color:#003399;
}
#menu li.contact.currentLink li a.active_sub2:link,
#menu li.contact.currentLink li a.active_sub2:visited,
#menu li.contact.currentLink li a.active_sub3:link,
#menu li.contact.currentLink li a.active_sub3:visited
{
		color:#cccc00;
}
#menu li.vtn.currentLink li a.active_sub2:link,
#menu li.vtn.currentLink li a.active_sub2:visited,
#menu li.vtn.currentLink li a.active_sub3:link,
#menu li.vtn.currentLink li a.active_sub3:visited,
#menu li.mbt.currentLink li a.active_sub2:link,
#menu li.mbt.currentLink li a.active_sub2:visited,
#menu li.mbt.currentLink li a.active_sub3:link,
#menu li.mbt.currentLink li a.active_sub3:visited
{
		color:#ff6600;
}
/*=======================einde kleuren classes currentLink 2e level*/ 
.hidden, .hidden2 {
	display:none;
}