﻿/************************** Felles ArtikkelOversikt & Artikkel **************************/
.venstre
{
    float: left;
}
.hoyre
{
    float: right;
}
.clear
{
    clear: both;
}
.bilde_venstre
{
    float: left;
}
.bilde_senter
{
    text-align: center;
}
.bilde_hoyre
{
    float: right;
}
.bildeliste
{
    clear: both;
}
.bildeliste .artikkelbilde
{
    padding-right: 0px !important;
}
table.noCaption caption { 
    display: none !important;
}
/**************************** Felles Liste ****************************/
div.liste > div > span.InnholdTabellCaption, div.liste > div > span.InnholdTekst > span {
    display: block;
}
.InnholdTabellCaption, .listeBeskrivelseTopp {
    padding: 0 0 0.5em 0;
}
.listeSort {
    margin-bottom: 1em;
}
.listeSort td, .listeSort th {
    padding: 0.4em;
}
.listeSort th {
    cursor: pointer;
    text-align: inherit;
	white-space: nowrap;
}
/************************** Felles ArtikkelOversikt **************************/
.artikkeloversikt
{
}
.artikkeloversikt .artikkelteaser
{
    
}
.artikkeloversikt .artikkeloversiktrad
{
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px dashed $DesignBunnInnholdFarge$;
    width: 100%;
}
.artikkeloversikt .artikkeloversiktseparator, .toppartikkel .artikkeloversiktseparator
{
    margin: 5px 0px;
    height: 10px;
    clear: both;
}
.artikkeloversiktseparator
{
	clear:none !important;
}
.artikkeloversiktmal_5 .artikkeloversiktseparator, .artikkeloversiktmal_3 .artikkeloversiktseparator, .artikkeloversiktmal_2.artikkeloversiktseparator
{
    clear: both !important;
}
.artikkeloversikt .normal .tittel, .artikkeloversikt .normal .linker
{
    clear: both;
}
.artikkeloversikt .utenbilde .tittel, .artikkeloversikt .utenbilde .ingress, .artikkeloversikt .utenbilde .dato, .artikkeloversikt .utenbilde .linker
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.artikkeloversikt .bilde_venstre
{
    padding-right: 10px;
    padding-bottom: 5px;
}
.artikkeloversikt .bilde_hoyre
{
    padding-left: 10px;
    padding-bottom: 5px;
}
.artikkelNavigasjon
{
    clear: both;
    padding-top: 10px;
}

/************************** ArtikkelOversiktMal 1 **************************/
.artikkeloversiktmal_1 .integrert .tittel, .artikkeloversiktmal_1 .integrert .linker, .artikkeloversiktmal_1 .ingress
{
    margin-right: 115px;
}

/************************** ArtikkelOversiktMal 2, 3, 4 **************************/
.artikkeloversiktmal_2 .venstrespalte, .artikkeloversiktmal_3 .venstrespalte, .artikkeloversiktmal_4 .venstrespalte
{
    float: left;
    width: 48.5%;
    padding-right: 1%;
    border-right: 1px dashed $DesignBunnInnholdFarge$;
}
.artikkeloversiktmal_2 .hoyrespalte, .artikkeloversiktmal_3 .hoyrespalte, .artikkeloversiktmal_4 .hoyrespalte
{
    float: left;
    width: 48.5%;
    padding-left: 1%;
}

/************************** ArtikkelOversiktMal 5 **************************/
.artikkeloversiktmal_5 .integrert .tittel, .artikkeloversiktmal_5 .integrert .linker, .artikkeloversiktmal_5 .ingress
{
    margin-left: 115px;
}

/************************** ArtikkelOversiktMal 7, 8 **************************/
.artikkeloversiktmal_7 .artikkelteaser, 
.artikkeloversiktmal_8 .artikkelteaser
{
    float: left;
    width: 31.5%;
}
.artikkeloversiktmal_7 .venstrespalte, .artikkeloversiktmal_7 .midtspalte,
.artikkeloversiktmal_8 .venstrespalte, .artikkeloversiktmal_8 .midtspalte
{
    padding-right: 1%;
    margin-right: 1%;
    border-right: 1px dashed $DesignBunnInnholdFarge$;
}



