#wrapper.home .navigation .button div a {
	margin:0;
	background: none;
	color:#FFF;
	width:151px;
	background:none;
	text-indent:0;
	text-decoration: none;
}

#wrapper.home { background: #eee url(img/bg-home.gif) repeat-x 0 -260px; height: auto; }
#wrapper.home #head { height: 117px; padding: 0 12px; }
#wrapper.home #corp { right: 12px; width: 900px; }
#wrapper.home #corp ul { position: absolute; right: 12px; top: 12px; margin: 0; }
#wrapper.home #corp fieldset { position: absolute; right: 12px; top: 44px; }


.home #head h1 {border-bottom: 0;color: #A21645;position: absolute;top: 11px;left: 12px;z-index: 5;width: 271px;height: 107px;margin: 0;padding: 0;}
/*.home #head h1 #logo {background: #eee url(img/bg-home.gif) repeat-x 0 0;width: 271px;height: 107px;top: 0;}*/
.home #head h1 #logo {background: #eee url(img/bg-home.gif) repeat-x 0 0;width: 271px;height: 113px;top: 0;}
.home #head h1 span { display: none; } /* alternative content */

.home #head p {	background: #eee url(img/bg-home.gif) repeat-x -306px -68px;width: 285px;height: 19px;position: absolute;top: 80px;left: 318px;margin: 0;padding: 0;text-indent: -99999px;}


#wrapper.home #content { margin: 0; }
#wrapper.home #main_home { width: 950px; padding: 0 10px 12px 10px; overflow: hidden; }

#main_home { 
	background: transparent url(img/body-background.gif) bottom right no-repeat;
	width: 720px; 
	float: right; 
}

#wrapper.home h2, #wrapper.home h3 { border-bottom: 0; padding: 0; margin: 0; }
#wrapper.home li h2 { position: absolute; left: 24px; top: 92px; }
#wrapper.home .carousel li p { padding: 0; margin: 0; position: absolute; left: 24px; top: 155px; color: #a8a8a8; font-weight: bold; width: 450px; }
#wrapper.home .carousel li p a {color: #a8a8a8; }
#wrapper.home .carousel {width: 705px;height: 250px;padding: 21px 0 0 0;background: transparent repeat-x 0px -709px;}
#wrapper.home .carousel ul {
	background: transparent;
}


/* de images behorende bij de vier onderdelen, let erop moet zelfde afmeting zijn en ook in ie6.css png filter */
#wrapper.home #ho-brand { background: url(img/home/home-brand.png) no-repeat 0 0; left: 410px; }
#wrapper.home a#po-brand { background: url(img/home/home-primair.png) no-repeat 0 0; }
#wrapper.home a#so-brand { background: url(img/home/home-speciaal.png) no-repeat 0 0; }
#wrapper.home a#vo-brand { background: url(img/home/home-voortgezet.png) no-repeat 0 0; }
#wrapper.home a#bo-brand { background: url(img/home/home-beroeps.png) no-repeat 0 0; }

#wrapper.home .brand { display: block; text-indent: -99999px; width: 217px; height: 231px; position: absolute; top: -20px; left: 560px; }

#wrapper.home .carousel li { width: 709px;height: 250px;position: relative;}
#wrapper.home .carousel li p { width: 450px; }
#wrapper.home .carousel li.home p { width: 370px; }
#wrapper.home li.home h2 { display: none; }


#wrapper.home ul.navigation { 
	height: 40px; 
	overflow: visible;
	position: relative;
}

#wrapper.home .navigation li { 
	text-indent:-99999px; 
	background: url(img/home-main-menu.gif) no-repeat top left; 
	height: 40px; 
	cursor: pointer;
}
#wrapper.home .navigation li#nav-ho { 
	background-position: 0 0; 
	width: 40px;
}

#wrapper.home .navigation li#nav-po { 
	background-position: -40px 0; 
	width: 167px;
}
#wrapper.home .navigation li#nav-so { 
	background-position: -207px 0; 
	width: 167px;	
}
#wrapper.home .navigation li#nav-vo { 
	background-position: -374px 0; 
	width: 167px;	
}
#wrapper.home .navigation li#nav-bo { 
	background-position: -541px 0; 
	width: 167px;
}
#wrapper.home .navigation li#nav-ho:hover { background-position: 0 -82px; }
#wrapper.home .navigation li#nav-po:hover { background-position: -40px -82px; }
#wrapper.home .navigation li#nav-so:hover { background-position: -207px -82px; }
#wrapper.home .navigation li#nav-vo:hover { background-position: -374px -82px; }
#wrapper.home .navigation li#nav-bo:hover { background-position: -541px -82px; }

