img, div, a, input { behavior: url(iepngfix.htc) }

html, body {
	margin: 0;
	padding: 0;
	font-family: arial;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;	
	}		

body {
	background-image: url('images/bg1.gif') ;
	background-position: top center;
	}
	
#container {
	width: 943px;
	position: relative;
	margin: 0 auto;
	}

#logo_vakantieparken {
	background-image: url('images/logo_vakantieparken.png');
	width: 288px;
	height: 397px;
	position: absolute;
	margin-left: -40px;
	margin-top: 5px;	
	}

#logo_vakantiepark {
	background-image: url('images/logo_vakantiepark.png');
	width: 288px;
	height: 397px;
	position: absolute;
	margin-left: -40px;
	margin-top: 5px;	
	}	
	
#header {
	height: 139px;
	width: 943px;
	}
	
#zijkolom {
	width: 210px;
	float: left;	
	margin-top: 280px;
	}


p, li, .formulier, .formulier_aan, .formulier_fout {
	color: #FF0000;
	font-family: arial;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
	}	
	
#nieuwsbrief {
	width: 210px;
	height: 129px;
	text-align: center;
	background-image: url('images/nieuwsbrief.png');
	}

.formulier, .formulier_aan, .formulier_fout {
	margin-top: 60px;
	font-family: arial;
	font-size: 12px;
	color: #000000;
	background: #FFFFFF;
	border: 0;
	padding: 5px;
	height: 20px;
	width: 140px;
	background:url('images/nieuwsbrief-inputveld.png');
	}

.formulier_aan, .formulier_fout {
	color: #FF0000;
	background: #46065C;
	background:url('images/nieuwsbrief-inputveld.png');	
	}
		
#fotovdmaand {
	background-image: url('images/fotovdmaand-top.png');
	padding-top: 35px;
	margin-top: 20px;
	text-align: center;
	}
	
#rechterkolom {
	width:706px;
	float:left;
}

#hoofdkolom {
	background-image: url('images/hoofdkolom.png');
	width: 706px;
	min-height: 800px;
	float: left;
	margin-left: 27px;
	}

#hoofdkolom_boog {
	background-image: url('images/hoofdkolom_boog.png');
	width: 706px;
	min-height: 700px;
	float: left;
	margin-left: 27px;
	}
	
#welkomsttekst {
	position: absolute;
	width: 425px;
	height: 180px;
	margin-top: 10px;
	margin-left: 35px;
	}
	
#welkom-afbeelding {
	width: 214px;
	height: 284px;
	position: absolute;
	margin-top: -60px;
	margin-left: 475px;
	float: right;
	background-image: url('images/welkom-afbeelding.png');
	background-repeat: no-repeat;
	z-index:5;
	}
	
#contact-afbeelding {
	width: 275px;
	height: 259px;
	position: absolute;
	margin-top: -60px;
	margin-left: 475px;
	float: right;
	background-image: url('images/contact-afbeelding.png');
	background-repeat: no-repeat;
	z-index:5;
	}	

#reserveren-afbeelding {
	width: 319px;
	height: 178px;
	position: absolute;
	margin-top: -60px;
	margin-left: 475px;
	float: right;
	background-image: url('images/reserveren-afbeelding.png');
	background-repeat: no-repeat;
	z-index:5;
	}		
	
#parken-afbeelding {
	width: 154px;
	height: 278px;
	position: absolute;
	margin-top: -60px;
	margin-left: 475px;
	float: right;
	background-image: url('images/parken-afbeelding.png');
	background-repeat: no-repeat;
	z-index:5;
	}		
	
	

#redenen-afbeelding {
	width: 263px;
	height: 189px;
	position: absolute;
	margin-top: 645px;
	margin-left: 50px;
	float: right;
	background-image: url('images/redenen-afbeelding.png');
	background-repeat: no-repeat;
	z-index:5;
	}		
	
#illustratie {
	width: 259px;
	height: 236px;
	position: absolute;
	margin-top: 200px;
	margin-left: -10px;
	background-image: url('images/illustratie.png');
	z-index:5;
	}

#tekstbox-breed {
	position: absolute;
	margin-top: 210px;
	margin-left: 245px;	
	padding: 0px 15px;
	width: 436px;
	height: 137px;
	background-image: url('images/tekstbox-breed.png');
	background-repeat: no-repeat;
	z-index:2;
	}

#tekstbox-breed-tekstlinks {
	width: 195px;
	float: left;
	}

