<div class="cleaner"> </div>
<nav id="mobile-subnav" class="u-hidden@desktop u-hidden@wide{% if isHome %} mobile-subnav-home{% endif %} u-padding-top-small u-push-1/3@tablet u-2/3@tablet u-4/4@mobile u-margin-top-none">
<ul id="nav-subnav" class="u-margin-left-none u-padding-left-none">
<li id="nav-subnav-home-active">
<a href="{{ path('notaris_frontend_homepage') }}" class="c-link c-link--aside">
Home
</a>
</li>
<li{% if websiteSlug == 'notaris' or websiteSlug == 'notaire' %} class="nav-notaris-active"{% endif %} id="nav-notaris{% if notaryId is defined %} sven{% endif %}">
<a href="{{ path('notaris_frontend_subsite', {'slug': 'slg_notaris' | trans }) }}" title="{{ 'mn_de_notaris' | trans }}" class="c-link c-link--aside{% if websiteSlug == 'notaris' or websiteSlug == 'notaire' %} hi{% endif %}">
{{ 'mn_de_notaris' | trans }}
</a>
<div class="u-hidden@tablet u-hidden@desktop">
{% if websiteSlug == 'slg_notaris' | trans %}
<aside id="content-left" class="content-left-small">
<nav class="notaris-nav">
<ul>
{% for section in subsite.sections if section.parent is null and section.isActive and section.showNavigation %}
<li {% if currentslug is defined and currentslug == section.slug %}class="active"{% endif %}>
<div class="activestate" style="height: 45px;"> </div>
<a href="{% if section.redirectUrl %}{{ section.redirectUrl }}{% else %}{{ path('notaris_frontend_subsite_detail', {'slug': subsite.slug, 'slugdetail': section.slug }) }}{% endif %}" title="{{ section.navigation }}">{{ section.navigation | raw }}</a>
{% if currentslug is defined and section.children | length > 0 and currentslug == section.slug %}
<ul>
{% for children in section.children if children.isActive %}
<li {% if currentslug2 is defined and currentslug2 == children.slug %}class="active"{% endif %}>
<div class="activestate-niv2" style="height: 27px;"> </div>
<a href="{% if children.redirectUrl %}{{ children.redirectUrl }}{% else %}{{ path('notaris_frontend_subsite_detail2', {'slug': subsite.slug, 'slugdetail': section.slug, 'slugdetail2': children.slug }) }}{% endif %}" title="{{ children.navigation | raw }}">{{ children.navigation | raw }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
<li {% if 'notaris_frontend_subsite_news' in app.request.get('_route') %}class="active"{% endif %}>
<div class='activestate'> </div>
<a href="{{ path('notaris_frontend_subsite_news', {'subsiteslug': subsite.slug}) }}" title="{{ "sn_actueel" | trans | raw }}">{{ "sn_actueel" | trans | raw }}</a>
</li>
<li {% if 'notaris_frontend_faq_subsite' in app.request.get('_route') %}class="active"{% endif %}>
<div class='activestate'> </div>
<a href="{{ path('notaris_frontend_faq_subsite', {'subsiteSlug': subsite.slug}) }}" title="{{ "sn_vragenenantwoorden" | trans | raw }}">{{ "sn_vragenenantwoorden" | trans | raw }}</a>
</li>
</ul>
</nav>
</aside>
{% endif %}
</div>
</li>
<li>
<a href="{{ 'link_naban_path' | trans }}" title="{{ 'sv_nav_naban' | trans }}" class="c-link c-link--aside">
{{ 'sv_nav_naban' | trans }}
</a>
</li>
<li{% if websiteSlug == 'nieuws-pers' or websiteSlug == 'nouveautes' %} class="active"{% endif %}>
<a href="{{ path('notaris_frontend_subsite', {'slug': 'slg_nieuws' | trans }) }}" title="{{ 'mn_nieuws' | trans }}" class="c-link c-link--aside{% if websiteSlug == 'nieuws-pers' or websiteSlug == 'nouveautes' %} hi{% endif %}">{{ 'mn_nieuws' | trans }}</a>
<div class="u-hidden@tablet u-hidden@desktop">
{% if websiteSlug == 'slg_nieuws' | trans %}
<aside id="content-left" class="content-left-small">
<nav class="notaris-nav">
<ul>
{% for section in subsite.sections if section.parent is null and section.isActive and section.showNavigation %}
<li {% if currentslug is defined and currentslug == section.slug %}class="active"{% elseif loop.first and currentslug is not defined %}class="active"{% endif %}>
<div class="activestate" style="height: 45px;"> </div>
<a href="{% if section.redirectUrl %}{{ section.redirectUrl }}{% else %}{{ path('notaris_frontend_subsite_detail', {'slug': subsite.slug, 'slugdetail': section.slug }) }}{% endif %}" title="{{ section.navigation }}">{{ section.navigation | raw }}</a>
{% if 'notaris_frontend_tv' in app.request.get('_route') and section.slug == 'slg_tv' | trans%}
<ul>
{% for children in section.children if children.isActive %}
<li {% if currentslug2 is defined and currentslug2 == children.slug %}class="active"{% endif %}>
<div class="activestate-niv2" style="height: 27px;"> </div>
<a href="{% if children.redirectUrl %}{{ children.redirectUrl }}{% else %}{{ path('notaris_frontend_tv_detail', {'slug': children.slug }) }}{% endif %}" title="{{ children.navigation | raw }}">{{ children.navigation | raw }}</a>
</li>
{% endfor %}
</ul>
{% else %}
{% if section.children | length > 0 and currentslug is defined and currentslug == section.slug %}
<ul>
{% for children in section.children if children.isActive %}
<li {% if currentslug2 is defined and currentslug2 == children.slug %}class="active"{% endif %}>
<div class="activestate-niv2" style="height: 27px;"> </div>
<a href="{% if children.redirectUrl %}{{ children.redirectUrl }}{% else %}{{ path('notaris_frontend_subsite_detail2', {'slug': subsite.slug, 'slugdetail': section.slug, 'slugdetail2': children.slug }) }}{% endif %}" title="{{ children.navigation | raw }}">{{ children.navigation | raw }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
{% endif %}
</li>
{% endfor %}
</ul>
</nav>
</aside>
{% endif %}
</div>
</li>
<li{% if websiteSlug == 'faq' or websiteSlug == 'mybox' %} class="active"{% endif %}>
<a href="{{ path('notaris_frontend_subsite', {'slug': 'slg_faq' | trans }) }}" title="{{ 'mn_faq' | trans }}" class="c-link c-link--aside">{{ 'mn_faq' | trans }}</a>
</li>
<li>
<a href="{{ path('notaris_frontend_tv') }}" title="{{ 'mn_tv' | trans }}" class="c-link c-link--aside">{{ 'mn_tv' | trans }}</a>
</li>
</ul>
<div id="socialmedia" class="u-hidden@tablet">
<a href="http://twitter.com/#!/{{ 'not_twitter' | trans }}" target="_blank" title="Twitter"><svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1684 408q-67 98-162 167 1 14 1 42 0 130-38 259.5T1369.5 1125 1185 1335.5t-258 146-323 54.5q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64.5T285 1033q33 5 61 5 43 0 85-11-112-23-185.5-111.5T172 710v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 294.5 238.5T884 653q-8-38-8-74 0-134 94.5-228.5T1199 256q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z" fill="true"/></svg></a>
<a href="{{ 'not_fb' | trans }}" target="_blank" title="Facebook"><svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1343 12v264h-157q-86 0-116 36t-30 108v189h293l-39 296h-254v759H734V905H479V609h255V391q0-186 104-288.5T1115 0q147 0 228 12z" fill="true"/></svg></a>
<a href="{{ 'not_linkedin' | trans }}" target="_blank" title="Linkedin"><svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M477 625v991H147V625h330zm21-306q1 73-50.5 122T312 490h-2q-82 0-132-49t-50-122q0-74 51.5-122.5T314 148t133 48.5T498 319zm1166 729v568h-329v-530q0-105-40.5-164.5T1168 862q-63 0-105.5 34.5T999 982q-11 30-11 81v553H659q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5T1285 602q171 0 275 113.5t104 332.5z" fill="true"/></svg></a>
<a href="{{ 'not_youtube' | trans }}" target="_blank" title="Youtube"><svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1099 1244v211q0 67-39 67-23 0-45-22v-301q22-22 45-22 39 0 39 67zm338 1v46h-90v-46q0-68 45-68t45 68zm-966-218h107v-94H266v94h105v569h100v-569zm288 569h89v-494h-89v378q-30 42-57 42-18 0-21-21-1-3-1-35v-364h-89v391q0 49 8 73 12 37 58 37 48 0 102-61v54zm429-148v-197q0-73-9-99-17-56-71-56-50 0-93 54V933h-89v663h89v-48q45 55 93 55 54 0 71-55 9-27 9-100zm338-10v-13h-91q0 51-2 61-7 36-40 36-46 0-46-69v-87h179v-103q0-79-27-116-39-51-106-51-68 0-107 51-28 37-28 116v173q0 79 29 116 39 51 108 51 72 0 108-53 18-27 21-54 2-9 2-58zM918 525V315q0-69-43-69t-43 69v210q0 70 43 70t43-70zm719 751q0 234-26 350-14 59-58 99t-102 46q-184 21-555 21t-555-21q-58-6-102.5-46t-57.5-99q-26-112-26-350 0-234 26-350 14-59 58-99t103-47q183-20 554-20t555 20q58 7 102.5 47t57.5 99q26 112 26 350zM639 0h102L620 399v271H520V399q-14-74-61-212Q422 84 394 0h106l71 263zm370 333v175q0 81-28 118-38 51-106 51-67 0-105-51-28-38-28-118V333q0-80 28-117 38-51 105-51 68 0 106 51 28 37 28 117zm335-162v499h-91v-55q-53 62-103 62-46 0-59-37-8-24-8-75V171h91v367q0 33 1 35 3 22 21 22 27 0 57-43V171h91z" fill="true"/></svg></a>
<!--<a href="https://itunes.apple.com/nl/app/notanews/id543891856" title="Appstore" id="socialmedia-appstore"><img src="images/banner/appstore.png"/></a>-->
</div>
</nav>