<div class="plattegrond">
    <div class="fixed">
        <h1>De parkplattegrond</h1>
        <img class="loading" alt="loading" src="/public/images/static/resort/default.svg"/>
        <div class="hover-state">
            <img src="/public/images/static/resort/plattegrond_duinvallei_All.png" alt="" id="plattegrond_img" />
            <img src="/public/images/static/resort/plattegrond_duinvallei_Arduin.jpg" alt="" id="plattegrond_Arduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Grasduin.jpg" alt="" id="plattegrond_Grasduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Kijkduin.jpg" alt="" id="plattegrond_Kijkduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Klepperduin.jpg" alt="" id="plattegrond_Klepperduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Middenduin.jpg" alt="" id="plattegrond_Middenduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Oostduin.jpg" alt="" id="plattegrond_Oostduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Oudduin.jpg" alt="" id="plattegrond_Oudduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Rietduin.jpg" alt="" id="plattegrond_Rietduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Springerduin.jpg" alt="" id="plattegrond_Springerduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Stuifduin.jpg" alt="" id="plattegrond_Stuifduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Westduin.jpg" alt="" id="plattegrond_Westduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Zandduin.jpg" alt="" id="plattegrond_Zandduin"/>
            <img src="/public/images/static/resort/plattegrond_duinvallei_Zeeduin.jpg" alt="" id="plattegrond_Zeeduin"/>
        </div>

        <div class="legenda">
            <div class="logo"> <img alt="resort Ouddorp" src="/public/images/structure/logo_ouddorpduin2.png"/></div>
            <div class="legendaLeft">
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-oostduin">
                    <div class="legenda_item" id="Oostduin">
                        <div class="persons">4</div>
                        <h4>De Oostduin<br/><span>4 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-middenduin">
                    <div class="legenda_item" id="Middenduin">
                        <div class="persons">4</div>
                        <h4>De Middenduin<br/><span>4 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-westduin">
                    <div class="legenda_item" id="Westduin">
                        <div class="persons">4</div>
                        <h4>De Westduin<br/><span>4 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-zandduin">
                    <div class="legenda_item" id="Zandduin">
                        <div class="persons">6</div>
                        <h4>De Zandduin<br/><span>6 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-rietduin">
                    <div class="legenda_item" id="Rietduin">
                        <div class="persons">6</div>
                        <h4>De Rietduin<br/><span>6 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-stuifduin">
                    <div class="legenda_item" id="Stuifduin">
                        <div class="persons">6</div>
                        <h4>De Stuifduin<br/><span>6 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
            </div>
            <div class="legendaRight">

                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-zeeduin">
                    <div class="legenda_item" id="Zeeduin">
                        <div class="persons">6</div>
                        <h4>De Zeeduin<br/><span>6 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-springerduin">
                    <div class="legenda_item" id="Springerduin">
                        <div class="persons">6</div>
                        <h4>De Springerduin<br/><span>6 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-klepperduin">
                    <div class="legenda_item" id="Klepperduin">
                        <div class="persons">8</div>
                        <h4>De Klepperduin<br/><span>8 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-kijkduin">
                    <div class="legenda_item" id="Kijkduin">
                        <div class="persons">8</div>
                        <h4>De Kijkduin<br/><span>8 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-arduin">
                    <div class="legenda_item" id="Arduin">
                        <div class="persons">10</div>
                        <h4>De Arduin<br/><span>10 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-grasduin">
                    <div class="legenda_item" id="Grasduin">
                        <div class="persons">10</div>
                        <h4>De Grasduin<br/><span>10 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>de-woningen/de-oudduin">
                    <div class="legenda_item" id="Oudduin">
                        <div class="persons">12</div>
                        <h4>De Oudduin<br/><span>12 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
            </div>
        </div>
        <div class="clear"> </div>
    </div>