/* ================================ +
  	  	  het beloofde land 
 + ================================ */



/* 
** Made by: Thomas Lievestro & Ines Gall
** Website:	www.studioparkers.nl
*/



/* ================================ +
               STANDAARDS
+  ================================ */

/* start RESET DEFAULT styles */
*{ margin:0; padding:0; border:0px; }


body { 
	width:				1024px;
	margin:				0 auto;
	font-family: 		helvetica, arial, verdana,tahoma ;
	font-size:			73%;
	line-height: 		18px;
	color: 				#000000;
	background:			#ffffff;
	text-align: 		left;
	overflow:			hidden;
}

* html li	{
	height:				1%;
	}
	
img { border:			0px; }	

ul { 
	list-style:			none;
	overflow:			hidden;
	}

a {
	text-decoration:	underline; 
	color:				#000000;
 }


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


a:visited {
	text-decoration:	underline;  
	xcolor:				#333333;
 }
 

.clear {
	clear:				both;
}
 

.float_left {
	float: 				left;
}

.float_right {
	float: 				right;
}

/* end RESET DEFAULT styles */


/* ================================ +
                 HOME
+  ================================ */


#home_title {
	position:			absolute;
	width:				499px; 
	height:				154px;
	margin:				42px 0 0 31px;
	background:			#ffffff url('../images/home_title2.gif');
}

#home_content_block {
	position:			absolute;
	width:				186px; 
	height:				275px;
	margin:				131px 0 0 487px;
	padding:			20px 20px 0 37px;
	background:			#ffffff;
}

#home_content_block h1, #colofon_content_block h1 {
	width:				168px; 
	border-bottom:		1px solid #000000;
	font-size:			20px;
	line-height:		24px;
}

#home_content_block label {
	display:			block;
	margin-top:			8px;
	font-size:			13px;
	font-weight:		bold;
}

#go_button {
	width:				87px;
	height:				18px;
	margin:				20px 0 0 80px;
	background:			#000000 url('../images/ga_verder.gif');
	cursor: 			pointer;
}



#home_content_block h2 {
	position:			absolute;
	width:				176px;
	top:				75px;
	font-size:			19px;
	line-height:		23px;
}

#home_content_block h3 {
	margin-top:			5px;
	font-size:			12px;
	line-height:		16px;
}

#home_content_block h4 {
	position:			absolute;
	top:				260px;
	font-size:			12px;
	line-height:		15px;
	font-weight:		normal;
}

#home_content_block img {
	position:			absolute;
	top:				220px;
}


#colofon_title {
	position:			absolute;
	width:				499px; 
	height:				154px;
	margin:				42px 0 0 31px;
	background:			#ffffff url('../images/colofon_title.gif');
}

#colofon_content_block {
	position:			absolute;
	width:				450px; 
	height:				487px;
	margin:				130px 0 0 387px;
	padding:			20px 20px 0 37px;
	background:			#ffffff;
}


#home_colofon_caption {
	position:			fixed;
	bottom:				20px;
	padding:			0 0 0 30px;
	font-size:			12px;
	font-weight:		bold;
	color: 				#ffffff;
}

.home_minimenu {
	font-size:			11px;
	font-weight:		bold;
	color: 				#ffffff;
}





/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

#wrapper {
	width:				940px; 
	margin:				0 42px;
	position:			relative;
}

#wrapper_inner {
	width:				940px; 
	height:				1400px
}


#mother{
	position:			relative;
	width:				1000px;
	height:				570px;
	left:				-30px;
	background-color:	#ffffff;
}

.parkhome_duinrell {
	background-image:	url('../footage/duinrell/bg_parkhome_duinrell.png');
	background-repeat:	no-repeat ;
	background-position:center top;
}

.parkhome_patersven {
	background-image:	url('../footage/patersven/bg_parkhome_patersven.png');
	background-repeat:	no-repeat ;
	background-position:center top;
}

.parkhome_beukenhof {
	background-image:	url('../footage/beukenhof/bg_parkhome_beukenhof.png');
	background-repeat:	no-repeat ;
	background-position:center top;
}