/************************** Felles Artikkel **************************/
.artikkel div#ingress, .artikkel div#tekst, .artikkel .InnholdForfatter
{
    padding-top: 10px;
}
.InnholdForfatter
  {
  	color:$DesignInnholdForfatterFontFarge$;
font-family :$DesignInnholdForfatterFont$;
font-size: $DesignInnholdForfatterFontSize$em;
|DesignInnholdForfatterFontItalic| font-style : Italic;
|DesignInnholdForfatterFontBold| font-weight: bold;
|DesignInnholdForfatterFontUnderline| text-decoration : Underline;
  }
.artikkel .artikkelbilde
{
    padding-bottom: 10px;
}
.artikkel div#ingress .artikkelbilde
{
    padding-bottom: 0px !important;
}
.artikkel div#toppbilde
{
    padding-top: 10px;
}
.artikkel div#toppbilde .artikkelbilde
{
    padding-bottom: 0px;
}
.artikkel .bilde_venstre
{
    padding-right: 5px;
}
.artikkel .bilde_hoyre
{
    padding-left: 5px;
}
.artikkel .bilde_venstre .BildeTekst, .artikkel .bilde_hoyre .BildeTekst
{
    max-width: 200px;
}
.artikkel .venstre .BildeTekst
{
    max-width: 95px;
}
.artikkel .hoyre .BildeTekst
{
    max-width: 200px;
}
.artikkel .hoyre .bilde_venstre .BildeTekst, .artikkel .hoyre .bilde_hoyre .BildeTekst, .artikkel .bildeliste .BildeTekst
{
    max-width: 100px;
}
.artikkel .emnetypefelt
{
    margin-top: 10px;
}
.artikkel .emnetypefelt .ledetekst
{
    font-weight: bold;
    width: 100px;
}
.artikkel ul.snarveier
{
    clear: both;
}
.artikkel ul.snarveier li
{
    display: inline;
    list-style-type: none;
    padding-left: 10px;
}
.artikkel ul.snarveier li:first-child
{
    padding-left: 0px !important;
}
.artikkel ul.snarveier a
{
    cursor: pointer;
}
img.twitter {
    vertical-align: middle;
}


/************************** ArtikkelMal 1, 11, 12, 13, 14 **************************/
.artikkelmal_1 div#artikkelinnhold, .artikkelmal_11 div#artikkelinnhold, .artikkelmal_12 div#artikkelinnhold, .artikkelmal_13 div#artikkelinnhold, .artikkelmal_14 div#artikkelinnhold,
.artikkelmal_1 .emnetypefelt, .artikkelmal_11 emnetypefelt, .artikkelmal_12 emnetypefelt, .artikkelmal_13 emnetypefelt, .artikkelmal_14 emnetypefelt,
.artikkelmal_1 ul.snarveier, .artikkelmal_11 ul.snarveier, .artikkelmal_12 ul.snarveier, .artikkelmal_13 ul.snarveier, .artikkelmal_14 ul.snarveier
{
    margin-left: 105px;
}

/************************** ArtikkelMal 3, 5, 8, 24  **************************/
.artikkelmal_3 div#ingress, .artikkelmal_3 div#tekst, .artikkelmal_3 .InnholdForfatter,
.artikkelmal_5 div#ingress, .artikkelmal_5 div#tekst, .artikkelmal_5 .InnholdForfatter,
.artikkelmal_8 div#ingress, 
.artikkelmal_24 div#tekst
{
    clear: both;
}

/************************** ArtikkelMal 6 **************************/
.artikkelmal_6 div#artikkelinnhold, .artikkelmal_6 .emnetypefelt, .artikkelmal_6 ul.snarveier
{
    margin-right: 162px;
}
.artikkelmal_6 div#hoyrekolonne
{
    float: right;
    width: 142px;
}

/************************** ArtikkelMal 7 **************************/
.artikkelmal_7 .hoyre
{
    padding-left: 10px;
    padding-bottom: 10px;
}

