html, 
body
{
	height:100%;
} 

body 
{
	width:              100%;
	height:             100%;
	min-height:         100%;
	padding:            0;
	margin:             0;
	font-family:        Tahoma, Arial, Verdana;
	font-size:          11pt;
	font-weight:        normal;
	text-align:         left;
	line-height:		16pt;
	color:              #FFFFFF;
	display:            block;
	text-align:         center;    
	background-color:   #7a7a7b;                         
	background-position:top left;
	background-image:   url(../images/background_body.gif);
	background-repeat:  repeat-x;
}

.SiteHeader
{
	position:			relative;
	width: 				950px;
	height:				38px;
	padding: 			0px;
	margin:				0 auto;
	text-align:			right;
}

	.HeaderMenu
	{
		float:				right;
		position: 			relative;
		margin-top: 		13px;
		margin-right: 		5px;
		color: 				#3c3b3b;
	}
	
	.HeaderMenu a:link,
	.HeaderMenu a:active,
	.HeaderMenu a:visited
	{
		text-decoration: 	none;
		color: 				#3c3b3b;
	}
	
	.HeaderMenu a:hover
	{
		text-decoration: 	underline;
		color: 				#3c3b3b;
	}
	
	.HeaderMenuSpacer
	{
	}

	.ZoekenTextbox
	{
		width: 				173px;
		border: 			solid 1px #9b988a;
		background-color: 	#e0e0e0;
		float:				right;
		position: 			relative;
		margin-top: 		15px;
		margin-right: 		5px;
		margin-left: 		5px;
		padding-left: 		5px;
		color: 				#939393;
	}
	
	.ImageZoeken
	{
		float:				right;
		position: 			relative;
		margin-top: 		12px;
		margin-right: 		5px;
	}

.SiteContainer
{
	position:			relative;
	width: 				948px;
	overflow: 			visible;
	border: 			solid 1px white;
	padding: 			0px;
	margin:				0 auto;
	background-position: left top;
	background-repeat: 	 repeat-y;
	background-image:   url(../images/background_sitecontainer.gif);	
}

.Content
{
	position:			relative;
	float:				left;
	width: 				948px;
	overflow: 			visible;
	clear:				both;
	/*background-color:   #9a9488;*/
	background-position: top left;
	background-image:   url(../images/background_content.gif);
	background-repeat: 	no-repeat;
}

.ContentLeft
{
	position:			relative;
	float:				left;
	width: 				283px;
	padding: 			0;
	margin:				0;
	overflow:			visible;
	/*background-color:   #d7d5d5;                           
	background-position: 0px 200px;
	background-image:   url(../images/background_menu.gif);
	background-repeat: 	no-repeat;*/
	border-right: 		solid 1px white;
}

	ul.menu
	{
		float:			right;
		position:		relative;
		padding-right: 	20px;
		text-align:		right;
		list-style: 	none;
	}
	
	ul.menu li a:link,
	ul.menu li a:active,
	ul.menu li a:visited	
	{
		float:				right;
		position:			relative;
		padding-top: 		3px;
		padding-bottom: 	3px;
		clear:				both;
		color: 				#797878;
		/*font-weight: 		bold;*/
		font-style: 		italic;
		text-decoration: 	none;
		font-size: 			13pt;
		letter-spacing: 	2px;
	}
	
	ul.menu li a:hover
	{
		color: 				#000000;
	}
	
	ul.menu li  a.main_on
	{
		color: 				#000000;
	}
	
	.MenuSfeerImageContainer
	{
		float:				right;
		position:			relative;
		border-top: 		solid 1px white;
		border-bottom: 		solid 1px white;
		margin-bottom: 10px;
	}
	
	.MenuSfeerImage
	{
		float:				left;
		position: 			relative;
		clear:				both;	
		/*border-top: 		solid 1px white;
		border-right: 		solid 1px white;
		border-bottom: 		solid 1px white;*/
		border-left: 		none;
		
	}