.parkhome_jachthoorn {
	background-image:	url('../footage/jachthoorn/bg_parkhome_jachthoorn.png');
	background-repeat:	no-repeat ;
	background-position:center top;
}

.parkhome_miggelenberg {
	background-image:	url('../footage/miggelenberg/bg_parkhome_miggelenberg.png');
	background-repeat:	no-repeat ;
	background-position:center top;
}


#parkhome_content {
	position:			absolute;
	width:				500px;
	top:				75px;
	left:				40px;
	font-size:			12px;
}

#parkhome_content p {
	margin-bottom:		15px;
	padding:			15px 10px 10px 0;
	background:			url('../images/bg_parkhome_content.png');		
}

#ga_verder {
	padding-right:		10px;
	background:			url('../images/arrow.png') no-repeat right 1px;		
	cursor:				pointer;
}

#ga_verder:hover {
	text-decoration:	underline;
}

#parkhome_content_left {
	width:				210px;
	margin-right:		20px;
	float:				left;	
	color:				#333333;
}

#parkhome_content_right {
	width:				250px;
	padding-top:		7px;
	float:				left;
	font-size:			14px;
	color:				#333333;
}

#parkhome_content_left h2 {
	margin-top:			3px;
	font-size:			13px;
	color:				#000000;
}

#parkhome_content_right h1 {
	font-size:			20px;
	margin-bottom:		5px;
	color:				#000000;
}

#parkhome_content_right h1 span {
	border-bottom:		1px solid #000000;
}
#parkhome_content_right strong {
	color:				#000000;
}


#children{
	width:				960px;
	position:			relative;
}

#children_inner{
	width:				4000px;
	height:				500px;
	margin-left:		-940px;
}

.child {
	position:			relative;
	width:				940px;
	height:				700px;
	float:				left;
	padding-top:		30px;
}

#child1, #child1_clone{
	background:			#eaeaea;
}

#child2, #child2_clone{
	background:			#eaeaea;
	height:				auto;
	overflow:			hidden;
}

#child3, #child3_clone{
	background:			#eaeaea;
}

.child_button {
	position:			absolute;
	width:				940px;
	height:				100%;
	background:			transparant;
	top:				0px;
	z-index:			101;
}

xx.child_button:hover {
	background:			#333333;
	opacity:			.20;
}


#header{
	position:			absolute;
	width:				1000px;
	height:				40px;
	top:				0;
	z-index:			100;
}

/*#logo {
	width:				832px;
	height:				62px;
	margin-left:		10px;
	background:			url('../images/logo_62.png') no-repeat 0 -15px;
}
*/

.logo_duinrell {
	width:				832px;
	height:				62px;
	margin-left:		41px;
	background:			url('../images/logo_duinrell3.gif') no-repeat 0;
}

.logo_patersven {
	width:				832px;
	height:				62px;
	margin-left:		41px;
	background:			url('../images/logo_patersven.gif') no-repeat 0;
}

.logo_miggelenberg {
	width:				832px;
	height:				62px;
	margin-left:		41px;
	background:			url('../images/logo_miggelenberg.gif') no-repeat 0;
}

.logo_jachthoorn {
	width:				832px;
	height:				62px;
	margin-left:		41px;
	background:			url('../images/logo_jachthoorn.gif') no-repeat 0;
}

.logo_beukenhof {
	width:				832px;
	height:				62px;
	margin-left:		41px;
	background:			url('../images/logo_beukenhof.gif') no-repeat 0;
}

#mini_menu {
	position:			absolute;
	width:				168px;
	height:				50px;
	top:				0px;
	left:				832px;
	padding:			5px 0 0 0;
	text-align:			right;
	z-index:			101;
}

#mini_menu form {
	margin-top:			5px;
}

#mini_menu select {
	float:				left;	
	width:				150px;
	border:				1px inset #000000;
}