#wrapper.home .navigation li#nav-po.active { background-position: -40px -41px; }
#wrapper.home .navigation li#nav-so.active { background-position: -207px -41px; }
#wrapper.home .navigation li#nav-vo.active { background-position: -374px -41px; }
#wrapper.home .navigation li#nav-bo.active { background-position: -541px -41px; }

#wrapper.home .dirnav { position: absolute; right: 3px; top: 21px; }
#wrapper.home .dirnav a { background: url(img/bg-home.gif) no-repeat -602px 0; width: 230px; height: 40px; display: block; margin: 0 0 12px 0; text-indent: -9999px; }
#wrapper.home .dirnav a:hover { background-position: -840px 0;  }
#wrapper.home .dirnav a.pu { background-position: -602px -41px;  }
#wrapper.home .dirnav a.pu:hover { background-position: -840px -41px;  }
#wrapper.home .dirnav a.ov { background-position: -602px -82px;  }
#wrapper.home .dirnav a.ov:hover { background-position: -840px -82px;  }




#wrapper.home ul.sub { position: relative; clear: both; background-color: #fff; margin: 0; padding: 0;}
#wrapper.home ul.sub li {width: 460px; padding: 18px 12px 0 12px;}
#wrapper.home ul.sub li h3,
#wrapper.home ul.sub li p { margin: 0; padding: 0 12px; font-size: 12px; font-family: arial; }
#wrapper.home ul.sub li a { text-decoration: none; }


#wrapper.home li {float: left;list-style: none;}

/* -- NEW NAVIGATION -- */ 

#wrapper.home .main_content {
	width: 950px;
	height: 250px;
	padding: 21px 0 0 0;
	background: transparent repeat-x 0px -709px;
	position: relative;
	overflow: hidden;
}

#wrapper.home .navigation { 

	height: 40px; 
	overflow: visible;
	position: relative;

}

#wrapper.home .navigation a { 
	text-indent:-99999px; 
	display:block;
	background: url(img/home-main-menu.gif) no-repeat top left; 
	height: 40px; 
	cursor: pointer;
}
#wrapper.home .navigation li a.ho { 
	background-position: 0 0; 
	width: 40px;
}

#wrapper.home .navigation li a.po { 
	background-position: -40px 0; 
	width: 167px;
}
#wrapper.home .navigation li a.so { 
	background-position: -207px 0; 
	width: 167px;	
}
#wrapper.home .navigation li a.vo { 
	background-position: -374px 0; 
	width: 167px;	
}
#wrapper.home .navigation li a.bo { 
	background-position: -541px 0; 
	width: 167px;
}

#wrapper.home .navigation li a.ho:hover { background-position: 0 -82px; }
#wrapper.home .navigation li a.po:hover { background-position: -40px -82px; }
#wrapper.home .navigation li a.so:hover { background-position: -207px -82px; }
#wrapper.home .navigation li a.vo:hover { background-position: -374px -82px; }
#wrapper.home .navigation li a.bo:hover { background-position: -541px -82px; }







#wrapper.home { background: #eee url(img/bg-home.gif) repeat-x 0 -260px; height: auto; }
#wrapper.home #head { height: 117px; padding: 0 12px; }
#wrapper.home #corp { right: 12px; }
#wrapper.home #corp ul { position: absolute; right: 12px; top: 12px; margin: 0; }
#wrapper.home #corp fieldset { position: absolute; right: 12px; top: 44px; }


.home #head h1 {border-bottom: 0;color: #A21645;position: absolute;top: 11px;left: 12px;z-index: 5;width: 271px;height: 107px;margin: 0;padding: 0;}
.home #head h1 #logo {background: #eee url(img/bg-home.gif) repeat-x 0 0;width: 271px;height: 110px;top: 0;}
.home #head h1 span { display: none; } /* alternative content */

