<html>
    <meta>
        <meta charset="UTF-8">

        <title>{{ Meta.Title }}</title>
        <meta name="description" content="{{ Meta.Description }}" />
        <meta name="keywords" content="{{ Meta.Keywords }}" />
        <link rel="stylesheet" type="text/css" href="../assets/css/main.css">
    </meta>

    <body>
        {% block header %}
        <header>
            <div class="langSelect">
                {% for nav in NavSlice %}
                    <a href="{{ nav.GoTo }}" {% if nav.Active %}class="active"{% endif %}><img src="../assets/img/{{ nav.Navname }}.png" alt="{{ nav.Navname }}" style="height: 20px;"></a>
                {% endfor %}
            </div>
            <div id="logoDiv"><img src="../assets/img/logo.png"></div>
            <div id="mainNavDiv" class="nav">
                <table border="0" style="width: 100%">
                    <tr>
                        <td>
                            <div><b>main Level 1 ...</b></div>
                            <ul>
                                {% for nav in NavActive.0.SubMap.main.SubSlice %}
                                <li {% if nav.Active %}class="active"{% endif %}><a href="{{ nav.GoTo }}" title="{{ nav.This.Data.hoverText }}">{{ nav.Navname }}</a>
                                    {% if nav.SubSlice %}
                                    <ul>
                                        {% for nav2 in nav.SubSlice %}
                                        <li {% if nav2.Active %}class="active"{% endif %}><a href="{{ nav2.GoTo }}" title="{{ nav2.This.Data.hoverText }}">{{ nav2.Navname }}</a>
                                        </li>
                                        {% endfor %}
                                    </ul
                                    {% endif %}
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td>
                            <div><b>main/service Level 2</b></div>
                            <ul>
                                {% for nav in NavActive.2.SubSlice %}
                                <li {% if nav.Active %}class="active"{% endif %}><a href="{{ nav.GoTo }}" title="{{ nav.This.Data.hoverText }}">{{ nav.Navname }}</a>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                    </tr>
                </table>
            </div>
        </header>
        {% endblock %}


        {% block breadcrumb %}
        <div id="breadcrumb">
            {% for nav in NavActive %}
                <a href="{{ nav.GoTo }}" title="{{ nav.This.Data.hoverText }}">{{ nav.Navname }}</a>
            {% endfor %}
        </div>
        {% endblock %}

        {% block content %}
        <div id="content">
            {{ Body }}
        </div>
        {% endblock %}

        {% block footer %}
        <footer class="nav">
            <div><b>service Level 1</b></div>
            <ul>
                {% for nav in NavActive.0.SubMap.service.SubSlice %}
                <li {% if nav.Active %}class="active"{% endif %}><a href="{{ nav.GoTo }}" title="{{ nav.This.Data.hoverText }}">{{ nav.Navname }}</a></li>
                {% endfor %}
            </ul>
        </footer>
        {% endblock %}

    </body>
</html>