/************************** ArtikkelMal 15, 16, 17, 18 **************************/
.artikkelmal_15 div#artikkelinnhold, .artikkelmal_16 div#artikkelinnhold, .artikkelmal_17 div#artikkelinnhold, .artikkelmal_18 div#artikkelinnhold,
.artikkelmal_15 .emnetypefelt, .artikkelmal_16 .emnetypefelt, .artikkelmal_17 .emnetypefelt, .artikkelmal_18 .emnetypefelt,
.artikkelmal_15 ul.snarveier, .artikkelmal_16 ul.snarveier, .artikkelmal_17 ul.snarveier, .artikkelmal_18 ul.snarveier
{
    margin-right: 105px;
}
.artikkelmal_15 div#hoyrekolonne, .artikkelmal_16 div#hoyrekolonne, .artikkelmal_17 div#hoyrekolonne, .artikkelmal_18 div#hoyrekolonne
{
    float: right;
    width: 100px;
}

/************************** ArtikkelMal 19 **************************/
.artikkelmal_19 .bildeliste .artikkelbilde
{
    width: 33%;
}

/************************** ArtikkelMal 20, 25 **************************/
.artikkelmal_20 .bildeliste .artikkelbilde, .artikkelmal_25 .bildeliste .artikkelbilde
{
    width: 25%;
}

/************************** ArtikkelMal 21 **************************/
.artikkelmal_21 .hoyre
{
    width: 240px; /*Fiks for IE 7*/
}

/************************** ArtikkelMal 21, 22, 23 **************************/
.artikkelmal_21 .hoyre, .artikkelmal_22 .hoyre, .artikkelmal_23 .hoyre
{
    padding-left: 10px;
}

/************************** ArtikkelMal 9,10 (stortbilde) **************************/

.artikkelmal_9 .jq-Art IMG, .artikkelmal_10 .jq-Art IMG
{
    width: 100%;
}

h2, h3, h4, h5, h6
{
    font-size: $DesignInnholdOverskriftFontSize$em;
}
.jq-galleria-bilder
{
    clear:both;
}

.faqWrapper h1 {
    margin-bottom: 10px;

}

.faqWrapper .skjulElement {
    display:none;
}

.faqWrapper .divFaqSporsmal {
    background-color: #EDEDED;
    padding: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}
.faqWrapper .divFaqSporsmal:after {
    content: "+";
    font-size: 16px;
    float: right;
}
.faqWrapper .divFaqSporsmal.open:after {
    content: "-";
}
.faqWrapper .divFaqSvar {
    display: none;
    padding: 10px;
}
.fancybox-title-over {
 width: 100%!important;
}

.remove-videodetector {
    display: none;
}

.remove-youtube {
    display: none;
}

.videodetector {
    
}

.videodetector iframe {
    width: 100%;
    min-height: 500px;  
}

/*Inputskjema styling*/
.inputskjema{
    margin-top: 25px;
}

.kontrollelemeent {
    padding: 5px;
    width: 95%;
    margin-bottom: 10px;
    border-radius: 3px;
    padding-bottom: 1em;
}

.inputskjema ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
    margin-bottom: 0 !important;
    }

.inputskjema ul li { 
    display: inline-block !important;
    padding-bottom: 10px !important;
}

.inputskjema .Range {
    margin-bottom: 0.5em !important;
    margin-left: 0 !important;
}

.inputskjema .Checkbox, .RadioKnapper {
    margin-left: 0 !important;
}

.inputskjema .RadioKnapper label, .Checkbox label{
    margin-left: 5px;
    top: 2px;
    position: relative;
    margin-right: 15px;
}

.inputskjema .Range li {
    display: inline-block !important;
    margin-top: 10px;
    margin-right: 25px;
}

.inputskjema .Range input[type=radio] {
    display: block;
    margin: 0 auto;
}

.inputskjema .Range label {
    display:block;
    text-align: center;
}

 .inputDiv input[type="text"], .inputDiv input[type="password"], .inputDiv textarea {
    display: inline-block;
    margin: 0;
    padding: 9px 9px 9px 8px;
    width: 100%;
}

