/* html styles */
body {
background-image:url(images/clouds-custom1.jpg);
font-family:"Trebuchet MS";
font-size:14px;
margin:0px;
}

img {
	border:none;
}
h1 {
	margin-top:0px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	}
h2 {
	border-top:#CCCCCC solid 2px;
	margin-top:0px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	}
h3 {
	border-top:#CCCCCC solid 3px;
	border-bottom:#CCCCCC solid 1px;
	margin-top:0px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	}
h5 {
	margin-bottom:0px;
	padding-bottom:0px;
	}
p {
	margin-top:9px;
	margin-bottom:0px;
	}
form {
	margin:0px;
	padding:0px;
	}
td {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
textarea {
	padding:0px;
	margin:0px;
	}
.messagefield {
	height:500px;
	width:840px;
	font-size:12pt;
	background-color:#FFFF99;
	}
table tr td.left
	{
	text-align: left;
	}
table tr td.right
	{
	text-align: right;
	}
.tdyellow
	{
	background-color:#FFFF00;
	padding:2px;
	}
.tdred
	{
	background-color:#FF6600;
	padding:2px;
	}
.tdgreen
	{
	background-color:#33CC00;
	padding:2px;
	}
.tdwhite
	{
	background-color:#FFFFFF;
	padding:2px;
	}
.tdgraynormal
	{
	background-color:#CCCCCC;
	padding:2px;
	}
.tdgray
	{
	background-color:#CCCCCC;
	padding:2px;
	width:170px;
	}
.tdgraysmall
	{
	background-color:#CCCCCC;
	padding:2px;
	width:100px;
	}
.table700
	{
	width:700px;
	}
.table100p
	{
	width:100%;
	}
.map {
	position:relative;
	margin:0px;
	padding:0px;
	z-index:970;
	}
.ismap {
	position:absolute;
	margin:0px;
	padding:0px;
	left:0px;
	top:0px;
	z-index:990;
	}
.pointer {
	background-image:url(images/pointer.gif); 
	width:33px; 
	height:38px; 
	position:absolute;
	margin:0px;
	padding:0px;
	z-index:980;
	}
.nopointer {
	background-image:url(images/unknown2.gif); 
	width:48px; 
	height:48px; 
	position:absolute;
	margin:0px;
	padding:0px;
	z-index:980;
	}
.pointertext {
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	width:33px;
	margin-top:2px;
	z-index:980;
	}
.thumbnail {
	background-color:#000000;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	width:150px; 
	height:112px; 
	position:absolute;
	margin:0px;
	padding:2px;
	z-index:980;
	}
.blueborder {
	border:2px solid #0033CC;
	}
.lijst { 
	}
.lijst td {
	padding:2px;
	border:#FFCC00 1px solid;
	}
.lijstselect td {
	padding:2px;
	border:#00CC00 1px solid;
	}
.scrolllijst {
	overflow-y: scroll; 
	scrollbar-arrow-color: blue; 
	scrollbar-face-color: #e7e7e7; 
	scrollbar-3dlight-color: #a0a0a0; 
	scrollbar-darkshadow-color:#888888;
	height:250px;
	background-color:#999999;
	}
.scrolldiv {
	overflow-y: scroll; 
	scrollbar-arrow-color: blue; 
	scrollbar-face-color: #e7e7e7; 
	scrollbar-3dlight-color: #a0a0a0; 
	scrollbar-darkshadow-color:#888888;
	height:400px;
	}
/* font styles */
.font12 { font-size:12px; }
.font14wit { font-size:14px; color:#FFFFFF; }
.font16wit { font-size:16px; color:#FFFFFF; }
.font16yellow { font-size:16px; color:#FFFF00;	}
.rolmenu-yellow { font-size:12px; background-color:#FFFF99; }
.loadingred
	{ 
	font-size:12px; 
	background-color:#FFCC00; 
	position:absolute; 
	display:none; 
	left:620px; 
	top:830px; 
	width:100px;
	z-index:1000; 
	border:#000000 solid 1px; 
	padding:5px;
	}
.fontboldred { font-size:16px; color:#FF0000; font-weight:bold; background-color:#CCCCCC; padding:2px; }
.input_r { text-align:right; }
.css-vertical-text {
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:25px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

/* centerdiv */
.centerdiv{ /*IE method of centering a relative div*/
	text-align: center;
	}
.centerdiv>div{ /*Proper way to center a relative div*/
	margin: 0 auto;
	}

/* clear floats */
.clearfloat {
	clear:both;
	}
	
/* caravan borders en iconen */
.border-crv-col1 {
	margin-right:4px;
	width:201px;
	float:left;
	position:relative;
	}
.border-crv-col1-white {
	width:201px;
	font-size:12px;
	color:#0000FF;
	background-color:#FFFFFF;
	text-decoration:none;
	}	
.border-crv-col1-yellow {
	width:190px;
	background-color:#FFFF99;
	padding:5px;
	margin-top:4px;
	}	
.border-crv-col2 {
	width:619px;
	float:left;
	}
.border-crv-icon100 {
	width:100px;
	height:33px;
	font-size:12px;
	color:#0000FF;
	float:left;
	}
.border-crv-icon100txt {
	padding-left:6px;
	padding-top:7px;
	width:94px;
	height:26px;
	font-size:12px;
	color:#0000FF;
	float:left;
	}
.border-crv-icon33 {
	width:33px;
	float:left;
	}
.border-crv-icon-afmeting {
	background:url(images/iconen_afmeting.png) no-repeat top left;
	padding-left:6px;
	padding-top:7px;
	width:94px;
	height:26px;
	float:left;
	}
.border-crv-icon-personen {
	background:url(images/iconen_personen.png) no-repeat top left;
	padding-left:6px;
	padding-top:7px;
	width:94px;
	height:26px;
	float:left;
	}
.border-crv-icon-kamers {
	background:url(images/iconen_slpkamers.png) no-repeat top left;
	padding-left:6px;
	padding-top:7px;
	width:94px;
	height:26px;
	float:left;
	}
.border-crv-icon-strand {
	background:url(images/iconen_strand.png) no-repeat top left;
	padding-left:6px;
	padding-top:7px;
	width:94px;
	height:26px;
	float:left;
	}
.border-crv-icon-stoel {
	background:url(images/iconen_tuinstoel.png) no-repeat top left;
	padding-left:6px;
	padding-top:7px;
	width:94px;
	height:26px;
	float:left;
	}

/* border styles */
.bordertop-yellow {
	font-size:18px;
	font-weight:bold;
	color:#FFFF00;
	margin-right:15px;
	margin-top:5px;
	margin-left:5px;
	float:left;
	cursor:default;
	}
.border-tabtop {
	font-size:16px;
	background-color:#CCCCCC;
	font-weight:bold;
	margin-right:5px;
	text-align:center;
	width:150px;
	float:left;
	cursor:pointer;
	}
.border-tabtop-inactive {
	font-size:16px;
	background-color:#CCCCCC;
	color:#666666;
	font-weight:bold;
	margin-right:5px;
	text-align:center;
	width:150px;
	float:left;
	cursor:pointer;
	}
.border-tabtop-active {
	font-size:16px;
	background-color:#FFFF00;
	font-weight:bold;
	margin-right:5px;
	text-align:center;
	width:150px;
	float:left;
	cursor:default;
	}
.border-tabtop-s-inactive {
	font-size:16px;
	background-color:#CCCCCC;
	color:#666666;
	font-weight:bold;
	margin-right:5px;
	text-align:center;
	width:30px;
	float:left;
	cursor:pointer;
	}
.border-tabtop-s-active {
	font-size:16px;
	background-color:#FFFF00;
	font-weight:bold;
	margin-right:5px;
	text-align:center;
	width:30px;
	float:left;
	cursor:default;
	}
.border-tabtopbar {
	margin:0px;
	padding:0px;
	}
.border-tabtopbar a {
	color:#000000;
	text-decoration:none;
	}
.border-tabtopbar a:link {
	color:#000000;
	}
.border-tabtopbar a:active {
	color:#000000;
	}
.border-tabtopbar a:visited {
	color:#000000;
	}
.border-tabtopbar a:hover {
	color:#0066FF;
	}

.bordertab {
	position:relative;
	top:3px;
	width:150px;
	height:31px;
	float:left;
	margin-left:5px;
	}
.border-tabelcontainer {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	}
.border-tabelmain {
	float:left; 
	width:345px;
	margin-left:5px;
	margin-right:5px;
	}
.border-tabelmain a {
	cursor:pointer;
	}
.border-tabelmain a:link {
	color:#000000;
	text-decoration:none;
	}
.border-tabelmain a:active {
	color:#000000;
	}
.border-tabelmain a:visited {
	color:#000000;
	}
.border-tabelmain a:hover {
	color:#0066FF;
	}
.border-tabeltop {
	font-size:16px;
	background-color:#CCCCCC;
	font-weight:bold;
	margin-top:5px;
	padding-left:5px;
	}
.border-tabelcol1 {
	background-color:#FFFFFF;
	float:left;
	width:101px;
	margin-top:1px;
	}
.border-tabelcol2 {
	font-size:16px;
	background-color:#FFFFFF;
	font-weight:bold;
	float:left;
	width:239px;
	height:29px;
	margin-top:1px;
	padding-left:5px;
	padding-top:4px;
	}
.border-tabelcol3 {
	font-size:16px;
	background-color:#FFFFFF;
	font-weight:bold;
	float:left;
	width:166px;
	height:29px;
	margin-top:1px;
	padding-left:5px;
	padding-top:4px;
	}
.border-fotocontainer {
	margin-left:auto; 
	margin-right:auto; 
	width:750px;
	}
.border-fotocol {
	width:360px;
	float:left;
	font-size:12px;
	text-align:center;
	margin:5px;
	}

/* div containers */
.maincontainer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.bodycontainer {
	background:url(images/top-bar.png) no-repeat top left;
	width:841px;
	padding-top:120px;
	float:left;
}
.bordercontainer {
	width:840px;
	}

/* border inhoud */
.bordercontext {
	padding-top:1px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:1px;
	}
.borderimg {
	margin:2px;
	} 
.bordertabcontext {
	position:relative;
	top:-6px;
	width:140px;
	padding-left:5px;
	padding-right:5px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	}
.borderrs-gray a {
	color:#FFFFFF;
	text-decoration: none;
	}
.borderrs-gray a:hover {
	color:#0066FF;
	text-decoration: none;
	}

/* border parts yellow */
.borderul-yellow {
	background:url(images/border-yellow-ul.gif) no-repeat top left;
	height:10px;
	padding-left:10px;
	padding-right:10px;
	}
.borderur-yellow {
	background: url(images/border-yellow-ur.gif) no-repeat top right;
	}
.borderur-yellow-gray {
	background: url(images/border-yellow-ur.gif) no-repeat top right #AAAAAA;
	}
.borderur-yellow-black {
	background: url(images/border-yellow-ur.gif) no-repeat top right #0000b4;
	}
.borderdl-yellow {
	background:url(images/border-yellow-dl.gif) no-repeat top left;
	height:10px;
	padding-left:10px;
	padding-right:10px;
	}
.borderdr-yellow {
	background:url(images/border-yellow-dr.gif) no-repeat top right;
	height:10px;
	margin-bottom:5px;
	}
.borderrs-yellow {
	background:url(images/border-yellow-rs.gif) repeat-y right #FFFF99;
	}
.borderus-yellow {
	background-color:#FFFF99;
	height:10px;
	}
.borderds-yellow {
	background:url(images/border-yellow-ds.gif) repeat-x;
	height:10px;
	}

/* border parts gray */
.borderul-gray {
	background:url(images/border-gray-ul.gif) no-repeat top left;
	height:10px;
	padding-left:10px;
	padding-right:10px;
	}
.borderur-gray {
	background: url(images/border-gray-ur.gif) no-repeat top right;
	}
.borderdl-gray {
	background:url(images/border-gray-dl.gif) no-repeat top left;
	height:10px;
	padding-left:10px;
	padding-right:10px;
	}
.borderdr-gray {
	background:url(images/border-gray-dr.gif) no-repeat top right;
	height:10px;
	margin-bottom:5px;
	}
.borderrs-gray {
	background:url(images/border-gray-rs.gif) repeat-y right #AAAAAA;
	}
.borderus-gray {
	background-color:#AAAAAA;
	height:10px;
	}
.borderds-gray {
	background:url(images/border-gray-ds.gif) repeat-x;
	height:10px;
	}

/* border parts black */
.borderul-black-info {
	background:url(images/border-black-ul-info.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-news {
	background:url(images/border-black-ul-news.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-tersch {
	background:url(images/border-black-ul-tersch.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-amel {
	background:url(images/border-black-ul-amel.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-bakke {
	background:url(images/border-black-ul-bakke.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-reis {
	background:url(images/border-black-ul-reis.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-bezet {
	background:url(images/border-black-ul-bezet.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-prijs {
	background:url(images/border-black-ul-prijs.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-reserve {
	background:url(images/border-black-ul-reserve.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-foon {
	background:url(images/border-black-ul-foon.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-lastmin {
	background:url(images/border-black-ul-lastmin.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-gbook {
	background:url(images/border-black-ul-gbook.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderul-black-help {
	background:url(images/border-black-ul-help.gif) no-repeat top left;
	height:35px;
	padding-left:35px;
	padding-right:10px;
	}
.borderur-black {
	background: url(images/border-black-ur.gif) no-repeat top right;
	}
.borderdl-black {
	background:url(images/border-black-dl.gif) no-repeat top left;
	height:10px;
	padding-left:10px;
	padding-right:10px;
	}
.borderdr-black {
	background:url(images/border-black-dr.gif) no-repeat top right;
	height:10px;
	margin-bottom:5px;
	}
.borderrs-black {
	background:url(images/border-black-rs.gif) repeat-y right #0000b4;
	}
.borderus-black {
	background-color:#0000b4;
	height:35px;
	}
.borderds-black {
	background:url(images/border-black-ds.gif) repeat-x;
	height:10px;
	}

/* menu part */
.menucontainer { width:159px; float:left; }
.menu01 { background-image:url(images/menu-01.png); width:159px; height:50px; }

.menu02 { background-image:url(images/menu-02.png); width:159px; height:42px; }
.menu02 a { background-image:url(images/menu-02.png); display:block; width:159px; height:42px; }
.menu02 a:hover { background-image:url(images/menu-02-over.png); }

.menu03 { background-image:url(images/menu-03.png); width:159px; height:40px; }
.menu03 a { background-image:url(images/menu-03.png); display:block; width:159px; height:40px; }
.menu03 a:hover { background-image:url(images/menu-03-over.png); }

.menu04 { background-image:url(images/menu-04.png); width:159px; height:40px; }
.menu04 a { background-image:url(images/menu-04.png); display:block; width:159px; height:40px; }
.menu04 a:hover { background-image:url(images/menu-04-over.png); }

.menu05 { background-image:url(images/menu-05.png); width:159px; height:40px; }
.menu05 a { background-image:url(images/menu-05.png); display:block; width:159px; height:40px; }
.menu05 a:hover { background-image:url(images/menu-05-over.png); }

.menu06 { background-image:url(images/menu-06.png); width:159px; height:40px; }
.menu06 a { background-image:url(images/menu-06.png); display:block; width:159px; height:40px; }
.menu06 a:hover { background-image:url(images/menu-06-over.png); }

.menu07 { background-image:url(images/menu-07.png); width:159px; height:40px; }
.menu07 a { background-image:url(images/menu-07.png); display:block; width:159px; height:40px; }
.menu07 a:hover { background-image:url(images/menu-07-over.png); }

.menu08 { background-image:url(images/menu-08.png); width:159px; height:40px; }
.menu08 a { background-image:url(images/menu-08.png); display:block; width:159px; height:40px; }
.menu08 a:hover { background-image:url(images/menu-08-over.png); }

.menu09 { background-image:url(images/menu-09.png); width:159px; height:40px; }
.menu09 a { background-image:url(images/menu-09.png); display:block; width:159px; height:40px; }
.menu09 a:hover { background-image:url(images/menu-09-over.png); }

.menu10 { background-image:url(images/menu-10.png); width:159px; height:40px; }
.menu10 a { background-image:url(images/menu-10.png); display:block; width:159px; height:40px; }
.menu10 a:hover { background-image:url(images/menu-10-over.png); }

.menu11 { background-image:url(images/menu-11.png); width:159px; height:40px; }
.menu11 a { background-image:url(images/menu-11.png); display:block; width:159px; height:40px; }
.menu11 a:hover { background-image:url(images/menu-11-over.png); }

.menu12 { background-image:url(images/menu-12.png); width:159px; height:40px; }
.menu12 a { background-image:url(images/menu-12.png); display:block; width:159px; height:40px; }
.menu12 a:hover { background-image:url(images/menu-12-over.png); }

.menu13 { background-image:url(images/menu-13.png); width:159px; height:47px; }
.menu13 a { background-image:url(images/menu-13.png); display:block; width:159px; height:47px; }
.menu13 a:hover { background-image:url(images/menu-13-over.png); }

.menu14 { background: url(images/menu-35jr.png) no-repeat; width:159px; height:64px; }

/*==============================================================================*/
/* Kalender deel */

/* div styles */
.div-calendar
	{
	width:620px;
	background-color:#FFFF00;
	border:1px #000000 solid;
	padding:5px;
	}
.div-calendar-pub
	{
	margin-top:5px;
	width:620px;
	}
.div-calendarblock
	{
	float:left;
	margin:4px;
	}
.div-legenda
	{
	width:590px;
	height:30px;
	background-color:#000000;
	border:1px;
	padding:0px;
	text-align:center;
	}
.div-clear
	{
	clear:both;
	}
.div-txt
	{
	padding-top:1px;
	padding-bottom:1px;
	}

/* msgbox styles */
.div-msgbox
	{
	width:199px;
	height:100px;
	position:absolute;
	left:432px;
	top:15px;
	display:none;
	background-color:#CCCCCC;
	border:1px #000000 solid;
	cursor:default;
	z-index:100;
	}
.div-msgbox-pub
	{
	width:199px;
	height:400px;
	position:absolute;
	left:787px;
	top:245px;
	display:block;
	background-color:#CCCCCC;
	border:1px #000000 solid;
	cursor:default;
	z-index:100;
	}
.div-msgbox-infotxt
	{
	margin-top:4px;
	width:199px;
	height:200px;
	display:block;
	background-color:#CCCCCC;
	border:1px #000000 solid;
	cursor:default;
	}
.div-msgbox-balk
	{
	background-color:#666666;
	height:16px;
	width:197px;
	padding:1px;
	position:relative;
	}
.div-msgbox-arrow
	{
	background-image:url(images/upleft.gif);
	height:14px;
	width:15px;
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	}
.div-msgbox-info
	{
	background-image:url(images/icon-info2.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	}
.div-msgbox-close
	{
	background-image:url(images/close.jpg);
	height:16px;
	width:16px;
	left:183px;
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	cursor:pointer;
	}
.div-msgbox-title
	{
	padding-left:18px;
	color:#FFFF00;
	font-weight:bold;
	}
.div-msgbox-content
	{
	padding:3px;
	}
.div-msgbox-c-title
	{
	background-color:#FFFF00;
	font-weight:bold;
	margin-top:5px;
	border:1px #000000 solid;
	height:16px;
	}
.div-msgbox-c-c { border:1px #000000 solid; }
.div-msgbox-c-v	{ background-color:#66ff00; height:16px; padding:1px; }
.div-msgbox-c-v-over { background-color:#33cc00; height:16px; padding:1px; cursor:pointer; }
.div-msgbox-c-b { background-color:#ffcc99;	height:16px; padding:1px; }
.div-msgbox-c-b-over { background-color:#ff9966; height:16px; padding:1px; cursor:pointer; }
.div-msgbox-c-r { background-color:#00ffff; height:16px; padding:1px; }
.div-msgbox-c-r-over { background-color:#00ccff; height:16px; padding:1px; cursor:pointer; }
.div-msgbox-c-h { background-color:#cccccc; height:16px; padding:1px; }
.div-msgbox-c-h-over { background-color:#aaaaaa; height:16px; padding:1px; cursor:pointer; }
.div-msgbox-c-i
	{
	background-color:#FFFFFF;
	border:1px #000000 solid;
	padding:1px;
	}

/* div login box */
.div-lbox
	{
	width:300px;
	height:200px;
	position:absolute;
	left:400px;
	top:350px;
	display:none;
	background-color:#CCCCCC;
	border:1px #000000 solid;
	cursor:default;
	z-index:100;
	}
.div-lbox-balk
	{
	background-color:#666666;
	height:16px;
	width:298px;
	padding:1px;
	position:relative;
	}
.div-lbox-icon
	{
	background-image:url(images/icon_details.gif);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	}
.div-lbox-error
	{
	background-image:url(images/icon_error.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	}
.div-lbox-alert
	{
	background-image:url(images/icon_alert.gif);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	}
.div-lbox-close
	{
	background-image:url(images/close.jpg);
	height:16px;
	width:16px;
	left:284px;
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	cursor:pointer;
	}
.div-lbox-title
	{
	padding-left:18px;
	color:#FFFF00;
	font-weight:bold;
	}
.div-lbox-content
	{
	font-style:normal;
	padding:3px;
	}

/* huurderbox styles */
.div-hbox
	{
	width:500px;
	height:300px;
	position:absolute;
	left:70px;
	top:212px;
	display:none;
	background-color:#CCCCCC;
	border:1px #000000 solid;
	cursor:default;
	z-index:100;
	}
.div-hbox-balk
	{
	background-color:#666666;
	height:16px;
	width:498px;
	padding:1px;
	position:relative;
	}
.div-hbox-icon-details
	{
	background-image:url(images/icon_details.gif);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	}
.div-hbox-icon-zoek
	{
	background-image:url(images/icon_search.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	}
.div-hbox-close
	{
	background-image:url(images/close.jpg);
	height:16px;
	width:16px;
	left:484px;
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	cursor:pointer;
	}
.div-hbox-title
	{
	padding-left:18px;
	color:#FFFF00;
	font-weight:bold;
	}
.div-hbox-content
	{
	font-style:normal;
	padding:3px;
	}
.div-hbox-txt { background-color:#FFFFFF; height:16px; padding:1px; }
.div-hbox-txt-over { background-color:#33FF00; height:16px; padding:1px; cursor:pointer; }
	
/* briefbox styles */
.div-mbox
	{
	width:600px;
	height:600px;
	position:absolute;
	left:10px;
	top:35px;
	display:none;
	background-color:#CCCCCC;
	border:1px #000000 solid;
	cursor:default;
	z-index:101;
	}
.div-mbox-body
	{
	width:590px;
	height:250px;
	background-color:#FFFFFF;
	font-size:14px;
	}
.div-bbox
	{
	width:600px;
	height:470px;
	position:absolute;
	left:5px;
	top:30px;
	display:none;
	background-color:#CCCCCC;
	border:1px #000000 solid;
	cursor:default;
	z-index:100;
	}
.div-bbox-balk
	{
	background-color:#666666;
	height:16px;
	width:598px;
	padding:1px;
	position:relative;
	}
.div-bbox-icon-details
	{
	background-image:url(images/icon_details.gif);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	}
.div-bbox-close
	{
	background-image:url(images/close.jpg);
	height:16px;
	width:16px;
	left:584px;
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	cursor:pointer;
	}
.div-bbox-title
	{
	padding-left:18px;
	color:#FFFF00;
	font-weight:bold;
	}
.div-bbox-content
	{
	font-style:normal;
	padding:3px;
	}
.div-bbox-hide { display:none; }
.div-bbox-txt { background-color:#FFFFFF; height:16px; padding:1px; }
.div-bbox-txt-over { background-color:#33FF00; height:16px; padding:1px; cursor:pointer; }

/* algemeen calendar styles */
.cal-body { background-color:#000000; border:1px; text-align:center; font-weight:bold; }
.cal-title { background-color:#111111; color:#FFFFFF; cursor:default; }
.cal-days { background-color:#AAAAAA; width:18px; cursor:default; }
.cal-wissel { background-color:#FFFF99; cursor:default; height:22px; padding-left:2px; padding-right:2px; }

/* dag styles */
.cal-d-empty { background-color:#DDDDDD; width:18px; }

.cal-d-v { background-color:#99ff99; width:18px; cursor:default; }
.cal-d-v-over { background-color:#33CC00; width:18px; cursor:pointer; }

.cal-d-today { background-color:#FFFFFF; width:18px; cursor:default; }
.cal-d-today-over { background-color:#FFFF66; width:18px; cursor:pointer; }

.cal-d-b { background-color:#FFCC99; width:18px; cursor:default; }
.cal-d-b-over { background-color:#FF9966; width:18px; cursor:pointer; }
.cal-d-b-mark { background-color:#FF3300; width:18px; color:#FFFFFF; cursor:pointer; }

.cal-d-r { background-color:#00FFFF; width:18px; cursor:default; }
.cal-d-r-over { background-color:#00CCFF; width:18px; cursor:pointer; }
.cal-d-r-mark { background-color:#0066ff; width:18px; color:#FFFFFF; cursor:pointer; }

.cal-d-h { background-color:#CCCCCC; width:18px; cursor:default; }
.cal-d-h-over { background-color:#AAAAAA; width:18px; cursor:default; }
.cal-d-h-mark { background-color:#555555; width:18px; color:#FFFFFF; cursor:default; }

/* dag styles bezetting waarde */
.cal-d-b1 { background-color:#99ff99; width:18px; cursor:default; }
.cal-d-b1-over { background-color:#66CC00; width:18px; cursor:pointer; }
.cal-d-b2 { background-color:#FFFFCC; width:18px; cursor:default; }
.cal-d-b2-over { background-color:#FFFF00; width:18px; cursor:pointer; }
.cal-d-b3 { background-color:#FFFF00; width:18px; cursor:default; }
.cal-d-b3-over { background-color:#FFCC00; width:18px; cursor:pointer; }
.cal-d-b4 { background-color:#FF9900; width:18px; cursor:default; }
.cal-d-b4-over { background-color:#FF6600; width:18px; cursor:pointer; }
.cal-d-b5 {	background-color:#FF3300; width:18px; cursor:default; }
.cal-d-b5-over { background-color:#CC3300; width:18px; cursor:pointer; }

/* dag overgangen styles */
.cal-d-b-b { background-image:url(images/kalender/d-b-b.png); width:18px; cursor:default; }
.cal-d-b-b-b-mark { background-image:url(images/kalender/d-b-b-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-b-b-e-mark { background-image:url(images/kalender/d-b-b-e-mark.png); width:18px; color:#FFFFFF; cursor:default; }
.cal-d-b-b-over { background-image:url(images/kalender/d-b-b-over.png); width:18px; cursor:pointer; }
.cal-d-b-h { background-image:url(images/kalender/d-b-h.png); width:18px; cursor:default; }
.cal-d-b-h-b-mark { background-image:url(images/kalender/d-b-h-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-b-h-e-mark { background-image:url(images/kalender/d-b-h-e-mark.png); width:18px; color:#FFFFFF; cursor:default; }
.cal-d-b-h-over { background-image:url(images/kalender/d-b-h-over.png); width:18px; cursor:pointer; }
.cal-d-b-r { background-image:url(images/kalender/d-b-r.png); width:18px; cursor:default; }
.cal-d-b-r-b-mark { background-image:url(images/kalender/d-b-r-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-b-r-e-mark { background-image:url(images/kalender/d-b-r-e-mark.png); width:18px; color:#FFFFFF; cursor:default; }
.cal-d-b-r-over { background-image:url(images/kalender/d-b-r-over.png); width:18px; cursor:pointer; }
.cal-d-b-v { background-image:url(images/kalender/d-b-v.png); width:18px; cursor:default; }
.cal-d-b-v-e-mark { background-image:url(images/kalender/d-b-v-e-mark.png); width:18px; color:#FFFFFF; cursor:default; }
.cal-d-b-v-over { background-image:url(images/kalender/d-b-v-over.png); width:18px; cursor:pointer; }

.cal-d-h-b { background-image:url(images/kalender/d-h-b.png); width:18px; cursor:default; }
.cal-d-h-b-b-mark { background-image:url(images/kalender/d-h-b-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-h-b-e-mark { background-image:url(images/kalender/d-h-b-e-mark.png); width:18px; color:#FFFFFF; cursor:default; }
.cal-d-h-b-over { background-image:url(images/kalender/d-h-b-over.png); width:18px; cursor:pointer; }
.cal-d-h-h { background-image:url(images/kalender/d-h-h.png); width:18px; cursor:default; }
.cal-d-h-h-over { background-image:url(images/kalender/d-h-h-over.png); width:18px; cursor:pointer; }
.cal-d-h-r { background-image:url(images/kalender/d-h-r.png); width:18px; cursor:default; }
.cal-d-h-r-b-mark { background-image:url(images/kalender/d-h-r-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-h-r-e-mark { background-image:url(images/kalender/d-h-r-e-mark.png); width:18px; color:#FFFFFF; cursor:default; }
.cal-d-h-r-over { background-image:url(images/kalender/d-h-r-over.png); width:18px; cursor:pointer; }
.cal-d-h-v { background-image:url(images/kalender/d-h-v.png); width:18px; cursor:default; }
.cal-d-h-v-e-mark { background-image:url(images/kalender/d-h-v-e-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-h-v-over { background-image:url(images/kalender/d-h-v-over.png); width:18px; cursor:pointer; }

.cal-d-r-b { background-image:url(images/kalender/d-r-b.png); width:18px; cursor:default; }
.cal-d-r-b-b-mark { background-image:url(images/kalender/d-r-b-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-r-b-e-mark { background-image:url(images/kalender/d-r-b-e-mark.png); width:18px; color:#FFFFFF; cursor:default; }
.cal-d-r-b-over { background-image:url(images/kalender/d-r-b-over.png); width:18px; cursor:pointer; }
.cal-d-r-h { background-image:url(images/kalender/d-r-h.png); width:18px; cursor:default; }
.cal-d-r-h-b-mark { background-image:url(images/kalender/d-r-h-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-r-h-e-mark { background-image:url(images/kalender/d-r-h-e-mark.png); width:18px; color:#FFFFFF; cursor:default; }
.cal-d-r-h-over { background-image:url(images/kalender/d-r-h-over.png); width:18px; cursor:pointer; }
.cal-d-r-r { background-image:url(images/kalender/d-r-r.png); width:18px; cursor:default; }
.cal-d-r-r-b-mark { background-image:url(images/kalender/d-r-r-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-r-r-e-mark { background-image:url(images/kalender/d-r-r-e-mark.png); width:18px; color:#FFFFFF; cursor:default; }
.cal-d-r-r-over { background-image:url(images/kalender/d-r-r-over.png); width:18px; cursor:pointer; }
.cal-d-r-v { background-image:url(images/kalender/d-r-v.png); width:18px; cursor:default; }
.cal-d-r-v-e-mark { background-image:url(images/kalender/d-r-v-e-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-r-v-over { background-image:url(images/kalender/d-r-v-over.png); width:18px; cursor:pointer; }

.cal-d-v-b { background-image:url(images/kalender/d-v-b.png); width:18px; cursor:default; }
.cal-d-v-b-b-mark { background-image:url(images/kalender/d-v-b-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-v-b-over { background-image:url(images/kalender/d-v-b-over.png); width:18px; cursor:pointer; }
.cal-d-v-h { background-image:url(images/kalender/d-v-h.png); width:18px; cursor:default; }
.cal-d-v-h-b-mark { background-image:url(images/kalender/d-v-h-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-v-h-over { background-image:url(images/kalender/d-v-h-over.png); width:18px; cursor:pointer; }
.cal-d-v-r { background-image:url(images/kalender/d-v-r.png); width:18px; cursor:default; }
.cal-d-v-r-b-mark { background-image:url(images/kalender/d-v-r-b-mark.png); width:18px; color:#FFFFFF; cursor:pointer; }
.cal-d-v-r-over { background-image:url(images/kalender/d-v-r-over.png); width:18px; cursor:pointer; }
.cal-d-v-v { background-image:url(images/kalender/d-v-v.png); width:18px; cursor:default; }
.cal-d-v-v-over { background-image:url(images/kalender/d-v-v-over.png); width:18px; cursor:pointer; }