body{
  background-color: #D7D9D6;
  background-image: url(../beeld/achter_canvas.jpg);
  background-repeat: repeat-x;
  color: #282972;
} 
#copyright{
  position: absolute;
  right: 6px;
  bottom: 5px;
  font: 8px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #7C7CBC;
  z-index: 5;
}
#onderkantScherm{
  position: absolute;
  bottom: 20px;
}
A{ 
  color: #7C7CBC;
  text-decoration: none;
}
A:hover{ 
  color: Red;
}
#logo{
  position: absolute;
  left: 865px;
  top: 2px;
}
#foto-top{
  position: absolute;
  left: 5px;
  top: 66px;
  z-index: 5;
}
#talen{
  position: absolute;
  left: 542px;
  top: 66px;
  width: 40px;
  vertical-align: middle;
  z-index: 5;
}
#titel{
  position: absolute;
  left: 10px;
  top: 15px;
  font: 24px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #282972;
}
#menu{
  position: absolute;
  left: 3px;
  top: 199px;
  z-index: 5;
}
#balk_achtergrond{
  position: absolute;
  left: 0px;
  top: 58px;
  width: 100%;
  height: 98px;
  background-color: #FFCC00; 
  border-top: solid 3px #282972; 
  border-bottom: solid 3px #282972; 
}
#balk{
  position: absolute;
  left: 0px;
  top: 58px;
  height: 175px;
  width: 100%;
  background-image: url(../beeld/balk.gif);
  background-repeat: no-repeat;
  z-index: 1;
}

#hor_end{
  position: absolute;
  right: 0px;
  top: 61px;
  height: 98px;
  width: 150px;
  background-image: url(../beeld/bg_fade_hor.jpg);
  background-repeat: repeat-y;
  z-index: 2;
}
#hor_lijn_end1{
  position: absolute;
  right: 0px;
  top: 58px;
  height: 3px;
  width: 86px;
  background-image: url(../beeld/streep.gif); 
  background-repeat: no-repeat;
  z-index: 5;
}
#hor_lijn_end2{
  position: absolute;
  right: 0px;
  top: 159px;
  height: 3px;
  width: 86px;
  background-image: url(../beeld/streep.gif);
  background-repeat: no-repeat;
  z-index: 5;
}
#balk_vert{
  position: absolute;
  top: 163px;
  left: 875px; 
  z-index: 5;
  width: 19px;
  height: 450px;
}
#adres{
  position: absolute;
  left: 625px;
  z-index: 5;
  text-align: right;
   font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #282972;
  top: 80px;
}
/** zo staan ze op t scherm:  */
/** kal1 kal2             */
/** kal3 kal4             */
#kal1{
  position: absolute;
  left: 555px;
  top: 235px;
  text-align: right;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  z-index: 10;
}
#kal2{
  position: absolute;
  left: 715px;
  top: 235px;
  text-align: right;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  z-index: 10;
}
#kal3{
  position: absolute;
  left: 555px;
  top: 370px;
  text-align: right;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  z-index: 10;
}
#kal4{
  position: absolute;
  left: 715px;
  top: 370px;
  text-align: right;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  z-index: 10;
}
#legenda{
  position:  absolute;
  float: right;
  left: 40.4em;
  top: 510px;
  z-index: 10;
}
#content_home{
  position: absolute;
  left: 5px;
  top: 247px; 
  font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 5px;
  color: #282972;
  width: 500px;
  height: 330px;
  z-index: 5;
}
#content{
  position: absolute;
  left: 5px;
  top: 247px; 
  font: 14px Arial, Helvetica, sans-serif;
  padding: 5px;
  color: #282972;
  width: 600px;
  height: 330px;
  z-index: 5;
}
#content_kop{
	position: absolute;
	left: 5px;
	top: 237px;
	font: small-caps bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	color: #282972;
	width: 600px;
	z-index: 5;
}
#vlieger_homepage{
  position: absolute;
  left: 460px;
  top: 250px;
  z-index: 1;
}
#vlieger_vervolgpaginas{
  position: absolute;
  left: 700px;
  top: 200px;
  z-index: 1;
}