#tekstbox-breed-tekstrechts {
	width: 195px;
	float: left;
	margin-left: 15px;
	}
	
#kaart-bg {
	width: 706px;
	height: 251px;
	position: absolute;
	margin-top: 405px;
	background-image: url('images/kaart-bg.png');
	}
		
#campinginfo-boog {
	width: 706px;
	height: 251px;
	position: absolute;
	z-index:2;
	margin-top: 180px;
	background-image: url('images/campinginfo_boog.png');
	background-repeat: no-repeat;
	}	
	
#homecampingsite-boog {
	width: 706px;
	height: 251px;
	position: absolute;
	margin-top: 405px;
	background-image: url('images/campinginfo_boog.png');
	}	

#homecampingsite-tekstvak {
	position: absolute;
	margin-top: 465px;
	margin-left: 110px;	
	padding: 0px 15px;
	width: 560px;
	height: 188px;
	background-image: url('images/homecampingsite_tekstvak.png');
	background-repeat: no-repeat;
	z-index:2;
	}
	
#homecampingsite-tekstvak-tekst {
	width: 530px;
	padding: 7px 3px;
	float:left;
	}
	
#campinginfo-adresbox {
	float:right;
	margin-top: 20px;
	padding: 0px 15px;
	width: 220px;
	height: 341px;
	background-image: url('images/campinginfo_adres.png');
	background-repeat: no-repeat;
	}	
	
#campinginfo-fotoalbum {
	position: absolute;
	width: 360px;
	height: 140px;
	margin-top: 200px;
	margin-left: 35px;
	}
		
#reserveren-type {
	margin-left: 50px;	
	padding: 0px 15px;
	}		
	
#reserveren-info {
	margin-left: 20px;	
	padding: 0px 15px;
	width: 630px;
	}			

#reserveren-verblijfsduur {
	position: absolute;
	margin-top: 190px;
	margin-left: 275px;	
	padding: 0px 15px;
	width: 383px;
	height: 193px;
	background-image: url('images/reserveren_verblijfsduur.png');
	background-repeat: no-repeat;
	z-index:2;
	}	
	
#kaart-flash {
	position: absolute;
	margin-left: 320px;
	margin-top: 340px;
	z-index: 10;
	}

#kaart-tekst {
	width: 300px;
	height: 100px;
	position: absolute;
	margin-top: 415px;
	margin-left: 80px;	
	color: #fff;
	}
	
#kaart_reserveren-bg {
	width: 706px;
	height: 251px;
	position: absolute;
	margin-top: 150px;
	background-image: url('images/kaart-reserveren.png');
	background-repeat: no-repeat;
	}
	
#kaart_reserveren-flash {
	position: absolute;
	margin-left: 150px;
	margin-top: -60px;
	z-index: 10;
	}
	
#tickertape {
	margin-left: 200px;
	
	}	
	
#redenen-box {
	width: 316px;
	height: 183px;
	position: absolute;
	margin-top: 520px;
	margin-left: 40px;	
	padding: 0 15px;
	background-image: url('images/3redenen-box.png');
	background-repeat: no-repeat;
	}

#redenen-box ul {
	margin-left:-20px;
}
	
	
	
#kolom_nieuws {
	
	width: 190px;
	padding:1px 10px;
	background-image: url('images/kolom_tekstbox_boven.png');
	background-repeat: no-repeat;
}

#kolom_nieuws_footer {
	width: 210px;
	height: 16px;
	background-image: url('images/kolom_tekstbox_onder.png');
	background-repeat: no-repeat;
	}

	
	
#footer {
	background-image: url('images/hoofdkolom_footer.png');
	background-repeat: no-repeat;
	width: 706px;
	margin-left: 27px;
	padding-bottom: 30px;
	clear: both;
	color: #fff;
	}

a.footer {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	}	
	
a.footer:hover {
	color: #FFCC00;
	text-decoration: none;
	}		
	
#menuitems {
	width: 743px;
	height: 139px;
	margin-left: 200px;
	z-index:2; 
	position:absolute;
	}
	
#menu_home {
	position:absolute;	
	width: 83px;	
	height: 51px;
	margin-top: 55px;
	background-image: url("images/menu_home.png");
	}

#menu_parken {
	position:absolute;
	width: 108px;	
	height: 34px;
	margin-top: 83px;
	margin-left: 102px;
	background-image: url("images/menu_parken.png");
	}	
	
#menu_park {
	position:absolute;
	width: 75px;	
	height: 32px;
	margin-top: 87px;
	margin-left: 120px;
	background-image: url("images/menu_park.png");
	}		
	