.home #head p {	background: #eee url(img/bg-home.gif) repeat-x -306px -68px;width: 285px;height: 19px;position: absolute;top: 80px;left: 318px;margin: 0;padding: 0;text-indent: -99999px;}


#wrapper.home #content { margin: 0; }
#wrapper.home #main { width: 950px; padding: 0 10px 12px 10px; }

#wrapper.home h2, #wrapper.home h3 { border-bottom: 0; padding: 0; margin: 0; }
#wrapper.home li h2 { position: absolute; left: 24px; top: 92px; }
#wrapper.home .carousel li p { padding: 0; margin: 0; position: absolute; left: 24px; top: 155px; color: #a8a8a8; font-weight: bold; width: 450px; }
#wrapper.home .carousel li p a {color: #a8a8a8; }
#wrapper.home .carousel {width: 950px;height: 250px;padding: 21px 0 0 0;background: transparent repeat-x 0px -709px;}
#wrapper.home .carousel ul {
	background: transparent;
}


/* de images behorende bij de vier onderdelen, let erop moet zelfde afmeting zijn en ook in ie6.css png filter */
#wrapper.home #ho-brand { background: url(img/home/home-brand.png) no-repeat 0 0; left: 410px; }
#wrapper.home a#po-brand { background: url(img/home/home-primair.png) no-repeat 0 0; }
#wrapper.home a#so-brand { background: url(img/home/home-speciaal.png) no-repeat 0 0; }
#wrapper.home a#vo-brand { background: url(img/home/home-voortgezet.png) no-repeat 0 0; }
#wrapper.home a#bo-brand { background: url(img/home/home-beroeps.png) no-repeat 0 0; }

#wrapper.home .brand { display: block; text-indent: -99999px; width: 217px; height: 231px; position: absolute; top: -20px; left: 560px; }

#wrapper.home .carousel li { width: 705px;height: 250px;position: relative;}
#wrapper.home .carousel li p { width: 450px; }
#wrapper.home .carousel li.home p { width: 370px; }
#wrapper.home li.home h2 { display: none; }


#wrapper.home ul.navigation { 
	height: 40px; 
	overflow: visible;
	position: relative;
}

#wrapper.home .navigation li { 
	text-indent:-99999px; 
	background: url(img/home-main-menu.gif) no-repeat top left; 
	height: 40px; 
	cursor: pointer;
}
#wrapper.home .navigation li#nav-ho { 
	background-position: 0 0; 
	width: 40px;
}

#wrapper.home .navigation li#nav-po { 
	background-position: -40px 0; 
	width: 167px;
}
#wrapper.home .navigation li#nav-so { 
	background-position: -207px 0; 
	width: 167px;	
}
#wrapper.home .navigation li#nav-vo { 
	background-position: -374px 0; 
	width: 167px;	
}
#wrapper.home .navigation li#nav-bo { 
	background-position: -541px 0; 
	width: 167px;
}
#wrapper.home .navigation li#nav-ho:hover { background-position: 0 -82px; }
#wrapper.home .navigation li#nav-po:hover { background-position: -40px -82px; }
#wrapper.home .navigation li#nav-so:hover { background-position: -207px -82px; }
#wrapper.home .navigation li#nav-vo:hover { background-position: -374px -82px; }
#wrapper.home .navigation li#nav-bo:hover { background-position: -541px -82px; }

#wrapper.home .navigation li#nav-po.active { background-position: -40px -41px; }
#wrapper.home .navigation li#nav-so.active { background-position: -207px -41px; }
#wrapper.home .navigation li#nav-vo.active { background-position: -374px -41px; }
#wrapper.home .navigation li#nav-bo.active { background-position: -541px -41px; }

#wrapper.home .dirnav { position: absolute; top: 20px; }
#wrapper.home .dirnav a { background: url(img/bg-home.gif) no-repeat -602px 0; width: 230px; height: 40px; display: block; margin: 0 0 12px 0; text-indent: -9999px; }
#wrapper.home .dirnav a:hover { background-position: -840px 0;  }
#wrapper.home .dirnav a.pu { background-position: -602px -41px;  }
#wrapper.home .dirnav a.pu:hover { background-position: -840px -41px;  }
#wrapper.home .dirnav a.ov { background-position: -602px -82px;  }
#wrapper.home .dirnav a.ov:hover { background-position: -840px -82px;  }