.inputStyling {
    border: 1px solid darkgrey;
    background-color: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.inputDiv Select {
    width: 100%;
    text-align: left;
    min-height: 40px;
}

.inputDiv textarea {
    max-width: 100%;
    text-align: left;
}

.inputDiv .tall, .datovelger, .telefonnummer {
    width: 35% !important;
}

.inputskjema .felttittel {
    margin-bottom: 10px;
    margin-top: 5px;
}

.inputskjema .poststed {
    width: 62% !important;
}
.inputskjema .postnummer {
    width: 35% !important;
    margin-right: 20px !important;

}
.inputskjema .noBoarder {
    border: 0 none !important;
}

.inputskjemaSubmit  input[type="submit"],.inputskjemaSubmit  input[type="button"] {
    background-image: -moz-linear-gradient(center bottom , #B8B8B8 0%, #FEFEFE 100%) !important;
    border: 1pt solid #929497 !important;
    border-radius: 5px 5px 5px 5px;   
    color: #5A5A5A;
    cursor: pointer;
    font-weight: bold !important;
    padding: 0.5em !important;
    text-align: center;
    cursor: pointer;
}

.inputskjemaSubmit {
    margin-top: 20px;
    width: 100px;
}


/*Artikkel2.css*/


.artikkel p {
	margin-bottom: 1em;
}

.floatRight
{
  float: right;
}
.floatLeft  {
 float: left;
}
.paddingTop15 
{
    padding-top: 15px;
}
.marginRight5 
{
    margin-right: 5px;
}
.marginRight15 
{
    margin-right: 15px;
}
.artikkel .fullbredde a img
{
    width: 100%!important;
}
.marginLeft5 
{
    margin-left: 5px;
}
.marginLeft15 
{
     margin-left: 15px;
}
.marginBottom5
{
    margin-bottom: 5px;
}
.marginTop5 
{
     margin-top: 5px;
}
.marginLeft15 
{
    margin-left: 15px;
}
.artikkel .marginLeftAuto.marginRightAuto .artikkel-bilde-beskrivelse, .artikkel .marginLeftAuto.marginRightAuto .artikkel-bilde-copyright {
    display: block;
    margin: 0 auto;
	text-align:center;
}
.artikkel .marginLeftAuto img {
 margin-left: auto;
} 
.artikkel .marginRightAuto img { 
 margin-right: auto;
} 
.artikkel .displayBlock a img {
 display:  block;
}
.artikkel .displayBlock 
{
    display:block;
}
.artikkel .displayNone
{
    display:none;
}
.artikkel .list, .artikkel .kart {
    clear: both;
}
.tilbakemelding {
    clear: both;
}
.samletBilder img {
    margin-top: 5px;
}
.samletBilder img:first-child {
    margin-top: 0;
}


.images {
  display: block;
}

.images.marginLeftAuto.marginRightAuto img {
  margin-left: auto;
  margin-right: auto;
}

.images img {
  margin-top: 15px;
}

.images img:first-child {
  margin-top: 0;
}


.clear 
{
    clear: both;
}
.clearAfter:after
{
   clear: both;
}
.artikkel #tekst 
{
    clear:both;
}
.artikkel .liste 
{
    clear:both;
}
.artikkel .toBilder
{
    float: right;
}
.artikkel .toBilder img 
{
 float: right!important;
}
.artikkel .treBilder > div
{
   width: 22%;
}
.artikkel .fireBilder  > div
{
 margin-top: 5px;
 width: 24%;
}
.artikkel .InnholdForfatter {
 clear:both;
}
.artikkel .BildeTekst {
 display: block;
}
.artikkel .beskrivelse 
{
    font-style:italic;
}
.artikkel .bildeliste > div, .artikkel .bildeliste > span {
   float: left;
}
#main .artikkel table.bildegalleri {
    width: auto !important;
}
#main .artikkel table.bildegalleri td img {
    object-fit: cover;
    width: 100px;
    height: 100px;
}
.artikkel img 
{
    border: none;
}
.artikkel a img {
 max-width: 100%;
}
.clearFloatRight {
 clear: right;
}
.clearFloatLeft {
 clear: left;
}
.fotografText 
{
    display: inline-block;
    background: url("../images/kamera.gif");
    background-repeat: no-repeat;
    text-indent: 20px;
}
/* Endring */

.byline__container {
}

.byline__published, .byline__published-date, .byline__edited, .byline__edited-date {
    display: inline;
}

.byline__published-author-label, .byline__published-responsible-label, .byline__edited-author-label, .byline__published-date-label, .byline__edited-date-label {
    font-weight: 600;
}

.byline__published-author-label::after, .byline__published-responsible-label::after, .byline__edited-author-label::after, .byline__published-date-label::after, .byline__edited-date-label::after {
    content: ': ';
}