body {
	background-color: #FFFFFF;
	padding:0;
	margin:0;
	text-align:center;
	background:url(../images/bg-site.png) repeat-x;
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
}
body, textarea, input, table, select, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d7395;
}

h1, h2, h3{
	padding:0;
	margin:0;
	line-height:normal;
	font-weight:normal;
}

h1{
	font-size:18px;
}

h2{
	font-size:16px;
}

h3{
	font-size:14px;
}

#container{
	width:796px;
	margin:0px auto;
	text-align:left;
}

#header{
	width:796px;
	height:104px;
}

#header a.menu {
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	display: block;
	color: #3d7395;
	text-decoration:none;
	position:relative;
	padding:2;
	top: 28px
}

#header img.menuimg{
	position:relative;
		
}

#header a:hover {
	text-decoration: underline;	
}

#header a.active {
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	display: block;
	color: #ca8842;
	text-decoration:none;
	position:relative;
	padding:2;
	top: 28px
}

#slideshow{
	height:287px;
	width:796px;
	margin:20px 0 20px 20px;
	position:relative;
	overflow:hidden;
	z-index:0;
}

#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow img.active {
	z-index:10;
	opacity:1.0;
}

#slideshow img.last-active {
	z-index:9;
}

td {
	font-family: tahoma, verdana, sans-serif;
	font-size: 10px;
}

td.normal {
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
}

td.calbut {
	height:23px;
	width:23px;
	border:1px solid #000000;
	cursor:pointer;
}

td.calbut:hover {
	background-color: #68C0FF;
	color: #00137F;
	border:1px solid #00137F;	
}

td.weekday {
	height:23px;
	width:23px;
	border:1px solid #00137F;
	background-color: #68C0FF;
	color: #00137F;
}

td.inactive {
	height:23px;
	width:23px;
	border:1px solid #CCCCCC;
	background-color: #CCCCCC;
	color: #CCCCCC;
}

#caltext {
	border:1px solid #00137F;
	background-color: #68C0FF;
	color: #00137F;
}

#maandnaam {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
}

td.beschikbaar {
	height:23px;
	width:23px;
	border:1px solid #000000;
	cursor:pointer;
}

td.beschikbaar2 {
	height:23px;
	width:23px;
	border:1px solid #000000;
}

td.beschikbaar:hover {
	background-color: #C1E5FF;
	border:1px solid #00137F;	
}

td.beschikbaar_today {
	height:23px;
	width:23px;
	background-color: #C1E5FF;
	border:1px solid #00137F;
	color: #00137F;
	cursor:pointer;
}

td.beschikbaar_today2 {
	height:23px;
	width:23px;
	background-color: #C1E5FF;
	border:1px solid #00137F;
	color: #00137F;
}

td.beschikbaar_selected {
	height:23px;
	width:23px;
	background-color: #3d7395;
	border:1px solid #3d7395;
	color: #FFFFFF;
	cursor:pointer;
}

td.reserved {
	height:23px;
	width:23px;
	background-color: #3d7395;
	border:1px solid #3d7395;
	color: #FFFFFF;
	cursor:pointer;
}

td.reserved_error {
	height:23px;
	width:23px;
	background-color: #3d7395;
	border:1px solid #3d7395;
	color: #FFB27F;
	cursor:pointer;
}

td.today {
	height:23px;
	width:23px;
	background-color: #C1E5FF;
	border:1px solid #00137F;
	color: #00137F;
}

td.nottoday {
	height:23px;
	width:23px;
	background-color: #eeeeee;
	border:1px solid #00137F;
	color: #00137F;
}

td.beschikbaar_today:hover {
	background-color: #C1E5FF;
	border:1px solid #00137F;	
}

td.onbeschikbaar {
	height:23px;
	width:23px;
	border:1px solid #7F0000;
	color: #7F0000;
	background-color: #FFB27F;
}

td.onbeschikbaar_wissel {
	height:23px;
	width:23px;
	border:1px solid #7F0000;
	color: #7F0000;
	background-color: #FFB27F;
	background: url(../images/wisseldag.png) no-repeat; 
	background-size: 28px;;
}

td.onbeschikbaar_start {
	height:23px;
	width:23px;
	border:1px solid #7F0000;
	color: #7F0000;
	background-color: #FFB27F;
	background: url(../images/startdatum.png) no-repeat; 
	background-size: 28px;
}

td.beschikbaar_start {
	height:23px;
	width:23px;
	border:1px solid #7F0000;
	color: #7F0000;
	background-color: #FFB27F;
	background: url(../images/startdatum.png) no-repeat; 
	background-size: 28px;;
	cursor:pointer;
}

td.beschikbaar_start:hover {
	background: url(../images/startdatum-hover.png) no-repeat; 
	background-size: 28px;;
	border:1px solid #00137F;	
}

