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: #821618;
	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;
}

HR
{
	background: url('tekstbreak.png');
	border: 0;
	height: 26px;
	margin: 0 auto;
	width: 313px;
}

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

A:hover
{
	color: #821618;
}

/*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: 8;
		}
		
			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: -3px 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 205px 0;
			position: relative;
			width: 550px;
			z-index: 1;
		}
		


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: 270px; }

	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: 33px; width: 218px; _background-image: url('layout/navigatie/btn/home.jpg');}
		UL#leftnav LI A#btn_menukaarten { background: url('layout/navigatie/btn/menukaarten.png') no-repeat top left; height: 30px; margin: 0 0 0 3px; width: 224px; _background-image: url('layout/navigatie/btn/menukaarten.jpg');}
		UL#leftnav LI A#btn_informatie { background: url('layout/navigatie/btn/informatie.png') no-repeat top left; height: 35px; margin: 0 0 0 3px; width: 224px; _background-image: url('layout/navigatie/btn/informatie.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_arrangementen 	{background: url('layout/navigatie/btn/arrangementen.png') no-repeat top left; 	height: 34px; margin: -1px 0 0 -3px; 		width: 212px; _background-image: url('layout/navigatie/btn/arrangementen.jpg');}
		UL#leftnav LI A#btn_openingstijden { background: url('layout/navigatie/btn/openingstijden.png') no-repeat top left; height: 34px; margin: 0 0 0 0; width: 219px; _background-image: url('layout/navigatie/btn/openingstijden.jpg');}
		UL#leftnav LI A#btn_contact { background: url('layout/navigatie/btn/contact.png') no-repeat top left; height: 35px; margin: 0 0 0 3px; width: 270px; _background-image: url('layout/navigatie/btn/contact.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');}
		#btn_kerst { background: url('layout/navigatie/btn/kerst.png') no-repeat top left; height: 27px; margin: 0 0 0 3px; width: 221px; _background-image: url('layout/navigatie/btn/kerst.jpg');}
		#btn_oud_en_nieuw { background: url('layout/navigatie/btn/oud_nieuw.png') no-repeat top left; height: 27px; margin: 0 0 0 3px; width: 221px; _background-image: url('layout/navigatie/btn/oud_nieuw.jpg');}
	
	UL#bowling_ul { list-style-type: none; }
	UL#bowling_ul LI { width: 270px; }
	UL#bowling_ul li A { 
					display: block;
					overflow: hidden;
					text-indent: -999999px;
				}




	UL#bowling_ul LI A#bowling { background: url('layout/navigatie/btn/bedrockbowling.jpg') no-repeat top left; height: 39px; width: 220px; }	
	UL#bowling_ul LI A#grandcafe { background: url('layout/navigatie/btn/grandcafe.jpg') no-repeat top left; height: 39px; width: 220px; }	
	UL#bowling_ul LI A#steakhouse{ background: url('layout/navigatie/btn/steakhouse.jpg') no-repeat top left; height: 39px; width: 220px; }	
	UL#bowling_ul LI A#menukaart{ background: url('layout/navigatie/btn/menukaart.jpg') no-repeat top left; height: 39px; width: 220px; }	
	UL#bowling_ul LI A#steengril{ background: url('layout/navigatie/btn/steengrillen.jpg') no-repeat top left; height: 39px; width: 220px; }	
	UL#bowling_ul LI A#menu_arrangement{ background: url('layout/navigatie/btn/menuarrangement.jpg') no-repeat top left; height: 39px; width: 220px; }	
	UL#bowling_ul LI A#barbecue{ background: url('layout/navigatie/btn/barbecue.jpg') no-repeat top left; height: 39px; width: 220px; }	
	UL#bowling_ul LI A#terugnaar{ background: url('layout/navigatie/btn/teruginformatie.jpg') no-repeat top left; height: 39px; width: 220px; }	
	
	UL#bowling_ul LI A#bowling:hover{ background: url('layout/navigatie/btn/bedrockbowling.jpg') bottom left;}
	UL#bowling_ul LI A#grandcafe:hover{ background: url('layout/navigatie/btn/grandcafe.jpg') bottom left;}
	UL#bowling_ul LI A#menu_arrangement:hover{ background: url('layout/navigatie/btn/menuarrangement.jpg') bottom left;}
	UL#bowling_ul LI A#menukaart:hover{ background: url('layout/navigatie/btn/menukaart.jpg') bottom left;}
	UL#bowling_ul LI A#steengril:hover{ background: url('layout/navigatie/btn/steengrillen.jpg') bottom left;}
	UL#bowling_ul LI A#steakhouse:hover{ background: url('layout/navigatie/btn/steakhouse.jpg') bottom left;}
	UL#bowling_ul LI A#barbecue:hover{ background: url('layout/navigatie/btn/barbecue.jpg') bottom left;}
	UL#bowling_ul LI A#terugnaar:hover{ background: url('layout/navigatie/btn/teruginformatie.jpg') bottom left;}


	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; }
			UL#logos LI A#logo_westernplaza { background: url('layout/logo_westernplaza.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;
}

/* --- 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: 200px; 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: 200px; left: 276px; }
A#zb_belmijterug:hover { background-position: bottom left }

DIV#keesie { _display: none; }

/* --- 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;
}
DIV#header IMG.start { display: block;}

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;}