.jquery-selectbox {
	position: 			relative;
	display:			block;
	width:				167px;
	height: 			20px;
	margin: 			4px 4px 4px 0;
	padding: 			0;
	background: 		url("../images/bg_selectbox.png");
	z-index: 			0;
	font-size: 			11px;
	font-family: 		Helvetica, Arial, Tahoma, Verdana, Geneva;
	text-align:			left;
	color: 				#000000;
}
.jquery-selectbox.selecthover {
	background-image: 	url("../images/bg_selectbox.png");
	z-index: 			700;
}

.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 			2px 0px 0px 7px;
	white-space: 		nowrap;
	display: 			block;
	overflow: 			hidden;
}

.jquery-selectbox .jquery-selectbox-list {
	display: 			none;
	position: 			absolute;
	top: 				18px;
	padding: 			2px 0px 0px 0px;
	left: 				1px;
	background: 		#ffffff;
	width: 				136px;
	height: 			110px;
	overflow-x: 		hidden;
	overflow-y: 		auto;
	z-index: 			10000;
	border: 			1px solid #000000;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: 				right;
	width: 				16px;
	height: 			16px;
	cursor: 			pointer;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background:			#cccccc;
	color: 				#000000;
	padding-left:		7px;
}
.jquery-selectbox .jquery-selectbox-item {
	display: 			block;
	cursor: 			default;
	padding-left:		7px;
}

/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background-image: url("../img/bg-TextFieldError.gif");
}



.content_scroll {
	width:				425px;
	height:				370px;
	margin-top:			20px;
	padding-right:		15px;
	overflow:			auto;	
}

.text_history .content_scroll {
	height:				300px;
}


#overlay_message {
	position:			absolute;
	width:				400px;
	height:				130px;
	margin:				150px 0 0 300px;
	padding:			25px 20px;
	background:			#eaeaea;
	z-index:			220;
	display:			none;
}

.overlay_message_sluiten {
	position:			absolute;
	margin:				-20px 0 0 370px;
	width:				60px;
	height:				30px;
    font-weight:        bold;
    cursor:             pointer;
}

.photo_overlay {
	position:			absolute;
	margin:				-20px 0 0 0;
	padding:			5px 0 10px 20px;
	background:			#ffffff;
	z-index:			220;
	display:			none;
}

.video_overlay_320x240 {
	position:			absolute;
	width:				585px;
	margin:				-30px 0 0 0;
	padding:			5px 0 10px 20px;
	background:			#ffffff;
	z-index:			220;
	display:			none;
}

.video_overlay_500x281 {
	position:			absolute;
	width:				765px;
	margin:				-30px 0 0 0;
	padding:			5px 0 10px 20px;
	background:			#ffffff;
	z-index:			220;
	display:			none;
}

.video_overlay_480x384 {
	position:			absolute;
	width:				745px;
	margin:				-30px 0 0 0;
	padding:			5px 0 10px 20px;
	background:			#ffffff;
	z-index:			220;
	display:			none;
}

.video_overlay_640x360 {
	position:			absolute;
	width:				905px;
	margin:				-30px 0 0 0;
	padding:			5px 0 10px 20px;
	background:			#ffffff;
	z-index:			220;
	display:			none;
}

.photo_overlay .sluiten, 
.video_overlay_320x240 .sluiten, 
.video_overlay_500x281 .sluiten, 
.video_overlay_480x384 .sluiten, 
.video_overlay_640x360 .sluiten {
	position:			relative;
	float:				right;
	left:				auto;
	width:				60px;
	height:				30px;
}

.photo_overlay h1, 
.video_overlay_320x240 h1, 
.video_overlay_500x281 h1, 
.video_overlay_480x384 h1, 
.video_overlay_640x360 h1 {
	position:			relative;
	margin:				-10px 0 10px 0;
	clear:				both;
}

.photo_overlay .photo_block {
	margin-bottom:		10px;	
}

.video_overlay_320x240 .video_block {
	width:				320px;
	height:				240px;
	margin-bottom:		10px;
	background:			#333333;
	overflow:			hidden;
	float:				left;
}

.video_overlay_500x281 .video_block {
	width:				500px;
	height:				281px;
	margin-bottom:		10px;
	background:			#333333;
	overflow:			hidden;
	float:				left;
}

