@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; overflow:visible;  }
html, body { width:100%; height:100%; font-family:Tahoma; overflow:auto; background-color:#ff5b0f; } 
fieldset {padding:0; margin:0; border:0;}
a { text-decoration:none; }

h1 { font-size:20px;}
h2 { font-size:18px;}
h3 { font-size:16px;}
p { margin-bottom:16px; }

img {border:0;}

.fl { float:left; display:inline; }
.fr { float:right; display:inline; }
.fc { clear:both; width:0; height:0; line-height:0; margin:0; padding:0; border:none; }

.ml { margin-left:5px;}
.mr { margin-right:5px; }
.mb { margin-bottom:5px; }
.mt { margin-top:5px; }

.mbl { margin-left:25px; display:inline;}
.mbr { margin-right:25px; display:inline; }
.mbt { margin-top:25px; display:inline; }

.pl { padding-left:5px; }
.pr { padding-right:5px; }
.pb { padding-bottom:5px; }
.pt { padding-top:5px; }

.pr4 { padding-right:4px; }
.white {color:#fff;}
.t10 {font-size:10px; visibility:visible;}

#wrpr { width:950px; position:absolute; left:50%; top:50%; margin:-300px 0 0 -475px; }

/*
### Vervolg ###
*/	
#wrpr .beschikbaarheid { width:950px; background-color:#69a9ef; }
#wrpr .beschikbaarheid2 { width:950px; background-color:#6bc4f1; }
#wrpr .feitenFotos { width:950px; background-color:#e94d98; }
#wrpr .gastenboek { width:950px; background-color:#ff5b0f; }
#wrpr .lehamac { width:950px; background-color:#ff5b0f; }
#wrpr .klimaat { width:950px; background-color:#ff5b0f; }
#wrpr .omgeving { width:950px; background-color:#ff3632; }
#wrpr .reserveren { width:950px; background-color:#43dd71; }
#wrpr .contact { width:950px; background-color:#ff5b0f; }
#wrpr .beveiliging { width:950px; background-color:#2d9aff; }
#wrpr .verwijzing { width:950px; background-color:#43dd71; }

#wrpr .gastenboek .rechts img { margin:0 -16px 0 -16px; }

#hWrpr { width:950px; height:150px; overflow:hidden; }
#hWrpr .logo { width:204px; height:150px; background-color:#c30040; }
#hWrpr .bnr01 { width:296px; height:150px; background-color:#d5713f; }
#hWrpr .bnr02 { width:199px; height:150px; background-color:#e4dabb; }
#hWrpr .bnr03 { width:251px; height:150px; background-color:#ea5600; }
  
#cWrpr { width:950px; /*height:421px;*/ height:auto; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000;  }
#cWrpr .links { width:468px; /*height:379px;*/ min-height:399px; height:auto; padding:0px 16px; overflow:hidden; }
#wrpr .gastenboek .links { min-height:421px; }
#cWrpr .links table label { padding-left:3px; font-size:10px; }
#cWrpr .links table input,
#cWrpr .links table textarea { padding-left:3px; margin:1px 0; border:0; }
#cWrpr .links table textarea { height:40px; overflow:auto; }
#cWrpr .links table .w117 { width:117px; overflow:hidden; }
#cWrpr .links table .w117 .submit{ padding-right:2px; }
#cWrpr .links table .w234 { width:234px; overflow:hidden; }
#cWrpr .links table .w351 { width:351px; overflow:hidden; }
#cWrpr .links table .w468 { width:468px; overflow:hidden; }
#cWrpr .links .white {color:#FFFFFF;}
#cWrpr .links .omlijning { border:1px #FFFFFF dashed; padding:2px; padding-left:50px;}
#cWrpr .rechts { width:418px; /*height:379px;*/ min-height:377px; height:auto; margin-bottom:-2px; overflow:hidden; padding:0px 16px; }
#cWrpr .rechts .white {color:#FFFFFF;}
#cWrpr .rechts .image, #cWrpr .rechts object, #cWrpr .rechts .mask { display:block; margin:-21px 0 0 -16px; }
#cWrpr .links_klein { width:468px; height:344px; overflow:hidden; }

#cWrpr .scroll-pane .links_klein { width:468px; height:auto; overflow:hidden; }
	
#wrpr .beschikbaarheid #cWrpr .links_klein { background-color:#6bc4f1; }
#wrpr .feitenFotos #cWrpr .links { background-color:#fd54ae; }
#wrpr .gastenboek #cWrpr .links { background-color:#ff770f; }
#wrpr .lehamac #cWrpr .links { background-color:#ffa628; }
#wrpr .klimaat #cWrpr .links { background-color:#00ccbd; }

#wrpr .omgeving #cWrpr .links { background-color:#ff4e32; }
#wrpr .reserveren #cWrpr .links { background-color:#77e646; }
#wrpr .contact #cWrpr .links {  background-color:#ffa628; }
#wrpr .beveiliging #cWrpr .links { background-color:#0b5daa; }
#wrpr .verwijzing #cWrpr .links { background-color:#77e646; }

#fWrpr { width:950px; height:29px; background-color:#c30040; }
#fWrpr .menu a,
#fWrpr .menu a:link,
#fWrpr .menu a:active,
#fWrpr .menu a:visited,
#fWrpr .menu a:hover { height:29px; display:inline-block; }
#cWrpr .menu a,
#cWrpr .menu a:link,
#cWrpr .menu a:active,
#cWrpr .menu a:visited,
#cWrpr .menu a:hover { height:18px; display:inline-block; }
.menu a span { visibility:hidden; }
      
/*
### HomePage ###
*/
#wrpr .home { width:950px; height:600px; background-color:#ff770f; }
#wrpr .home a,
#wrpr .home a:link,
#wrpr .home a:active,
#wrpr .home a:visited,
#wrpr .home a:hover { display:block; text-decoration:none; }
#wrpr .home a span { visibility:hidden;  text-decoration:none; }
   
#wrpr .home #hWrpr { width:950px; height:251px; overflow:hidden; }
#wrpr .home #hWrpr .logo { width:336px; height:251px; background-color:#c30040; }
	
#wrpr .home #hWrpr .hamac { width:414px; height:251px; background-color:#ffa628; }
#wrpr .home #hWrpr .hamac a { width:414px; height:251px; background:transparent url(../img/hamac.jpg) no-repeat; }
#wrpr .home #hWrpr .hamac a:hover { width:414px; height:251px; background:url(../img/hamac-act.gif) no-repeat; }
	
#wrpr .home #hWrpr .klimaat { width:200px; height:251px; background-color:#00ccbd; }
#wrpr .home #hWrpr .klimaat a { width:200px; height:251px; background:#00ccbd url(../img/klimaat.jpg) no-repeat; }
#wrpr .home #hWrpr .klimaat a:hover { width:200px; height:251px; background:#00ccbd url(../img/klimaat-act.gif) no-repeat; }
	
#wrpr .home #fWrpr { width:950px; height:349px; overflow:hidden; }
#wrpr .home #fWrpr .gastenboek { width:336px; height:105px; background-color:#ff770f; }
#wrpr .home #fWrpr .gastenboek a { width:336px; height:105px; background:#ff770f url(../img/gastenboek.jpg) no-repeat; }
#wrpr .home #fWrpr .gastenboek a:hover { width:336px; height:105px; background:#ff770f url(../img/gastenboek-act.gif) no-repeat; }
	
#wrpr .home #fWrpr .beschikbaarheid { width:336px; height:245px; background-color:#6bc4f1; }
#wrpr .home #fWrpr .beschikbaarheid a { width:336px; height:245px; background:#6bc4f1 url(../img/beschikbaarheid.jpg) no-repeat; }
#wrpr .home #fWrpr .beschikbaarheid a:hover { width:336px; height:245px; background:#6bc4f1 url(../img/beschikbaarheid-act.gif) no-repeat; }
	
#wrpr .home #fWrpr .feitenfotos { width:303px; height:237px; background-color:#fd54ae; }
#wrpr .home #fWrpr .feitenfotos a { width:303px; height:237px; background:#fd54ae url(../img/fotos.jpg) no-repeat; }
#wrpr .home #fWrpr .feitenfotos a:hover { width:303px; height:237px; background:#fd54ae url(../img/fotos-act.gif) no-repeat; }
#wrpr .home #fWrpr .feitenfotos span { color:#FFFFFF;}
	
#wrpr .home #fWrpr .omgeving { width:303px; height:112px; background-color:#ff4e32; }
#wrpr .home #fWrpr .omgeving a { width:303px; height:112px; background:#ff4e32 url(../img/omgeving.jpg) no-repeat; }
#wrpr .home #fWrpr .omgeving a:hover { width:303px; height:112px; background:#ff4e32 url(../img/omgeving-act.gif) no-repeat; }
	
#wrpr .home #fWrpr .reserveren { width:311px; height:349px; background-color:#77e646; }
#wrpr .home #fWrpr .reserveren a { width:311px; height:349px; background:url(../img/reserveren.jpg) no-repeat; }
#wrpr .home #fWrpr .reserveren a:hover { width:311px; height:349px; background:url(../img/reserveren-act.gif) no-repeat; }


/*Scrollpane*/

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

.jspPane { position:absolute; }

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

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

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

.jspCap { display:none; }


.jspHorizontalBar .jspCap { display:none; float:left; }

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

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

#wrpr .gastenboek .jspDrag { background:#c30040; position:relative; top:0; left:0; cursor:pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { display:none; 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 { display:none; width:16px; float:left; height:100%; }

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

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

.jspHorizontalBar { visibility:hidden; }

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

  
  .menu #2011:link { display:block; width:53px; height:17px; overflow:hidden; background:url(../img/2011-btn.png) 0 0 no-repeat; }
  .menu #2011.act,
  .menu #2011:hover { background:url(../img/2011-btnAct.png) 0 0 no-repeat; }
  
  .menu #2012:link { display:block; width:55px; height:17px; overflow:hidden; background:url(../img/2012-btn.png) 0 0 no-repeat; }
  .menu #2012.act,
  .menu #2012:hover { background:url(../img/2012-btnAct.png) 0 0 no-repeat; }
  
  .menu #2013:link { display:block; width:55px; height:17px; overflow:hidden; background:url(../img/2031-btn.png) 0 0 no-repeat; }
  .menu #2013.act,
  .menu #2013:hover { background:url(../img/2013-btnAct.png) 0 0 no-repeat; }
  
  .menu #2014:link { display:block; width:55px; height:17px; overflow:hidden; background:url(../img/2014-btn.png) 0 0 no-repeat; }
  .menu #2014.act,
  .menu #2014:hover { background:url(../img/2014-btnAct.png) 0 0 no-repeat; }
  
  #guestBK { width:25px; height:17px; margin:5px 0 10px; overflow:hidden; background:url(../img/back.png) 0 0 no-repeat; }
  #guestBK:hover { background:url(../img/back-hover.png) 0 0 no-repeat; }
  #guestNX { width:25px; height:17px; margin:5px 0 10px; overflow:hidden; background:url(../img/next.png) 0 0 no-repeat; }
  #guestNX:hover { background:url(../img/next-hover.png) 0 0 no-repeat; }