<!--
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#(////////////////////(#&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&(/////////////////////////////////////////#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&//////////////////////////////////////////////////////#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&////////////////////////////////////////////////////////////////#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(///////////////////////////////////////////////////////////////////////&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////////////////////////////////////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(//////////////////*........./(///////...........(///////..........(//////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(/////////////////////.         /(//////*           #///////          #(////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@////////////////////////          *(//////*           #///////          /(//////////////////////&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////          ,(//////*           #///////          .(////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@(////////////////////////////          .(//////,           #///////           #///////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@(/////////////////////////////,          .(//////.           #//////(           #/////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@(///////////////////////////////            (//////.           ((//////           ((//////////////////////////////@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@%/////////////////////////////////            #//////            ((//////           *(///////////////////////////////(@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@///////////////////////////////////            #//////            ((//////           .(/////////////////////////////////#@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@(////////////////////////////////////            #(/////            /(/////*            (///////////////////////////////////@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@/////////////////////////////////////*                                                   #////////////////////////////////////@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@%//////////////////////////////////////.                                                   #(////////////////////////////////////(@@@@@@@@@@@@@@
@@@@@@@@@@@@@@(///////////////////////////////////////                                                    ((//////////////////////////////////////@@@@@@@@@@@@@
@@@@@@@@@@@@@/////////////////////////////////////////                                                    ,(///////////////////////////////////////@@@@@@@@@@@@
@@@@@@@@@@@@//////////////////////////////////////////                                                     (////////////////////////////////////////&@@@@@@@@@@
@@@@@@@@@@@///////////////////////////////////////////(((((((((((((((((                   %#((((((((((((((((/////////////////////////////////////////@@@@@@@@@@
@@@@@@@@@@//////////////////////////////////////////                                                         (////////////////////////////////////////&@@@@@@@@
@@@@@@@@@(//////////////////////////////////////////                                                         (/////////////////////////////////////////@@@@@@@@
@@@@@@@@(///////////////////////////////////////////                                                        .(//////////////////////////////////////////@@@@@@@
@@@@@@@%////////////////////////////////////////////,                                                       ((//////////////////////////////////////////(@@@@@@
@@@@@@@//////////////////////////////////////////////                                                      .#////////////////////////////////////////////#@@@@@
@@@@@@(//////////////////////////////////////////////,          ***************,,,,,,,,,,,,,,,,,,          #(/////////////////////////////////////////////@@@@@
@@@@@@////////////////////////////////////////////////.         #(//////////////////////////////,         #(//////////////////////////////////////////////#@@@@
@@@@@//////////////////////////////////////////////////          #/////////////////////////////,         ((////////////////////////////////////////////////@@@@
@@@@@////////////////////////////////////////////////////         /(//////////////////////////.         #(/////////////////////////////////////////////////#@@@
@@@@#/////////////////////////////////////////////////////.         .(//////////////////////.         ((////////////////////////////////////////////////////@@@
@@@@///////////////////////////////////////////////////////(.          *((///////////////.          *(//////////////////////////////////////////////////////&@@
@@@@//////////////////////////////////////////////////////////(                                  .#(/////////////////////////////////////////////////////////@@
@@@&//////////////////////////////////////////////////(((((((////(/                          ,#((////////////////////////////////////////////////////////////@@
@@@#////////////////////         (///////////////////        #(///////(((/,.         .*(#(((/////////////////////////////////////////////////////////////////@@
@@@/////////////////////         #///////////////////        #(//////////////////////////////////////////////////////////////////////////////////////////////@@
@@@/////////////////////         #///////////////////        #(//////////////////////////////////////////////////////////////////////////////////////////////@@
@@@/////////////////////         #///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@
@@@//////////.        .(         #/        ((.     (/        #(/////,           ,((/////.       ((/         ((///         .((////////.            /(/////////@@
@@@////////                      #/        #       (/        #(///                 *(///.       /             (             .(////*                  (///////@@
@@@(//////                       #/                (/        #(/         .*,         #(/.                                    /(//                     ,(/////@@
@@@%/////         .#(((          #/                (/        #(        #(////(        ((.         (#((          .#((,         #/         #(///*        /(////@@
@@@@/////        ,(////(         #/          *#((((//        #,                        (.        #(////        ,(////         #,        #(/////         #////@@
@@@@////*        ((/////.        #/         ((///////        #.                        #.        #////(        ((////         #.        #(/////         #(//#@@
@@@@#///*        /(/////         #/         #////////        #.        ****************#.        #////(        ((////         #,        ((/////         #///@@@
@@@@@////         #(///          #/         #////////        #(        ((///////////////.        #////(        ((////         #(         #////*        ((//(@@@
@@@@@/////                       #/         #////////        #(/          ,,          #/.        #////(        ((////         #/(                     ,(///@@@@
@@@@@@/////                      #/         #////////        #(/(.                  ,(//.        #////(        ((////         #///.                  #(///(@@@@
@@@@@@(/////(.         #(        (/         (////////        #(////(.            *#(////.        #////(        ((////         #/////(.            (((/////@@@@@
@@@@@@@/////////((((((/////////////////////////////////////////////////((((((((/////////////////////////////////////////////////////////((((((((/////////#@@@@@
@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@
@@@@@@@@(///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@
@@@@@@@@@///////////////////////////////////////////*.(///////*   *(////.....*(///..(//*.(/////,   *(///*.....(////////////////////////////////////////@@@@@@@@
@@@@@@@@@@/////////////////////////////////////////* ..(///// #(//((////..(/////// / (/* #///* #(//((///* (///////////////////////////////////////////@@@@@@@@@
@@@@@@@@@@@///////////////////////////////////////* #( ((/// *(/*  ,(///. ...((/// #( /* #/// .(////////* ...*(//////////////////////////////////////@@@@@@@@@@
@@@@@@@@@@@@////////////////////////////////////// **** ((/// ((//.,(///..(/////// #(( , #//// #(///(///* (/////////////////////////////////////////#@@@@@@@@@@
@@@@@@@@@@@@@////////////////////////////////////*((////*(////(,.,(((///*****/(///*((//**(/////(,.*#(////*****(////////////////////////////////////@@@@@@@@@@@@
@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@
@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////#@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////(@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@////////////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@//////////////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(///////////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#/////////////////////////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#////////////////////////////////////////////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#///////////////////////////////////////////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#//////////////////////////(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-->

<!doctype html>
<html>
<head>
		<title>VISSERSHUIS - Villa  met 3 slaapkamer(s)  voor 8 personen  op het gelijkvloers</title>
	<meta charset="UTF-8">
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    
	<meta name="description" content="Idyllische, zeer verzorgde villa met de charme van een vissershuis in één van de mooiste wijken van De Panne. Toegang tot het Calmeynbos en het natuurreservaat 'De Westhoek', de zee bevindt zich op wandelafstand. Rondom de woning is een prachtige tuin met ruim zonneterras waar het heerlijk vertoeven is.
"/>
	<link rel="canonical" href="https://www.agencedriemo.be/nl/vakantieverhuur/villa-vissershuis-18" />

	<meta property="og:locale" content="nl_NL" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="VISSERSHUIS - Villa  met 3 slaapkamer(s)  voor 8 personen  op het gelijkvloers" />
	<meta property="og:description" content="Idyllische, zeer verzorgde villa met de charme van een vissershuis in één van de mooiste wijken van De Panne. Toegang tot het Calmeynbos en het natuurreservaat 'De Westhoek', de zee bevindt zich op wandelafstand. Rondom de woning is een prachtige tuin met ruim zonneterras waar het heerlijk vertoeven is.
" />
	<meta property="og:url" content="https://www.agencedriemo.be/nl/vakantieverhuur/villa-vissershuis-18" />
	<meta property="og:site_name" content="Agence Driemo" />
	<meta property="og:image" content="https://www.agencedriemo.be/img/app/6822.jpg" />
	<meta property="og:image:secure_url" content="https://www.agencedriemo.be/img/app/6822.jpg" />
	<meta property="og:image:width" content="1024" />
	<meta property="og:image:height" content="683" />

	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:description" content="Idyllische, zeer verzorgde villa met de charme van een vissershuis in één van de mooiste wijken van De Panne. Toegang tot het Calmeynbos en het natuurreservaat 'De Westhoek', de zee bevindt zich op wandelafstand. Rondom de woning is een prachtige tuin met ruim zonneterras waar het heerlijk vertoeven is.
" />
	<meta name="twitter:title" content="VISSERSHUIS - Villa  met 3 slaapkamer(s)  voor 8 personen  op het gelijkvloers" />
	<meta name="twitter:image" content="https://www.agencedriemo.be/img/app/6822.jpg" />
	
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/75cf24ece0.js" crossorigin="anonymous"></script>

		<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-NJQK9H');</script>
	<!-- End Google Tag Manager -->
	
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-19987028-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-19987028-1');
	</script>

	
	<link rel="stylesheet" href="/css/bootstrap.css?v=002" type="text/css" />
	<link rel="stylesheet" href="/css/bootstrap-datepicker3.min.css" type="text/css" />
	
	<link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />
	
	<link rel="stylesheet" href="/css/styles.css?v=019" type="text/css" />
	<link rel="stylesheet" href="/css/ekko-lightbox-2.css" type="text/css" />
	
	<script src="https://www.google.com/recaptcha/api.js?render=6Ld4DMMUAAAAACFMljpky_xksYQbaNi-DRM6G9Yr"></script>
	<script>
	grecaptcha.ready(function() {
		grecaptcha.execute('6Ld4DMMUAAAAACFMljpky_xksYQbaNi-DRM6G9Yr', {action: 'homepage'}).then(function(token) {
		   
		});
	});
	</script>
	
	<script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript" src="/js/bootstrap.bundle.js"></script>
	<script type="text/javascript" src="/js/jquery.lazy.min.js"></script>
	<script type="text/javascript" src="/js/ekko-lightbox-2.min.js"></script>
	<script type="text/javascript" src="/js/moment.min.js"></script>
    <script type="text/javascript" src="/js/daterangepicker.js?v=006"></script>
    <script type="text/javascript">// JavaScript Document

// IE 7 fix layout
if (navigator.userAgent.match(/Trident\/7\./)) {
  $('body').on("mousewheel", function (event) {
    event.preventDefault();
    var wd = event.wheelDelta;
    var csp = window.pageYOffset;
    window.scrollTo(0, csp - wd);
  });
}

$(document).on('click', '[data-toggle="lightbox"]', function (event) {
  event.preventDefault();
  $(this).ekkoLightbox();
});

$(document).ready(function () {
    
  $("#searchform").submit(function (e) {

    var loadingText = "<i class='fa fa-spinner fa-spin'></i>&nbsp;&nbsp;resultaten laden";
    if ($("#searchform .btn-search").html() !== loadingText) {
      //$("#searchform .btn-search").data("zoeken", $(this).html());
      $("#searchform .btn-search").html(loadingText);
      $("#searchform .btn-search").addClass('btn-disabled');
        $("#searchform .btn-search").attr("disabled", true);
    }
    setTimeout(function() {
      $("#searchform .btn-search").removeClass('btn-disabled');
      $("#searchform .btn-search").removeAttr("disabled");
      $("#searchform .btn-search").html("zoeken");
    }, 5000);
      
       //e.preventDefault();
  });
    
    
    $("#reservationform").submit(function (e) {
   
	 
       //e.preventDefault();
  });
    
    
  $(".btn-filter").click(function(){
      $('body,html').animate({
                scrollTop: 0
            }, 300);
  });
    
  if ($("#sticky-search").length) {
    $("body").addClass('push-left');
  }

  if ($(".filterbar").length) {
    $('body').addClass('pushcontent');
  } else if (!$(".masthead").length) {
    $('body').addClass('pushcontent-single');
  }


});

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

$(function () {
  //'use strict';
  //window.addEventListener('load', function () {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function (form) {
      form.addEventListener('submit', function (event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }else{
		
		}
        form.classList.add('was-validated');
      }, false);
    });
  //}, false);
});


$(function () {
  $(".lazy").lazy({
    // called before an elements gets handled

    beforeLoad: function (element) {
      var imageSrc = element.data('src');
      //console.log('image "' + imageSrc + '" is about to be loaded');
    },

    // called after an element was successfully handled
    afterLoad: function (element) {
      var imageSrc = element.data('src');
      //console.log(element);
      element.addClass('imageloadedtohide');
      //console.log('image "' + imageSrc + '" was loaded successfully');
    },

    // called whenever an element could not be handled
    onError: function (element) {
      var imageSrc = element.data('src');
      //console.log('image "' + imageSrc + '" could not be loaded');
    },

    // called once all elements was handled
    onFinishedAll: function () {
      //console.log('finished loading all images');
    }
  });
});


if (window.history.replaceState) {
  window.history.replaceState(null, null, window.location.href);
}

function sendGoogleTag(gevent, gcat){
	console.log("event triggered");
	gtag('event', gevent, {
	  	'event_category': gcat
		});
}
</script>
	
	<style type="text/css">.grecaptcha-badge{display:none !important;}</style>
</head>

<body>
last min mod3	
 <!--<div style="position: fixed; z-index: 10000000; bottom: 0; right: 0; padding: 10px 16px; background: #FF0000; "><a style="color: #ffffff;text-decoration: underline;" href="/nl/corona">BELANGRIJK: Corona update</a></div>	-->
  <nav class="navbar fixed-top navbar-expand-lg navbar-light">
  <a class="navbar-brand" href="/"><img height="60" src="/img/webcontent/driemo_halve_bol.png" /></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <!--<li class="nav-item ">
        <a class="nav-link" href="/">startpagina</a>
      </li>-->
      <li class="nav-item active">
        <a class="nav-link" href="/nl/vakantieverhuur">vakantieverhuur</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/nl/verkoop">te koop</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/nl/nieuwbouw">Nieuwbouw</a>
      </li>
        <li class="nav-item ">
        <a class="nav-link" href="/nl/jaarverhuur">jaarverhuur</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/nl/syndic">syndic</a>
      </li>
		<li class="nav-item ">
        <a class="nav-link" href="/nl/contact">contact</a>
      </li>	
    </ul>
	  
   <ul class="nav navbar-nav navbar-right">
	   <li style="padding-right: 0;" class="nav-item">
	   <a href="/nl/login"  data-toggle="tooltip" data-placement="bottom" style="display: block;" title="login eigenaar" ><img src="/img/icons/icon-key.png" width="20" style="vertical-align: middle;margin-top:0.5rem" /><span class="lockedownerlink" style="margin-left: 3px; color: #242A36; vertical-align:bottom;"> login eigenaar</span></a>
	   </li>
            <li class="nav-item dropdown">
                <a href="#" class=" nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" style="text-transform: uppercase;">nl <span class="caret"></span></a>
                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                    <li><a class="nav-link" href="/nl">Nederlands</a></li>
                    <li><a class="nav-link" href="/fr">FranÃ§ais</a></li>
                    <li><a class="nav-link" href="/de">Deutsch</a></li>
                   
                </ul>
            </li>
        </ul>
  </div>
	   
        
</nav>

	<!-- END NAV -->
	

<script type="text/javascript">
    $(document).ready(function() {
$("#map-small").hide();
    $(".js-map-trigger").click(function () {
        $obj = $(this);
        openInfoWindow(mapMarkers[$obj.attr("rel")].marker);
    });
		
	$("#maptoggle").click(function () {
		$("#map-small").show();
        renderMap();
    });
	
});

var myLatlng;
var map;
var geocoder;
var infoWindow = null;
var selectedMarker = null;
var mapMarkers = [];
    
var mapMarker = { }

    mapMarker.data = {"Name":"VISSERSHUIS 18", "Locatie": "GROENE BIEZENLAAN 16 8660 DE PANNE BelgiÃ«", "StreetName":"GROENE BIEZENLAAN 16","Country":"BelgiÃ«","PostalCode":"8660   ","City":"DE PANNE", "Slug":"villa-vissershuis-18","Prijs": "1019", "Verdieping": "0","Latitude":"51.0918264","Longitude":"2.5815453","Icon":"https://agencedriemo.be/img/webcontent/map_icon_blue.png","Selected":false};
    
    mapMarkers["adres 1"] = mapMarker;

    
function openInfoWindow(obj) {
    //$('html, body').animate({ scrollTop: $('#mapanchor').position().top }, 'slow');
    google.maps.event.trigger(obj, 'click');
    return false;
}

function initMap() {

    myLatlng = new google.maps.LatLng(51.101889, 2.586059);  
    geocoder = new google.maps.Geocoder();
    //renderMap();
}
    
    
function renderMap() {
    var myOptions = {
        zoom: 14,
        center: myLatlng,
         styles: [{"elementType": "geometry","stylers": [{"color": "#f5f5f5"}]},{"elementType": "labels.icon","stylers": [{"visibility": "off"}]},{"elementType": "labels.text.fill","stylers": [{"color": "#616161"}]},{"elementType": "labels.text.stroke","stylers": [{"color": "#f5f5f5"}]},{"featureType": "administrative.land_parcel","elementType": "labels.text.fill","stylers": [{"color": "#bdbdbd"}]},{"featureType": "poi","elementType": "geometry","stylers": [{"color": "#eeeeee"}]},{"featureType": "poi","elementType": "labels.text.fill","stylers": [{"color": "#757575"}]},{"featureType": "poi.park","elementType": "geometry","stylers": [{"color": "#d1dfcc"}]},{"featureType": "poi.park","elementType": "labels.text.fill","stylers": [{"color": "#9e9e9e"}]},{"featureType": "road","elementType": "geometry","stylers": [{"color": "#ffffff"}]},{"featureType": "road.arterial","elementType": "labels.text.fill","stylers": [{"color": "#757575"}]},{"featureType": "road.highway","elementType": "geometry","stylers": [{"color": "#dadada"}]},{"featureType": "road.highway","elementType": "labels.text.fill","stylers": [{"color": "#616161"}]},{"featureType": "road.local","elementType": "labels.text.fill","stylers": [{"color": "#9e9e9e"}]},{"featureType": "transit.line","elementType": "geometry","stylers": [{"color": "#e5e5e5"}]},{"featureType": "transit.station","elementType": "geometry","stylers": [{"color": "#eeeeee"}]},{"featureType": "water","elementType": "geometry","stylers": [{"color": "#d9e3e8"}]},{"featureType": "water","elementType": "labels.text.fill","stylers": [{"color": "#9e9e9e"}]}],
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map-small"), myOptions);

    
    for (var key in mapMarkers) {
        
        if (mapMarkers.hasOwnProperty(key) == true) {
            var item = mapMarkers[key];
            var address = item.data.Locatie;
            
            //codeLatLng(address, function(addr){
                 item.marker = new google.maps.Marker({
                        //position: addr.geometry.location,
					 	position: new google.maps.LatLng(item.data.Latitude, item.data.Longitude),
                        map: map,
                        title: item.data.Name,
                        clickable: true,
                        icon: {
                        url: item.data.Icon,
                          //size: new google.maps.Size(26, 34),
                          scaledSize: new google.maps.Size(26, 34),
                        },
                        branchKey: key
                    });
                var latLng = item.marker.getPosition(); // returns LatLng object
                map.setCenter(latLng);
                google.maps.event.addListener(item.marker, "click", showInfoWindow(key));

                if (item.data.Selected == true) {
                    openInfoWindow(item.marker);
                }
            //});
           
                           
    }
}
    
    
    }
    
/*    
function codeLatLng(addr, callback) {
    geocoder.geocode({
            'address': addr
            }, function(results, status) {
                
                if (status === 'OK') {

          callback(results[0]);
      
      } else {
        console.log("Geocoder failed due to: " + status);
      }
    });
}*/

function showInfoWindow(key) {
    /*
     * https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Closures#Creating_closures_in_loops.3A_A_common_mistake
     * http://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example
     * http://stackoverflow.com/questions/5838868/google-maps-api-v3-passing-values-to-listner-function-so-as-to-make-a-circl
     */
    return function () {
        var item = mapMarkers[key];
        if (infoWindow) {
            infoWindow.close();
        }
        infoWindow = new google.maps.InfoWindow({
            content:
            "<div style=\"white-space: nowrap;\">"
            + "<strong>" + item.data.Name + "</strong>"
            + "<br>" + item.data.StreetName
            + "<br>" + item.data.PostalCode + " " + item.data.City
            + "<br><br>" + "<strong style='font-size: 15px; color: #EA6D07; '>â‚¬ " + item.data.Prijs + "</strong>"
            //+ "<br>" + "Verdieping: " + item.data.Verdieping
            //+ "<br><br>" + "<a style='color: #242A36;' href='/nl/vakantieverhuur/"+ item.data.Slug + "'>toon details</a>"
            + "</div>"
        });
        infoWindow.open(map, item.marker);
    };
}
  
 
    </script>
<script type="text/javascript">
	var bezet = ['25/09/2020','26/09/2020','27/09/2020','01/11/2020','02/11/2020','03/11/2020','04/11/2020','05/11/2020','06/11/2020'];
	var nietselecteerbaar = ['31/10/2020','01/11/2020','02/11/2020','03/11/2020','04/11/2020','05/11/2020','20/12/2020','21/12/2020','22/12/2020','23/12/2020','24/12/2020','25/12/2020','27/12/2020','28/12/2020','29/12/2020','30/12/2020','31/12/2020','01/01/2021','21/07/2020','21/07/2020'];
	
	function formatDate(date) {
    var d = new Date(date),
        month = '' + (d.getMonth() + 1),
        day = '' + d.getDate(),
        year = d.getFullYear();

    if (month.length < 2) 
        month = '0' + month;
    if (day.length < 2) 
        day = '0' + day;

    return [day, month, year].join('/');
}
	
	function isDateAvailable(date){
		return bezet.indexOf(formatDate(date)) > -1;
	}

    function getDatesVerblijf(startV, endV) {
        const monthNames = ["januari",
            "februari",
            "maart",
            "april",
            "mei",
            "juni",
            "juli",
            "augustus",
            "september",
            "oktober",
            "november",
            "december"
        ];
		const daysOfWeek = [
            "zo",
            "ma",
            "di",
            "wo",
            "do",
            "vr",
            "za"
        ];

    var monthstart = monthNames[startV.getMonth()];
    var monthend = monthNames[endV.getMonth()];
    var startmonth = "";
    //if(endV.getMonth() !== startV.getMonth()){
        startmonth = " " + monthstart.substring(0,3);
    //}
    var startyear = "";
    if(endV.getFullYear() !== startV.getFullYear()){
        startyear = " " + startV.getFullYear();
    }
       
        //return  startV.getDate() + startmonth  + startyear  + " - " + endV.getDate() + " " + monthend.substring(0,3) + " " + endV.getFullYear();
		return daysOfWeek[startV.getDay()] + " " + startV.getDate() + startmonth  + ". - " + daysOfWeek[endV.getDay()] + " " + endV.getDate() + " " + monthend.substring(0,3) + ".";
    }


$(document).ready(function(){
    
    // set dates on open
    
    var vanafTemp = '';
    var totTemp = '';
    if((vanafTemp !== '' && totTemp !== '' && vanafTemp !== totTemp)) {
        var res = vanafTemp.split("/");
        var setStart = new Date(res[2],res[1] - 1, res[0]);


        var resTot = totTemp.split("/");
        var setEnd = new Date(resTot[2],resTot[1] - 1, resTot[0]);

        $("#dataverblijf").val(getDatesVerblijf(setStart, setEnd));
        $("#datumMobile").html(getDatesVerblijf(setStart, setEnd) + " <span class='splitter'>|</span> ");
    }
    
    
	var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
	$(function() {
  $('input[name="dataverblijf"]').daterangepicker({
	    "locale": {
        "format": "DD/MM/YYYY",
        "separator": " - ",
        "arriveLabel": "selecteer aankomstdatum",
        "leaveLabel": "selecteer vertrekdatum",
        "holidayLabel": "Tijdens schoolvakanties kan je enkel reserveren van vrijdag tot vrijdag.",
        "customRangeLabel": "aankomst",
		"tVertrek": "vertrek",
		"tAankomst": "aankomst",
        "weekLabel": "W",
         "daysOfWeek": [
            "zo",
            "ma",
            "di",
            "wo",
            "do",
            "vr",
            "za"
        ],
        "monthNames": [
            "januari",
            "februari",
            "maart",
            "april",
            "mei",
            "juni",
            "juli",
            "augustus",
            "september",
            "oktober",
            "november",
            "december"
        ],
        "firstDay": 1
    },
    opens: 'right',
	  startDate: (vanafTemp==""?false:vanafTemp),
      autoUpdateInput: false,
	  minDate: now,
	  maxDate: '03/01/2021',
	  endDate: (totTemp==""?false:totTemp),
	  autoApply: true,
	  isInvalidDate: function(date) {
       return nietselecteerbaar.indexOf(date.format('DD/MM/YYYY')) > -1;
    },isCustomDate: function(date) {
		if(bezet.indexOf(date.format('DD/MM/YYYY')) > -1){
 			return 'geboekt disabled';
		}
      
    }
  }, function(start, end, label) {
    var temp = new Date(start);
    var startDate = new Date(start);
    var endDate = new Date(end);
    var cleanStart = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate(), 0, 0, 0, 0);  
    var cleanEnd = new Date(endDate.getFullYear(), endDate.getMonth(), endDate.getDate(), 0, 0, 0, 0);  
    var invalid = false;
    $('#messages_reservation').html('');   
    while (temp.getTime() < endDate.getTime()) {
      if (isDateAvailable(temp)) {
		  //console.log(temp);
        invalid = true;
        $('#messages_reservation').html("<div class='alert alert-danger'> Ã©Ã©n of meerdere dagen zijn niet beschikbaar in de geselecteerde periode. </div>");
      }
      temp.setDate(temp.getDate() + 1);
    }
      
     
      // controleer of aankomst vandaag is
      if (now.getTime() == startDate.getTime()){
          if(now.getDay() == 0 || now.getDay() == 3){
              invalid = true;
              $('#messages_reservation').html("<div class='alert alert-danger'> Het is niet meer mogelijk om te reserveren met aankomst op vandaag </div>");
          }else{
              invalid = true;
              $('#messages_reservation').html("<div class='alert alert-danger'> Voor aankomsten vandaag is het enkel mogelijjk om telefonisch te reserveren via +32(0)58 41 51 36 </div>");
          }
          //console.log("ze zijn gelijk");
      }
      // controleer of minimum 1 dag geselecteerd
      //console.log(startDate);
      //console.log(endDate);
      
      if(cleanStart.getTime() == cleanEnd.getTime()){
          invalid = true;
          console.log("gelijke start en eind");
          $('#messages_reservation').html("<div class='alert alert-danger'>  Je aankomst- en vertrekdag kan niet dezelfde zijn </div>");
      }
	  // controleer of minimum 1 dag geselecteerd
      //console.log(startDate);
      //console.log(endDate);
      
      if(cleanStart.getTime() == cleanEnd.getTime()){
          invalid = true;
          console.log("gelijke start en eind");
          $('#messages_reservation').html("<div class='alert alert-danger'>  Je aankomst- en vertrekdag kan niet dezelfde zijn </div>");
      }
	  
	  // controleer of minimum 1 dag geselecteerd
      //console.log(startDate);
      //console.log(endDate);
      
      if(cleanStart.getTime() == cleanEnd.getTime()){
          invalid = true;
          console.log("gelijke start en eind");
          $('#messages_reservation').html("<div class='alert alert-danger'>  Je aankomst- en vertrekdag kan niet dezelfde zijn </div>");
      }
	  
	  // controleer of minimum aantal dagen geselecteerd
	  console.log("min date: 2020-10-25");
	  console.log("min days: 5");

	    var periodDate = '2020-10-25';
    	var periodDays = '5';
    	if((periodDate !== '')) {
        var res = periodDate.split("/");
        var setPeriod = new Date(res[2],res[1] - 1, res[0]);
			
		}
    
    if (invalid) {
      //console.log('invalid');
		
        $('#detail_reservation').hide();
		$('#detail_prijs').hide();
		
        $("#vanaf").val(formatDate(start));
        $("#tot").val(formatDate(end));
        $("#dataverblijf").val(getDatesVerblijf(startDate, endDate));
    }else{
        $("#vanaf").val(formatDate(start));
        $("#tot").val(formatDate(end));
        $("#dataverblijf").val(getDatesVerblijf(startDate, endDate));
    
		$('#dateform').submit();
		
	}
  });
});
	
	
	});

	
</script>

<div class="container-fluid filterbar">
  <div class="row ">
    <div class="col-auto mr-auto" id="search_count">
      <div>
        <h2 class="page-title"><a data-toggle="tooltip" data-placement="top" title="terug naar overzicht" class="backbutton" href="/nl/vakantieverhuur"><img src="/img/icons/icon_back.png" width="24" /></a> VISSERSHUIS 18 <span class="splitter hide-mobile">|</span> <span class="extra hide-mobile">verdieping 0</span></h2>
      </div>
    </div>
    <div class="col-auto" id="search_filter"> </div>
  </div>
</div>
<div class="collapse dont-collapse-sm" id="sticky-search">
  <div>
    <h3>Beschikbaarheid &amp; tarieven</h3>
    <form method="post" autocomplete="off" id="dateform">
      <input type="hidden" name="req_type" value="get_app" />
      <input type="hidden" name="slug" id="slug" value="villa-vissershuis-18" />
      <input type="hidden" name="vanaf" id="vanaf" value="" />
      <input type="hidden" name="tot" id="tot" value="" />
      <div class="row">
        <div class="col">
          <label>aankomst en vertrekdatum</label>
          <div class="form-group">
            <input id="dataverblijf" readonly="true" class="form-control clickable input-md input-calendar" placeholder="selecteer data" type="text" name="dataverblijf" value="">
          </div>
        </div>
      </div>
		
		
		<div id="messages_reservation"> </div>
      <div class="row"><div class="col conditions">
					  <p>Tijdens schoolvakanties kan je enkel reserveren van vrijdag tot vrijdag.</p>
					  </div></div>
<div class="mb-12">
        <div class=" pand_prijs vanaf"><span class="legal">vanaf</span> â‚¬ 1019 <span class="smaller">/week</span> </div>
      </div>   
<div class="mb-3">
        <div class=" pand_prijs_voorwaarden"> Selecteer een periode om uw prijs te berekenen </div>
      </div>
<script type="text/javascript">
	function checkavailability() {
		document.getElementById("dataverblijf").click();
		
		gtag('event', 'controleer beschikbaarheid', {
	  	'event_category': 'detailpagina'
		});
	}
</script>
 <div id="beschikbaarheid">
    <div class="mb-12">
        <div class=""> <a  href="javascript:void(0);" id="checkavailability" onclick="checkavailability()" class="btn btn-dark btn-info">controleer beschikbaarheid</a> </div>
      </div>
    </div>


      <div class="mb-12"> <a href="#info"  onclick="showinformationblock()" class="link-blue">vraag meer informatie</a> </div>
      <!-- <div class="mb-12">
        <div class="pand_prijs_opties">
          <h4>Extra service</h4>
		  [[opties_mogelijkheden_detailpagina]]
          <div>huren garage <span class="extra">| â‚¬ 25/nacht</span></div>
          <div>reserveren poetsbeurt <span class="extra">| â‚¬ 125</span></div>
        </div>
      </div>-->
		<div class="mt-5">&nbsp;</div>
      <div class="mb-12 mt-5">
        <div class="promo-block">
          <div class="ribbon ribbon-top-right"><span>promo</span></div>
          <span class="promo-large">4 weken = -25%</span> <span class="promo-large">3 weken = -15%</span> <span class="promo-legal">enkel geldig buiten schoolvakanties</span> </div>
      </div>
    </form>
  </div>
</div>
<div class="container-fluid filtersetbar d-md-none">
  <div class="row ">
    <div class="col-auto mr-auto criteria no-criteria"><span class="datum" id="datumMobile"></span><span class="price">â‚¬ 1019 <span class="smaller">/week</span></span></div>
    <div class="col-auto"><a data-toggle="collapse" class="btn-filter" data-target="#sticky-search">criteria aanpassen</a></div>
  </div>
</div>   


<div class="container-fluid detail-pane-images">
  <div class="row row-image-detail"><div class='btn-foto'>toon alle 11 foto's</div><a href='/img/app/6821.jpg'  class='img-placeholder lazy col col-image-detail ' data-toggle='lightbox' data-gallery='hidden-images' data-src='/img/app/6821.jpg' ><img  class='img-fluid ' title='foto 1' alt='foto 1' src='/img/placeholders/img_empty.png'/></a><a href='/img/app/6822.jpg'  class='img-placeholder lazy col col-image-detail d-none d-sm-block' data-toggle='lightbox' data-gallery='hidden-images' data-src='/img/app/6822.jpg' ><img  class='img-fluid ' title='foto 2' alt='foto 2' src='/img/placeholders/img_empty.png'/></a><a href='/img/app/6823.jpg'  class='img-placeholder lazy col col-image-detail d-none d-xl-block' data-toggle='lightbox' data-gallery='hidden-images' data-src='/img/app/6823.jpg' ><img  class='img-fluid ' title='foto 3' alt='foto 3' src='/img/placeholders/img_empty.png'/></a><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/6824.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/6827.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/6828.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/6829.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/6830.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/6831.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/10346.jpg'></div><div data-toggle='lightbox' data-gallery='hidden-images' data-remote='/img/app/10347.jpg'></div> </div>
</div>
<div class="container detail-pane">
  <div class="intro mt-3">
    <div class="row">
      <div class="col mt-5">
        <h2 class="large-light">Villa  met 3 slaapkamer(s)  voor 8 personen  op het gelijkvloers</h2>
      </div>
    </div>
    <div class="row">
      <div class="col mt-3">
        <p>Idyllische, zeer verzorgde villa met de charme van een vissershuis in &eacute;&eacute;n van de mooiste wijken van De Panne. Toegang tot het Calmeynbos en het natuurreservaat &#039;De Westhoek&#039;, de zee bevindt zich op wandelafstand. Rondom de woning is een prachtige tuin met ruim zonneterras waar het heerlijk vertoeven is.
</p>
      </div>
    </div>
    <div class="mobile-only">
    
</div> 
  </div>
  <div class="pane_white  mt-5 mb-5">
    <div class="voorzieningen">
      <div class="row  mb-2">
        <div class="col">
          <h4 class="tussentitel-orange">voorzieningen</h4>
        </div>
      </div>
      <div class="row  mb-2"> <div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-wifi.png' /> WiFi
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-zonnekant.png' /> zonnekant
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-verboden.png' /> huisdieren verboden
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-garage.png' /> garage
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-vaatwas.png' /> vaatwas
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-roken.png' /> roken verboden
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-terras.png' /> terras
          </div><div class='col-12 col-lg-6 col-xl-4 mt-4'>
            <img src='/img/icons/icon-lift.png' /> lift aanwezig
          </div> </div>
    </div>
    <div class=" mt-5" id="beschrijving">
      <div class="row mb-2">
        <div class="col mt-2">
          <h4 class="tussentitel-orange">omschrijving</h4>
        </div>
      </div>
      <div class="row mb-2 situering">
        <div class="col mt-2" id="beschrijving_content"><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>LIGGING:</strong> </div>
            <div class="col ">Zicht op de westhoek </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">Zonnekant </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>Terras</strong> </div>
            <div class="col ">Ruim zonneterras </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">Zongerichte tuin </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>WOONKAMER met</strong> </div>
            <div class="col ">divanbed 2 pers. </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">analoge televisie zonder wereldzenders </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">internet </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">vloerbedekking: tegels </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">rustiek interieur </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>KEUKEN met</strong> </div>
            <div class="col ">oven </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">vaatwasmachine </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>BADKAMER met</strong> </div>
            <div class="col ">bad </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">toilet </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>Douchecel</strong> </div>
            <div class="col ">DOUCHECEL met toilet </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>Toilet apart</strong> </div>
            <div class="col ">Toilet apart </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>SLAAPKAMER 1:</strong> </div>
            <div class="col ">tweepersoonsbed </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">vloerbedekking: vinyl </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>SLAAPKAMER 2:</strong> </div>
            <div class="col ">tweepersoonsbed </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">vloerbedekking: vinyl </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>SLAAPKAMER 3:</strong> </div>
            <div class="col ">twee &eacute;&eacute;npersoonsbedden </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>&nbsp;</strong> </div>
            <div class="col ">vloerbedekking: vasttapijt </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>DEKENS OF DONSDEKENS</strong> </div>
            <div class="col ">Donsdekens </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>Extra</strong> </div>
            <div class="col ">Huisdieren verboden </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong>Garage</strong> </div>
            <div class="col ">Garage inbegrepen </div>
          </div><div class="row mt-2">
            <div class="col-12 col-lg-3 col-xl-3"> <strong></strong> </div>
            <div class="col "> </div>
          </div></div>
      </div>
    </div>
	  <script type="text/javascript">
			var options = $("#beschrijving_content").html();
			if(options=='') document.getElementById("beschrijving").setAttribute("style","display:none");
		</script> 
    <div class="locatie mt-5">
      <div class="row mb-2">
        <div class="col mt-4">
          <h4 class="tussentitel-orange">locatie</h4>
          <div>GROENE BIEZENLAAN 16, 8660 DE PANNE</div>
		<div><a href="javascript:void(0);" id="maptoggle">toon op kaart</a></div> 
        </div>
      </div>
      <div class="row">
        <div class="col mt-4">
          <div id="map-small"></div>
        </div>
      </div>
    </div>
    <a name="info" id="info"></a> </div>
    
    <div class="mobile-onl" id="reservationavailable"></div>
	<script>
	function checkavailabilityandscroll() {
		
		//$("html, body").animate({ scrollTop: 0 }, "slow");
		if(window.outerWidth > 425) {
			console.log("mobile");
		}
		 
		
		$(window).scrollTop(0);
		var scrollw = 0;
		$(window).scroll(function() {
			clearTimeout($.data(this, 'scrollTimer'));
			$.data(this, 'scrollTimer', setTimeout(function() {
				if(scrollw === 0){
				// do something
				$("#sticky-search").show();
		 		document.getElementById("dataverblijf").click();
				scrollw = 1;
					}
			}, 150));
				
		});
		
		
		gtag('event', 'controleer beschikbaarheid - onderaan', {
	  	'event_category': 'detailpagina'});
	}
	</script>
	
	
	<div id="beschikbaarheid_check" style="display: none;">
    <div class="mb-12">
        <div class=""> <a href="javascript:void(0);" id="checkavailabilityandscroll" onclick="checkavailabilityandscroll()" class="btn btn-dark btn-info">controleer beschikbaarheid</a> </div>
      </div>
    </div>
	
	<div class="mb-12" id="infolinkblock"> <a href="#" onclick="showinformationblock()" class="link-blue">vraag meer informatie</a> </div>
	
	<script type="text/javascript">
		$(document).ready(function(){
			var reserv = $("#reservationavailable").html();
			if(reserv=='') $("#beschikbaarheid_check").show();
		});
		
		
		function showinformationblock(){
			$("#contactformblock").show();
			$("#infolinkblock").hide();
			
			$('body,html').animate({scrollTop: ($("#info").offset().top - 140)}, 300);
		}
		
	
</script>

    
  <div class="contact mb-5 no-print" id="contactformblock" style="display: none;">
    <div class="row justify-content-md-center">
      <div class="col-12 justify-content-center contactform">
		
        <form class="needs-validation" novalidate id="contactform">
          <h2 class="largetitle text-center mt-5">Informatie aanvragen</h2>
          <h4 class="text-center mt-2">De beschikbaarheid van het appartement kan u steeds online controleren. Voor eventuele andere vragen kan u ons steeds contacteren via onderstaand formulier.</h4>
			<div id="messages"></div>
          <div class="row mt-5">
            <div class="col-12 col-sm-6">
              <label>voornaam*</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="voornaam" id="voornaam">
                <div class="invalid-feedback"> voornaam is verplicht </div>
              </div>
            </div>
            <div class="col-12 col-sm-6">
              <label>naam*</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="naam" id="naam">
                <div class="invalid-feedback"> naam is verplicht </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-sm-6">
              <label>telefoon*</label>
              <div class="form-group">
                <input type="text" class="form-control" required name="telefoon" id="telefoon">
                <div class="invalid-feedback"> telefoonnummer is verplicht </div>
              </div>
            </div>
            <div class="col-12 col-sm-6">
              <label>e-mail*</label>
              <div class="form-group">
                <input type="email" class="form-control" required name="email" id="email">
                <div class="invalid-feedback"> een correct e-mail adres is verplicht </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-sm-6">
              <label>adres</label>
              <div class="form-group">
                <input type="text" class="form-control"  name="adres" id="adres">
                <div class="invalid-feedback"> adres is verplicht </div>
              </div>
            </div>
            <div class="col-6 col-md-3">
              <label>nummer</label>
              <div class="form-group">
                <input type="text" class="form-control"   name="nummer" id="nummer">
                <div class="invalid-feedback"> nummer is verplicht </div>
              </div>
            </div>
            <div class="col-6 col-md-3">
              <label>postcode</label>
              <div class="form-group">
                <input type="text" class="form-control"  name="postcode" id="postcode">
                <div class="invalid-feedback"> postcode is verplicht </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 col-sm-6">
              <label>woonplaats</label>
              <div class="form-group">
                <input type="text" class="form-control"  name="woonplaats" id="woonplaats">
                <div class="invalid-feedback"> woonplaats is verplicht </div>
              </div>
            </div>
            <div class="col-12 col-sm-6">
              <label>land</label>
              <div class="form-group">
                <input type="text" class="form-control"  name="land" id="land">
                <div class="invalid-feedback"> land is verplicht </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col">
              <label>vraag*</label>
              <div class="form-group">
                <textarea class="md-textarea form-control" required rows="3" placeholder="Graag had ik wat meer informatie gewenst over ..." name="vraag" id="vraag"></textarea>
                <div class="invalid-feedback"> Gelieve uw vraag te specifiÃ«ren </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col text-center">
              <button type="submit" class="btn btn-dark btn-send-form">versturen</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="row detail_voorwaarden mt-5 mb-5">
    <div class="col conditions">
      <h2>Huurvoorwaarden</h2>
      <p>
      Aankomst vanaf 16u en vertrek ten laatste 10u
        <br/>De reservatie is geldig vanaf het ogenblik dat de huurder een voorschot betaalt gelijk aan de helft van de huurprijs.
        <br/>Saldo te betalen 15 dagen vÃ³Ã³r het betrekken van de woning
        <br/></p>
		<p><strong>NIET INBEGREPEN in huurprijs:</strong> waarborg, verbruik van elektriciteit en gas (volgens individuele tellers), annulatieverzekering en eventuele schadegevallen. Het saldo van de waarborg wordt terugbetaald binnen de 2 maand na vertrek.</p>
    </div>
  </div>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyABWFaoppWCYwPrPrK5HzrWmiyRNZkKsGQ&callback=initMap" async defer></script>


 <script>
       // when form is submit
	   var form_id='#contactform';
	   var scroll_to_top=false;
	   var post_to="/nl/contact";
	   var form_type="huurpand_contactform";

    $(form_id).submit(function() {
		$("#messages").html('');
	 event.preventDefault();
		
	 if($(form_id)[0].checkValidity() === false) {
		 event.preventDefault();
         event.stopPropagation();
		 $(form_id).addClass('was-validated');
		return;
		}
        // we stopped it
        event.preventDefault();
     
		var values = {};
		var loadingText = "<span><i class='fa fa-spinner fa-spin'></i>&nbsp;&nbsp;</span>";
		var btntext = $(".btn-send-form").html();
	
		$(".btn-send-form").html(loadingText + btntext);
		$(".btn-send-form").addClass('btn-disabled');
		$(".btn-send-form").attr("disabled", true);
		$.each($(form_id).serializeArray(), function(i, field) {
			$("#"+field.name).removeClass("is-invalid");
		});
							
        // needs for recaptacha ready
        grecaptcha.ready(function() {
            // do request for recaptcha token
            // response is promise with passed token
            grecaptcha.execute('6Ld4DMMUAAAAACFMljpky_xksYQbaNi-DRM6G9Yr', {action: 'create_comment'}).then(function(token) {
                // add token to form
               // $('#comment_form').prepend('<input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response" value="' + token + '">');
				values["token"]=token;
				values["form_type"]=form_type;
				values["slug"]='villa-vissershuis-18';
				$.each($(form_id).serializeArray(), function(i, field) {
				values[field.name] = field.value;
			});
			
                    //$.post("../../test/form.php",values, function(result) {
                    $.post(post_to,values, function(result) {
						
						$(".btn-send-form").removeClass('btn-disabled');
						$(".btn-send-form").removeAttr("disabled");
						$(".btn-send-form span").remove();
						   
                            if(result.success==true) {
                                    //alert('Thanks for posting.')
									// leegmaken formulier
								gtag('event', 'informatieform (huur) - succes', {'event_category': 'vakantieverhuur - nl - villa-vissershuis-18'});
									
									$("#messages").html("<div class='alert alert-success'>Bedankt voor uw aanvraag, wij contacteren u zo spoedig mogelijk.</div>");
									$('body,html').animate({scrollTop: ($("#messages").offset().top - 140)}, 300);
								
									$(form_id).removeClass('was-validated');
									$.each($(form_id).serializeArray(), function(i, field) {
										$("#"+field.name).val("");
										$("#"+field.name).removeClass("is-invalid");
									});
									
									
                            } else {
									gtag('event', 'informatieform (huur) - error', {'event_category': 'vakantieverhuur - nl - villa-vissershuis-18'});
                                    //alert('Error occured.')
									//$("#messages").html("<div class='alert alert-danger'>"+result.html+"</div>");
									$("#messages").html("<div class='alert alert-danger'>EÃ©n of meerdere velden bevatten incorrecte waardes</div>");
								
									$('body,html').animate({scrollTop: ($("#messages").offset().top - 140)}, 300);
									
									
									try{
									
									var feedback_error_fields={};
									feedback_error_fields=result.feedback_error_fields;
									//alert(feedback_error_fields.length);
									feedback_error_fields.forEach(function(item,index){
										//alert(item);
										$("#"+item).addClass("is-invalid");
										});
									}
									catch(e) {
										//alert(e.message);
										//console.log("Excpetion:"+e.message);
									}
									
									
                            }
                    });
            });;
        });
  });

  </script>


<footer>
	<div class="container">
	<div class="row">
	<div class="col footer">
		<img src="/img/webcontent/driemo_logo_dark.png" width="150" />
		<p>
		Zeedijk 27, 8660 De Panne<br/>
+32 (0)58 41 51 36  |  <a href="mailto:agence@driemo.be">agence@driemo.be</a>
		</p>
		<a href="https://www.facebook.com/agencedriemo/" target="_blank" class="social-icon"><img src="/img/icons/icon_fb.png" alt="Facebook" width="26" /></a>
        <a href="https://www.instagram.com/agencedriemo/" target="_blank" class="social-icon"><img src="/img/icons/icon_instagram.png" alt="Instagram" width="26" /></a>
		
		<p class="legal">
		Agence Driemo is onderworpen aan de deontologische code van het BIV. Erkend Vastgoedmakelaar met B.I.V. nr. 205405 - plichtenleer cfr.KB van 27/9/2006 -
BTW: BE0406.457.615 - Land van toekenning is BelgiÃ«. Adres B.I.V.: Luxemburgstraat, 16B, 1000 Brussel      <a href="/nl/voorwaarden">voorwaarden</a>     |     <a href="/nl/disclaimer">disclaimer</a> 
		</p>
		
		</div>
	</div></div>
</footer>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NJQK9H"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

</body>
</html>