.video_overlay_480x384 .video_block {
	width:				480px;
	height:				384px;
	margin-bottom:		10px;
	background:			#333333;
	overflow:			hidden;
	float:				left;
}

.video_overlay_640x360 .video_block {
	width:				640px;
	height:				360px;
	margin-bottom:		10px;
	background:			#333333;
	overflow:			hidden;
	float:				left;
}

.video_overlay_320x240 .content_block,
.video_overlay_500x281 .content_block,
.video_overlay_480x384 .content_block,
.video_overlay_640x360 .content_block {
	width:				225px;
	margin-left:		20px;
	float:				left;
}

.video_overlay_320x240 .content_block h2,
.video_overlay_500x281 .content_block h2,
.video_overlay_480x384 .content_block h2,
.video_overlay_640x360 .content_block h2{
	font-size:			16px;
	margin-bottom:		15px;
}

/* ================================ +
             typo
+  ================================ */


.header260 {
	font-size:			20px;
	font-weight:		bold;
	line-height:		24px;
	width:				260px;
	height:				25px;
	border-bottom:		1px solid black;
	cursor:				pointer;
}

.header260:hover {
	color:				#666666;
}


.tekst12 {
	font-size:			11px;
	font-weight:		normal;
}


/* ================================ +
             ALBUM (child 1)
+  ================================ */


.text_album {
	position:			absolute;
	width:				250px;
	height:				80px;
	top:				70px;
	left:				135px;
	padding:			10px 15px;
	background-color:	transparent;
	z-index:			100;
	overflow:			hidden;
}


.album .video_link {
	position:			absolute;
	top:				170px;
	left:				20px;
	width:				220px;
	height:				280px;
	cursor:				pointer;
}

.album .black_box {
	position:			absolute;
	width:				270px;
	padding:			4px 14px;
	top:				15px;
	background:			#000000;
	color:				#ffffff;
	font-size:			11px;
}

.album .black_box h4{
	margin:				4px 0;
	font-size:			14px;
	float:				left;
}

.album .black_box img{
	float:				left;
	margin:				2px 5px 0 0;
}

.album .photo_thumb {
	position:			absolute;
	width:				120px;
	height:				100px;
	cursor:				pointer;
}

.album .th1{ top:	60px; 	left:	540px;}
.album .th2{ top:	60px; 	left:	670px;}
.album .th3{ top:	60px; 	left:	800px;}
.album .th4{ top:	170px; 	left: 410px;}
.album .th5{ top:	170px; 	left:	540px;}
.album .th6{ top:	170px; 	left:	670px;}
.album .th7{ top:	170px; 	left:	800px;}
.album .th8{ top:	280px; 	left: 410px;}
.album .th9{ top:	280px; 	left: 540px;}
.album .th10{ top:	280px; 	left: 670px;}
.album .th11{ top:	280px; 	left: 800px;}
.album .th12{ top:	390px; 	left: 280px;}
.album .th13{ top:	390px; 	left: 410px;}
.album .th14{ top:	390px; 	left: 540px;}
.album .th15{ top:	390px; 	left: 670px;}
.album .th16{ top:	390px; 	left: 800px;}



/* TOOLTIP */

#tooltip {
	position: 				absolute;
	z-index: 				102;
	border: 				0px;
	background: 			url(../images/bg_tooltip_left.png) no-repeat;
	padding: 				12px 5px 5px 5px;
	color:					#000000;
	font-size:				11px;
	opacity: 				1;
	text-decoration:		underline;
}


#tooltip.viewport-right {
	background: 			url(../images/bg_tooltip_right.png) no-repeat top right;
}

#tooltip h3, #tooltip div { margin: 0; font-weight:	normal; font-size: 14px;}


/* ================================ +
             ACTUEEL (child 2)
+  ================================ */


#photo_viewer {
	position:			relative;
	width:				940px;
}

#photo_viewer_inner {
	width:				940px;
	height:				20000px;
}

.photo_viewer_item {
	width:				940px;
	height:				520px;
	margin-bottom:		15px;	
	position:			relative;
}

.photo_viewer_item_img {
	margin-left:		240px;
	cursor:				pointer;	
}

.photo_viewer_item_img.active {
	cursor:				default;	
}


