altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,033 lines (696 loc) • 42.1 kB
HTML
<!-- START: 04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding -->
<!-- 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 -->
<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="a-hvr-underline " href="/patterns/04-sider-portal-50-innboks-00-innboks\04-sider-portal-50-innboks-00-innboks.html">innboks</a></li>
<li><a class="a-hvr-underline globalNav-active" 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><a class="a-hvr-underline " 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-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 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 -->
<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>
<!-- START: 02-organismer-30-seksjoner-31-personbytte -->
<div class="px-2 pt-3 ">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox a-form-checkboxes--discret ">
<input type="checkbox" id="check21" class="custom-control-input">
<label class="custom-control-label " for="check21">Se alle underenheter</label>
</div>
<div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox a-form-checkboxes--discret ">
<input type="checkbox" id="check22" class="custom-control-input">
<label class="custom-control-label " for="check22">Se slettede enheter</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
<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 " 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 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>
<!-- 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 disabled a-btn-shadow-large a-btn-shadow a-btn-icon " 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 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>
6 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-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519
<!-- 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-fontSizeXS">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519
<!-- 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-fontSizeXS">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519
<!-- 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 " 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 a-fontBold">
Anne Pettersen
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12345</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</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 " 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 a-fontBold a-btn-icon-text-ellipsis">
Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12344</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</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 " 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 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>
<!-- 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 " 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 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>
<!-- 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 -->
<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="">A-melding: Direkte registrering i Altinn</a>
</li>
</ol>
<!-- END: 01-molekyler-02-navigasjon-14-smulesti -->
</div>
</div>
<!-- START: 01-molekyler-01-kort-02-kort-hoved -->
<div class="a-card a-mainCard a-py-minus-1">
<!-- START: 01-molekyler-00-tekst-36-ikon-tittel -->
<div class="a-iconText a-iconText-smallLink ">
<div class="a-iconText-icon">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-write a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="a-iconText-text">
<!-- START: 00-atomer-07-tekst-09-sidetittel -->
<h1 class="a-fontBold a-pageTitle ">
A-melding: Direkte registrering i Altinn
<span class="a-fontReg"> (A01) </span>
</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 -->
</div>
</div>
<!-- END: 01-molekyler-00-tekst-36-ikon-tittel -->
<div class="a-mainCard-content">
<b>For mindre virksomheter</b>
<p class="a-paragraphLarge">Skjemaet er for virksomheter med 1 - 8 ansatte uten eget lønnssystem.</p>
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" onclick="location.href='/patterns/04-sider-portal-01-aktorvalg-10-aktorvalg-forste-gang/04-sider-portal-01-aktorvalg-10-aktorvalg-forste-gang.html'" class="a-btn " data-parent="#accordionSmall">
Start utfylling
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 01-molekyler-01-kort-02-kort-hoved -->
<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">
Kort om skjemaet
</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">
<p>I skjemaet rapporterer du informasjon om arbeidsforhold, lønn, ytelser og forskuddstrekk til dine ansatte, i tillegg til arbeidsgiveravgift. </p>
<p>Har du lønnssystem, skal du ikke bruke dette skjemaet, heller ikke til korrigeringer. Skjemaet har følgende begrensninger: </p>
<ul>
<li>Kun ett arbeidsforhold per ansatt per virksomhet</li>
<li>Kun ett skjema per virksomhet</li>
<li>ett skjema per virksomhet </li>
<li>Kan ikke brukes av offentlige etater</li>
</ul>
<p>Slik fyller du ut skjemaet (lenke til PDF).</p>
</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">
Du får tilbakemelding
</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">
<p>Hver gang du sender a-melding gjør vi en automatisk kontroll av den. Tilbakemeldingen du får sier hva du har rapportert og eventuelle feil du må rette. Den inneholder også informasjon om betaling av arbeidsgiveravgift og forskuddstrekk,
kontonummer og KID-nummer. Husk å sjekke tilbakemeldingen.</p>
<p>Du finner tilbakemelding (A03) i «Min meldingsboks – Til min behandling».</p>
</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">
Veiledning
</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">
<p>Trenger du hjelp til å fylle ut skjemaet, se vår veileder (PDF).</p>
<p>Se også a-ordningens nettsider skatteetaten.no/a-ordningen. </p>
</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">
Krav til innsender
</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">
<p>For å bruke skjemaet i Altinn trenger du en av disse rollene:</p>
<ul>
<li>Utfyller/Innsender</li>
<li>Regnskapsfører med signeringsrettighet</li>
<li>Regnskapsfører uten signeringsrettighet</li>
<li>Regnskapsfører lønn</li>
<li>Ansvarlig revisor</li>
<li>Revisormedarbeider</li>
<li>Kontaktperson NUF</li>
</ul>
<p>Du kan se hvilke roller du har på siden <a href="#">Tilgangsstyring</a>. Om du ikke har denne rollen, må du få noen som har rollen til å delegere den til deg. Hvis du er ukjent med rapportering i Altinn, gå til <a href="#">hjelpesidene</a>.</p>
</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">
Innlevering
</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">
<p>Månedlig innlevering. Frist den 5. hver måned. Hvis den 5. er helg eller helligdag, er fristen første virkedag etter. </p>
<p>Husk å rapportere status på arbeidsforhold hver måned. Dette rapporterer du selv om du ikke betaler ut lønn.</p>
</div>
</div>
<div class="card">
<!-- TITLE -->
<div role="tab" id="collapseTitle6">
<!-- START: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst JS doc: toggleFilter.js -->
<a data-toggle="collapse" data-parent="#accordionSmall" href="#" data-target="#accordionSmallItem6" aria-expanded="true" aria-controls="accordionSmallItem6" class="a-collapse-title a-collapse-title--flexstart no-decoration collapsed">
<span class="a-dropdownArrow"></span>
<span class="primary-collapse-text">
Har du spørsmål om skjemaet?
</span>
</a>
<!-- END: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst -->
</div>
<!-- CONTENT -->
<div id="accordionSmallItem6" class="a-collapseContent collapse a-text" role="tabpanel" aria-labelledby="collapseTitle6" data-parent="#accordionSmall">
<p>Se veileder (PDF), skatteetaten.no/a-ordningen eller ta kontakt med Skatteopplysningen på telefon 800 80 000, <i>tastevalg 4-3-2.</i> </p>
<p><i>Metabeskrivelse: A-melding. Skjema for direkte registrering av a-melding (A01) i Altinn. For små virksomheter med 1-8 ansatte.</i></p>
</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 -->
<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
</a>
</li>
<li>
<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-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
hjelp og kontakt
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<nav class="a-footerExtraNav">
Brønnøysundregistrene,
<span class="a-footerExtraNav-name">8910 Brønnøysund</span>
<div class="a-footerExtraNav-toTop d-md-none">
<a href="#top" class="a-linkArea a-btn ">
Til toppen
</a>
</div>
<ul>
<li><a class="d-none d-md-inline" 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><a class="" href="/patterns/04-sider-infoportal-20-navigasjonssider-61-arkiv-v-driftsarkiv\04-sider-infoportal-20-navigasjonssider-61-arkiv-v-driftsarkiv.html">Driftsmeldinger</a></li>
<li><a class="" href="/patterns/04-sider-infoportal-30-artikkel-10-artikkel\04-sider-infoportal-30-artikkel-10-artikkel.html">Personvern og cookies</a></li>
</ul>
</nav>
</div>
</div>
</footer>
<!-- End Footer -->
</div>
<!-- END Container -->
<!-- END: 02-organismer-01-globale-01-footer -->
</div>
<!-- END: 03-maler-infoportal-35-skjemaartikkel-52-artikkel-skjema -->
<!-- END: 04-sider-infoportal-35-skjemaartikkel-11-artikkel-skjema-v-amelding -->