<div class="plattegrond">
    <div class="fixed">
        <h1>Parkplan</h1>
        <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; ?>hauser/die-ostdune">
                    <div class="legenda_item" id="Oostduin">
                        <div class="persons">4</div>
                        <h4>Die Ostdüne<br/><span>4 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-mitteldune">
                    <div class="legenda_item" id="Middenduin">
                        <div class="persons">4</div>
                        <h4>Die Mitteldüne<br/><span>4 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-westdune">
                    <div class="legenda_item" id="Westduin">
                        <div class="persons">4</div>
                        <h4>Die Westdüne<br/><span>4 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-sanddune">
                    <div class="legenda_item" id="Zandduin">
                        <div class="persons">6</div>
                        <h4>Die Sanddüne<br/><span>6 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-rieddune">
                    <div class="legenda_item" id="Rietduin">
                        <div class="persons">6</div>
                        <h4>Die Rieddüne<br/><span>6 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-wanderdune">
                    <div class="legenda_item" id="Stuifduin">
                        <div class="persons">6</div>
                        <h4>Die Wanderdüne<br/><span>6 personen</span></h4>

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

            <div class="legendaRight">
                <a href="<?php echo LANG_ROOT; ?>hauser/die-seedune">
                    <div class="legenda_item" id="Zeeduin">
                        <div class="persons">6</div>
                        <h4>Die Seedüne<br/><span>6 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-springerdune">
                    <div class="legenda_item" id="Springerduin">
                        <div class="persons">6</div>
                        <h4>Die Springerdüne<br/><span>6 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-klapperdune">
                    <div class="legenda_item" id="Klepperduin">
                        <div class="persons">8</div>
                        <h4>Die Klapperdüne<br/><span>8 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-guckdune">
                    <div class="legenda_item" id="Kijkduin">
                        <div class="persons">8</div>
                        <h4>Die Guckdüne<br/><span>8 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-ardune">
                    <div class="legenda_item" id="Arduin">
                        <div class="persons">10</div>
                        <h4>Die Ardüne<br/><span>10 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-grasdune">
                    <div class="legenda_item" id="Grasduin">
                        <div class="persons">10</div>
                        <h4>Die Grasdüne<br/><span>10 personen</span></h4>

                        <div class="clear"></div>
                    </div>
                </a>
                <a href="<?php echo LANG_ROOT; ?>hauser/die-altdune">
                    <div class="legenda_item" id="Oudduin">
                        <div class="persons">12</div>
                        <h4>Die Altdüne<br/><span>12 personen</span></h4>

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