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



/*************/
/*** reset ***/
/*************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}



/************/
/*** body ***/
/************/
body { background:#FFF url(../images/bg.png) repeat-x top; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

  /*** standaard ***/
  ul { list-style:none;}
  img, fieldset { display:block; border:0px;}
  .clear { clear:both;}


/***************/
/*** wrapper ***/
/***************/
#wrapper { background:#c5d9f2; width:1000px; margin:0 auto;}



/**************/
/*** header ***/
/**************/
#header { position:relative; background:url(../images/header_bg.png) no-repeat; width:1001px; height:40px; padding:110px 0px 14px 0px;}

  /*** logo ***/
  #header span.logo { position:absolute; left:208px; top:51px; background:url(../images/logo.png) no-repeat; width:487px; height:52px; text-indent:-10000px; overflow:hidden;}
  
  /*** menuBar ***/
  ul.menuBar { width:1001px; height:40px;}
  ul.menuBar li { float:left;}
  ul.menuBar li a { display:block; height:20px; padding:20px 0px 0px 12px; font-size:14px; font-weight:bold; text-decoration:none;}
  ul.menuBar li.home a { background:url(../images/menuBar_home_icon.png) no-repeat 10px 21px; width:86px; padding:20px 0px 0px 34px; color:#527043;}
  ul.menuBar li.aanbod a { width:118px; color:#005858;}
  ul.menuBar li.nieuwsbrief a { width:118px; color:#436f70;}
  ul.menuBar li.vakantiedata a { width:118px; color:#436170;}
  ul.menuBar li.tweedehuis a { width:122px; padding:20px 0px 0px 8px; color:#435a70;}
  ul.menuBar li.brochures a { width:118px; color:#434470;}
  ul.menuBar li.contact a { width:118px; color:#818221;}
  ul.menuBar li.links a { width:88px; color:#706843;}



/***************/
/*** content ***/
/***************/
#content { width:1000px;}


  /*** homeLeft ***/
  .homeLeft { float:left; width:470px; padding:4px 0px 0px 5px; display:inline;}
  
    /*** zoekKaart ***/
    .zoekKaart { float:left; background:url(../images/homeLinks_zoekKaart_bg.png) no-repeat; width:460px; height:483px; margin:0px 0px 18px 0px; padding:0px 5px 0px 5px; display:inline;}
    
      /*** titel ***/
      .zoekKaart h2     { display:block; width:445px; height:36px; padding:6px 0px 0px 15px; color:#005858; font-size:16px;}
      a.eu              { font-weight: bold; font-size: 14px; color: #005858; }
      a.eu:hover        { font-weight: bold; font-size: 14px; color: #ff0000; }
      span.gebiedsnaam  { font-weight: bold; font-size: 14px; color: #005858; }
      
      
    /*** lastminutes ***/
    .lastminutes { float:left; width:470px; margin:0px 0px 15px 0px; display:inline;}
    
      /*** lastminutesHeader ***/
      .lastminutesHeader { position:relative; background:url(../images/homeLeft_lastminutes_h2.png) no-repeat; width:470px; height:91px;}
      
        /*** titel ***/
        .lastminutesHeader h2 { position:absolute; left:15px; top:60px; color:#FFF; font-size:16px;}
        
        /*** button ***/
        .lastminutesHeader a.button { position:absolute; right:3px; bottom:5px; background:url(../images/button_groen_klein.png) no-repeat; 
                                      width:94px; height:28px; padding:4px 0px 0px 32px; color:#FFF; font-size:15px; font-weight:bold; text-decoration:none;}
      
      /*** lastminuteItem ***/
      .lastminuteItem { position:relative; float:left; background:url(../images/homeLeft_lastminute_bg.png) no-repeat; width:454px; height:116px; padding:2px 5px 0px 11px; font-size:12px; color: #000000; }
      
        /*** foto ***/
        .lastminuteItem img.foto { float:left; margin:3px 8px 20px 0px; display:inline; border: none;}
        
        /*** beschrijving ***/
        .lastminuteItem strong, .lastminuteItem i, .lastminuteItem p, .lastminuteItem span { display:block;}
        
        /*** logo ***/
        .lastminuteItem img.logo { position:absolute; right:8px; top:5px;}
        
        /*** button ***/
        .lastminuteItem a.button { position:absolute; right:5px; top:82px; display:block; width:142px; height:24px; padding:1px 0px 0px 28px; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none;}
        .lastminuteItem a.button b { font-size:18px;}
        
        .lastminuteItem a.button span.p1    { display: inline-block; float: none; width: 30px; cursor: pointer; font-size:12px;}
        .lastminuteItem a.button span.p2    { display: inline-block; float: none; width: 13px; cursor: pointer; font-weight: bold; font-size:18px;}
        .lastminuteItem a.button span.p3    { display: inline-block; float: none; width: 58px; text-align: right; cursor: pointer; font-weight: bold; font-size:18px;}
        .lastminuteItem a.button span.p4    { display: inline-block; float: none; width: 39px; cursor: pointer; font-size:12px;}
    
  /*** homeMid ***/
  .homeMid { float:left; width:260px; padding:4px 0px 0px 0px; display:inline;}
  
    /*** contentBoxWit ***/
    .contentBoxWit { float:left; background:url(../images/contentBoxWit_bg.png) repeat-y; width:260px; margin:0px 0px 9px 0px; display:inline;}
    .contentBoxWitBottom { position:relative; background:url(../images/contentBoxWit_bg_bottom.png) no-repeat bottom left; width:260px; padding:0px 0px 50px 0px;}
    
      /*** titel ***/
      .contentBoxWit h2 { display:block; background:url(../images/contentBoxWit_h2_bg.png) no-repeat; width:245px; height:32px; padding:6px 0px 0px 15px; color:#FFF; font-size:16px;}
      .contentBoxWit h2.wolken { background:url(../images/contentBoxWit_h2_wolken_bg.png) no-repeat; height:31px; padding:26px 0px 0px 15px; color:#005858;}
      
      /*** zoeken ***/
      form.zoeken { position:relative; width:232px; padding:0px 14px 0px 14px;}
      form.zoeken .veld { float:left; width:232px; padding:0px 0px 6px 0px;}
      form.zoeken .veld label { float:left; display:block; width:70px; padding:2px 0px 0px 0px; color:#005858; font-size:13px; font-weight:bold;}
      form.zoeken .veld select { width:162px; font-size:12px;}
      form.zoeken .veld input.kort { float:left; width:136px; height:13px; font-size:11px;}
      form.zoeken .veld input.lang { float:left; width:156px; height:13px;}
      form.zoeken .veld a.data { float:right;}
      form.zoeken input.zoekButton { position:absolute; right:1px; bottom:-42px;}
      form.zoeken #datumdiv  { position: relative; left: 0px; top: 0px; display: block; float: right; width: 162px; height: 19px; font-size:11px; background: #ffffff url(../images/datumdiv.png) no-repeat; cursor: pointer; }
      form.zoeken #datumspan { position: relative; left: 4px; top: 2px; }
      
     
        /*** nieuwsbrief ***/
        form.nieuwsbrief .geslacht { float:left; width:70px; }
        form.nieuwsbrief .geslacht input.radio { float:left; }
        form.nieuwsbrief .geslacht p { float:left; display:block; padding:2px 0px 0px 0px;}
        form.nieuwsbrief input.buttonAanmelden { position:absolute; right:1px; bottom:-42px;}
        form.nieuwsbrief input.buttonAfmelden { position:absolute; right:125px; bottom:-42px;}
        
      /*** meer ***/
      .contentBoxWit a.meer { position:absolute; right:3px; bottom:5px; background:url(../images/button_groen_klein.png) no-repeat; width:97px; height:27px; padding:5px 0px 0px 29px; color:#FFF; font-size:14px; font-weight:bold; text-decoration:none;}
    
    /*** contentBoxGeel ***/
    .contentBoxGeel { float:left; background:url(../images/contentBoxGeel_bg.png) repeat-y; width:260px; margin:0px 0px 9px 0px; display:inline;}
    .contentBoxGeelBottom { position:relative; background:url(../images/contentBoxGeel_bg_bottom.png) no-repeat bottom left; width:260px; padding:0px 0px 20px 0px;}
    
      /*** titel ***/
      .contentBoxGeel h2 { display:block; background:url(../images/contentBoxGeel_h2_bg.png) no-repeat; width:245px; height:31px; padding:52px 0px 0px 15px; color:#FFF; font-size:16px;}
      
      /*** recreatiewoning ***/
      .recreatiewoning { position:relative; float:left; width:240px; padding:2px 10px 15px 10px; display:inline; font-size:12px;}
      
        /*** afbeelding ***/
        .recreatiewoning img { float:left; margin:2px 6px 0px 0px; display:inline;}
        
        /*** beschrijving ***/
        .recreatiewoning i { display:block; padding:5px 0px 0px 0px; font-size:12px;}
        
        /*** button ***/
        .recreatiewoning a.button { position:absolute; right:0px; top:73px; display:block; background:url(../images/button_groen_groot.png) no-repeat; width:148px; height:31px; padding:1px 0px 0px 28px; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none;}
        .recreatiewoning a.button b { font-size:18px;}
        
      /*** meer ***/
      .contentBoxGeel a.meer { position:absolute; right:3px; bottom:5px; background:url(../images/button_groen_klein.png) no-repeat; width:104px; height:28px; padding:4px 0px 0px 32px; color:#FFF; font-size:14px; font-weight:bold; text-decoration:none;}
      
      
  /*** homeRight ***/
  .homeRight { float:right; width:260px; padding:4px 5px 0px 0px; display:inline;}
  
    /*** contentWelkom ***/
    .contentWelkom { float:left; width:246px; padding:0px 7px 0px 7px; margin:0px 0px 9px 0px; display:inline;}
    
      /*** titel ***/
      .contentWelkom h1 { display:block; padding:6px 0px 8px 0px; color:#005858; font-size:14px;}
      .contentWelkom a  { float: right; display:block; background:url(../images/button_groen_klein.png) no-repeat; width:97px; height:27px; padding:5px 0px 0px 32px; color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; margin-top: 10px; margin-right: -5px;}

      
    /*** nieuwsItems ***/
    ul.nieuwsItems { width:235px; padding:0px 10px 0px 15px;}
    ul.nieuwsItems li { float:left; background:url(../images/bullet.png) no-repeat 0px 2px; width:235px; height:48px;}
    ul.nieuwsItems li a { display:block; text-decoration:none; color:#000000; }
    ul.nieuwsItems li a em { float:left; display:block; width:59px; padding:0px 0px 0px 15px; color:#005858; font-weight:bold; font-style:normal; cursor:pointer;}
    ul.nieuwsItems li a span { float:right; display:block; width:161px; cursor:pointer; color: #000000; }
    
    /*** sideBanner ***/
    .homeRight a.sideBanner      { float:left; margin:0px 0px 4px 6px; display:inline;}
    .homeRight div.sideBannerBox { float:left; width: 250px; margin:0px 0px 4px 6px; display:inline;}
    .homeRight a.sideBannerHL    { float:left; margin:0px 0px 0px 0px; display:inline;}
    .homeRight a.sideBannerHR    { float:right; margin:0px 0px 0px 0px; display:inline;}
  
  
  /*** bannersBottom ***/
  .bannersBottom { float:left; width:1001px; margin:0px -3px 0px 0px; padding:0px 0px 10px 0px;}
    .bannersBottom div.onderbanner a img { float: left; display: inline; margin: 4px 0px 0px 15px; }
    /*** banner ***/
    .bannersBottom a.banner1 { float:left; margin:4px 0px 0px 10px; display:inline;}
    .bannersBottom a.banner  { float:left; margin:4px 0px 0px 15px; display:inline;}

  /*** crumble ***/
  ul.crumble { float:left; width:1000px; display:inline;}
  ul.crumble li { float:left; margin:0px 0px 0px 6px; display:inline; color:#005757; font-size:14px;}
  ul.crumble li a.lhome { display:block; padding:0px 0px 0px 0px; color:#005757; text-decoration:none;}
  ul.crumble li a.lpage { display:block; background:url(../images/crumble_bullet.png) no-repeat 0px 4px; padding:0px 0px 0px 12px; color:#005757; text-decoration:none;}


/**************/
/*** footer ***/
/**************/
#footer { position:relative; background:url(../images/footer_bg.png) no-repeat; width:1010px; height:113px; margin:0 auto;} 

  /*** kijkookop ***/
  p.kijkookop { position:absolute; left:20px; top:5px; color:#FFF;} 
  
  /*** partners ***/
  ul.partners { position:absolute; left:103px; top:5px; list-style:square; color:#FFF;} 
  ul.partners li { float:left; margin:0px 22px 0px 0px;}  
  ul.partners li a { color:#FFF; text-decoration:none;}
  
  /*** footerMenu ***/
  ul.footerMenu { position:absolute; left:5px; top:25px;}
  ul.footerMenu li { float:left;}
  ul.footerMenu li a { display:block; width:170px; padding:7px 0px 18px 10px; color:#005858; font-size:14px; font-weight:bold; text-decoration:none;}
  
  /*** copyright ***/
  p.copyright { position:absolute; left:725px; top:25px; display:block; padding:5px 0px 0px 10px; color:#005858; font-size:14px; font-weight:bold;}
  p.copyright span { display:block; text-align:right; font-weight:normal;}
      






/******************************************************************************/
/*** resultaten ***************************************************************/
/******************************************************************************/

/*** zoekenVerfijnen ***/
.zoekenVerfijnen { float:left; width:260px; padding:4px 0px 0px 5px; display:inline;}

  /*** contentBoxWit ***/
  .contentBoxWit h2.zoeken { background:url(../images/contentBoxWit_h2_zoek_bg.png) no-repeat; height:257px; padding:6px 0px 0px 15px; color:#005858;}
  .zoekenVerfijnen .contentBoxWitBottom { padding:0px 0px 20px 0px;}
  
  /*** zoekenVerfijnen ***/
  form.zoekenVerfijnen { position:relative; float:left; width:260px; padding:0px 0px 0px 0px;}
  
    /*** kalender ***/
    fieldset.kalender { position:absolute; top:-226px; left:0px; width:260px; height:216px;}
    
      /*** head ***/
      fieldset.kalender .head { position:relative; float:left; width:260px; height:28px;}
      fieldset.kalender .head input { position:absolute; left:10px; top:1px;}
      fieldset.kalender .head strong { position:absolute; left:35px; top:3px; color:#435e8e; font-size:14px;}
      
      /*** maand ***/
      fieldset.kalender .maand { position:relative; float:left; width:260px; height:30px;}
      fieldset.kalender .maand a.vorige { position:absolute; left:20px; top:7px;}
      fieldset.kalender .maand select { position:absolute; left:48px; top:1px; width:164px;}
      fieldset.kalender .maand a.volgende { position:absolute; right:20px; top:7px;}
      
      /*** maandKalender ***/
      table.maandKalender { float:left; margin:5px 10px 0px 10px; display:inline;}
      table.maandKalender td { float:left; width:30px; height:23px; color:#000; font-size:14px; text-align:center; vertical-align:top;}
      table.maandKalender td a { display:block; width:30px; height:23px; color:#000; text-decoration:none;}
      table.maandKalender td.week { color:#005858; font-weight:bold;}
      table.maandKalender td.weekend a, table.maandKalender td.weekend { color:#cd3f3f;}
      table.maandKalender tr.header td { font-weight:bold;}
      table.maandKalender tr.header td.week { font-weight:normal;}
      table.maandKalender td a:hover { display:block; width:30px; height:23px; background:url(../images/zoekenVerfijnen_kalenderdag.png) no-repeat; color:#FFF;}
      table.maandKalender td a.gesel { display:block; width:30px; height:23px; background:url(../images/zoekenVerfijnen_kalenderdag.png) no-repeat; color:#FFF;}
    
    /*** zoekveld ***/
    fieldset.zoekveld { float:left; width:260px; padding:0px 0px 10px 0px;}
    
      /*** head ***/
      fieldset.zoekveld .head { position:relative; float:left; background:url(../images/contentBoxWit_h3_bg.png) no-repeat; width:260px; height:42px;}
      fieldset.zoekveld .head input { position:absolute; left:10px; top:6px;}
      fieldset.zoekveld .head strong { position:absolute; left:35px; top:8px; color:#435e8e; font-size:14px;}
      
      /*** tekst ***/ 
      fieldset.zoekveld .tekst { position: relative; float:left; width:250px; padding:0px 0px 0px 10px;}
      fieldset.zoekveld .tekst img { float:left; padding:5px 3px 0px 0px;}
      fieldset.zoekveld .tekst input { width:180px; height:16px; margin-left: 4px; }
      fieldset.zoekveld .tekst a { position: absolute; left: 210px; top: -5px; display: block;  }
      
      /*** radio ***/
      fieldset.zoekveld .radio { position:relative; float:left; width:228px; padding:0px 0px 6px 32px;}
      fieldset.zoekveld .radio input { position:absolute; left:9px; top:-3px;}
      fieldset.zoekveld .radio span { color:#005858; font-size:12px; font-weight:bold;}
      fieldset.zoekveld .radio span em { color:#99bcbc; font-style:normal;}
      
      fieldset.zoekveld .sub { width:208px; padding:0px 0px 6px 52px;}
      fieldset.zoekveld .sub input { left:29px;}
      
      /*** radio ***/
      fieldset.zoekveld .checkbox { position:relative; float:left; width:228px; padding:0px 0px 6px 32px;}
      fieldset.zoekveld .checkbox input { position:absolute; left:9px; top:-3px;}
      fieldset.zoekveld .checkbox span { color:#005858; font-size:12px; font-weight:bold;}
      fieldset.zoekveld .checkbox span em { color:#99bcbc; font-style:normal;}
  
/*** zoekResultaten ***/
.zoekResultaten { float:left; width:470px; padding:4px 0px 0px 0px; display:inline;}

  /*** zoekResultatenHeader ***/
  .zoekResultatenHeader { position:relative; float:left; width:470px; color:#435e8e; }
  
    .zoekResultatenHeader .zoekResultatenHeader1 { position:relative; background:url(../images/zoekResultaten_header_bg1.png) no-repeat;  }
    /*** titel ***/
    .zoekResultatenHeader .zoekResultatenHeader1 h1 { display:block;  padding:6px 0px 12px 15px; color:#005858; font-size:16px;}
    
    div.zoekResultatenHeader2 { position:relative; display: inline-block; width: 460px; background:url(../images/zoekResultaten_header_bg2.png) repeat-y; 
                margin-top: -2px; padding-left: 13px; padding-bottom: 4px;  }
    .zoekResultatenHeader2 a       { display: inline; }
    .zoekResultatenHeader2 img.bul { display: inline; }
    .zoekResultatenHeader2 img.wis { display: inline; margin-bottom: -3px; }
    .zoekResultatenHeader2 p       { display: inline-block; width: 445px; float: left; margin-top: 4px; text-align: justify; }
    .zoekResultatenHeader2 hr      { width: 445px; float: left; }
    .zoekResultatenHeader2 span    { display: inline-block; height: 20px; white-space:nowrap;}
    
    .zoekResultatenHeader3 { position:relative; width: 460px; height:24px; display: inline-block; background:url(../images/zoekResultaten_header_bg3.png) repeat-y; 
                margin-top: 0px; margin-bottom: 0px; padding-top: 8px; padding-left: 13px; padding-bottom: 4px; }
    .zoekResultatenHeader3 a { display: inline; text-decoration: none; color: #435e8e; }
    .zoekResultatenHeader3 img { display: inline;  }
    .zoekResultatenHeader3 span { display: inline-block; height: 20px; }
    
  .zoekResultatenBlok { position:relative; float:left; width:470px; }
    /*** lastminuteItem ***/
    .zoekResultatenBlok .resultaatItem { position:relative; float:left; background:url(../images/homeLeft_lastminute_bg.png) no-repeat; width:454px; height:116px; padding:2px 5px 0px 11px; font-size:12px; color: #000000; }
      
    /*** foto ***/
    .zoekResultatenBlok .resultaatItem img.foto { float:left; margin:3px 8px 20px 0px; display:inline; border: none;}
        
    /*** beschrijving ***/
    .zoekResultatenBlok .resultaatItem strong, .lastminuteItem i, .lastminuteItem p, .lastminuteItem span { display:block;}
        
    /*** logo ***/
    .zoekResultatenBlok .resultaatItem img.logo { position:absolute; right:8px; top:5px;}
        
    /*** button ***/
    .zoekResultatenBlok .resultaatItem a.button { position:absolute; right:5px; top:82px; display:block; width:142px; height:24px; padding:1px 0px 0px 28px; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none;}
    .zoekResultatenBlok .resultaatItem a.button b { font-size:18px;}
        
    .zoekResultatenBlok .resultaatItem a.button span.p1    { display: inline-block; float: none; width: 30px; cursor: pointer; font-size:12px;}
    .zoekResultatenBlok .resultaatItem a.button span.p2    { display: inline-block; float: none; width: 13px; cursor: pointer; font-weight: bold; font-size:18px;}
    .zoekResultatenBlok .resultaatItem a.button span.p3    { display: inline-block; float: none; width: 58px; text-align: right; cursor: pointer; font-weight: bold; font-size:18px;}
    .zoekResultatenBlok .resultaatItem a.button span.p4    { display: inline-block; float: none; width: 39px; cursor: pointer; font-size:12px;}
    
  /*** paginatie ***/
  .paginatie { position:relative; float:left; background:url(../images/zoekResultaten_paginatie_bg.png) no-repeat; width:470px; height:37px;}
  
    /*** indicator ***/
    .paginatie .indicator { position:absolute; left:20px; top:8px; color:#FFF;}
    
    /*** paginaNavigatie ***/
    .paginatie ul.paginaNavigatie { position:absolute; left:128px; top:7px;}
    .paginatie ul.paginaNavigatie li { float:left; padding:5px 7px 0px 7px;}
    .paginatie ul.paginaNavigatie li.getal { padding:0px 0px 0px 0px;}
    .paginatie ul.paginaNavigatie li.getal a { display:block; width:33px; height:21px; padding:1px 0px 0px 0px; text-align:center; color:#FFF; text-decoration:none; font-weight:bold;}
    .paginatie ul.paginaNavigatie li.getal a:hover  { background:url(../images/paginatie_paginaNummer_hover.png) no-repeat;}
    .paginatie ul.paginaNavigatie li.getal.active a  { background:url(../images/paginatie_paginaNummer_hover.png) no-repeat;}
    
    /*** meer ***/
    .paginatie a.meer { position:absolute; left:420px; top:8px; display:block; background:url(../images/paginatie_button_volgende.png) no-repeat 0px 4px; padding:0px 0px 0px 10px; color:#FFF; text-decoration:none;}
      






/******************************************************************************/
/*** detail *******************************************************************/
/******************************************************************************/
.detail { float:left; background:#cde3d7; width:1000px; padding:0px 0px 0px 0px; display:inline;}


  /*** header ***/
  .detail .header { position:relative; float:left; background:url(../images/detail_header_bg.png) no-repeat; width:740px; height:43px; padding:7px 0px 0px 260px;}
  
    /*** terug ***/
    .detail .header a.terug { position:absolute; left:5px; top:7px; display:block; background:url(../images/detail_header_terug.png) no-repeat; width:143px; height:27px; padding:6px 0px 0px 25px; color:#FFF; font-size:14px; font-weight:bold; text-decoration:none;}
    
    /*** detailMenu ***/
    ul.detailMenu { height:33px; list-style:none;}
    ul.detailMenu li { float:left; margin:0px 0px 0px 10px;}
    
    ul.detailMenu li a.sel { display:block; background:url(../images/detail_detailMenu_right.png) no-repeat bottom right; height:33px; text-decoration:none;}
    ul.detailMenu li a.sel span { display:block; background:url(../images/detail_detailMenu_left.png) no-repeat bottom left; padding:9px 14px 8px 33px; color:#005858; font-size:14px; font-weight:bold; text-decoration:none;}
    ul.detailMenu li a.sel:hover { background-position:bottom right;}
    ul.detailMenu li a.sel:hover span { background-position:bottom left; color:#005858;}

    ul.detailMenu li a.nsel { display:block; background:url(../images/detail_detailMenu_right.png) no-repeat top right; height:33px; text-decoration:none;}
    ul.detailMenu li a.nsel span { display:block; background:url(../images/detail_detailMenu_left.png) no-repeat top left; padding:9px 14px 8px 33px; color:#FFF; font-size:14px; font-weight:bold; text-decoration:none;}
    ul.detailMenu li a.nsel:hover { background-position:bottom right;}
    ul.detailMenu li a.nsel:hover span { background-position:bottom left; color:#005858;}
    
  /*** detailKenmerken ***/
  .detailKenmerken { float:left; background:url(../images/detail_detailKenmerken_bg.png) repeat-y right; width:260px; padding:0px 0px 0px 5px; display:inline;}
  .detailKenmerkenBottom { background:url(../images/detail_detailKenmerken_bg_bottom.png) no-repeat bottom right; width:260px; padding:0px 0px 40px 0px;}
  
    /*** titel ***/
    .detailKenmerken h2 { float:left; display:block; background:url(../images/detail_detailKenmerken_h2.png) no-repeat; width:245px; height:29px; padding:28px 0px 0px 15px; color:#005858; font-size:14px;}
    .detailKenmerken h3 { float:left; display:block; background:url(../images/detail_detailKenmerken_h2.png) no-repeat bottom left; width:245px; height:28px; padding:9px 0px 0px 15px; color:#005858; font-size:14px;}
    
    /*** lijst ***/
    .detailKenmerken ul { float:left; width:260px; min-height:40px; height:auto !important; height:40px;}
    .detailKenmerken ul li { position:relative; float:left; background:url(../images/bullet.png) no-repeat 15px 4px; width:232px; padding:2px 0px 3px 28px;}
    .detailKenmerken ul li a { color:#005858; font-weight:bold; text-decoration:none;}
    .detailKenmerken ul li a.foto { position:absolute; right:42px; top:0px;}
    .detailKenmerken ul li a.film { position:absolute; right:15px; top:0px;}
    
    
  /*** detailMid ***/
  .detailMid { float:left; width:470px; display:inline;}
  
    /*** detailHoofd ***/
    .detailHoofd { position:relative; float:left; background:url(../images/detail_hoofdVak_bg.png) repeat-y left; width:470px; margin:0px 0px 9px 0px; display:inline;}
    .detailHoofdBottom { background:url(../images/detail_hoofdVak_bg_bottom.png) no-repeat bottom left; width:470px; padding:0px 0px 42px 0px;}
    
      /*** titel ***/
      .detailHoofd h2 { display:block; background:url(../images/detail_hoofdVak_bg_h2.png) no-repeat; width:455px; height:40px; padding:18px 0px 0px 15px; color:#005858; font-size:22px;}
      .detailHoofd h3 { display:block; background:url(../images/detail_hoofdVak_bg_h2.png) no-repeat bottom left; width:455px; height:28px; padding:10px 0px 0px 15px; color:#005858; font-size:14px; font-style:italic;}
      
      /*** adresGegevens ***/
      .detailHoofd .adresGegevens { position:relative; width:270px; padding:0px 0px 11px 200px; font-size:15px; line-height:normal;}
      .detailHoofd .adresGegevens strong { display:block; padding:4px 0px 0px 0px; color:#005858; font-size:14px;}
      .detailHoofd .adresGegevens p { display:block; padding:0px 0px 4px 0px;}
      .detailHoofd .adresGegevens p strong { display:inline; padding:0px;}
      .detailHoofd .adresGegevens p a { padding:0px 0px 0px 0px; color:#435e8e; font-size:14px; font-weight:bold; text-decoration:none;}
      .detailHoofd .adresGegevens span { display:block; background:url(../images/detail_hoofdVak_tel.png) no-repeat 0px 1px; padding:0px 0px 0px 18px;}
      
      /*** beschrijving ***/
      .detailHoofd p.beschrijving { display:block; width:440px; padding:3px 15px 0px 15px; font-size:14px;  }
      
      /*** meer ***/
      .detailHoofd a.meer   { position:absolute; left:15px; bottom:15px; display:block; background:url(../images/detail_hoofdVak_meer.png) no-repeat 0px 2px; padding:0px 0px 0px 20px; color:#435e8e; font-size:14px; font-weight:bold; text-decoration:none;}
      .detailHoofd a.minder { position:absolute; left:15px; bottom:15px; display:block; background:url(../images/detail_hoofdVak_minder.png) no-repeat 0px 2px; padding:0px 0px 0px 20px; color:#435e8e; font-size:14px; font-weight:bold; text-decoration:none;}
      
      .detailHoofd .adresGegevens img.foto { position:absolute; left:10px; top:6px;}
      .detailHoofd .adresGegevens img.logo { position:absolute; right:8px; top:6px;}
      
    /*** aanbiedingen ***/
    .aanbiedingen { float:left; width:470px; margin:0px 0px 15px 0px; display:inline;}
    
      /*** aanbiedingHeader ***/
      .aanbiedingHeader { position:relative; background:url(../images/detail_aanbieding_h2.png) no-repeat; width:470px; height:91px;}
      
        /*** titel ***/
        .aanbiedingHeader h2 { position:absolute; left:15px; top:60px; color:#FFF; font-size:16px;}
        
        /*** button ***/
        .aanbiedingHeader a.button { position:absolute; right:3px; bottom:5px; background:url(../images/button_groen_klein.png) no-repeat; width:94px; height:28px; padding:4px 0px 0px 32px; color:#FFF; font-size:15px; font-weight:bold; text-decoration:none;}
      
      /*** aanbiedingItem ***/
      .aanbiedingItem { position:relative; float:left; background:url(../images/detail_aanbieding_bg.png) no-repeat; width:454px; height:90px; padding:2px 5px 0px 11px; font-size:14px;}
      
        /*** foto ***/
        .aanbiedingItem img.foto { float:left; margin:3px 8px 20px 0px; display:inline; border: none;}
        
        /*** beschrijving ***/
        .aanbiedingItem strong, .aanbiedingItem i, .aanbiedingItem p, .aanbiedingItem span { display:block;}
        
        /*** logo ***/
        .aanbiedingItem img.logo { position:absolute; right:8px; top:5px;}
        
        /*** button ***/
        .aanbiedingItem a.button { position:absolute; right:5px; top:55px; display:block; width:142px; height:24px; padding:1px 0px 0px 28px; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none;}
        .aanbiedingItem a.button b { font-size:18px;}
      
      /*** aanbiedingBottom ***/
      .aanbiedingBottom { float:left; background:url(../images/detail_aanbiedingen_bottom.png) no-repeat; width:455px; height:26px; padding:5px 0px 0px 15px; margin-top: -14px;}
      .aanbiedingBottom a.ameer { display:block; background:url(../images/detail_hoofdVak_meer.png) no-repeat 0px 2px; padding:0px 0px 0px 20px; color:#435e8e; font-size:14px; font-weight:bold; text-decoration:none;}
      .aanbiedingBottom a.aminder { display:block; background:url(../images/detail_hoofdVak_minder.png) no-repeat 0px 2px; padding:0px 0px 0px 20px; color:#435e8e; font-size:14px; font-weight:bold; text-decoration:none;}
  
  
  /*** contentBoxWit ***/
  .detail .contentBoxWit { float:left; background:url(../images/detail_contentBoxWit_bg.png) repeat-y; width:260px; margin:0px 0px 9px 0px; display:inline;}
  .detail .contentBoxWitBottom { position:relative; background:url(../images/detail_contentBoxWit_bg_bottom.png) no-repeat bottom left; width:260px; padding:0px 0px 50px 0px;}
  
    /*** titel ***/
    .detail .contentBoxWit h2 { background:url(../images/detail_contentBoxWit_h2_bg.png) no-repeat;}
    .detail .contentBoxWit h2.wolken { background:url(../images/detail_contentBoxWit_h2_wolken_bg.png) no-repeat; width:245px; height:31px; padding:26px 0px 0px 15px; color:#005858; font-size:16px;}
    .detail .contentBoxWit h2.blauw { background:url(../images/detail_contentBoxWit_h2_blauw.png) no-repeat; color:#FFF;}
    
    /*** detailActie ***/
    .detailActie { position:relative; background:url(../images/detail_detailActie_bg.png) no-repeat 9px 0px; width:230px; padding:188px 15px 60px 15px; }
    
      /*** buttons ***/
      .detailActie a { display:block; background:url(../images/button_groen_groot2.png) no-repeat; width:162px; height:27px; padding:6px 0px 0px 33px; color:#FFF; font-size:13px; font-weight:bold; text-decoration:none;}
      .detailActie a.voorlezen { position:absolute; left:0px; top:0px;}
      .detailActie a.route { position:absolute; left:0px; top:152px;}
      .detailActie a.luchtfoto { position:absolute; left:0px; top:285px;}
      .detailActie a.lfoto     { display: block; background: none; padding: 0px 0px 0px 0px; text-decoration: none; }
    
    /*** meer1 ***/
    .detail a.meer1 { position:absolute; right:0px; bottom:40px; display:block; background:url(../images/button_groen_groot.png) no-repeat; width:143px; height:27px; padding:5px 0px 0px 33px; color:#FFF; font-size:13px; font-weight:bold; text-decoration:none;}
    .detail a.meer2 { position:absolute; right:0px; bottom:10px; display:block; background:url(../images/button_groen_groot.png) no-repeat; width:143px; height:27px; padding:5px 0px 0px 33px; color:#FFF; font-size:13px; font-weight:bold; text-decoration:none;}
    
    /*** doorSturen ***/
    form.doorSturen { width:230px; height:95px; padding:0px 15px 0px 15px;}
    form.doorSturen .veld { float:left; width:232px; padding:0px 0px 6px 0px;}
    form.doorSturen .veld input { float:left; width:225px; height:13px;}
    form.doorSturen a.door { position:absolute; right:5px; bottom:10px; display:block; background:url(../images/detail_doorSturen_button.png) no-repeat; width:143px; height:27px; padding:5px 0px 0px 33px; color:#FFF; font-size:13px; font-weight:bold; text-decoration:none;}
    /* form.doorSturen input.button { position:absolute; right:0px; bottom:10px;} */
    
    /*** weerFeed ***/
    .weerFeed { width:235px; padding:20px 0px 10px 25px;}
    .weerFeed .feedItem { float:left; margin:0px 0px 0px 12px; width: 54px; height: 178px; display:inline; text-align: center; background-color: #B8D1E5;}
    .weerFeed div.copy { display: block; color:#3f6d9d; width:89%; margin-top: 25px; float:left;text-align: center; }
    
/******************************************************************************/
/*** 04-brochure **************************************************************/
/******************************************************************************/
.homeSubLeft { float:left; width:260px; padding:4px 0px 0px 5px; display:inline;}

  /*** detailActieLezen ***/
  .detailActieLezen { position:relative; background:url(../images/detail_detailActie_solo_bg.png) no-repeat 9px 0px; width:230px; padding:94px 15px 60px 15px;}
    
    /*** buttons ***/
    .detailActieLezen a { display:block; background:url(../images/button_groen_groot2.png) no-repeat; width:162px; height:27px; padding:6px 0px 0px 33px; color:#FFF; font-size:13px; font-weight:bold; text-decoration:none;}
    .detailActieLezen a.voorlezen { position:absolute; left:0px; top:0px;}

/*** subPaginaMid ***/
.subPaginaMid { float:left; width:470px; padding:4px 0px 0px 0px; display:inline;}

  /*** subContentBox ***/
  .subContentBox { position:relative; float:left; background:url(../images/subContentBox_bg.png) repeat-y; width:470px; margin:30px 0px 7px 0px; display:inline;}
  .subContentBoxBottomBoven { background:url(../images/subContentBox_bottom_bg.png) no-repeat bottom left; width:460px; padding:0px 5px 0px 5px;}
  .subContentBoxBottomOnder { background:url(../images/subContentBox_bottom_bg.png) no-repeat bottom left; width:460px; padding:0px 5px 41px 5px;}
  
    /*** titel ***/
    .subContentBox .titel { position:absolute; left:0px; top:-30px; background:url(../images/subContentBox_h2_bg.png) no-repeat; width:470px; height:41px;}
    .subContentBox .titel h2 { display:block; padding:6px 0px 0px 15px; color:#005757; font-size:16px;}
    
    /*** lead ***/
    .subContentBox p.lead { display:block; background:#e9f4e2; width:440px; padding:10px 10px 5px 10px;}
    
    /*** bar ***/
    .subContentBox .bar { float:left; background:url(../images/subContentBox_bar_bg.png) no-repeat; width:460px; height:39px; display:inline;}
    
      /*** brochureZoeken ***/
      form.brochureZoeken label { float:left; padding:10px 6px 0px 8px; color:#000000; font-weight: bold; }
      /* color: #000000; } */
      form.brochureZoeken select { float:left; width:115px; margin:7px 0px 0px 0px; display:inline; font-size:12px;}
      
    /*** brochureInfo ***/
    .brochureInfo { position:relative; float:left; background:url(../images/subContentBox_brochure_bottom.png) no-repeat bottom left; width:440px; padding:5px 10px 50px 10px; display:inline;}
    
      /*** foto **/
      .brochureInfo img { float:right; margin:0px 0px 0px 10px; display:inline;}
      
      /*** tekst ***/
      .brochureInfo p { font-style:italic; line-height:18px;}
      .brochureInfo p b { color:#005757; font-style:normal;}
      
      /*** button ***/
      .brochureInfo a.info { position:absolute; left:10px; bottom:8px; background:url(../images/subContentBox_brochure_info.png) no-repeat; width:25px; height:25px; text-indent:-100000px; overflow:hidden;}
      .brochureInfo a.button { position:absolute; right:0px; bottom:7px; width:189px; height:29px; text-indent:-100000px; overflow:hidden;}
      .brochureInfo a.vraagaan { background:url(../images/subContentBox_button_vraagaan.png) no-repeat;}
      .brochureInfo a.toegevoegd { background:url(../images/subContentBox_brochure_toegevoegd.png) no-repeat;}
      
    /*** onder ***/
    .onder { background:none; padding:5px 10px 10px 10px;}
    
      /*** button ***/
      .onder a.info { left:10px; bottom:-29px;}
      .onder a.button { right:0px; bottom:-33px;}
      
    /*** gegevens ***/
    .subContentBox form.gegevens fieldset { width:460px; padding:10px 0px 10px 0px;}
    
      /*** veld ***/
      .subContentBox form.gegevens .veld { float:left; width:460px; padding:0px 0px 4px 0px; display:inline;}
      .subContentBox form.gegevens .veld p { float:left; display:block; padding:3px 0px 0px 0px; color:#000000; font-size:12px;}
      .subContentBox form.gegevens .veld label { float:left; width:125px; padding:2px 10px 0px 0px; color:#000000; font-size:12px; text-align:right;}
      .subContentBox form.gegevens .veld label i { color:#db002e;}
      .subContentBox form.gegevens .veld span { float:left; display:block; padding:3px 3px 0px 0px; font-size:11px;}
      .subContentBox form.gegevens .veld input.text { float:left; width:315px; height:18px; padding:0px 0px 0px 0px;}
      .subContentBox form.gegevens .veld textarea { float:left; width:315px; height:150px; padding:0px 0px 0px 0px;}
      .subContentBox form.gegevens .veld input.radio { float:left;}
      
        /*** check ***/
        .subContentBox form.gegevens .veld .check { float:right; width:315px; margin:0px 10px 0px 0px; padding:3px 0px 0px 0px; display:inline;}
        .subContentBox form.gegevens .veld .check input { float:left;}
        .subContentBox form.gegevens .veld .check em { float:right; display:block; width:293px; padding:3px 0px 0px 0px; font-size:11px; font-style:normal;}
        
          /*** lijn ***/
          .subContentBox form.gegevens .veld .lijn { padding:3px 0px 3px 0px; border-top:1px solid #e5e5e5; margin-top: 3px; }
        
      
      /*** button ***/
      .subContentBox form.gegevens input.button { position:absolute; right:5px; bottom:8px; background:url(../images/subContentBox_button_vraagaan.png) no-repeat; width:189px; height:29px; border:none; cursor:pointer;}
      .subContentBox form.gegevens input.verstuur { background:url(../images/subContentBox_button_verstuur.png) no-repeat;}
      
        






/******************************************************************************/
/*** 05-nieuws ****************************************************************/
/******************************************************************************/  
.subNieuwsBox { position:relative; float:left; background:url(../images/subContentBox_bg.png) repeat-y; width:470px; margin:30px 0px 7px 0px; display:inline;}

  /*** titel ***/
  .subNieuwsBox .titel { position:absolute; left:0px; top:-30px; background:url(../images/subContentBox_h2_bg.png) no-repeat; width:470px; height:41px;}
  .subNieuwsBox .titel h2 { display:block; padding:6px 0px 0px 15px; color:#005757; font-size:16px;}
  
  /*** zoekNieuws ***/
  form.zoekNieuws fieldset { position:relative; float:left; width:470px; height:60px; display:inline;}
  
    /*** tekst ***/
    form.zoekNieuws p { position:absolute; left:11px; top:10px; display:block; width:117px; color:#6a7baa; font-size:11px; line-height:11px;}
    
    /*** text ***/
    form.zoekNieuws input.text { position:absolute; left:11px; top:35px; width:117px; height:17px; padding:0px 0px 0px 0px;}
    
    /*** van ***/
    form.zoekNieuws span.van { position:absolute; left:140px; top:14px; color:#6a7baa; font-size:11px;}
    form.zoekNieuws select.vandag { position:absolute; left:167px; top:11px; width:47px;}
    form.zoekNieuws select.vanmaand { position:absolute; left:218px; top:11px; width:47px;}
    form.zoekNieuws select.vanjaar { position:absolute; left:269px; top:11px; width:62px;}
    
    /*** van ***/
    form.zoekNieuws span.tot { position:absolute; left:140px; top:37px; color:#6a7baa; font-size:11px;}
    form.zoekNieuws select.totdag { position:absolute; left:167px; top:34px; width:47px;}
    form.zoekNieuws select.totmaand { position:absolute; left:218px; top:34px; width:47px;}
    form.zoekNieuws select.totjaar { position:absolute; left:269px; top:34px; width:62px;}
    
    /*** button ***/
    form.zoekNieuws input.button { position:absolute; right:5px; bottom:0px; background:url(../images/subNieuwsBox_zoeken_button.png) no-repeat; width:123px; height:32px; border:none; cursor:pointer;}
  
  /*** categorie ***/
  .subNieuwsBox .categorie { float:left; background:url(../images/subContentBox_h2_bg.png) no-repeat; width:470px; height:41px; display:inline;}
  .subNieuwsBox .categorie h3 { display:block; background:url(../images/subNieuwsBox_h3_bg.png) no-repeat 15px 12px; padding:6px 0px 0px 35px; color:#005757; font-size:16px;}

  /*** nieuwsBericht ***/
  .subNieuwsBox .nieuwsBericht { position:relative; float:left; background:url(../images/subNieuwsBox_item_bg.png) no-repeat center bottom; width:460px; margin:0px 5px 0px 5px; padding:0px 0px 0px 0px; display:inline;}
  
    /*** nieuwsbericht volledig ***/
    .subNieuwsBox .nieuwsBericht p  { margin:0px 10px 10px 10px;}

  /*** nieuwsItem ***/
  .subNieuwsBox .nieuwsItem { position:relative; float:left; background:url(../images/subNieuwsBox_item_bg.png) no-repeat; width:339px; height:129px; margin:0px 5px 0px 5px; padding:0px 0px 0px 121px; display:inline;}
      
    /*** foto ***/
    .subNieuwsBox .nieuwsItem img { position:absolute; left:10px; top:9px;}
    
    /*** datum ***/
    .subNieuwsBox .nieuwsItem span { display:block; padding:8px 0px 0px 0px; font-size:11px; font-style:italic;}
    
    /*** titel ***/
    .subNieuwsBox .nieuwsItem h4 { display:block; padding:2px 0px 0px 0px; color:#ec3d3d; font-size:14px;}
    
    /*** tekst ***/
    .subNieuwsBox .nieuwsItem p { float:none;}
    
    /*** leesmeer ***/
    .subNieuwsBox .nieuwsItem a.leesmeer { position:absolute; right:0px; bottom:10px; display:block; background:url(../images/subNieuwsBox_item_leesmeer.png) no-repeat; width:123px; height:32px; text-indent:-100000px; overflow:hidden;}

/*** brochures ***/
.contentBoxWit .brochures { float:left; margin:0px 5px 0px 5px; display:inline;}

  /*** brochuresGroot ***/
  .contentBoxWit a.brochuresGroot { position:absolute; right:1px; bottom:8px; display:block; background:url(../images/button_groen_groot.png) no-repeat; width:146px; height:28px; padding:4px 0px 0px 30px; color:#FFF; font-size:13px; font-weight:bold; text-decoration:none;}
        





/******************************************************************************/
/*** 06-privacy ***************************************************************/
/******************************************************************************/
p.tekst { display:block; width:440px; padding:15px 10px 0px 10px;}
p.tekst b { display:block; font-size:13px;}

  /*** privacyMenu ***/
  ul.privacyMenu { display:block; width:470px; height:20px; padding:5px 0px 0px 0px;}
  ul.privacyMenu li { float:left; margin:0px 0px 0px 10px;}
  ul.privacyMenu li a { display:block; background:url(../images/subContentBox_privacyMenu_bg.png) no-repeat top right; width:86px; height:21px; padding:4px 0px 0px 29px; color:#FFF; font-size:15px; font-weight:bold; text-decoration:none;}
  ul.privacyMenu li a:hover, ul.privacyMenu li.active a { background-position:top left; color:#315858;}

        
/******************************************************************************/
/*** 07-nieuwsbericht *********************************************************/
/******************************************************************************/
.subNieuwberichtBottom { background:url(../images/subNieuwsberichtBottompl.png) no-repeat bottom center; width:460px; padding:0px 5px 70px 5px;}
  
  /*** datum ***/
  .subNieuwberichtBottom .titel h2    { position:absolute; left:0px; top:2px; color:#005757; font-size:14px; font-weight:bold;}
  .subNieuwberichtBottom .titel span  { position:absolute; right:15px; top:8px; color:#005757; font-size:14px; font-weight:bold;}
  
  /*** tekst ***/
  .subNieuwberichtBottom a.tb  { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; }
  .subNieuwberichtBottom a:hover.tb  { color:#ff0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; }
  .subNieuwberichtBottom p           { margin-bottom: 10px; }
  .subNieuwberichtBottom img.right { float:right; margin:0px 0px 10px 10px;}
  .subNieuwberichtBottom img.left { float:left; margin:10px 10px 0px 0px;}
  
  /*** buttons ***/
  .subNieuwberichtBottom a.vorige { background:url(../images/pllinks.gif) no-repeat center left; position:absolute; left:15px; bottom:14px; display:block; padding:0px 0px 0px 15px; color:#FFF; text-decoration:none;}
  .subNieuwberichtBottom a.volgende { background:url(../images/plrechts.gif) no-repeat center right; position:absolute; right:15px; bottom:14px; display:block; padding:0px 15px 0px 0px; color:#FFF; text-decoration:none;}

  
/******************************************************************************/
/*** 08-nieuwsbrief ***********************************************************/
/******************************************************************************/
.subContentBoxGroen { position:relative; float:left; background:url(../images/subContentBoxGroen_bg.png) repeat-y; width:470px; margin:30px 0px 7px 0px; display:inline;}
.subContentBoxGroenBottom { background:url(../images/subContentBoxGroen_bottom_bg.png) no-repeat bottom left; width:440px; padding:10px 15px 20px 15px;}
  
  /*** titel ***/
  .subContentBoxGroen .titel { position:absolute; left:0px; top:-30px; background:url(../images/subContentBox_h2_bg.png) no-repeat; width:470px; height:41px;}
  .subContentBoxGroen .titel h2 { display:block; padding:6px 0px 0px 15px; color:#005757; font-size:16px;}
  .subContentBoxGroen p       { margin-top: 15px; }
  .subContentBoxGroen a       { color: #000000; font-weight: bold; text-decoration: none; }
  .subContentBoxGroen a:hover { color: #000000; font-weight: bold; text-decoration: underline; }
  
  /*** afbeelding ***/
  .subContentBoxGroen img.left { float:left; margin:0px 25px 10px 0px; display:inline;}
  
        




/******************************************************************************/
/*** 10-recreatiewoning *******************************************************/
/******************************************************************************/
/*** topbar ***/
.topbar { position:relative; float:left; background:url(../images/woningBox_topbar_bg.png) no-repeat; width:470px; height:37px;}

  /*** indicator ***/
  .topbar .indicator { color:#005757;}
  
  /*** paginaNavigatie ***/
  .topbar ul.paginaNavigatie li.getal a { color:#005757;}
  .topbar ul.paginaNavigatie li.getal a:hover { background:url(../images/woningBox_topbar_paginaNummer_hover.png) no-repeat; color:#FFF;}
  .topbar ul.paginaNavigatie li.getal.active a { background:url(../images/woningBox_topbar_paginaNummer_hover.png) no-repeat; color:#FFF;}
  
  /*** meer ***/
  .topbar a.meer { background:url(../images/woningBox_topbar_button_volgende.png) no-repeat 0px 4px; color:#005757;}
  
/*** woningBox ***/
.woningBox { position:relative; float:left; background:url(../images/woningBox_bg.png) no-repeat; width:442px; height:280px; padding:0px 14px 0px 14px; display:inline;}

  /*** header ***/
  .woningBox .header { position:relative; float:left; width:442px; height:61px; margin:0px 0px 5px 0px; border-bottom:1px solid #005757; display:inline;}
  
    /*** titel ***/
    .woningBox .header h2 { float:left; width:442px; display:inline; color:#005757; font-size:18px;}
    
    /*** slogan ***/
    .woningBox .header strong { float:left; display:block; width:365px; padding:5px 0px 0px 0px; font-style:italic;}
    
    /*** logo ***/
    .woningBox .header img { position:absolute; right:0px; bottom:0px;}
  
  /*** fotos ***/
  .woningBox .fotos { float:left; width:100px; display:inline;}
  .woningBox .fotos img { float:left; margin:0px 0px 10px 0px; display:inline;}
  
  /*** tekst ***/
  .woningBox p { float:right; display:block; width:342px; display:inline;}
  
  /*** prijs ***/
  .woningBox span { position:absolute; left:110px; bottom:9px; display:block; width:160px; height:25px; padding:0px 0px 0px 10px; color:#FFF; font-size:13px; font-weight:bold; text-align:center;}
  .woningBox span em { font-size:18px; font-style:normal;}
  
  /*** info ***/
  .woningBox a.info { position:absolute; left:295px; bottom:9px; display:block; width:140px; height:22px; padding:3px 0px 0px 30px; color:#FFF; font-size:15px; font-weight:bold; text-decoration:none;}
  
        




/******************************************************************************/
/*** 11-recreatiewoning_detail ************************************************/
/******************************************************************************/
.woningBoxDetail { float:left; background:url(../images/woningBoxDetail_bg.png) repeat-y left; width:470px;}
.woningBoxDetailBottom { background:url(../images/woningBoxDetail_bottom_bg.png) no-repeat bottom left; padding:0px 14px 35px 14px;}

  /*** prijs ***/
  .woningBoxDetailBottom span { height:22px; padding:3px 0px 0px 10px;}
  
  /*** info ***/
  .woningBoxDetailBottom a.info { height:19px; padding:6px 0px 0px 30px;}
  
        




/******************************************************************************/
/*** 12-sitemap ***************************************************************/
/******************************************************************************/
.subContentBar { float:left; background:url(../images/subContentBoxGroen_bg.png) repeat-y center; width:460px; display:inline;}
.subContentBarBottom { float:left; background:url(../images/subContentBarBottom_bg.png) no-repeat bottom left; width:438px; padding:10px 11px 20px 11px; display:inline;}

/*** kolom ***/
.kolomLinks { float:left; width:223px; margin:0px 0px 0px 6px; display:inline;}
.kolomRechts { float:right; width:223px; margin:0px 6px 0px 0px; display:inline;}

/*** sitemapBox ***/
.sitemapBox { float:left; background:url(../images/sitemapBox_bg.png) repeat-y; width:223px; margin:0px 0px 4px 0px; display:inline; overflow:hidden;}
.sitemapBoxBottom { float:left; background:url(../images/sitemapBox_bottom_bg.png) no-repeat bottom left; width:223px; padding:0px 0px 20px 0px; display:inline;}

  /*** titel ***/
  .sitemapBox h3 { float:left; background:url(../images/sitemapBox_header_bg.png) no-repeat; width:211px; height:31px; padding:10px 0px 0px 12px; display:inline; color:#005757; font-size:15px;}
  
  /*** lijst ***/
  .sitemapBox ul { float:left; width:221px; margin:0px; padding:0px 0px 0px 12px; display:inline; line-height:16px;}
  .sitemapBox ul li a { color:#000; text-decoration:none;}

/*** sitemapBoxBreed ***/
.sitemapBoxBreed { float:left; background:url(../images/sitemapBoxBreed_bg.png) repeat-y; width:448px; margin:0px 0px 4px 6px; display:inline; overflow:hidden;}
.sitemapBoxBreedBottom { float:left; background:url(../images/sitemapBoxBreed_bottom_bg.png) no-repeat bottom left; width:448px; padding:0px 0px 20px 0px; display:inline;}

  /*** titel ***/
  .sitemapBoxBreed h3 { float:left; background:url(../images/sitemapBoxBreed_header_bg.png) no-repeat; width:436px; height:31px; padding:10px 0px 0px 12px; display:inline; color:#005757; font-size:15px;}
  
  /*** lijst ***/
  .sitemapBoxBreed ul { float:left; width:212px; margin:0px; padding:0px 0px 0px 12px; display:inline; line-height:16px;}
  .sitemapBoxBreed ul li a { color:#000; text-decoration:none;}

  .sitemapBoxBreed ul.breed { float:left; width:440px; margin:0px; padding:0px 0px 0px 12px; display:inline; line-height:16px;}
  .sitemapBoxBreed ul.breed li a { color:#000; text-decoration:none;}
  
        




/******************************************************************************/
/*** 13-vakantiedata **********************************************************/
/******************************************************************************/
.vakantiedataBox { margin:127px 0px 7px 0px;}
.vakantiedataBox .subContentBoxBottom { width:470px; padding:0px 0px 41px 0px;}

  /*** vakantiedataTitel ***/
  .vakantiedataBox .vakantiedataTitel { position:absolute; left:0px; top:-127px; background:url(../images/vakantiedata_header_bg.png) no-repeat; width:470px; height:127px;}
  .vakantiedataBox .vakantiedataTitel h2 { display:block; padding:62px 0px 0px 15px; color:#FFF; font-size:16px;}
  
  /*** tekst ***/
  .vakantiedataBox p { float:left; display:block; width:455px; padding:5px 0px 0px 15px; display:inline;}

  /*** vakantiedataHeader ***/
  table.vakantiedataHeader { position:absolute; left:0px; top:-30px; width:470px;}
  table.vakantiedataHeader td { color:#6478a2;}
  
    /*** breedte ***/
    .vakantiedataBox table td.periode { width:72px; padding:0px 0px 0px 15px;}
    .vakantiedataBox table td.regio { width:84px; padding:0px;}
    .vakantiedataBox table td.info { width:27px;}
    .vakantiedataBox table td.soort { width:66px;}
    .vakantiedataBox table td.week { width:64px;}
    .vakantiedataBox table td.data { width:136px;}
    
  /*** vakantiedata ***/
  .vakantiedataWrapper { float:left; background:url(../images/vakantiedata_vakantie_bg.png) no-repeat bottom left; width:470px; padding:4px 0px 6px 0px;}
  table.vakantiedata { float:left; width:470px;}
  table.vakantiedata td { vertical-align:top; height:20px;}
  

  /* toevoeging voor de kalender */
         
  #pkalender { position: relative; top: 0px; left: 0px; height: 0px; width: 0px; overflow: hidden; z-index: 20; 
               background: #ffffff url(../images/contentBoxWit_h2_zoek_bg_ap.png) no-repeat; }

      /*** kalender ***/
  #pkalender fieldset.kalender { position:absolute; top:13px; left:0px; width:260px; height:216px;}
    
      /*** head ***/
  #pkalender fieldset.kalender .head { position:relative; float:left; width:260px; height:28px;}
  #pkalender fieldset.kalender .head input { position:absolute; left:10px; top:1px;}
  #pkalender fieldset.kalender .head strong { position:absolute; left:13px; top:3px; color:#435e8e; font-size:14px;}
  #pkalender fieldset.kalender .head .sluiten { float: right; border: 1px solid black; margin-right: 13px; cursor: pointer;
                                                font-weight: bold; }
      
      /*** maand ***/
  #pkalender fieldset.kalender .maand { position:relative; float:left; width:260px; height:30px;}
  #pkalender fieldset.kalender .maand a.vorige { position:absolute; left:20px; top:7px;}
  #pkalender fieldset.kalender .maand select { position:absolute; left:48px; top:1px; width:164px;}
  #pkalender fieldset.kalender .maand a.volgende { position:absolute; right:20px; top:7px;}
      
      /*** maandKalender ***/
  #pkalender table.maandKalender { float:left; margin:5px 10px 0px 10px; display:inline;}
  #pkalender table.maandKalender td { float:left; width:30px; height:23px; color:#000; font-size:14px; text-align:center; vertical-align:top;}
  #pkalender table.maandKalender td a { display:block; width:30px; height:23px; color:#000; text-decoration:none;}
  #pkalender table.maandKalender td.week { color:#005858; font-weight:bold;}
  #pkalender table.maandKalender td.weekend a, table.maandKalender td.weekend { color:#cd3f3f;}
  #pkalender table.maandKalender tr.header td { font-weight:bold;}
  #pkalender table.maandKalender tr.header td.week { font-weight:normal;}
  #pkalender table.maandKalender td a:hover { display:block; width:30px; height:23px; background:url(../images/zoekenVerfijnen_kalenderdag.png) no-repeat; color:#FFF;}