UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

871 lines (870 loc) 125 kB
<!-- START: 01-molekyler-02-navigasjon-_40-meny-kolonner --> <div class="a-colnav-wrapper col-sm-12 col-lg-6"> <div class="a-js-backButton"><i class="ai ai-back"></i>Tilbake</div> <!-- First level --> <ul class="a-colnav a-colnav-vertical a-colnav-firstLevel dropdown" data-responsive-menu="drilldown xlarge-dropdown" data-zf-plugin="responsive-menu" id="colnav" data-disable-hover="true" data-click-open="true" data-close-on-click="false" data-force-follow="true" data-colnav-depth=""> <li> <a href="#" class="a-colnav-item"> <h2>Tema 1</h2> <p class="a-leadText"> med forklarende tekst </p> </a> <ul class="a-colnav a-colnav-vertical a-colnav-secondLevel"> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 1</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 1</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 2</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 2</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 3</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 3</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 4</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 4</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 5</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 5</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 6</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 6</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 7</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 7</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> </ul> </li> <li> <a href="#" class="a-colnav-item"> <h2>Tema 2</h2> <p class="a-leadText"> med forklarende tekst </p> </a> <ul class="a-colnav a-colnav-vertical a-colnav-secondLevel"> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 1</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 1</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 2</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 2</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 3</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 3</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 4</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 4</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 1</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 2</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 3</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 4</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 5</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 6</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 7</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 8</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 9</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 10</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"> <h4>Undertema 11</h4> <span class="a-colnav-rightText">Ansvarlig instans</span> </a> </li> </ul> </li> <li> <a href="#" class="a-colnav-item-second a-js-colnavLink"> <h3>Undertema 5</h3> </a> <a href="" class="a-colnav-item-second a-js-colnavLinkAlt"> <h4>Undertema 5</h4> </a> <ul class="a-colnav a-colnav-vertical a-colnav-thirdLevel"> <li> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding/04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding.html" class="a-colnav-item-third"