td.reserved_start {
	height:23px;
	width:23px;
	border:1px solid #7F0000;
	color: #7F0000;
	background-color: #FFB27F;
	background: url(../images/startdatum-res.png) no-repeat; 
	background-size: 28px;
}

td.reserved_eind {
	height:23px;
	width:23px;
	border:1px solid #7F0000;
	color: #7F0000;
	background-color: #FFB27F;
	background: url(../images/einddatum-res.png) no-repeat; 
	background-size: 28px;
}

td.beschikbaar_eind {
	height:23px;
	width:23px;
	border:1px solid #7F0000;
	color: #7F0000;
	background-color: #FFB27F;
	background: url(../images/einddatum.png) no-repeat; 
	background-size: 28px;
	cursor:pointer;
}

td.onbeschikbaar_eind {
	height:23px;
	width:23px;
	border:1px solid #7F0000;
	color: #7F0000;
	background-color: #FFB27F;
	background: url(../images/einddatum.png) no-repeat; 
	background-size: 28px;
}

td.beschikbaar_eind:hover {
	background: url(../images/einddatum-hover.png) no-repeat; 
	background-size: 28px;
	border:1px solid #00137F;	
}

td.onbeschikbaar_today {
	height:23px;
	width:23px;
	border:1px solid #7F0000;
	background-color: #C1E5FF;
	color: #7F0000;
}

a.callink {
	height: 22px;
	width: 22px;
	font-family: tahoma, verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin: auto;
	padding: auto;
}

td.reservate_active {
	height:20px;
	vertical-align: middle;
	background-color: #3d7395;
	border:1px solid #3d7395;
	color: #FFFFFF;
	font-size: 12px;
}

td.reservate_inactive {
	height:20px;
	vertical-align: middle;
	background-color: #87A8D6;
	border:1px solid #87A8D6;
	color: #FFFFFF;
	font-size: 12px;
}

td.reservate_cell {
	background-color: #FFFFFF;
	border:1px solid #3d7395;
	color: #3d7395;
	font-size: 12px;
}

#slidecal {
	z-index: 0;	
}

#cal {
	z-index:10;
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
	position:relative; 
	left: 600px;
	top: -295px;
	width: 200px;
	background-color: #FFFFFF;
}

#blocks{
	z-index:5;
	position:relative;
	left: 20px;
	width:796px;
	height:150px;
	overflow:hidden;
	background:url(../images/fp-blocks.png) no-repeat;
	padding:0 0 0 0;
	margin:10px 0 0 0;
	color:#6f8898;
}

.block1{
	width:252px;
	float:left;
	padding:5px;
	height:150px;
	cursor:pointer;
}

.block2{
	width:260px;
	float:left;
	padding:5px;
	height:150px;
	cursor:pointer;
}

.block3{
	width:254px;
	float:left;
	padding:5px;
	height:150px;
	cursor:pointer;
}

#blocks h2{
	color:#ca8842;	
}

#footer {
	text-align:center;
	margin:10px;
	font-size:11px;
	color:#dcd3a4;
}

#footer a, #footer a:active, #footer a:visited{
	color:#6f8898;
	text-decoration:none;
	margin:0 5px 0 5px;
}

#footer a:hover{
	text-decoration:underline;
}

font.titel {
	color: #ca8842;	
}

#map {
	z-index: 0;	
}

#calText {
	font-size:12px;
	font-weight:bold;	
}

a.normal {
	color: #ca8842;
	text-decoration:none;	
}

a.normal:hover {
	color: #ca8842;
	text-decoration:underline;	
}

.pics {
	padding: 	0;
	margin:		0;
	overflow:	hidden;
	height:		396px;
	width:		517px;
}

.pics img {
	height:		364px;
	width:		485px;
	padding:	15px;
	border:		1 px solid #ccc;
	background-color: #eee;
	top:		0;
	left:		0;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
}

input 		{	border: 1px solid #ca8842; background-color: #FFFFFF; color: #00137F;}
textarea 	{	border: 1px solid #ca8842; background-color: #FFFFFF; color: #00137F;}
select 		{	border: 1px solid #ca8842; background-color: #FFFFFF; color: #00137F;}

form label.error  { color: #7F0000; font-style: italic }
form input.submit { color: #FFFFFF; background-color: #ca8842}

input:focus { border: 1px dotted #ca8842; }
input.error { border: 1px dotted #7F0000; background-color: #FFB27F}
label.error { display: none; }

input.submit { color: #FFFFFF; background-color: #ca8842}

input.dateText { border: 0px; color: #00137F }

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.scroll-pane
			{
				width: 100%;
				height: 300px;
				overflow: auto;
				border: 1px solid #00137F;
				padding: 4px;
			}

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