.titel{
  font: 20px Arial Black;
}
#stoelen{
  position: absolute;
  left: 158px;
  top: 440px;
}
#stoelen_left{
  position: absolute;
  left: 5px;
  top: 440px;
  background-image: url(../beeld/beach_fill_left.gif);
  background-repeat: repeat-x;
  width: 330px;
  height: 253px;
}
/* Kalender classes */
.a{
  background-image: url(../beeld/a.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
}
.a_td{
  background-image: url(../beeld/a.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  border: 3px solid #282972; 
}
.b{
  background-image: url(../beeld/b.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
}
.b_td{
  background-image: url(../beeld/b.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  border: 3px solid #282972;
}
.ab{
  background-image: url(../beeld/ab.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
}
.ab_td{
  background-image: url(../beeld/ab.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  border: 3px solid #282972;
}
.ba{
  background-image: url(../beeld/ba.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
}
.ba_td{
  background-image: url(../beeld/ba.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  border: 3px solid #282972;  
}
.ub{
  background-image: url(../beeld/ub.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
}
.ub_td{
  background-image: url(../beeld/ub.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  border: 3px solid #282972;  
}

.bu{
  background-image: url(../beeld/bu.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
}
.bu_td{
  background-image: url(../beeld/bu.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  border: 3px solid #282972;  
}
.u{
  background-image: url(../beeld/u.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
}
.u_td{
  background-image: url(../beeld/u.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  border: 3px solid #282972; 
}




td.cal{
  text-align: right;
  width: 20px;
}
cal_hd{
   text-align: right;
  width: 18px;
}
.highlight{
  font-weight: bold;
}
.err{
  color: Red;
}
#zeemeeuw{
  position: absolute;
  left: 740px;
  top: 496px;
}
#sunset{
  position: absolute;
  left: 535px;
  top: 397px;
}
#hond{
  position: absolute;
  left: 635px;
  top: 464px;
}
#bal{
  position: absolute;
  left: 720px;
  top: 524px;
}

.tblhd{
  background-color: #FFCC00;
  color: #282972;
}
.bg1{
  background-color: transparent;
}
.bg2{
  background-color: #FFEBAC;
}
.stdTable{
  border: solid 1px #282972;
}
#prijs2{
  position: absolute;
  font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif; 
  left: 275px;
  top: 285px;
}
#prijs3{
  position: absolute;
  font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif; 
  left: 275px;
  top: 430px;
}
.klein{
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.kleiner{
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
#navigatie_top{
  position: absolute;
  left: 540px;
  top: 242px;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  z-index: 15;
}
#navigatie_bottom{
  position: absolute;
  left: 540px;
  top: 600px; 
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  z-index: 15;  
}
#fotoboek{
	position: absolute;
	left: 0px; /** dit is tov de content-div! **/
	top: 20px;
	z-index: 1;
}
#kal21{
	position: absolute;
	left: 5px;
	top: 42px;
}
#kal22{
	position: absolute;
	left: 175px;
	top: 42px;
}
#kal23{
	position: absolute;
	left: 345px;
	top: 42px;
}
#kal24{
	position: absolute;
	left: 515px;
	top: 42px;
}
#kal25{
	position: absolute;
	left: 5px;
	top: 192px;
}
#kal26{
	position: absolute;
	left: 175px;
	top: 192px;
}
#kal27{
	position: absolute;
	left: 345px;
	top: 192px;
}
#kal28{
	position: absolute;
	left: 515px;
	top: 192px;
}
#kal29{
	position: absolute;
	left: 5px;
	top: 342px;
}
#kal210{
	position: absolute;
	left: 175px;
	top: 342px;
}
#kal211{
	position: absolute;
	left: 345px;
	top: 342px;
}
#kal212{
	position: absolute;
	left: 515px;
	top: 342px;
}
#cms_menu{
	position: absolute;
	left: 620px;
	top:252px;	
}
#msg{
	position: absolute;
	left: 10px;
	top: 263px;	
	color: Red;
}
.r{
	border-right: 1px #282972 solid;
}
.l{
	border-left: 1px #282972 solid;
}
.t{
	border-top: 1px #282972 solid;
}
.bo{
	border-bottom: 1px #282972 solid;
}
.lt{
	border-left: 1px #282972 solid;	
	border-top: 1px #282972 solid;	
}
.tr{
	border-right: 1px #282972 solid;	
	border-top: 1px #282972 solid;	
}
.rb{
	border-right: 1px #282972 solid;	
	border-bottom: 1px #282972 solid;	
}
.bl{
	border-left: 1px #282972 solid;	
	border-bottom: 1px #282972 solid;	
}
.ltr{
	border-left: 1px #282972 solid;	
	border-top: 1px #282972 solid;	
	border-right: 1px #282972 solid;	
}
.rbl{
	border-left: 1px #282972 solid;	
	border-bottom: 1px #282972 solid;	
	border-right: 1px #282972 solid;	
}
.link{
	cursor: pointer;
	cursor: hand;
}
/** dit moet een subclass van A zijn, anders heeft het invloed op het display van de js-calendar **/
A.button{
	background-color: #B0C4DE;
	border: solid 1px #282972;
	display: block;
	width: 100px;
	text-align: center;
	color: #282972;
}
A.button:hover{
	color: red;
  background: #FFEBAC;
}
.button_large{
	background-color: #B0C4DE;
	border: solid 1px #282972;
	display: block;
	width: 250px;
	text-align: center;	
	color: #282972;
}
.button_large:hover{
	color: red;
  background: #FFEBAC;
}
.button_middle{
	background-color: #B0C4DE;
	border: solid 1px #282972;
	display: block;
	width: 140px;
	text-align: center;	
	color: #282972;
}
.button_middle:hover{
	background: #FFEBAC;
}
.button_middle_noblock{
	background-color: #B0C4DE;
	border: solid 1px #282972;	
	width: 140px;
	text-align: center;	
	color: #282972;
}
.button_middle_noblock:hover{
	background: #FFEBAC;
}
#maandinvoer{
	position: absolute;
	left: 635px;
	top: 170px;
	text-align: right;
	z-index: 20;
}
.special { background-color: #000; color: #fff; }
.aangevraagd{
	background-color: #FFEBAC;
}
.bevestigd{
	background-color: #FFCC00;
}
.definitief{
	background-color: #C0FFAC;
}
.vervallen{
	background-color: #D3D3D3;
	color: #686868;
}
#instructie{
	position: absolute;
	left: 620px;
	top: 310px;
	width: 250px;
	height: 150px;

}