.photo_viewer_content {
	position:			absolute;	
	width:				180px;
	height:				80px;
	top:				15px;
	padding:			10px 15px;
	background-color:	transparent;
	z-index:			100;
	overflow:			hidden;
	font-size:			12px;
}

.photo_viewer_content_small {
	position:			absolute;	
	width:				180px;
	height:				80px;
	top:				15px;
	padding:			10px 15px;
	background-color:	transparent;
	z-index:			100;
	overflow:			hidden;
	font-size:			12px;
}

.title_nolink {
	font-size:			20px;
	font-weight:		bold;
	line-height:		24px;
	width:				220px;
	height:				25px;
	border-bottom:		1px solid black;
}

.title {
	font-size:			20px;
	font-weight:		bold;
	line-height:		24px;
	width:				220px;
	height:				25px;
	border-bottom:		1px solid black;
	cursor:				pointer;
}

.title_fake {
	font-size:			20px;
	font-weight:		bold;
	line-height:		24px;
	width:				220px;
	height:				25px;
}

.sluiten {
	position:			absolute;
	top:				10px;
	left:				415px;
	width:				60px;
	font-weight:		bold;
	cursor:				pointer;
}

.sluiten:hover {
	color:				#555555;
}


/* ================================ +
             HISTORY
+  ================================ */

.text_history {
	position:			absolute;
	width:				250px;
	height:				80px;
	top:				110px;
	left:				5px;
	padding:			10px 15px;
	background-color:	transparent;
	z-index:			100;
	overflow:			hidden;
}


.history .video_link {
	position:			absolute;
	top:					20px;
	left:					400px;
	width:				220px;
	height:				180px;
	cursor:				pointer;
}

.history .black_box {
	position:			absolute;
	width:				185px;
	padding:			4px 7px;
	top:				15px;
	background:			#000000;
	color:				#ffffff;
	font-size:			11px;
}

.history .black_box h4{
	margin:				3px 0;
	font-size:			14px;
	float:				left;
}

.history .black_box img{
	float:				left;
	margin:				2px 5px 0 0;
}

.history .photo_link {
	cursor:				pointer;
}

.history #video_2 {
	position:			absolute;
	top:					20px;
	left:					640px;
	width:				280px;
	height:				180px;
}

.history #photo_2 {
	position:			absolute;
	top:					20px;
	left:					640px;
	width:				280px;
	height:				180px;
}

.history #video_3 {
	position:			absolute;
	top:					220px;
	left:					20px;
	width:				440px;
	height:				300px;
}

.history #photo_3 {
	position:			absolute;
	top:					220px;
	left:					20px;
	width:				440px;
	height:				300px;
}

.history .img_s {
	position:			absolute;
	top:					220px;
	left:					480px;
	width:				140px;
	height:				120px;
}

.history .tekst {
	position:			absolute;
	top:					220px;
	left:					640px;
	width:				180px;
}

.history #video_5 {
	position:			absolute;
	top:				220px;
	left:				840px;
	width:				80px;
	height:				60px;
}

.history #photo_5 {
	position:			absolute;
	top:				220px;
	left:				840px;
	width:				80px;
	height:				60px;
}

.history #video_6 {
	position:			absolute;
	top:				300px;
	left:				840px;
	width:				80px;
	height:				60px;
}

.history #photo_6 {
	position:			absolute;
	top:				300px;
	left:				840px;
	width:				80px;
	height:				60px;
}

.history #video_7 {
	position:			absolute;
	top:				380px;
	left:				840px;
	width:				80px;
	height:				60px;
}

.history #photo_7 {
	position:			absolute;
	top:				380px;
	left:				840px;
	width:				80px;
	height:				60px;
}

.history #video_8 {
	position:			absolute;
	top:				460px;
	left:				840px;
	width:				80px;
	height:				60px;
}

.history #photo_8 {
	position:			absolute;
	top:				460px;
	left:				840px;
	width:				80px;
	height:				60px;
}

.history p {
	margin-bottom: 20px;
}

.history a {
	font-size:		11px;
	font-weight:	normal;
}