DIV#adres, SPAN#nav_bottom, SPAN#nav_top, DIV#keesie IMG { behavior: url('http://www.deboshoek.nl/bungalowpark/images/layout/iepngfix.htc'); }

*
{
	padding: 0;
	margin: 0;
}

HTML, BODY { height: 100%; }

BODY
{
	background: url('layout/backdrop_cloud.jpg') no-repeat #3779C7 50% 0;
	color: #535353;
	font-family: arial, sans-serif;
	font-size: 11px;
}

IMG { border: 0; }

BR.no { height: 0; }

/*Classes
-----------------------------------------------------*/
.bold { font-weight: bold; }
.clear { clear: both; }
.error { color: #DD0000; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin: 0 auto; }

/*Headings
-----------------------------------------------------*/
H1
{
	color: #D2232A;
	font-family: "Tw Cen MT", verdana, sans-serif;
	font-size: 26px;
	font-weight: normal;
	margin: 0 0 20px 0;
}

H2
{
	color: #313131;
	font-family: "Tw Cen Mt", verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

/*Links
-----------------------------------------------------*/
A:link, A:active, A:visited
{
	outline: none;
	color: #D2232A;
}

A:hover
{
	color: #D2232A;
}

A#occasion_maat
{ 
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	background: url('layout/navigatie/btn/btn_ocassions.jpg') no-repeat top left; 
	height: 31px; 
	margin: 0 0 10px 0; 
	margin-left:-20px;
	width: 212px; 
}

A#occasion_maat:hover { background-position: bottom left; }

/*Div elementen
-----------------------------------------------------*/
DIV#page { margin: 0 0 0 80px; position: relative; }

DIV#wrapper
{
	background: url('layout/backdrop.png') repeat-y;
	_background: #FFFFFF;
	height: auto !important;
	height: 100%;
	left: -1px;
	min-height: 100% !important;
	margin: 0 auto;
	padding: 0 0 0 49px;
	overflow-x: hidden;
	_padding: 0;
	position: relative;
	width: 1139px !important;
	#width: 1000px;
}

	DIV#header
	{
		background: url('layout/header.jpg') no-repeat;
		height: 339px;
		position: absolute;
		width: 1000px;
		z-index: 1;
	}
	
	DIV#content td {padding-right:10px;}
	
		DIV#navigatie
		{
			background: url('layout/navigatie/backdrop_navigatie.png') no-repeat bottom left;
			_background-image: none;
			#height: 577px;
			margin: 229px 0 0 45px;
			#margin: 229px 0 0 20px;
			_margin: 250px 0 0 20px;
			min-height: 585px !important;
			padding: 0 0 0 40px;
			position: absolute;
			/*width: 521px;*/
			z-index: 1100;
		}
		
			SPAN#nav_top
			{
				background: url('layout/navigatie/nav_top.png') no-repeat 0 0;
				display: block;
				height: 23px;
				margin: 0 0 0 98px;
				width: 281px;
			}
			
			SPAN#nav_bottom
			{
				background: url('layout/navigatie/nav_footer.png') repeat-y 0 0;
				clear: both;
				display: block;
				height: 43px;
				margin: 0 0 0 62px;
				#margin: 0px 0 0 62px;
			}
		
		DIV#adres
		{
			background: url('layout/adres.png') no-repeat;
			color: #FFFFFF;
			font-family: "Tw Cen MT", verdana, sans-serif;
			font-size: 16px;
			height: 184px;
			margin: 814px 0 0 25px;
			#margin: 0 0 0 25px;
			#position: relative;
			#top: 811px;
			_top: 832px;
			padding: 8px 15px 50px;
			width: 334px;
		}
		
		DIV#inhoud 
		{
			background: url('layout/content_footer.jpg') no-repeat bottom left;
			float: left;
			line-height: 18px;
			margin: 339px 0 0 394px;
			#margin: 130px 0 0 394px;
			_margin: 130px 0 0 200px;
			min-height: 500px !important;
			_height: 500px;
			padding: 0 0 175px 0;
			position: relative;
			width: 550px;
			z-index: 1;
		}
		
		DIV#inhoud  ul
		{
			list-style-type:disc;		
			padding: 0 0 0 20px;
		}

DIV#footer
{
	background: url('layout/footer.png') no-repeat -1px bottom;
	bottom: 0;
	display: block;
	margin: 0 0 0 -70px;
	#position: relative;
	width: 1138px;
	z-index: 100000;
}

DIV#deindruk { margin: 10px auto; text-align: center; }
DIV#deindruk A { color: #FFFFFF; text-decoration: underline; }
	
/*Navigaties
-----------------------------------------------------*/
UL#leftnav { list-style-type: none; position: relative; z-index: 100; }

	UL#leftnav LI { width: 216px; }

	UL#leftnav LI A.a
	{
		display: block;
		overflow: hidden;
		text-indent: -999999px;
	}
	
		UL#leftnav LI A#btn_home { background: url('layout/navigatie/btn/home.png') no-repeat top left; height: 34px; width: 218px; _background-image: url('layout/navigatie/btn/home.jpg');}
		UL#leftnav LI A#btn_occasions { background: url('layout/navigatie/btn/occasions.png') no-repeat top left; height: 39px; margin: -1px 0 0 -3px; width: 212px; _background-image: url('layout/navigatie/btn/occasions.jpg');}
		UL#leftnav LI A#btn_nieuwaanbod { background: url('layout/navigatie/btn/nieuwaanbod.png') no-repeat top left; height: 39px; margin: -1px 0 0 -3px; width: 212px; _background-image: url('layout/navigatie/btn/nieuwaanbod.jpg');}
		UL#leftnav LI A#btn_contact { background: url('layout/navigatie/btn/contact.png') no-repeat top left; height: 39px; margin: -1px 0 0 -3px; width: 212px; _background-image: url('layout/navigatie/btn/contact.jpg')}
		UL#leftnav LI A#btn_fotogalerij { background: url('layout/navigatie/btn/fotogalerij.png') no-repeat top left; height: 30px; margin: 0 0 0 3px; width: 224px; _background-image: url('layout/navigatie/btn/fotogalerij.jpg');}
		UL#leftnav LI A#btn_faciliteiten { background: url('layout/navigatie/btn/faciliteiten.png') no-repeat top left; height: 30px; margin: -2px 0 0 3px !important; #margin: -2px 0 0 3px; width: 224px; _background-image: url('layout/navigatie/btn/faciliteiten.jpg');}
		UL#leftnav LI A#btn_omgeving { background: url('layout/navigatie/btn/omgeving.png') no-repeat top left; height: 37px; margin: 0 0 0 17px; width: 190px; _background-image: url('layout/navigatie/btn/omgeving.jpg');}
		UL#leftnav LI A#btn_route { background: url('layout/navigatie/btn/route.png') no-repeat top left; height: 27px; margin: 0 0 0 3px; width: 221px; _background-image: url('layout/navigatie/btn/route.jpg');}
UL#leftnav LI A#btn_vacatures { background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/vacatures.png') no-repeat top left; height: 34px; margin: 0 0 0 0; width: 218px; _background-image: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/vacatures.jpg');}
	
	DIV.submenu
	{
		background: url('layout/navigatie/ketting.png') repeat-y;
		_background: none;
		display: none;
		margin: -29px 0 0 260px;
		#margin: -29px 0 0 260px;
		position: absolute;
		width: 0;
		z-index: 1000;
	}
	
		DIV.submenu A.submenu_a { display: block; margin: 0 0 0 -30px; _margin: 0 0 0 0; position: relative; text-indent: -99999px; }
			DIV.submenu A#btn_submenu_1 { background: url('layout/navigatie/btn/submenu_1.png') no-repeat top left; _background-image: url('layout/navigatie/btn/submenu_1.jpg'); height: 31px; width: 212px; _margin: 0 0 0 -30px;}
			

UL#logos
{
	display: block;
	list-style-type: none;
	margin: 0 0 0 85px;
}

	UL#logos LI { float: left; }

		UL#logos LI A.logo
		{
			background-repeat: no-repeat;
			display: block;
			height: 150px;
			margin: 0 9px 0 0;
			text-indent: -99999px;
			width: 185px;
		}
			UL#logos LI A#logo_bungalowpark { background: url('layout/logo_bungalowpark.jpg') left bottom; }
			UL#logos LI A#logo_recreatie { background: url('layout/logo_recreatie.jpg') left bottom; }
			UL#logos LI A#logo_kampeerpark { background: url('layout/logo_kampeerpark.jpg') left bottom; }
			UL#logos LI A#logo_country { background: url('layout/logo_countryrooms.jpg') left bottom; }
			UL#logos LI A#logo_partycentrum { background: url('layout/logo_partycentrum.jpg') left bottom; }

DIV.buttonfilter
{
	_position: relative;
	_width: 215px;
	_height: 30px;
	_background-image: url('layout/navigatie/btn/home.jpg');
	_margin: -14px 0 0 6px;
	_cursor: pointer;
}

DIV#filter_home { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="layout/navigatie/btn/home.png"); }
DIV#filter_faciliteiten { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="layout/navigatie/btn/faciliteiten.png"); }

/*Pica slider
-----------------------------------------------------*/
DIV.pica_slider
{
	background: url('layout/backdrop_picas.jpg') no-repeat;
	height: 184px;
	overflow: hidden;
	padding: 20px 0 0 17px;
	position: relative;
	width: 264px;
	z-index: 2;
	
}

	DIV.pica_container
	{
		height: 150px;
		overflow: hidden;
		position: absolute;
		width: 140000px;
		z-index: 1;
	}

		DIV.pica_slider IMG
		{
			display: block;
			margin: 0 50px 0 0;
			float: left;
		}
	
	DIV.pica_slider SPAN
	{
		background: url('layout/magnify.png') no-repeat;
		cursor: pointer;
		display: block;
		height: 44px;
		margin: 125px 0 0 200px;
		position: absolute;
		width: 44px;
		z-index: 4;
	}
	
DIV.pica_btn
{
	cursor: pointer;
	position: absolute;
	z-index: 3;
}

DIV#next { margin: -216px 0 0 260px; }
DIV#prev { margin: 6px 0 0 -25px; }

DIV.magnify_container
{
	border: solid 4px #D2E048;
	cursor: pointer;
	display: none;
	position: absolute;
	z-index: 2000;
}

/**/
DIV#footer { text-align: center; }
DIV#footer A.deindruk { color: #888888; }

/*fader*/
DIV#header
{
	background: url('layout/header.jpg') no-repeat;
	height: 339px;
	width: 1000px;
}

DIV#header IMG
{
	display: none;
	position: absolute;
}

DIV#header IMG.start { display: block;}

A#zb_brochureaanvragen { background: url('layout/brochureaanvragen.jpg') no-repeat top left; float: left; position: absolute; bottom: 150px; left: 30px; }
A#zb_brochureaanvragen:hover { background-position: bottom left }
A#zb_belmijterug { background: url('layout/belmijterug.jpg') no-repeat top left; float: left; position: absolute; bottom: 150px; left: 276px; }
A#zb_belmijterug:hover { background-position: bottom left }

DIV#keesie { _display: none; }

/* --- zoek en boek a*/
A.a_zoekenenboek
{
	background: url('layout/zoekenboek.jpg') no-repeat top left;
	display: block;
	height: 27px;
	margin: 15px 0 0 0;
	text-indent: -99999px;
	width: 236px;
}
A.a_zoekenenboek:hover { background-position: bottom left; }

A#zb_brochureaanvragen { background: url('layout/brochureaanvragen.jpg') no-repeat top left; float: left; position: absolute; bottom: 150px; left: 30px; }
A#zb_brochureaanvragen:hover { background-position: bottom left }
A#zb_belmijterug { background: url('layout/belmijterug.jpg') no-repeat top left; float: left; position: absolute; bottom: 150px; left: 276px; }
A#zb_belmijterug:hover { background-position: bottom left }

DIV#keesie { _display: none; }

A#fac_terug
{ 
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/faciliteiten_terug_btn.jpg') no-repeat top left; 
	height: 31px; 
	margin: 0 0 10px 0; 
	width: 212px; 
}

A#fac_terug:hover { background-position: bottom left; }

A#fac_overzicht
{ 
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/faciliteiten_over_btn.jpg') no-repeat top left; 
	height: 31px; 
	margin: 0 0 10px 0; 
	width: 212px; 
}

A#fac_overzicht:hover { background-position: bottom left; }

/* --- bel mij terug*/
FORM.belmijterug LABEL
{
	display: block;
	float: left;
	margin: 2px 0 5px 0;
	width: 80px;
}

FORM.belmijterug INPUT.field
{
	margin: 0 0 5px 0;
	padding: 2px;
	width: 200px;
}

A.video_sub
{
	display: block;
	height: 39px;
	float: left;
	margin: 0 5px 10px 0;
	text-indent: -99999px;
	width: 212px;
}
	A#video1 { background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/video1.jpg') no-repeat; }
	A#video2 { background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/video2.jpg') no-repeat; }
	A#video3 { background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/video3.jpg') no-repeat; }
	A#video4 { background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/video4.jpg') no-repeat; }
	A#video5 { background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/video5.jpg') no-repeat; }
	A#video6 { background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/video6.jpg') no-repeat; }
	A#video7 { background: url('http://www.deboshoek.nl/bungalowpark/images/layout/navigatie/btn/video7.jpg') no-repeat; }
	
	A#video1:hover { background-position: bottom left;}
	A#video2:hover { background-position: bottom left;}
	A#video3:hover { background-position: bottom left;}
	A#video4:hover { background-position: bottom left;}
	A#video5:hover { background-position: bottom left;}
	A#video6:hover { background-position: bottom left;}
	A#video7:hover { background-position: bottom left;}