/* Skrifter */
.frontoverskrift h1 {font-family:roboto; font-weight:900; font-size: 40px; line-height:44px; color: #333;margin:15px 0 0 0;}
@media (max-width: 1160px) {.frontoverskrift h1 {font-size: 36px; line-height:40px;}}
@media (max-width: 768px) {.frontoverskrift h1 {font-size: 28px; line-height:32px;}}
.frontoverskrift h3 {font-family:roboto; font-weight:400; font-size: 26px; line-height:32px; color: #333;margin:15px 0 35px 0}
@media (max-width: 768px) {.frontoverskrift h3 {font-size: 20px; line-height:26px;}}
.frontoverskrift h4 {font-family:roboto; font-weight:700; font-size: 22px; line-height:28px; color: #3CA842; margin:0;}

.overskrift h1 {font-family:roboto; font-weight:700; font-size: 44px; line-height:50px; margin:0;}
@media (max-width: 990px) {.overskrift h1 {font-size: 30px; line-height:38px;}}
.overskrift h2 {font-family:roboto; font-weight:700; font-size: 36px; line-height:42px; margin:0;}
.overskrift_reg h3{font-family:roboto; font-weight:700; font-size: 28px; line-height:34px; margin:0;}
@media (max-width: 990px) {.overskrift_reg h3 {font-size: 18px; line-height:26px;}}
.overskrift h3 {font-family:roboto; font-weight:700; font-size: 28px; line-height:32px; margin:0;}
@media (max-width: 990px) {.overskrift h3 {font-size: 24px; line-height:26px;}}
.overskrift h4 {font-family:roboto; font-weight:700; font-size: 26px; line-height:28px; margin:0;}
.overskrift h5 {font-family:roboto; font-weight:700; font-size: 22px; line-height:24px; margin:0;}
.overskrift h6 {font-family:roboto; font-weight:700; font-size: 18px; line-height:22px; margin:0;}
.overskrift_liten {font-family:roboto; font-weight:400; font-size: 21px; line-height:26px; margin:0;}
.p {font-family:roboto; font-weight:400; font-size: 15px; line-height:19px; color: #333;}
.standardtekst {font-family:roboto; font-weight:400; font-size: 15px; line-height:19px; color: #333;}
.standardtekst a {color:#1E73BE;text-decoration:none;}
.standardtekst a:hover {color:#175c98}

/* Header */
#header {width: 100%;height:100px;position: fixed;background: #fff;box-shadow: 0 4px 20px -6px #666;display: flex;align-items: center;  z-index: 1;}
@media (max-width: 768px) {#header  {height:80px}}
.header{width: 1320px;display:flex;margin:auto;}
.logo{display:flex;}
@media (max-width: 1340px) {.logo {margin-left: 25px;}}
.logo img {height: 58px;}
@media (max-width: 480px) {.logo img {height: 44px;}}
@media (max-width: 767px) {.logo img {margin-top:5px}}
.knapper {display: flex;align-items: center;margin-left: auto;}
@media (max-width: 1340px) {.knapper {margin-right: 25px;}}
.item{display: inline-block;cursor: pointer;}
.ikon1 i {font-size: 22px;background: #3CA842;color: #fff;padding: 15px 17px;border-radius: 50px;margin-left:5px}
@media (max-width: 480px) {.ikon1 i {font-size: 16px;}}
.ikon2 i {font-size: 22px;background: #1E73BE;color: #fff;padding: 15px 17px;border-radius: 50px;margin-left:5px}
@media (max-width: 480px) {.ikon2 i {font-size: 16px;}}
.ikon3 i {font-size: 30px;background: #3CA842;color: #fff;padding: 22px;border-radius: 50px;margin-bottom: 20px;}
.ikon4 i {font-size: 30px;background: #1E73BE;color: #fff;padding: 22px;border-radius: 50px;margin-bottom: 20px;}

/* Menybox */
.menybox{z-index:2;position: fixed;top: 0;height: 100%;right: -460px;width: 400px;background-color: white;transition: right 0.6s;box-shadow: 0px 0px 60px 0px #ccc;}
@media (max-width: 767px) {.menybox {overflow: scroll;}}
.menybox_innhold{padding: 40px;margin-top: 30px;height: 100%;text-align: center;}
.menybox.open{right: 0;}
.menybox_tekst {font-family: roboto;font-size: 13.5px;line-height: 20px;padding: 15px 0 5px 0; color:#000;}
.menybox_tekst a {color:#1E73BE;text-decoration:none;}
.menybox_tekst a:hover {color:#175c98}
.passord-tekst {font-family: roboto;font-size: 13.5px;line-height: 20px;padding: 8px 0 5px 0; color:#000;margin-left: auto;}
.passord-tekst a {color:#1E73BE;text-decoration:none;}
.passord-tekst a:hover {color:#175c98}
.kryss {cursor: pointer;float: right;font-weight: bold;font-size: 28px;color: #999;padding: 18px 40px;}

/* Meldinger */
.feilmelding-bakgrunn {background: #ffefef;border-radius: 10px;padding: 20px;margin-bottom:20px;}
.feilmelding-top {display: flex;align-items:center; justify-content:center;margin-bottom: 8px;}
.feilmelding-top-tekst {font-family: roboto;font-size: 16px;font-weight: 700;}
.feilmelding-overskrift {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 18px;line-height: 20px;font-weight: 600;color:#333;padding-bottom:5px;text-align:center;letter-spacing: 0.8px;}
.feilmelding-tekst {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 15px;line-height: 16px;font-weight: 400;color:#333;text-align:center;}
.feil-ikon {color: #c80000;font-size: 40px;}
.vellykka-bakgrunn {background: #ebfbec;border-radius: 10px;padding: 20px;margin-bottom:20px;}
.vellykka-top {display: flex;align-items:center; justify-content:center;margin-bottom: 8px;}
.vellykka-top-tekst {font-family: roboto;font-size: 16px;font-weight: 700;}
.vellykka-overskrift {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 18px;line-height: 20px;font-weight: 600;color:#333;padding-bottom:5px;text-align:center;letter-spacing: 0.8px;}
.vellykka-tekst {display: flex;align-items:center; justify-content:center;font-family: roboto;font-size: 15px;line-height: 16px;font-weight: 400;color:#333;text-align:center;}
.vellykka-ikon {color: #3CA842;font-size: 40px;}
.knapp_reg1 {margin: 0 5px;cursor: pointer;background: #fff;border: 2px solid #c80000;padding: 8px 16px;border-radius: 50px;font-size: 13px;font-weight: 700;font-family: roboto;}
.knapperad {display: flex;justify-content: center;margin-top: 25px;}

/* Hovedside */
main {width:100%;padding: 100px 0 50px 0; background: #f7f7f7;}
@media (max-width: 768px) {main {padding:80px 0 50px 0 !important;}}
.forsideseksjon_fullbredde {width: 100%;}
.forsideseksjon_normal {width: 100%;max-width:1320px;margin: 0px auto;}
.seksjon_enkel_full {display: grid; grid-template-columns: 1fr;}
.seksjon_enkel {display: grid; box-sizing: border-box; grid-template-columns: 1fr;}
@media (max-width: 1340px) {.seksjon_enkel {margin:0 25px}}
.seksjon_dobbel {display: grid; box-sizing: border-box; grid-template-columns: 2fr 2fr; grid-gap: 20px;align-items: center;max-width:1320px;margin: 0 auto;}
@media (max-width: 660px) {.seksjon_dobbel {grid-template-columns: 1fr;}}
@media (max-width: 1340px) {.seksjon_dobbel {margin: 0px 25px }}
@media (max-width: 768px) {.seksjon_dobbel {margin-top: 20px !important;}}
.seksjon_dobbel_nogap {display: grid; box-sizing: border-box; grid-template-columns: repeat(2, 1fr);grid-auto-rows: 1fr;max-width:1320px;margin: 50px auto 0 auto;box-shadow: 0px 4px 20px -6px #ccc;border-radius:10px;}
@media (max-width: 768px) {.seksjon_dobbel_nogap {grid-template-columns: 1fr;grid-auto-rows: 0fr}}
@media (max-width: 1340px) {.seksjon_dobbel_nogap {margin: 50px 25px !important;}}
@media (max-width: 768px) {.seksjon_dobbel_nogap {margin: 25px 25px !important;}}
.seksjon_trippel {display: grid; box-sizing: border-box; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;align-items: center;max-width:1320px;margin: 0 auto;}
@media (max-width: 768px) {.seksjon_trippel {grid-template-columns: 1fr;}}
@media (max-width: 1340px) {.seksjon_trippel {margin: 0 25px !important;}}
.seksjon_kvadruppel {display: grid; box-sizing: border-box; grid-template-columns: 1fr 1fr 1fr 1fr;align-items: center;margin: 0 auto;}
@media (max-width: 768px) {.seksjon_kvadruppel {grid-template-columns: 1fr 1fr;}}
.forsideseksjon1 {padding:25px;font-family:roboto;font-size:16px;color:#fff}

.frontbilde {width:100%; height: 600px;object-fit: cover;background:#333}
@media (max-width: 768px) {.frontbilde {height: 400px;}}
@media (max-width: 480px) {.frontbilde {height: 310px;}}
.bildeoverskrift {margin: 0 auto;position: relative;top: -130px;width: 100%;max-width: 1320px;margin-top: -80px;text-align: center;}
@media (max-width: 1340px) {.bildeoverskrift {margin:-80px 0 0 0 ;}}
@media (max-width: 768px) {.bildeoverskrift {top: -70px}}
@media (max-width: 480px) {.bildeoverskrift {top: -55px}}
@media (max-width: 768px) {.bildeoverskrift span {font-size:45px !important;}}
@media (max-width: 480px) {.bildeoverskrift span {font-size:32px !important;}}
.bildeoverskrift span {font-family:roboto;font-size:70px;color:#fff;font-weight:900;text-shadow: 0px 4px 50px #333;}
.tekstskilt {margin: 0 auto;position: relative;top: -100px;width: 100%;max-width: 1320px;text-align: center;}
@media (max-width: 768px) {.tekstskilt {top:-70px;width:100%;max-width:100%;}}
@media (max-width: 1340px) {.tekstskilt {margin:0 0}}
.tekst {background: #3CA842;color: #fff;font-family: roboto;padding: 12px 20px;font-size: 22px;font-weight:700;border-radius: 10px;text-transform: uppercase;letter-spacing: 0.5px;}
@media (max-width: 768px) {.tekst {font-size:16px;}}
.tekst_stengt {background: #c80000;color: #fff;font-family: roboto;padding: 12px 20px;font-size: 22px;font-weight:700;border-radius: 10px;text-transform: uppercase;letter-spacing: 0.5px;}
@media (max-width: 768px) {.tekst_stengt {font-size:16px;}}
.tekstboks_hvit {background: #fff;padding: 40px;border-radius: 10px;text-align: center;box-shadow: 0px 4px 20px -6px #bbb;margin: 20px 0 0 0;}
@media (max-width: 768px) {.tekstboks_hvit {margin: 0;}} 
.tekstboks_hvit p {font-size: 17px;line-height:24px;font-weight: 400;font-family: roboto;}
@media (max-width: 768px) {.tekstboks_hvit p {font-size: 15px;line-height:20px;}} 
.ikon1 .stengt i {background: #c80000 !important;}
.tekstboks_graa{background: #fff;padding: 25px;border-radius: 0 0 10px 10px;text-align: center;margin-top: -5px;}
@media (max-width: 768px) {.tekstboks_graa {margin: 0;}} 
.tekstboks_bilde img {width: 100%;border-radius: 10px 10px 0 0 !important; height: 230px;object-fit: cover;}
.tekstboks_bilde {border-radius: 10px;box-shadow: 0px 4px 20px -6px #bbb;}
.overskrift h3 a {text-decoration: navajowhite;color: #333;}

/* Skjema */
.form-container { display: flex; flex-direction: column; }
.form-row { display: flex; flex-wrap: wrap; }
.form-column { flex: 1; box-sizing: border-box; margin-right: 12.5px; margin-left: 12.5px; }
@media (max-width: 768px) {.form-column { flex: 100%; margin-right: 0px; margin-left: 0px; }} 
.form-column:first-child { margin-left: 0; }
.form-column:last-child { margin-right: 0; }
.form-row label { display: block;width: 100%; }
.form-row input, .form-row select { width: 100%; box-sizing: border-box; padding: 14px; font-family: roboto; font-weight: 400; font-size: 15px; height: 50px;background: #fff;border: 1px solid #ccc !important;border-radius: 8px; }
textarea { width: 100%; box-sizing: border-box; padding: 14px; font-family: roboto; font-weight: 400; font-size: 15px; height: 100px;background: #fff;border: 1px solid #ccc !important;border-radius: 8px; }
textarea:focus {border: 1px solid #1E73BE !important; outline: none;}
@media (max-width: 768px) {textarea {height:150px;}}
.skjema_login { display: flex; flex-direction: column; background: #efefef; padding: 0 15px 15px 15px; border-radius: 10px; margin-top: 15px; }
.form-row input:focus, .form-row select:focus {border: 1px solid #1E73BE !important; outline: none;}
.form-help {font-family: roboto;font-size: 11px;padding-top: 6px;line-height: 15px; color:#888;}
.form-help a {color:#1E73BE;text-decoration:none;}
.form-help a:hover {color:#175c98}
.form-help-1 {color: #333;font-weight: 400;font-family: roboto;font-size: 13px;}
.form-help-1 a {color:#1E73BE;text-decoration:none;}
.required {font-size: 15px;font-family: roboto;margin-left: 3px;color: #c80000;}
.form-background {background: #efefef;padding: 0 25px 25px;margin-top: 25px;border-radius: 10px;}
.form-background_nopadding {background: #efefef;border-radius: 10px;}
.form-background:first-child {margin-top: 0px;}
.skjema {margin: 20px 0;}
button[type="submit"] {width: 100%;padding: 14px 20px;background-color: #1E73BE;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-top: 20px;font-size: 15px;font-family: roboto;font-weight: 700;}
button[type="submit1"] {width: 100%; padding: 14px 20px;background-color: #3CA842;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-top: 30px; margin-bottom:20px;font-size: 15px;font-family: roboto;font-weight: 700;}
button[type="submit2"] {width: 100%; padding: 14px 20px;background-color: #3CA842;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-bottom: 20px;font-size: 15px;font-family: roboto;font-weight: 700;}
@media (max-width: 768px) {.form-row.slett {margin-top: -20px;}} 
button[name="delete"] {background: #c80000;}
button[name="nyttpassord"] {background: #fff;border: 2px solid #c80000;border-radius: 50px;width: 150px;color: #333;padding: 10px 14px;font-size: 14px;}
input[type="button1"] {width:200px;text-align:center;padding: 14px 20px;background-color: #ccc;color: #333;font-weight:700;border-radius: 8px;cursor: pointer;margin: 30px 0 20px;border:none;font-size: 15px;font-family: roboto;font-weight: 700;}
input[type="button1"]:focus-visible {outline:none;}
input[type="button1"]:focus {outline:none;}
.button1 {display: flex;flex-wrap: wrap;justify-content:center;}
label {font-family:roboto; font-weight:600; font-size: 12px; line-height:15px; color: #333; margin:20px 0 8px 0;display: block;}
#bilde, #innslag {background: none;border: none !important;padding: 0;border-radius: 0;}
input::file-selector-button {border-radius: 0;background:#ccc;color:#333;border:none;font-family:roboto;font-size:14px;padding:10px 16px;font-weight:700;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: none !important;  text-align: center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #1E73BE !important;color: #fff !important;}
#ui-datepicker-div {font-family: roboto !important;max-width: 250px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #999 !important;color: #ffffff;}
.ui-widget.ui-widget-content {border: none !important;padding: 10px !important;}
.input-wrapper {display: flex;flex-align-items: center;position: relative;width: 100%;}
.input-wrapper input {flex: 1;padding-right: 35px;}
.input-wrapper i {position: absolute;top: 50%;right: 20px; transform: translateY(-50%);pointer-events: none;color: #999;font-size: 19px;}
.input-wrapper-select {display: flex;flex-align-items: center;position: relative;width: 100%;}
.input-wrapper-select input {flex: 1;padding-right: 35px;}
.input-wrapper-select i {position: absolute;top: 50%;right: 20px; transform: translateY(-50%);pointer-events: none;color: #999;font-size: 16px;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none; }

/* Elementer */
.knapp {border: 2px solid #1E73BE;background-color: #fff; padding: 14px 20px; border-radius:50px;font-size: 15px;font-family: roboto;font-weight: 700;cursor: pointer;margin-top:15px;}
.knapp a {text-decoration: none;color: #333;}
.knapp a:hover {color: #fff;}
.litenknapp {border: 2px solid #1E73BE;color: #1E73BE;background-color: #fff; padding: 9px 14px; border-radius:50px;font-size: 14px;font-family: roboto;font-weight: 700;cursor: pointer;}
.knapp:hover {background-color: #1E73BE; color:#fff;}
.button.vipps {background: #ff5b24 !important;margin-top: 30px;width: 100%; padding: 14px 20px;background-color: #3CA842;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-bottom: 20px;font-size: 15px;font-family: roboto;font-weight: 700;}
.ikon5 i {font-size: 30px;background: #1E73BE;color: #fff;padding: 20px;border-radius: 50px;width:30px;height:30px;margin-bottom: 15px; }
.ikon6 i {background: #1E73BE;font-size: 70px;padding: 40px 35px;border-radius: 50%;margin-top:75px;}
@media (max-width: 768px) {.ikon6 i {font-size: 30px;margin-top:10px;padding:25px 22px;}} 
@media (max-width: 480px) {.ikon5 i {font-size: 18px;padding: 13px}}
@media (max-width: 480px) {.ikon5 i::before {top: 3px;position: relative;left: 2px;}}
.margin10 {margin: 5px 0}
.margin20 {margin: 10px 0}
.margin30 {margin: 15px 0}
.margin40 {margin: 20px 0}
.margin50 {margin: 25px 0}

/* Kontoregistrering */
.bakgrunnsbilde {background-image: url("/grafikk/bakgrunn.jpg");border-radius: 10px 0px 0 10px;}
@media (max-width: 768px) {.bakgrunnsbilde {border-radius: 10px 10px 0 0px;}}
.seksjonskolonne1 {padding: 100px 30px;text-align: center;color: #fff;border-radius:10px 0 10px 0}
@media (max-width: 768px) {.seksjonskolonne1 {padding: 50px 30px;}}
.seksjonskolonne2 {padding: 30px;color: #333;background: #fff; border-radius: 0 10px 10px 0;}
@media (max-width: 768px) {.seksjonskolonne2 {border-radius: 0px 0px 10px 10px;margin-bottom: -50px;padding:20px;}}


/* Footer */
#footer {width: 100%;background: #efefef;border-top: 1px solid #ddd;display: flex;align-items: center;padding:50px 0 15px 0;}
.footer {width: 1320px;margin:auto;color: #333;text-align: center;font-size: 15px;font-family: roboto;}
@media (max-width: 1340px) {.footer {margin: 0 25px;}}
.footer_seksjon {width: 100%;padding-bottom: 15px !important;}
.footer_logo img {width: 200px;}
.footer_seksjon_grid {display: inline-grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;margin: 0 auto;}
.footer_bildekolonne img {width: 80px;object-fit: contain; margin-top:-40px;}
@media (max-width: 480px) {.footer_bildekolonne img {width: 55px;object-fit: contain;}}

/* Footer Innlogget */
#footer_innlogget {width: 100%;background: #fff;border-top: 1px solid #ddd;display: flex;align-items: center;height:130px;position:fixed;left:0;bottom:0;box-shadow: 0px 4px 20px 0px #CCCCCC;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
@media (max-width: 560px) {#footer_innlogget {height:110px}}
.footer_bildekolonne_innlogget {width: 100px;}
@media (max-width: 560px) {.footer_bildekolonne_innlogget {width: 63px;}}
.ikon1_innlogget i {font-size: 20px;background: #1E73BE;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon1_innlogget i {font-size: 17px;padding: 10px}}
.ikon2_innlogget i {font-size: 20px;background: #7A309C;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon2_innlogget i {font-size: 17px;padding: 10px}}
.ikon3_innlogget i {font-size: 20px;background: #529C30;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon3_innlogget i {font-size: 17px;padding: 10px}}
.ikon4_innlogget i {font-size: 20px;background: #CF6116;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon4_innlogget i {font-size: 17px;padding: 10px}}
.ikon5_innlogget i {font-size: 20px;background: #940606;color: #fff;padding: 20px;border-radius: 50px;width: 20px;height: 20px;}
@media (max-width: 560px) {.ikon5_innlogget i {font-size: 17px;padding: 10px}}
.menytekst_innlogget {padding-top: 5px; font-size:16px; font-family: roboto;font-weight: 600; color:#333; text-decoration:none;}
@media (max-width: 560px) {.menytekst_innlogget {font-size: 11px;}}

/* Header - Innlogget */
.initial {border-radius: 50%;padding: 10px;border: 2px solid #1E73BE;color: #1E73BE;font-weight: 700;font-family: roboto;text-decoration: none;font-size: 22px;}
.initial:hover {border: 2px solid #000;color: #000;}
@media only screen and (max-width: 767px) {.initial {padding: 10px;font-size: 16px;position:}}


/* KNAPPER - PARA AS */
.button.vipps {background: #ff5b24 !important;margin-top:15px;}
.button.vipps:hover {background: #cf4d22 !important;}

/* Min side - Innlogget */
.hovedwrapper {padding:50px 0 110px 0;}
@media (max-width: 768px){ .hovedwrapper {padding:25px 0 65px 0;}}
.seksjonsenhet_flex {background-color: #fff;padding: 20px;display: flex;align-items: center;border-radius:10px;box-shadow:0px 4px 20px -6px #ccc;}
.seksjonsenhet_flex_blaa {background: #eff6fc; padding: 20px;border-radius:10px;margin-top:20px;margin-bottom:-10px;}
.seksjonsenhet_flex_graa {background-color: #efefef;padding: 20px;display: flex;align-items: center;border-radius:10px;margin-top:20px;}
.seksjonsenhet_flex_graa1 {background-color: #efefef;padding: 20px;border-radius:10px;margin-top:30px;}
.seksjonsenhet_flex_graa2 {background-color: #efefef;padding: 20px;display: flex;flex-direction:column;border-radius:10px;margin-top:20px;}
.seksjonsenhet_block {background-color: #fff;padding: 20px;display:block;border-radius:10px;box-shadow:0px 4px 20px -6px #ccc;margin:20px 0;}
.linje_blaa {width:100%; border: 1px solid #1E73BE; margin-top: 15px; margin-bottom: 20px; }
.kolonne3 {display: flex;flex-direction: column;flex: 1;}
.kolonne3:first-child {flex-basis: 10%;}
.kolonne3:nth-child(2) {flex-basis: 68%;}
.kolonne3:last-child {flex-basis: 40%;text-align: right;}
@media (max-width: 990px){.kolonne3:last-child {display:none;}}
@media (max-width: 990px){.kolonne3:nth-child(2) {flex-basis: 88%;}}
@media (max-width: 768px) {.kolonne3 {flex-basis: 100%;}}
.kolonne2 {display: flex;flex-direction: column;flex: 1;}
.kolonne2:first-child {flex-basis: 10%;}
.kolonne2:last-child {flex-basis: 90%;}
.kolonne1 {display: flex;flex-direction: column;flex: 1;}
.kolonne1:first-child {flex-basis: 85%;}
.kolonne1:last-child {flex-basis: 15%;text-align:right}
.ikon6_innlogget i {margin-right: 15px;font-size: 17px;background: #1E73BE;color: #fff;padding: 15px;border-radius: 50px;width: 15px;height: 15px;}
.ikon6_innlogget i:before {position:relative;top: -1px;}
@media (max-width: 560px) {.ikon6_innlogget i {font-size: 17px;padding: 10px;margin-right: 15px;}}
.ikon7_innlogget i {margin-right: 15px;font-size: 17px;background: #940606;color: #fff;padding: 15px;border-radius: 50px;width: 15px;height: 15px;}
.ikon7_innlogget i:before {position:relative;top: -1px;}
@media (max-width: 560px) {.ikon7_innlogget i {font-size: 17px;padding: 10px;}}
.ikon8_innlogget i {font-size: 17px;background: #999;color: #fff;padding: 15px;border-radius: 50px;width: 15px;height: 15px;}
.ikon8_innlogget i:before {position:relative;top: -1px; left:-3px}
@media (max-width: 560px) {.ikon8_innlogget i {font-size: 17px;padding: 10px;}}
.liten-tekst {font-family: roboto;font-size: 12px;letter-spacing: 0.5px;line-height: 20px;}
.stor-overskrift {font-family:roboto; font-weight:700; font-size: 36px; line-height:40px; margin:0;letter-spacing:0.5px}
@media (max-width: 767px) {.stor-overskrift {font-size: 26px; line-height:28px;letter-spacing:0px}}
.liten-overskrift {font-family:roboto; font-weight:400; font-size: 18px; line-height:22px; margin-top:5px;letter-spacing:0.5px}
@media (max-width: 767px) {.liten-overskrift {font-size: 16px; line-height:20px;}}
.bidragsytere-ekstra {margin-top: 10px;}
.bidragsytere-ekstra label {margin-top: 15px;}
.slett-felt {background: none;border:none;position: relative;top: 50px;cursor: pointer; }
.center {text-align: center;}
.form-column1, .form-column2, .form-column3 {flex: 1;}
.form-column1 {margin-right:12.5px; margin-left;0;}
.form-column2, .form-column3 {margin:0 12.5px;}
.form-column4 {flex-basis: 5%;margin-right:0;margin-left:12.5px;text-align:right;}
@media (max-width: 767px) {.form-column1, .form-column2, .form-column3, .form-column4 {flex-basis: 100%; margin:0}}
@media (max-width: 767px) {.form-column4 {text-align:center;}}
@media (max-width: 767px) {.slett-felt {top: 15px;}}
@media (max-width: 767px) {.bidragsytere-ekstra {border-top: 1px dotted #aaa;margin: 30px 0;}}

/* Min side - Rediger bidrag */
.lydfil {margin-top: 25px;}
.lydfil label {margin: 0px 0 12px 0;}
.skjema-ramme1 label {margin: 0px 0 12px 0;}
.lydfil #player {width: 100%;border-radius: 8px 8px 0 0;}
.skjema-ramme {border: 1px solid #ccc;margin-top: -5px;background: #fff;padding: 20px;border-radius: 0px 0px 8px 8px;}
.skjema-ramme1 {border: 1px solid #ccc;margin-top: 15px;background: #fff;padding: 20px;border-radius: 8px;}
.visbilde img {width: 160px;object-fit: cover;height: 115px;border-radius: 8px;}
.visbilde {width: 100%}
.bidragsytere-ekstra .slett {cursor:pointer; margin-top: 10px;font-family: roboto;font-weight: 700;background: #c80000;color: #fff;border: none;padding: 4px 10px;border-radius: 50px;}
@media (max-width: 767px) {.skjema-ramme {margin-top:5px;border-radius:8px;padding:15px;}}
@media (max-width: 767px) {.skjema-ramme1 {padding:15px;}}
@media (max-width: 767px) {.skjema-ramme1 .form-row {margin-top: -20px;}}
@media (max-width: 767px) {.skjema-ramme1 .form-column:last-child {justify-content: center;display: flex;margin-top:20px;}}
@media (max-width: 767px) {.lydfil #player {border-radius: 0px 0px 0px 0px !important;}}
@media (max-width: 767px) {.visbilde img {width: 100%;height:200px;}}
@media (max-width: 767px) {.skjema-ramme1 label {margin:20px 0 12px;}}



/* Min side - Mine bidrag */
.bidrag_rad {display: flex;align-items: center;padding:15px 20px;background:#f5f5f5;margin-bottom:5px;border-radius:10px;}
@media (max-width: 990px) {.bidrag_rad {display:block}}
.bidrag_rad:last-child {border-bottom: none;margin-bottom:0}
.bidrag_rad:hover {background:#efefef;}
.radkolonne1, .radkolonne2, .radkolonne3, .radkolonne4 {display: flex;flex-direction: column;}
@media (max-width: 990px) {.radkolonne1, .radkolonne2, .radkolonne3, .radkolonne4 {text-align:center !important;}}
@media (max-width: 990px) {.radkolonne1, .radkolonne2, .radkolonne3 {text-align:center !important;margin-bottom:10px;}}
.radkolonne1 {flex-basis:5%;text-align:left}
.radkolonne2 {flex-basis:35%;text-align:left}
.radkolonne3 {flex-basis:55%;text-align:left}   
.radkolonne4 {flex-basis:5%;text-align:right} 
.ikon1_bidrag {font-size: 22px;color: #c80000;}
@media (max-width: 990px) {.ikon1_bidrag, .ikon2_bidrag {font-size:20px !important;}}
.ikon2_bidrag {font-size: 22px;color: #333;}
.tittel_bidrag, .tittel_kategori {font-family:roboto; font-size: 12px;font-weight: 600;letter-spacing: 0.3px;}
@media (max-width: 990px) {.tittel_bidrag, .tittel_kategori {font-size: 11px;}}
.navn_bidrag, .navn_kategori {font-family:roboto; font-size: 16px;line-height:20px;font-weight: 400;}


.warningbox {margin-bottom:30px;background-color: #fff;padding: 20px;display: flex;align-items: center;box-shadow:0px 4px 20px -6px #ccc; border-left:8px solid #c80000;}
.warningbox_icon {margin-right:25px;}   
.warningbox_icon i {font-size:35px; color:#c80000 }   

/* Hjelpeknapp */
.box {
  position: fixed;
  bottom: 55px;
  right: 12px;
  width: 100px;
    z-index: 10999;
}

.hjelpeknapp {
  font-family:roboto; 
  font-weight:700; 
  font-size: 16px; 
  color: #fff;
  padding: 12px 15px;
  background: #1E73BE;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

@media screen and (max-width: 767px){
  .hjelpeknapp{
    font-size: 12px;
  }
}

@media screen and (max-width: 767px){
  .box{
      bottom: 135px;
right: -5px;
  }
}

@media screen and (max-width: 767px){
  .overlay{
      bottom: 100px !important;
  right: 25px !important;

  }
}






.hjelpeknapp:hover {
  background: #175b98;
}

.overlay {
  position: fixed;
  bottom: 25px;
  right: 22px;
   z-index: 10999;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
 position: fixed;
  top: 0;
  bottom: 0;
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
box-shadow: 0px 0px 20px 0px #ccc;
  width: 250px;
  position: relative;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 22px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.popup .close:hover {
  color: #fff;
}

.popupoverskrift {
  font-size: 17px;
  font-weight: 700;
  font-family: roboto;
  padding: 10px;
  margin-bottom: 20px;
  background: #1E73BE;
  color: #fff;
  border-radius: 10px;
}
.popup .content {
  max-height: 400px;
  overflow: auto;
  font-family:roboto; font-weight:400; font-size: 13px; line-height:16px; color: #333;text-align: center;
}


/* extra styles */


article > *:first-child {margin: 0;}
article > * + * {margin: 0.75em 0 0 0;}
pre {color: white; background: #2c2330; padding: 1em; border-radius: 5px;}
details code {font-size: 1.1em;}

#the-count {
  float: right;
  padding: 0.1rem 0 0 0;
  font-size: 0.875rem;
}