altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,279 lines (781 loc) • 52.1 kB
HTML
<!-- START: 04-sider-infoportal-35-skjemaartikkel-57-artikkel-skjema-v-godkjenning-av-kursarrangor-for-utrykningskjoretoy -->
<!-- START: 03-maler-infoportal-35-skjemaartikkel-52-artikkel-skjema -->
<div class="a-page">
<!-- START: 02-organismer-01-globale-00-header -->
<!-- Skip to main content -->
<nav class="a-jumpnav">
<ul class="no-decoration d-flex">
<li><a class="sr-only sr-only-focusable" href="#content">Hopp til hovedinnholdet</a></li>
<li><a class="sr-only sr-only-focusable" href="#primary-nav">Hopp til hovedmeny</a></li>
<li><a class="sr-only sr-only-focusable" href="#search">Hopp til søk</a></li>
</ul>
</nav>
<!-- Begin .header -->
<header class="a-header a-js-hideElement ">
<!-- Begin .container -->
<div class="container">
<div class="row">
<div class="col-12">
<!-- Begin .a-globalNav -->
<nav id="primary-nav" class="a-globalNav">
<a href="/patterns/04-sider-infoportal-01-forside-02-forside-innlogget\04-sider-infoportal-01-forside-02-forside-innlogget.html" class="a-globalNav-logo">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-blue.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<span class="sr-only">Til forsiden</span>
</a>
<button class="navbar-toggler d-md-none" type="button">
<span class="sr-only">Vis/skjul meny</span>
</button>
<div class="collapse navbar-toggleable-sm a-globalNav-main" id="exCollapsingNavbar2">
<ul class="" id="exCollapsingNavbar">
<li class="d-md-none">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group ">
<label class="a-form-label sr-only " for="dropdown-input-search">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="dropdown-input-search">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</li>
<li class="d-md-none dropdown">
<a lang="en" class="nav-link dropdown-toggle a-languageSwitcher" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
language
</a>
<!-- START: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
<!-- Begin #a-dropdown-languages - -->
<div class="dropdown-menu a-dropdown-languages a-dropdownTriangle">
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Bokmål</span><br>
<span >Alt innhold er tilgjengelig på bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/english.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span lang="en" class="a-h3">English</span><br>
<span lang="en">All content is available in english.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Nynorsk</span><br>
<span >Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/globe.svg" class="a-iconLeft a-flag a-globe" alt="" />
<p>
<span lang="en" class="a-h3">Other languages</span><br>
<span lang="en">Information about other languages.</span>
</p>
</a>
</div>
<!-- END: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
</li>
<li><a class=" " href="/patterns/04-sider-portal-50-innboks-00-innboks\04-sider-portal-50-innboks-00-innboks.html">
<span class="a-hvr-underline a-js-onboardingTarget-2 ">innboks</span></a></li>
<li><a class="globalNav-active" href="/patterns/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt\04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt.html">
<span class="a-hvr-underline a-js-onboardingTarget-2 ">alle skjema</span></a></li>
<li>
<a class=" " href="/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter\04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html">
<span class="a-hvr-underline a-js-onboardingTarget-2 ">profil</span>
</a>
</li>
<li class="d-md-none"><a class="a-nav-link a-hvr-underline" href="/patterns/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive\04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive.html">starte og drive bedrift</a></li>
<li class="d-md-none"><a class="a-hvr-underline" href="/patterns/04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2\04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2.html">om altinn</a></li>
<li class="d-md-none">
<a class="a-hvr-underline" href="/patterns/04-sider-infoportal-20-navigasjonssider-70-hjelpesenter\04-sider-infoportal-20-navigasjonssider-70-hjelpesenter.html">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-nw-pr ai-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
hjelp og kontakt
</a>
</li>
</ul>
</div>
</nav>
<!-- End .a-globalNav -->
<!-- Begin .a-globalNav-options -->
<ul id="secondary-nav" class="nav nav-pills a-header-options">
<li class="nav-item dropdown d-none d-md-block">
<!-- Dropdown toggle -->
<a lang="en" class="nav-link dropdown-toggle a-languageSwitcher" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Language
</a>
<!-- START: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
<!-- Begin #a-dropdown-languages - -->
<div class="dropdown-menu a-dropdown-languages a-dropdownTriangle">
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Bokmål</span><br>
<span >Alt innhold er tilgjengelig på bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/english.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span lang="en" class="a-h3">English</span><br>
<span lang="en">All content is available in english.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Nynorsk</span><br>
<span >Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/globe.svg" class="a-iconLeft a-flag a-globe" alt="" />
<p>
<span lang="en" class="a-h3">Other languages</span><br>
<span lang="en">Information about other languages.</span>
</p>
</a>
</div>
<!-- END: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
</li>
<li class="nav-item">
<!-- Dropdown toggle -->
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<button class="nav-link dropdown-toggle a-personSwitcher logged-in " type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="JAN PETTERSEN ">
<span
class="a-personSwitcher-name">
<span class="d-block">JAN PETTERSEN</span>
<span class="d-block"></span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private-circle-big a-personSwitcher-icon a-js-onboardingTarget-1 " ></i>
<span class="sr-only">Min profil</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
<!-- START: 02-organismer-30-seksjoner-30-meny-personbytte -->
<!-- Begin #a-dropdown-personswitchList - -->
<div class="dropdown-menu a-dropdown-personswitchList a-dropdownTriangle">
<div class="pt-5 pl-3 pr-3">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-link-logout ">
Logg ut
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<div class="row">
<div class="col-sm-12 px-0 mb-2">
<!-- START: 01-molekyler-00-tekst-01-person-privat -->
<div class="a-personRole">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<div class="a-personRole-text " title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
<span class="a-personRole-name">Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov</span>
<span class="a-personRole-role"></span>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html" class=" " data-parent="#accordionSmall">
Innstillinger
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<!-- END: 01-molekyler-00-tekst-01-person-privat -->
</div>
</div>
<p class="a-h2">
Alle dine profiler:
</p>
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group ">
<label class="a-form-label sr-only " for="person-switch-input-field">Søk etter aktør</label>
<div class="a-form-group-items input-group ">
<span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-others " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="search" placeholder="Søk etter aktør" name="input-field" data-val="true" id="person-switch-input-field">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
<p class="a-fontBold a-fontSizeXS">
Ingen treff, prøv et annet søkeord.
<p>
<div class="row mt-1 px-md-2 px-sm-1">
<div class="col-md col-12 mb-md-4 mb-1">
<!-- START: 02-organismer-30-seksjoner-32-favoritter -->
<div class="a-favourites">
<h2 class="a-h4">Favoritter:</h2>
<!-- START: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<div class="a-list-borderTop a-list-noIcon">
<div class="row">
</div>
</div>
<ul class="a-list a-list-borderTop a-list-noIcon ">
<li class="a-list-rowLink a-list-rowLink-inactive">
<div class="row ">
<div class="col-12 text-center">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontSizeXXS" title="Altinn">
Din favorittliste er tom. Klikk på stjernesymbolet for å legge til en aktør i listen.
</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<!-- END: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
<br class="a-list-rowLink a-list-rowLink-inactive">
<!-- START: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<div class="a-list-borderTop a-list-noIcon">
<div class="row">
</div>
</div>
<ul class="a-list a-list-borderTop a-list-noIcon ">
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="#" class="a-list-rowLink">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-break-name-orgnr col-11" title="Altinn">
Anne Pettersen
</span>
<span class="a-fontSizeXXS">fødselsnr. 123456 *****</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="#" class="a-list-rowLink">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<span class="a-fontBold a-break-name-orgnr col-11" title="Altinn">
Pettersen Regnskap - Stavanger AS
</span>
<span class="a-fontSizeXXS">org.nr. 908 987 519</span>
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<!-- END: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
</div>
<!-- END: 02-organismer-30-seksjoner-32-favoritter -->
</div>
</div>
</div>
<!-- START: 02-organismer-30-seksjoner-31-personbytte -->
<div class="pt-1 px-1">
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen foto
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-shadow-large a-btn-shadow a-btn-icon disabled " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" disabled title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen Regnskap
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-list-heading">
<!-- START: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
<button class="a-btn a-offset-border-top a-btn-shadow a-btn-shadow-expand a-btn-icon collapsed " type="button" data-toggle="collapse" data-target="#listsublevels2" aria-expanded="false" aria-controls="listsublevels2">
<span class="a-dropdownCircleArrow">
<i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
</span>
3 underenheter
</button>
<!-- END: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
</div>
<div id="listsublevels2" class="a-collapseContent a-bgBlueLighter collapse ">
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<div class="a-list-large">
<div class="row">
</div>
</div>
<ul class="a-list a-list-large ">
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeM">
<div class="row ">
<div class="col col-11">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b class='a-break-name-orgnr'>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-1 text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right a-child-star " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeM">
<div class="row ">
<div class="col col-11">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b class='a-break-name-orgnr'>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-1 text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right a-child-star " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeM">
<div class="row ">
<div class="col col-11">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b class='a-break-name-orgnr'>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
<div class="col-1 text-right a-favourite">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right a-child-star " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Anne Pettersen
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">fødselsnr. 123456 *****</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold a-btn-icon-text-ellipsis pr-2">
Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Fødselsnr. 123456 *****</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class=" a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen Tallknuser (slettet)
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-shadow a-btn-shadow-large a-btn-icon " aria-label="knapp med popover" onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text col-10 a-fontBold">
Pettersen Bygg
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-favourite">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-icon a-btn-overlay-right " aria-label="knapp med popover" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-favourite-inactive ai-xs " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button onclick="location.href='/patterns/04-sider-portal-01-aktorvalg-10-aktorvalg/04-sider-portal-01-aktorvalg-10-aktorvalg.html'" type="button" class="a-btn a-btn-action a-fullWidthBtn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Vis alle aktører</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
<!-- END: 02-organismer-30-seksjoner-31-personbytte -->
</div>
<!-- END: 02-organismer-30-seksjoner-30-meny-personbytte -->
</li>
</ul>
<!-- End .a-globalNav-options -->
</div>
<!-- End .col -->
</div>
<!-- End .row -->
</div>
<!-- End .container -->
</header>
<!-- End .header -->
<!-- END: 02-organismer-01-globale-00-header -->
<section id="content" tabindex="-1">
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-6 offset-lg-3 a-articleSearch">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group a-form-group-large ">
<label class="a-form-label sr-only " for="search">Søk etter skjema og annet innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="text" placeholder="Søk etter skjema og annet innhold" name="input-field" data-val="true" id="search">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-10 offset-lg-1 mb-2">
<!-- START: 01-molekyler-02-navigasjon-14-smulesti -->
<ol class="breadcrumb a-breadcrumb ">
<li class="breadcrumb-item ">
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt.html">Alle skjema</a>
</li>
<li class="breadcrumb-item ">
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt.html?position=arbeid-og-lønn">Arbeid og lønn</a>
</li>
<li class="breadcrumb-item breadcrumb-mobile">
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt.html?position=arbeidsgiverforhold">Arbeidsgiverforhold</a>
</li>
<li class="breadcrumb-item active">
<a href="">Godkjenning av kursarrangør for utrykningskjøretøy </a>
</li>
</ol>
<!-- END: 01-molekyler-02-navigasjon-14-smulesti -->
<!-- START: 00-atomer-07-tekst-09-sidetittel -->
<h1 class="a-fontBold a-pageTitle ">
Godkjenning av kursarrangør for utrykningskjøretøy
</h1>
<!-- END: 00-atomer-07-tekst-09-sidetittel -->
<!-- START: 00-atomer-07-tekst-20-byline -->
<div class="a-byline">
Fra
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt.html" title="Vis alle skjemaene til Skatteetaten">Skatteetaten</a>
</div>
<!-- END: 00-atomer-07-tekst-20-byline -->
<!-- START: 00-atomer-07-tekst-02-intro-tekst -->
<p class="a-leadText " id="leadText">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<!-- END: 00-atomer-07-tekst-02-intro-tekst -->
<hr class="mt-2 mb-0 d-none d-lg-block">
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-8 offset-lg-1 mt-3">
<h2>Om dette skjemaet</h2>
<!-- START: 01-molekyler-02-navigasjon-02-trekkspill -->
<div class="a-accordion-small a-accordion-largeText" id="accordionSmall" role="tablist" aria-multiselectable="true">
<div class="card">
<!-- TITLE -->
<div role="tab" id="collapseTitle1">
<!-- START: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionSmall" href="#" data-target="#accordionSmallItem1" aria-expanded="true" aria-controls="accordionSmallItem1" class="a-collapse-title a-collapse-title--flexstart no-decoration collapsed">
<span class="a-dropdownArrow"></span>
<span class="primary-collapse-text">
Når skal jeg bruke denne tjenesten?
</span>
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst -->
</div>
<!-- CONTENT -->
<div id="accordionSmallItem1" class="a-collapseContent collapse a-text" role="tabpanel" aria-labelledby="collapseTitle1" data-parent="#accordionSmall">
Månedlig innlevering. Frist 5. i påfølgende måned (justert etter helligdager og helger).
</div>
</div>
<div class="card">
<!-- TITLE -->
<div role="tab" id="collapseTitle2">
<!-- START: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionSmall" href="#" data-target="#accordionSmallItem2" aria-expanded="true" aria-controls="accordionSmallItem2" class="a-collapse-title a-collapse-title--flexstart no-decoration collapsed">
<span class="a-dropdownArrow"></span>
<span class="primary-collapse-text">
Hvem er tjenesten for?
</span>
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst -->
</div>
<!-- CONTENT -->
<div id="accordionSmallItem2" class="a-collapseContent collapse a-text" role="tabpanel" aria-labelledby="collapseTitle2" data-parent="#accordionSmall">
Alle som har ansatte skal levere a-melding hver måned inntil arbeidsforholdet opphører, selv om de ikke betaler ut lønn. Du skal melde inn status for alle arbeidsforhold hver mÂned. Du må ha tilgang til Altinn med rollen utfyller/innsender for å benytte
dette alternativet.
</div>
</div>
<div class="card">
<!-- TITLE -->
<div role="tab" id="collapseTitle3">
<!-- START: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionSmall" href="#" data-target="#accordionSmallItem3" aria-expanded="true" aria-controls="accordionSmallItem3" class="a-collapse-title a-collapse-title--flexstart no-decoration collapsed">
<span class="a-dropdownArrow"></span>
<span class="primary-collapse-text">
Hva trenger jeg for å bruke tjenesten?
</span>
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst -->
</div>
<!-- CONTENT -->
<div id="accordionSmallItem3" class="a-collapseContent collapse a-text" role="tabpanel" aria-labelledby="collapseTitle3" data-parent="#accordionSmall">
Hva du skal registrere på det enkelte arbeidsforhold er selvfølgelig styrt mye av arbeidsavtalen mellom den opplysningspliktige og inntektsmottaker, men du bør ha funnet fram følgende om hver inntektsmottaker:
<ul>
<li>Navn på inntektsmottaker</li>
<li>ID (enten norsk ID-nummer eller internasjonal ID)</li>
<li>Type arbeidsforhold</li>
<li>Ansattdato</li>
<li>Yrkeskode (fra SSB)</li>
<li>Avlønningstype (fastlønn, timelønn, akkord, provisjon eller honorar)</li>
<li>Stillingsprosent</li>
<li>Timer i uken ved full stilling</li>
<li>Dato siste lønnsendring</li>
</ul>
</div>
</div>
<div class="card">
<!-- TITLE -->
<div role="tab" id="collapseTitle4">
<!-- START: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionSmall" href="#" data-target="#accordionSmallItem4" aria-expanded="true" aria-controls="accordionSmallItem4" class="a-collapse-title a-collapse-title--flexstart no-decoration collapsed">
<span class="a-dropdownArrow"></span>
<span class="primary-collapse-text">
Hvordan bruker jeg tjenesten?
</span>
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst -->
</div>
<!-- CONTENT -->
<div id="accordionSmallItem4" class="a-collapseContent collapse a-text" role="tabpanel" aria-labelledby="collapseTitle4" data-parent="#accordionSmall">
Først skal du registrere hvem som rapporterer og for hvilken kalendermåned det blir rapportert for. Så registrerer du alle inntektsmottakere og all informasjonen som skal knyttes til disse. Til slutt registrerer du informasjon om arbeidsgiveravgift som
næring/sone og avgiftsgrunnlag. Når du har fylt ut dette, finner du utregningen av arbeidsgiveravgift og forskuddstrekket.
</div>
</div>
<div class="card">
<!-- TITLE -->
<div role="tab" id="collapseTitle5">
<!-- START: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionSmall" href="#" data-target="#accordionSmallItem5" aria-expanded="true" aria-controls="accordionSmallItem5" class="a-collapse-title a-collapse-title--flexstart no-decoration collapsed">
<span class="a-dropdownArrow"></span>
<span class="primary-collapse-text">
Hva skjer når jeg er ferdig?
</span>
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst -->
</div>
<!-- CONTENT -->
<div id="accordionSmallItem5" class="a-collapseContent collapse a-text" role="tabpanel" aria-labelledby="collapseTitle5" data-parent="#accordionSmall">
Hver gang du har sendt inn en a-melding, mottar du en tilbakemelding. Tilbakemeldingen finner du i din innboks. Hvis en a-melding får utslag på en maskinell kontroll, vil dette fremkomme i tilbakemeldingen. Disse utslagene kan ha forskjellig alvorlighetsgrad:
<br>
<ul>
<li>Må kontrolleres: Det er avvik i den innsendte informasjonen. Dette avviket behøver ikke være feil, men du bør sjekke.</li>
<li>Må korrigeres: A-meldingen inneholder feil som må rettes. Retting må skje innen ordinær innleveringsfrist. </li>
<li>Avvist: Meldingen inneholder alvorlige feil og blir ikke mottatt. Feil må rettes og meldingen sendes på nytt etter korrigering.</li>
</ul>
</div>
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-02-trekkspill -->
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-8 offset-lg-1 py-4">
<h2>Har du spørsmål om tjenesten?</h2>
<p class="a-paragraphLarge">
Se
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class=" a-fontBold" data-parent="#accordionSmall">
Skatteetatens informasjon om skjemaet
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
eller ta kontakt med Skatteetaten på 800 80 000
</p>
</div>
</div>
</div>
<!-- END Container -->
</section>
<!-- START: 02-organismer-01-globale-01-footer -->
<div class="container a-containerFooter">
<!-- Begin Footer -->
<footer class="a-footer ">
<div class="row a-footer-firstRow">
<div class="col-md-4 d-none d-md-block">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->
<div class="form-group a-form-group ">
<label class="a-form-label sr-only " for="text-input-search-11">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="text-input-search-11">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<div class="col-md-8">
<nav class="a-footerNav">
<ul>
<li>
<a class="a-hvr-underline" href="/patterns/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive\04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive.html">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-corp "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
starte og drive bedrift