.ContentRight
{
	position:			relative;
	float:				left;
	width: 				664px;
	padding: 			0;
	margin:				0;

	/*background-color:   #a7a195;                           
	background-position: 0px 200px;
	background-image:   url(../images/background_main.gif);
	background-repeat: 	no-repeat;*/
}


	.ContentRight a:link,
	.ContentRight a:active,
	.ContentRight a:visited	
	{		
		color: 				#333333;		
		text-decoration: 	none;
	}
	
	.ContentRight a:hover
	{
		color: 				#000000;
	}

.ContentHeader
{
	position:			relative;
	float:				left;
	text-align: 		left;	
	/*background-color: 	#a8a296;*/
	clear:				both;
	border-bottom: 		solid 1px white;
	height: 			240px;
	width: 				664px;
	overflow:			hidden;
	background-color: Black;
}

/*.ContentHeader img
{
	float:				left;
	position: 			relative;
	margin: 			0;
	padding: 			0;
}*/

	#imageSfeerContainer img {
			display:		none;
			position:		absolute;
			top:			0; 
			left:			0;
			width:			664px;
			height:			240px;
			overflow:		hidden;
		}

		#slider {
			position:				absolute;
			width:					664px;
			height:					240px;
		
		}

.PaginaContentAfbeeldingen
{
	float:				left;
	position: 			relative;
	padding: 			40px 15px 40px 15px;
	width: 				405px;
	text-align: 		left;
}

.PaginaContentBreed
{
	float:				left;
	position: 			relative;
	padding: 			40px 15px 40px 15px;
	width: 				634px;
	text-align: 		left;
}

h1
{
		text-decoration: 	none;
		font-size: 			18pt;
		letter-spacing:	 	1px;
		color: 				White;
		font-weight: 		normal;
		padding: 0px;
		margin: 0px;
}

h2
{
		text-decoration: 	none;
		font-size: 			14pt;
		letter-spacing:	 	1px;
		color: 				White;
		font-weight: 		normal;
		padding: 0px;
		margin: 0px;
}


.PaginaAfbeeldingen
{
	float:				right;
	position: 			relative;	
	padding-top: 		40px;
	padding-right: 		20px;
}

	.ContentSfeerImageContainer
	{
		float:				left;
		position: 			relative;
		clear:				both;		
		margin-bottom: 		15px;
	}
	
	.ContentSfeerImage
	{
		float:				left;
		position: 			relative;
		border: 			solid 1px white;
	}

	.ContentSfeerImageMagnifier
	{
		position: absolute;
		display:block;
		bottom: 5px;
		right:5px;
		z-index:10;
		height: 38px;
		width: 40px;
	}

.ContentFooter
{
	position:			relative;
	width: 				948px;
	height: 			23px;
	padding-top: 		2px;
	background-color: 	#7b776d;
	color: 				#dbdada;
	border-top: 		solid 1px white;
	text-align: 		center;
	font-size:          9pt;
	clear:				both;
}

.ContentFooter a:link,
.ContentFooter a:active,
.ContentFooter a:hover,
.ContentFooter a:visited
{
	color: 				#dbdada;
	text-decoration:	none;
}

.pathforjs
{
	position:					absolute;
	left:						-1000px;
	width:						10px;
}

/* Contactformulier */

.PanelContactForm
{
	float: 				left;
	position:			relative;
	padding: 			20px;
	border: 			solid 1px silver;
	background-color:	#d2d0d0;
	color: 				Black;
}

.form_kolom {
width: 				330px;
float: 				left;
position:			relative;
font-family: 		tahoma;
}

.form_kolom2 {
width: 				330px;
float: 				left;
position:			relative;
font-family: 		tahoma;

}

.form_kolom_datum {
width: 				180px;
float: 				left;
position:			relative;
font-family: 		tahoma;
}

.form_rbl_kolom {
width: 					360px;
float: 					left;
position:				relative;
font-family: 			tahoma;
}

.form_validateimage {
float: 					left;
position:				relative;
margin-top: 			25px;
}

.form_validateimage_date {
float: 					left;
position:				relative;
margin-top: 			4px;
margin-left:			7px;
}


.ButtonVersturen
{
	float: 				right;
	position:			relative;
	border: 			1px solid #666666;
	text-decoration: 	none;
	color: 				black;
	padding: 			2px 10px 2px 10px;
	background-color: 	#999999;
}