#menu_bobosspeelhoek {
	position:absolute;
	width: 256px;	
	height: 44px;
	margin-top: 71px;
	margin-left: 230px;
	background-image: url("images/menu_bobosspeelhoek.png");
	}	

#menu_webwinkel {
	position:absolute;
	width: 157px;	
	height: 49px;
	margin-top: 30px;
	margin-left: 165px;
	background-image: url("images/menu_webwinkel.png");
	}		

#menu_reserveren {
	position:absolute;
	width: 157px;	
	height: 25px;
	margin-top: 29px;
	margin-left: 342px;
	background-image: url("images/menu_reserveren.png");
	}	
	
#menu_nieuws {
	position:absolute;
	width: 105px;	
	height: 30px;
	margin-top: 28px;
	margin-left: 519px;
	background-image: url("images/menu_nieuws.png");
	}	

#menu_contact {
	position:absolute;
	width: 110px;	
	height: 27px;
	margin-top: 34px;
	margin-left: 642px;
	background-image: url("images/menu_contact.png");
	}		
	
.menu_uit {
	background-position: top;	
	text-align: left;
	cursor: pointer;
	}

.menu_over {
	background-position: bottom;		
	text-align: left;
	cursor: pointer;
	}

	
h1 a {
	width: 288px;
	height: 397px;
	text-indent: -900em;
	display: block;
	}	
	
h2 {
	color: #FF0000;
	font-family: arial;
	font-weight: normal;
	font-size: 24px;
	line-height: 25px;
	margin-bottom: -5px;	
	}	
	
h3 {
	color: #FF0000;
	font-family: arial;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: -5px;	
	}	

h4 {
	color: #FF0000;
	font-family: arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	margin-top:-10px;
	margin-bottom:-20px;
	}	

h5, .datum {
	color: #008FCF;	
	font-family: arial;
	font-weight: normal;
	font-size: 12px;	
	line-height: 18px;	
	}

.blauw {
	color: #008FCF;
	}
	
.wit {
	color: #fff;
	}


	
	
	
	
a {
	color: #ff0000;
	text-decoration: underline;
	}	
	
a:hover {
	color: #ff0000;
	text-decoration: none;
	}		

	

	
ul {
	
	list-style-image: url('images/bullet.png');
	}

ul.wit {
	list-style-image: url('images/bullet-wit.png');
	}	
	
	
ul a {
	display: block;
	position: relative;
	}
	
li {
	line-height: 18px;	

	}
	
li a {
	text-decoration: none;
	}

li a:hover {
	text-decoration: underline;
	}	

li.wit a {
	color: #ffffff;
	}
li.wit a:hover {
	color: #ffffff;
	}
	
	
#wmelogo 
{
	position: fixed; 
	bottom:10px;
	left: 0px; 
	border: none; 
	z-index: 50; 
}	


/*	------------------------- Overige elementen opmaak -----------------------------*/	


.fotokader {
	border: 1px solid #cecece;
    background-color: #FFFFFF;
	padding: 4px;
}

.cleardiv {
	clear:both;
	display:block;
}

.cleardiv10 {
	height:10px;
	clear:both;
	display:block;
}

.cleardiv20 {
	height:20px;
	clear:both;
	display:block;
}

hr {
	height: 2px;
    color: #e1e1e1;
    background-color: #e1e1e1;
	border:0;
	}

/*	------------------------- Tekst opmaak -----------------------------*/	
		
.taakkeuzeomschrijving { 
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:none;
}



.taalkeuze { 
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:none;
}

.taalkeuze:hover { 
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:underline;
}

.taalkeuze_gekozen { 
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:none;
}

.taalkeuze_gekozen:hover { 
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: ;
	text-decoration:underline;
}
	

/*	------------------------- Formulier opmaak -----------------------------*/
	
	
label {
	padding-top:4px;
	position: absolute;
	text-align:right;
	width:170px; 
	font-family: Arial;
	font-size: 12px;
	color: #EB151C;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
}

.formspacer {
	clear:both;
	height:10px;
}

input textarea {
	height:100px;
}


.formulier  {
	margin:0;
	padding:0;
	font-family: Arial;
	font-size: 12px;
	color: #EB151C;
	background: #ffffff;
	border: #EB151C solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
}


.formulier_aan  {
	margin:0;
	padding:0;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	background: #EB151C;
	border: #EB151C solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
}

.formulier_fout {
	margin:0;
	padding:0;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	background: #5B2988;
	border: #0074BA solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
	}
	