#wrapper.home ul.sub { position: relative; clear: both; background-color: #fff; margin: 0; padding: 0; line-height: 130%;}
#wrapper.home ul.sub li {width: 460px; padding: 18px 12px 0 12px;}
#wrapper.home ul.sub li h3,
#wrapper.home ul.sub li p { margin: 0; padding: 0 12px; font-size: 12px; font-family: arial; }
#wrapper.home ul.sub li a { text-decoration: none; }


#wrapper.home li {float: left;list-style: none;}

/* -- NEW NAVIGATION -- */ 

#wrapper.home .main_content {
	width: 950px;
	height: 250px;
	padding: 21px 0 0 0;
	background: transparent repeat-x 0px -709px;
	position: relative;
}

#wrapper.home .navigation { 

	height: 40px; 
	overflow: visible;
	position: relative;

}



#wrapper.home .navigation a { 
	text-indent:-99999px; 
	display:block;
	background: url(img/home-main-menu.gif) no-repeat top left; 
	height: 40px; 
	cursor: pointer;
}
#wrapper.home .navigation li a.ho { 
	background-position: 0 0; 
	width: 40px;
}

#wrapper.home .navigation li a.po { 
	background-position: -40px 0; 
	width: 167px;
}
#wrapper.home .navigation li a.so { 
	background-position: -207px 0; 
	width: 167px;	
}
#wrapper.home .navigation li a.vo { 
	background-position: -374px 0; 
	width: 167px;	
}
#wrapper.home .navigation li a.bo { 
	background-position: -541px 0; 
	width: 167px;
}

#wrapper.home .navigation li a.ho:hover { background-position: 0 -82px; }
#wrapper.home .navigation li a.po:hover { background-position: -40px -82px; }
#wrapper.home .navigation li a.so:hover { background-position: -207px -82px; }
#wrapper.home .navigation li a.vo:hover { background-position: -374px -82px; }
#wrapper.home .navigation li a.bo:hover { background-position: -541px -82px; }

/*#wrapper.home .navigation li#nav-po.active { background-position: -40px -41px; }
#wrapper.home .navigation li#nav-so.active { background-position: -207px -41px; }
#wrapper.home .navigation li#nav-vo.active { background-position: -374px -41px; }
#wrapper.home .navigation li#nav-bo.active { background-position: -541px -41px; }*/


/* -- TOOLTIP -- */

.button {
	display:inline;
	position: relative;
	z-index:2;
}



/*.button div {
	display:none;
	background:transparent url(img/hover_bg.gif) no-repeat scroll 0 0;	
	height:128px;	
	padding-top:5px;
	padding-left:8px;
	padding-right:8px;
	position:absolute;
	left:0;
	top:20px;
	width:151px;
	text-indent:0;	
	overflow:hidden;
	z-index:10;
}*/

.button div h4 {
	color:#FFF;
	width:151px;
	margin-bottom:7px;	
	font-weight:normal;
	font-size:1.4em;
	display:block;
	height:23px;
	position:relative;
	top:3px;
	left:1px;
}

.button div h4.primaironderwijs {
	background:url(img/h4_primaironderwijs.gif) top	left no-repeat;	
}
.button div h4.speciaalonderwijs {
	background:url(img/h4_speciaalonderwijs.gif) top left no-repeat;	
}
.button div h4.voortgezetonderwijs {
	background:url(img/h4_voortgezetonderwijs.gif) top left no-repeat;	
}
.button div h4.beroepsonderwijs {
	background:url(img/h4_beroepsonderwijs.gif) top	left no-repeat;	
}



#wrapper.home .navigation .button div a {
	margin:0;
	background: none;
	color:#FFF;
	width:151px;
	background:none;
	text-indent:0;
}
#wrapper.home .navigation .button div a .readmore {
	position:relative;
	left:9px;
}

#wrapper.home .navigation .button div a.white_arrow {
	background: url(img/white_arrow.gif) bottom right no-repeat;
	width:auto;
}

.navigation li .buttonPopup {
		display:none;	
	}
	.navigation li.active .buttonPopup {	
		display:block;
		position:absolute;
		bottom:-5px;
		height:123px;
		width:167px;
		background:transparent url(img/hover_bg.gif) no-repeat scroll 0 0;
		padding-top:5px;
		padding-left:8px;
		padding-right:8px;
	}