@charset "utf-8";
/* CSS Document */


/*------------------------------- Frontpage ---------------------------------*/

#overlay { background: url(../images/overlay.png) repeat-y center top;}


/*------------------------------- Header ---------------------------------*/

#header {
	height: 480px;
	background: url(../images/headerBg.png);
}
#header .content {
	width: 950px;
	height: 121px;
	margin: 0 4px;
	padding: 10px 20px;
	overflow: hidden;
	color: #7F7F7F;
	font-size: 11px;
}
	#header .content a { color: #7F7F7F; text-decoration: none;}
	#header .content a:hover { color: #169A47;}

#header .content p { margin: 11px 0;}


/*------------------------------- Main ---------------------------------*/

#main {
	width: 998px;
	padding: 0 0 136px 0;
}


/*------------------------------- homeBanners ---------------------------------*/

#homeBanners {
	width: 998px;
	height: 200px;
	margin: 10px 0 0 0;
}

#homeBanners .feest {
	position: relative;
	float: left;
	width: 323px; 
	height: 200px;
	margin: 0 14px 0 0;
	background: url(../images/home/01.png);
}
	#homeBanners .feest a { display: block; height: 100%;}
	#homeBanners .feest a:hover span { color: #FFB17D; /*background: url(../images/home/feest.png) 0 200px;*/}
	#homeBanners .feest span { position: absolute; z-index: 1; bottom: 15px; left: 35px; font-size: 14px; font-weight: bold; color: #FE7113;}

#homeBanners .nieuws {
	position: relative;
	float: left;
	width: 323px; 
	height: 200px;
	margin: 0 14px 0 0;
	background: url(../images/home/02.png);
}
	#homeBanners .nieuws a { display: block; height: 100%;}
	#homeBanners .nieuws a:hover span { color: #6CCBEF; /*background: url(../images/home/nieuws.png) 0 200px;*/}
	#homeBanners .nieuws span { position: absolute; z-index: 1; bottom: 15px; left: 35px; font-size: 14px; font-weight: bold; color: #00A4DF;}

#homeBanners .gastenboek {
	position: relative;
	float: left;
	width: 323px; 
	height: 200px;
	margin: 0 0 0 1px;
	background: url(../images/home/03.png);
}	
	#homeBanners .gastenboek a { display: block; height: 100%;}
	#homeBanners .gastenboek a:hover span { color: #6BCB8F; /*background: url(../images/home/gastenboek.png) 0 200px;*/}
	#homeBanners .gastenboek span { position: absolute; z-index: 1; bottom: 15px; left: 35px; font-size: 14px; font-weight: bold; color: #159745;}
	
	
	
/*------------------------------- homeBanners (aanpassing 4 kolommen) ---------------------------------*/

#homeBanners4 {
	width: 998px;
	height: 200px;
	margin: 10px 0 0 0;
}

#homeBanners4 .groepsaccommodaties {
	position: relative;
	float: left;
	width: 239px; 
	height: 200px;
	margin: 0 14px 0 0;
	background: url(../images/home4/01.png);
}
	#homeBanners4 .groepsaccommodaties a { display: block; height: 100%;}
	#homeBanners4 .groepsaccommodaties a:hover span { color: #FFB17D;}
	#homeBanners4 .groepsaccommodaties span { position: absolute; z-index: 1; bottom: 17px; left: 25px; font-size: 10px; font-weight: bold; color: #FE7113;}

#homeBanners4 .binnenactiviteiten {
	position: relative;
	float: left;
	width: 239px; 
	height: 200px;
	margin: 0 14px 0 0;
	background: url(../images/home4/02.png);
}
	#homeBanners4 .binnenactiviteiten a { display: block; height: 100%;}
	#homeBanners4 .binnenactiviteiten a:hover span { color: #6CCBEF;}
	#homeBanners4 .binnenactiviteiten a:hover span font { color: #FFB17D;}
	#homeBanners4 .binnenactiviteiten span { position: absolute; z-index: 1; bottom: 17px; left: 25px; font-size: 10px; font-weight: bold; color: #00A4DF;}

#homeBanners4 .etendrinken {
	position: relative;
	float: left;
	width: 239px; 
	height: 200px;
	margin: 0 14px 0 0;
	background: url(../images/home4/03.png);
}	
	#homeBanners4 .etendrinken a { display: block; height: 100%;}
	#homeBanners4 .etendrinken a:hover span { color: #6BCB8F;}
	#homeBanners4 .etendrinken span { position: absolute; z-index: 1; bottom: 17px; left: 25px; font-size: 10px; font-weight: bold; color: #159745;}
	
#homeBanners4 .vergaderen  {
	position: relative;
	float: left;
	width: 239px; 
	height: 200px;
	margin: 0;
	background: url(../images/home4/04.png);
}	
	#homeBanners4 .vergaderen a { display: block; height: 100%;}
	#homeBanners4 .vergaderen a:hover span { color: #619ee0;}
	#homeBanners4 .vergaderen span { position: absolute; z-index: 1; bottom: 17px; left: 25px; font-size: 10px; font-weight: bold; color: #417cbc;}