.formulier_inspring_div  {
	margin:0;
	padding:0;
	margin-left: 190px;	
	font-family: Arial;
	font-size: 12px;
	color: ##EB151C;
}

.formulier_inspring  {
	margin:0;
	padding:0;
	font-family: Arial;
	font-size: 12px;
	margin-left: 190px;
	color: #EB151C;
	background: #ffffff;
	border: #EB151C solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;

}
.formulier_inspring_aan {
	margin:0;
	padding:0;
	font-family: Arial;
	font-size: 12px;
	margin-left: 190px;	
	color: #ffffff;
	background: #EB151C;
	border: #EB151C solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
	}
	
.formulier_inspring_fout {
	margin:0;
	padding:0;
	font-family: Arial;
	font-size: 12px;
	margin-left: 190px;	
	color: #ffffff;
	background: #5B2988;
	border: #0074BA solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
	width:250px;
	}
	
.formulier_submit  {
	margin:0;
	padding:0;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	background: #ffffff;
	border: #ffffff solid 1px;
	padding: 2px 5px 0 5px;
	height: 22px;
	line-height:18px;
}	


/*	------------------------- Knoppen opmaak  -----------------------------*/
	
/*	Tekstuele knop */
		
	ul.knop_tekstueel {
		padding: 5px;
		margin: 10px 0;
		list-style: none;
		float: left;
		clear: left;
	}

	ul.knop_tekstueel li {
		float: left;
	}

	ul.knop_tekstueel li a {
		float: left;
		color: #000000;
		font-family: Arial;
		font-size:12px;
		line-height:14px;
		font-weight: normal;
		text-decoration:none;
	}

	ul.knop_tekstueel li a:hover {
		color: #000000;
		text-decoration:underline;
	}

/*	Grafische knop */

	ul.knop {
		padding: 5px;
		margin: 5px 0;
		list-style: none;
		float: left;
		clear: left;
	}

	ul.knop li {
		float: left;
	}

	ul.knop li a {
		float: left;
		color: #000000;
		padding: 4px 6px 0 0;
		margin-right: 2px;
		font-family: Arial;
		font-size:12px;
		line-height:14px;
		font-weight: bold;
		text-decoration:none;
		background-image: url('../../images/button_bg.gif');
		background-repeat:no-repeat;
		background-position:top right;
		display:block;
	}
	
	ul.knop li a img {
		margin-left:4px;
	}

	ul.knop li a span, knopspan {
		background:#FFFFFF;
		float: left;
		display: block;
		margin-top: -4px;
		height: 24px;
		background-image: url('../../images/button_bg.gif');
		background-repeat:no-repeat;
		background-position:top left;
	}

	ul.knop li a:hover {
		color: #000000;
		background-image: url('../../images/button_bg.gif');
		background-repeat:no-repeat;
		background-position: right -24px;

	}

	ul.knop li a:hover span, knopspan:hover {
		background:#FFFFFF;
		background-image: url('../../images/button_bg.gif');
		background-repeat:no-repeat;
		background-position: left -24px;
	}

	
/*	Extra afbeeldingen */	
	.knop_leeg{
		width:15px;
		height:24px;
	}
	.knop_add{
		width:24px;
		height:24px;	
		background:url(../../images/add.gif) no-repeat center center;
	}
	.knop_delete{
		width:24px;
		height:24px;
		background:url(../../images/delete.gif) no-repeat center center;
	}

	.knop_alert{
		width:24px;
		height:24px;
		background:url(../../images/alert.gif) no-repeat center center;
	}
	.knop_msg{
		width:24px;
		height:24px;
		background:url(../../images/msg.gif) no-repeat center center;
	}
	
	.knop_lens{
		width:24px;
		height:24px;
		background:url(../../images/lens.gif) no-repeat center center;
	}
	.knop_info{
		width:24px;
		height:24px;
		background:url(../../images/info.gif) no-repeat center center;
	}	
	.knop_download{
		width:24px;
		height:24px;
		background:url(../../images/download.gif) no-repeat center center;
	}

	
/*	------------------------- VOLGENDE  -----------------------------*/	



.datum_cel_aan {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;	
	background:#D7ED66;
	margin-bottom:5px;
	}

.datum_cel_uit {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	color:#332C55;
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#F5FBD9;
	margin-bottom:5px;
	}	
	
.datum_cel_leeg {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:none;
	margin-bottom:5px;
	}	

.datum_kop {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:none;
	}