<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 ?>das-resort">Das Resort</a></div>
        </div>
    </div>

    <div class="fixed">
        <h1>Ihre Rekreationsvilla direkt am Meer</h1>
        <div class="column-left">
            <h2>Die Insel Goeree-Overflakkee</h2>
            <p>Eine Insel mit einer eigenen Atmosph&auml;re. Goeree-Overflakkee geh&ouml;rt schon jahrhundertelang zur Provinz S&uuml;dholland, aber dank ihres eignen Dialektes und ihrer eignen Landschaft sieht man sie eher als die n&ouml;rdlichste seel&auml;ndische Insel. Die unber&uuml;hrte Insel ist mit der Nordsee, Haringvliet, Volkerak und dem Grevelingensee umgeben.</p>
            <h2>Sch&ouml;nes Ouddorp</h2>
            <p>Ouddorp bedeutet buchst&auml;blich &bdquo;altes Dorf&ldquo;, und das ist charakteristisch f&uuml;r Goeree-Overflakkee. Der Alter von Ouddorp ist nicht ganz bekannt. Das Dorf ist vielleicht schon im Jahr 900 entstanden. Das bedeutet, dass es der &auml;lteste Ort der Insel ist. Ouddorp ist schon verschiedene Male zum &bdquo;besten Badeort in den Niederlanden&ldquo; ausgerufen.</p>
        </div>
        <div class="column-right">
            <h2>Aktiv genie&szlig;en</h2>
            <p>Zu Ihren  F&uuml;ssen liegt die vielseitige Insel Goeree-Overflakkee. Sie k&ouml;nnen hier Rad fahren, spazieren, sonnen oder Wassersport treiben, die M&ouml;glichkeiten sind wirklich unbegrenzt. Neben Sonne, Meer und Strand lohnt sich ein Besuch in die charakteristischen D&ouml;rfer und St&auml;dtchen ohne Zweifel. So sind Sie aktiv und genie&szlig;en Sie zugleich auf der Insel!</p>
            <h2>Pr&auml;chtige Natur</h2>
            <p>Umfangreiche und bunte Natur finden Sie  in der Umgebung Ouddorp und Goedereede. Neben breiten Str&auml;nden finden Sie hier die charakteristische Groden- und Schlammlandschaft und nat&uuml;rlich weitr&auml;umige D&uuml;nengebiete. Genie&szlig;en Sie die unber&uuml;hrte Natur w&auml;hrend eines kurzen oder langen Spaziergangs &uuml;ber pr&auml;chtige, abwechselnde Routen. Ruhe und Raum sind hier reichlich anwesend.</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>Umgebung</h1>-->
<!---->
<!--            <p>Eine Insel mit einer eigenen Atmosph&auml;re. Goeree-Overflakkee geh&ouml;rt schon jahrhundertelang zur-->
<!--                Provinz S&uuml;dholland, aber dank ihres eignen Dialektes und ihrer eignen Landschaft sieht man sie eher-->
<!--                als die n&ouml;rdlichste seel&auml;ndische Insel. Die unber&uuml;hrte Insel ist mit der Nordsee,-->
<!--                Haringvliet, Volkerak und dem Grevelingensee umgeben.-->
<!--            </p>-->
<!--            <a href="#youtubemodal" data-toggle="modal" class="more">Umgebung video ansehen</a>-->
<!--        </div>-->
<!--    </div>-->
    <div id="map-canvas"></div>
</div>