UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

1,042 lines (684 loc) 41.2 kB
<!-- START: 04-sider-infoportal-35-skjemaartikkel-55-artikkel-skjema-v-avskrivning --> <!-- 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="&#x2F;patterns&#x2F;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="..&#x2F;..&#x2F;images&#x2F;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="&#x2F;patterns&#x2F;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="&#x2F;patterns&#x2F;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="&#x2F;patterns&#x2F;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="&#x2F;patterns&#x2F;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="&#x2F;patterns&#x2F;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="&#x2F;patterns&#x2F;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="">Avskrivning</a> </li> </ol> <!-- END: 01-molekyler-02-navigasjon-14-smulesti --> <!-- START: 00-atomer-07-tekst-09-sidetittel --> <h1 class="a-fontBold a-pageTitle "> Avskrivning <span class="a-fontReg"> (RF-1084) </span> <!-- START: 00-atomer-07-tekst-04-merkelapp --> <span class="badge badge-default a-label badge-pill">Vedlegg</span> <!-- END: 00-atomer-07-tekst-04-merkelapp --> </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">Skjemaet skal fylles ut og leveres som vedlegg til selvangivelsen av alle skattytere som ved ligningen krever fradrag for avskrivning på driftsmidler. For driftsmidler som er særskilte for kraftforetak, bruk imidlertid skjemaet RF-1152 - Avskrivningsgrunnlag og beregning av årlige avskrivninger mv kraftverk.</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 vedleggskjemaet</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"> Hvem skal levere </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"> Skjemaet skal fylles ut og leveres som vedlegg til selvangivelsen av alle skattytere som ved ligningen krever fradrag for avskrivning på driftsmidler. For driftsmidler som er særskilte for kraftforetak, bruk imidlertid skjemaet RF-1152 (lineære avskrivninger). </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"> Innlevering </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"> Du har samme frist for å levere RF-1084 som selvangivelsen eller selskapsoppgaven. </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"> Innsending fra datasystem </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"> Dette skjemaet kan også sendes til Altinn fra sluttbrukersystem.For mer informasjon se innsending fra sluttbrukersystem. </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"> Lovhjemmel </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"> Les mer om lovhjemmel for oppgavene i Oppgaveregisteret: Lovhjemmel 1 </div> </div> </div> <!-- END: 01-molekyler-02-navigasjon-02-trekkspill --> </div> </div> <div class="row"> <div class="col-md-8 col-lg-6 offset-lg-1 mt-4"> <h2 class="a-h3"> Dette vedlegget finner du i følgende skjema: </h2> <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js --> <div class="a-list-container "> <div class=""> <div class="row"> </div> </div> <ul class="a-list "> <li class="a-dotted a-clickable a-list-hasRowLink"> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-54-artikkel-skjema-v-selskapsoppgave-for-deltakerliknet-selskap/04-sider-infoportal-35-skjemaartikkel-54-artikkel-skjema-v-selskapsoppgave-for-deltakerliknet-selskap.html" class="a-list-rowLink"> <div class="row "> <div class="col"> <!-- START: 01-molekyler-05-lister-_00-liste-innhold --> Selskapsoppgave for deltakerliknet selskap (RF-1215) <!-- END: 01-molekyler-05-lister-_00-liste-innhold --> </div> </div> </a> </li> <li class="a-dotted a-clickable a-list-hasRowLink"> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-54-artikkel-skjema-v-selskapsoppgave-for-deltakerliknet-selskap/04-sider-infoportal-35-skjemaartikkel-54-artikkel-skjema-v-selskapsoppgave-for-deltakerliknet-selskap.html" class="a-list-rowLink"> <div class="row "> <div class="col"> <!-- START: 01-molekyler-05-lister-_00-liste-innhold --> Selskapsoppgave for deltakerliknet selskap (RF-1215) <!-- END: 01-molekyler-05-lister-_00-liste-innhold --> </div> </div> </a> </li> <li class="a-dotted a-clickable a-list-hasRowLink"> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-54-artikkel-skjema-v-selskapsoppgave-for-deltakerliknet-selskap/04-sider-infoportal-35-skjemaartikkel-54-artikkel-skjema-v-selskapsoppgave-for-deltakerliknet-selskap.html" class="a-list-rowLink"> <div class="row "> <div class="col"> <!-- START: 01-molekyler-05-lister-_00-liste-innhold --> Selskapsoppgave for deltakerliknet selskap (RF-1215) <!-- END: 01-molekyler-05-lister-_00-liste-innhold --> </div> </div> </a> </li> <li class="a-dotted a-clickable a-list-hasRowLink"> <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-54-artikkel-skjema-v-selskapsoppgave-for-deltakerliknet-selskap/04-sider-infoportal-35-skjemaartikkel-54-artikkel-skjema-v-selskapsoppgave-for-deltakerliknet-selskap.html" class="a-list-rowLink"> <div class="row "> <div class="col"> <!-- START: 01-molekyler-05-lister-_00-liste-innhold --> Selskapsoppgave for deltakerliknet selskap (RF-1215) <!-- END: 01-molekyler-05-lister-_00-liste-innhold --> </div> </div> </a> </li> </ul> </div> <!-- END: 01-molekyler-05-lister-00-liste-unummerert --> </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="&#x2F;patterns&#x2F;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="&#x2F;patterns&#x2F;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="&#x2F;patterns&#x2F;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="&#x2F;patterns&#x2F;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="&#x2F;patterns&#x2F;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-55-artikkel-skjema-v-avskrivning -->