<div class="content">
    <div class="header-image">

        <div class="content-image ">
            <img src="/public/images/static/locatie/shutterstock_163682870_Header.jpg" alt="locationHeader"/>
        </div>
        <div class="fixed">
            <img src="/public/images/structure/logo_ouddorpduin.png" class="header-img"/>
            <div class="header-button"><a href="<?php echo LANG_ROOT ?>het-resort">Het Resort</a></div>
        </div>
    </div>

    <div class="fixed">
        <h1>Uw recreatievilla direct aan zee</h1>
        <div class="column-left">
            <h2>Het eiland Goeree-Overflakkee</h2>
            <p>Een eiland met een eigen sfeer. Goeree-Overflakkee hoort al eeuwenlang bij Zuid-Holland, maar wordt door zijn eigen dialect en karakteristieke landschap vaak gezien als het noordelijkste Zeeuwse eiland. Het ongerepte eiland wordt omsloten door de Noordzee, het Haringvliet, het Volkerak en het Grevelingenmeer.</p>
            <h2>Mooi Ouddorp</h2>
            <p>Ouddorp is letterlijk een oud dorp dat karakteristiek is voor Goeree-Overflakkee. De leeftijd van Ouddorp is niet exact bekend. Het dorp is misschien al rond het jaar 900 ontstaan. Daarmee is het de oudste plaats van het eiland. Meerdere malen werd het dorp gekozen tot “De beste badplaats van Nederland”.</p>
        </div>
        <div class="column-right">
            <h2>Actief genieten</h2>
            <p>Maak kennis met de veelzijdigheid van Goeree-Overflakkee. Of u nu wilt fietsen, wandelen, zonaanbidden of watersporten, de mogelijkheden zijn eindeloos. Naast zon, zee en strand is een bezoek aan een van de karakteristieke dorpjes en stadjes zeker de moeite waard. Actief zijn én genieten tegelijk!</p>
            <h2>Prachtige natuur</h2>
            <p>Natuur in al haar facetten vindt u volop in de omgeving van Ouddorp en Goedereede. Naast brede stranden vindt u er het karakteristieke schorren- en slikkenlandschap en natuurlijk uitgestrekte duingebieden. Geniet van de ongerepte natuur tijdens een korte of langere wandeling langs prachtige, afwisselende routes. Rust en ruimte. U vindt het hier volop.</p>
        </div>
        <div class="column-width clear">
            <div class="slideshow">
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/_mg_1018.png">
                    <img src="/public/images/static/locatie/slideshow/_mg_1018.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/_mg_1059.png">
                    <img src="/public/images/static/locatie/slideshow/_mg_1059.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/_mg_1193.png">
                    <img src="/public/images/static/locatie/slideshow/_mg_1193.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/def_mg_0642.png">
                    <img src="/public/images/static/locatie/slideshow/def_mg_0642.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/def_mg_0922.png">
                    <img src="/public/images/static/locatie/slideshow/def_mg_0922.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/def_mg_1208.png">
                    <img src="/public/images/static/locatie/slideshow/def_mg_1208.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/def2_mg_0615-2.png">
                    <img src="/public/images/static/locatie/slideshow/def2_mg_0615-2.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/def2_mg_0640.png">
                    <img src="/public/images/static/locatie/slideshow/def2_mg_0640.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/kwade-hoek.png">
                    <img src="/public/images/static/locatie/slideshow/kwade-hoek.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/shutterstock_57825844.png">
                    <img src="/public/images/static/locatie/slideshow/shutterstock_57825844.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/shutterstock_163682870.png">
                    <img src="/public/images/static/locatie/slideshow/shutterstock_163682870.jpg" alt="" />
                </a>
                <a class="slideshowimg" rel="slideshow" href="/public/images/static/locatie/shutterstock_180884936.png">
                    <img src="/public/images/static/locatie/slideshow/shutterstock_180884936.jpg" alt="" />
                </a>
            </div>
        </div>
    </div>
</div>

<div class="column-fullwidth clear">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyAwIjIsKwHFh6-hqEyDh_VLg049tfjWjOE"> </script><script src="/public/js/modal.js"> </script><script type="text/javascript">

        function initialize() {

            var styles = [
                {
                    "featureType": "road",
                    "elementType": "labels",
                    "stylers": [
                        { "visibility": "off" }
                    ]
                },{
                    "featureType": "transit",
                    "stylers": [
                        { "visibility": "off" }
                    ]
                },{
                }
            ];

            var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"});

            var myLatlng = new google.maps.LatLng(51.823763,3.904867);
            var mapOptions = {
                zoom: 10,
                scrollwheel: false,
                center: myLatlng,
                mapTypeControlOptions: {
                    mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
                }
            }
            var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
            map.mapTypes.set('map_style', styledMap);
            map.setMapTypeId('map_style');

            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                icon: '/public/images/structure/pointer.png',
                title: 'Strand Resort Ouddorp Duin'
            });
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script><div class="modal hide fade in" id="youtubemodal"><div class="modal-header"><a data-dismiss="modal" class="close">×</a><h2>Strand Resort Ouddorp Duin - Omgeving</h2></div><div class="modal-body"><iframe width="560" height="315" src="//www.youtube.com/embed/7-61sDlyF6k" frameborder="0" allowfullscreen="true"> </iframe></div><div class="modal-footer"><a href="#" data-dismiss="modal">Sluiten</a></div></div>
<!--    <div class="fixed locatie"><div class="locatie-text"><h1>Locatie</h1><p>Goeree-Overflakkee hoort al eeuwenlang bij Zuid-Holland, maar wordt door zijn eigen dialect en karakteristieke landschap vaak gezien als het noordelijkste Zeeuwse eiland. Het ongerepte eiland wordt omsloten door de Noordzee, het Haringvliet, het Volkerak en het Grevelingenmeer.</p><a href="#youtubemodal" data-toggle="modal" class="more">Bekijk locatievideo</a></div></div>-->
    <div id="map-canvas"></div>
</div>