/* CSS Document */

#container {width:780px;
			height:732px;
			background-color:#000066;
			margin:auto auto;}
			
#header 	{width:780px;
			height:88px;
			background-color:#ed378a;
			background-image:url(images/header.jpg);}
			
#nav 		{width:780px;
			height:20px;
			background-color:#33FF00;
			background-image:url(images/nav.jpg);}
			
#nav a.welkom {
	height: 20px;
	display: block;
	background: url(images/nav/welkom.jpg) no-repeat;
	width: 95px;
	float: right;
}

#nav a.welkom:hover {
	background: url(images/nav/welkom2.jpg) no-repeat;
}

#nav a.kombinnen {
	height: 20px;
	display: block;
	background: url(images/nav/kombinnen.jpg) no-repeat;
	width: 118px;
	float: right;
}

#nav a.kombinnen:hover {
	background: url(images/nav/kombinnen2.jpg) no-repeat;
}

#nav a.omgeving {
	height: 20px;
	display: block;
	background: url(images/nav/omgeving.jpg) no-repeat;
	width: 107px;
	float: right;
}

#nav a.omgeving:hover {
	background: url(images/nav/omgeving2.jpg) no-repeat;
}

#nav a.reserveren {
	height: 20px;
	display: block;
	background: url(images/nav/reserveren.jpg) no-repeat;
	width: 120px;
	float: right;
}

#nav a.reserveren:hover {
	background: url(images/nav/reserveren2.jpg) no-repeat;
}

#nav a.tarieven {
	height: 20px;
	display: block;
	background: url(images/nav/tarieven.jpg) no-repeat;
	width: 110px;
	float: right;
}

#nav a.tarieven:hover {
	background: url(images/nav/tarieven2.jpg) no-repeat;
}

#left 		{height:595px;
			width:221px;
			background-color:#ed368a;
			background-image:url(images/left.jpg);
			background-repeat:repeat;
			float:left;}
		
#maintop 	{height:595px;
			width:549px;
			background-image:url(images/bg_gb.jpg);
			background-repeat:repeat;
			float:left;
			overflow:scroll;
			overflow:auto;
			background-color:#fff;}
			/* background-image:url(images/maintopbg.jpg); */
			/* background-repeat:no-repeat; */
			/* background-attachment:fixed; */
			/* top:0px; */
			/* left:0px;} */
			/* background-position: 65% 22%;} */
			/* background-position: 279px 108px;} */

#right 		{height:595px;
			width:10px;
			background-color:#ea3488;
			background-image:url(images/lichtroze.jpg);
			float:right;}

#bottom 	{height:29px;
			width:780px;
			background-color:#CC3300;
			float:left;
			background-image:url(images/bottomroze.jpg);}
			
	
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* CSS TxT Opmaak */

body {scrollbar-base-color: #333333;
	  scrollbar-arrow-color: #FFFFFF;
	  scrollbar-darkshadow-color: #808080;
	  scrollbar-face-color: #ed378a;
	  scrollbar-highlight-color: #FFFFFF;
	  scrollbar-shadow-color: #333333;
	  background-color:#ccc;
	  background-image:url(images/bg.gif);
	  background-repeat:repeat;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:10px;
	  margin:auto auto;}

p 	{font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#000;
	 margin-left:25px;
	 margin-right:40px;
	 margin-top:10px;
	 margin-bottom:10px;
	 text-align:justify;}

h1 	{font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight:bold;
	 color:#000;
	 margin-top:15px;
	 margin-left:25px;
	 margin-right:20px;
	 margin-bottom:0px;
	 text-align:center;}

h2 	{font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:13px;
	 font-weight:bold;
	 color:#000;
	 margin-left:25px;
	 margin-right:20px;
	 margin-top:5px;
	 margin-bottom:5px;}

h3 	{font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:200;
	 text-align:center;
	 color:#000;
	 margin-left:25px;
	 margin-right:20px;
	 margin-top:5px;
	 margin-bottom:5px;}
	 
h4 	{font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 color:#333;
	 margin-left:25px;
	 margin-right:20px;
	 margin-top:12px;
	 margin-bottom:5px;
	 text-align:center;}
	 
.bread {font-size: 10px;
		margin-top:7px;
		float:right;
		color: #000;}
		
.tabel {margin-top:10px;
		margin-left:25px;
		margin-right:25px;
		margin-bottom:10px;
		float:left;}
		
.copy  {font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-top:8px;
		margin-left:400px;
		color: #000;}

.mario  {font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin-top:8px;
		margin-left:15px;
		color: #000;}

/* CSS TxT Active Opmaak */

a:link		{color:#000; background-color:transparent; text-decoration:none;}
a:visited	{color:#000; background-color:transparent; text-decoration:none;}
a:hover		{color:#666; background-color:transparent; text-decoration:none;}
a:active	{color:#666; background-color:transparent; text-decoration:none;}

/* CSS Plaatjes Opmaak */

img.pic		{padding-top:5px;
			padding-right: 10px;
			padding-left: 25px;
			padding-bottom:10px;
			float:left;}
			
img.slide	{padding-right: 10px;
			padding-left: 10px;}

img.pix		{padding-right: 10px;
			padding-left: 25px;
			padding-bottom:10px;
			float: right;}

img.land	{padding-right: 50px;
			padding-left: 10px;
			padding-bottom:10px;
			float: right;}
		
/* Navigatie Opmaak */

#sddm{	
		margin: 0;
		padding: 0;
		z-index: 30;
		margin-left:50px;
}

#sddm li{ 	
		margin: 0; 
		padding: 0; 
		list-style: none; 
		float: left; 
		font: 10pt verdana; 
}

#sddm li a{	
		display: block;
		margin: 0 0px 0 0;
		padding: 1px 1px;
		width: 80px;
		height:15px;
		background:#E7E7E7;
		color: black;
		text-align: center;
		text-decoration: none;
}

#sddm li a:hover{
		color: white;
		background: #67971d; 
		border-color: #67971d;
}

#sddm div{ 
		background-image: none;
		background-repeat: repeat; 
		background-attachment: scroll; 
		background-position: 0 0; 
		position: absolute; 
		visibility: hidden; 
		margin: 0; padding: 0; 
		border: solid 1px #67971d; 
}

#sddm div a{	
		position: relative;
		display: block;
		margin: 0 0px 0 0;
		padding: 3px 4px;
		width: 83px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #E7E7E7;
		color: black;
		font: 10px verdana;
}

#sddm div a:hover{	
		background:#67971d;
		color: #fff; 
}