.ButtonVersturen:hover
{
	color: 			Silver;
	cursor: 		pointer;
	cursor: 		hand;
}

.form_kolom input
{
height: 			18px;
width: 				315px;
border: 			1px solid #666666;
padding: 			1px 3px 1px 3px;
	margin: 			1px 0px 12px 0px;
}

.form_kolom_datum input
{
	float: 				left;
	position:			relative;
	height: 			18px;
	width: 				100px;
	border: 			1px solid #666666;
	padding: 			1px 3px 1px 3px;
	margin: 			1px 0px 6px 0px;
}


.form_kolom select
{
height: 			25px;
width: 				321px;
border: 			1px solid #666666;
padding: 			1px 3px 1px 3px;
margin: 			1px 0px 6px 0px;
}

.calendar
{
	width: 				168px;
	border: 			1px solid #666666;
	background-color: 	White;
	font-size: 			10pt;
}

.CalendarHeader
{
	background-color:	#333333;
	color: 				White;
}

.form_kolom textarea
{
height: 			100px;
width: 				315px;
border: 			1px solid #666666;
padding:			1px 3px 1px 3px;
margin: 			0;
font-family: 		tahoma;
font-size:          11pt;
}

.form_radiobuttonlist
{
height: 			18px;
width: 				321px;
border: 			1px solid #666666;
padding: 			0px 3px 0px 3px;
margin: 			0px 0px 6px 0px;
background-color: 	White;
}

.Silver
{
	color: #666666;
}
/*
.form_radiobuttonlist select
{ 
	background-color:		aqua;	

}

.form_radiobuttonlist label
{ 	
	background-color:		red; 
  	position:               relative;
	float:					left;	
			}
*/
/* FOTOALBUM */

.album_intro
{
	float: 					left;
	position:				relative;
	padding: 				10px 5px 10px 5px;
	border-bottom: solid 1px silver;
}

	.FotoHyperlink
	{
		float:				left;
		position: 			relative;	
		height: 			100px;
		width: 				100px;
		border: 			solid 1px #666666;
		margin: 			5px;
		background-position: center center;
		background-repeat: 	no-repeat;
		
	}



	/* ROUTEPLANNER */
	.GMap
	{
			 float:left;
	 position:relative;
 		display: block;
	 	clear:both;
		width:631px;
	 	height:400px;
	 	overflow:hidden;
	 	border: solid 1px white;
	}
	
	.DivRoute
{
	 float:left;
	 position:relative;
	 display: inline;
	width:623px;
	 padding:5px;
	color: #333333; 
	 display:none;
	 height:auto;
	 overflow:hidden;
	 background-color:white;
}
.DivRoute *
{
	color: #333333;
}

.DivRouteBerekenen
{
	 float:left;
	 position:relative;
	 display: inline;
	 width:621px;
	 padding: 5px;
	 background-color:#666666;
	 border-top: solid 1px white;
	 border-right: solid 1px white;
	 border-left: solid 1px white;
}

.ButtonRouteTonen
{
	float: 				right;
	position:			relative;
	border: 			1px solid #333333;
	text-decoration: 	none;
	color: 				black;
	padding: 			2px 10px 2px 10px;
	background-color: 	#FFFFFF;
	cursor:				pointer;
	cursor: 			hand;
}

.CssTextBoxHint
{
	float:left;
	position:relative;
	vertical-align:middle;	
	height:19px;
	padding:0;
	margin:0px;
	position:relative;	
	color:Gray;
	font-style:italic;
}

.tbHidden
{
	visibility: hidden;
	width: 0px;
}



#slider {
	position:relative;
	background:url(../images/lytebox/loading2.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	/*height:100%;*/
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	/*width:100%;*/
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Gastenboek */

.gastenboek_item
{
	float: 					left;
	position:				relative;
	width: 				600px;
	padding: 				10px 5px 10px 5px;
	border-bottom:			solid 1px silver;
	clear:					both;
}

.gastenboek_naam
{
	float: 					left;
	position:				relative;
	clear:					both;
	font-weight:			bold;
	font-style:				italic;
}

.gastenboek_reactie
{
	float: 					left;
	position:				relative;
	clear:					both;
}