/* overordnet sideformat og plassering -------------------------------*/

input, select { font-size: 100%; }
#mastheadwrapper {
    background-color: #1F487E;
    background-color: #f1f1f1;
}
.spill-i-gang #mastheadwrapper {
    display: none;
}
.spill-i-gang {
    overflow: hidden;
}
#masthead {
    padding: 0 2%;
    max-width: 1146px;
    height: 110px;
    margin: 0 auto;
    position: relative;
}
#headermenyCont {
    float: right;
    margin-top: 10px;
}
body.forsiden #headermenyCont,
body.forsiden #headermenyCont a {
    color: #fff;
}
#contextwrapper {
    height: 110px;
}
body.nocontext #contextwrapper,
body.trinn1-4 #contextwrapper,
body.trinn5-7 #contextwrapper,
body.trinn8-10 #contextwrapper,
body.trinn11-13 #contextwrapper,
body.student #contextwrapper {
    background: none;
    display: inline-block;
    margin-left: 33%;
    padding: 10px;
}
#context {
    max-width: 1144px;
    margin: 0 auto;
    position: relative;
}
.underside #context a.trinn1-4,
.underside #context a.trinn5-7,
.underside #context a.trinn8-10,
.underside #context a.trinn11-13,
.underside #context a.student {
    display: block;
    float: left;
    padding: 64px 8px 0px 8px;
    margin-top: 4px;
    text-decoration: none;
    text-align: center;
    background-size: 60px 60px; 
    background-position: center top;
    background-repeat: no-repeat;
    min-width: 80px;
}

.underside #context a.trinn1-4:hover,
.underside #context a.trinn5-7:hover,
.underside #context a.trinn8-10:hover,
.underside #context a.trinn11-13:hover,
.underside #context a.student:hover{
     text-decoration: underline;
      background-size: 64px 64px;
 }

.underside #context a.trinn1-4 { background-image: url(/images/ikon_spurvugle.svg); }
.underside #context a.trinn5-7 { background-image: url(/images/ikon_kattugle.svg); }
.underside #context a.trinn8-10 { background-image: url(/images/ikon_lappugle.svg); }
.underside #context a.trinn11-13 { background-image: url(/images/ikon_hubro.svg); }

.underside #context .icon {
    color: #000;
    font-size: .8em;
    font-family: "woodfordbourne-regular";
    font-weight: bold;
}
#mainwrapper {
    background-color: #ffffff;
    padding-top: 15px;
}
#maincontwrapper {
    padding: 20px 2% 40px 2%;
    max-width: 1146px;
    margin: 0 auto;
    background-color: #ffffff;
}
.trinn1-4.seksjon #maincontwrapper {
    background-color: transparent;
}
#mainLeft {
    float: left;
    width: 20%;
    margin-right: 3%;
}
#mainLeft .menu {
     max-width: 230px;
     margin-bottom: 2em;
}
.forsiden #mainLeft {
    float: left;
    width: calc(25% - 20px);
    margin-right: 2.3%;
}
#main {
    float: left;
    width: 54%;
    margin-right: 3%;
}
main #spillwrapper {
    width: 77%;
    float: left;
}

#main.nyseksjonstekst {
    float: left;
    width: 77%;
    margin-right: 0;
}
.seksjon #main {
    margin-left: auto;
    margin-right: auto;
}
.trinn1-4.seksjon #main {
    float: left;
    max-width: 960px;
    margin-right: 0;
}
#mainRight {
    float: left;
    width: 20%;
}
#main.fullspalte {
    float: left;
    width: 760px;
    margin-right: 20px;
}

.forsiden #mainteaserCont {
    display: none;
}

.spillforsideikon {
     width: 33%;
     float: right;
     margin-left: .2em;
}

/* Footer ------------------------------------------------------------*/
#footerwrapper {
    background-color: #f1f1f1;
}
.forsiden #footerwrapper {
    background-color: #ffffff;
}
#footer {
    padding: 35px 5%;
    max-width: 760px;
    min-height: 125px;
    margin: 0 auto;
    font-size: .8em;
    
    color: #424242;
}

#footer a,
#footer a:hover,
#footer a:visited {
    color: #105e71;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footerlogo {
    float: left;
    width: 170px;
}
#footerlogo img {
    margin: 20px 0 0 10px;
    width: 125px;
    height: 101px;
}

#footerinfo {
    float: left;
    width: 405px;
    margin-right: 2em;
    line-height: 140%;
}

#footersamarbeid {
    float: left;
    width: 200px;
}
#footersamarbeid a {
    margin: 5px 30px 0 0 ;
    float: left;
}

#footerbidrag {
    float: left;
    width: 115px;
    height: 160px;
}
#footerbidrag2 {
    float: left;
    width: 106px;
    height: 130px;
    margin-right: 40px;
}
#footerbidrag3 {
    float: left;
    width: 330px;
    height: 120px;
    margin-right: 50px;
}

#footersamarbeid a img {
        width: 70px;
        margin-left: 2em;
    }
#footerbidrag a img {
        width: 80px;
    }
#footerbidrag2 a img {
        width: 106px;
        height: 130px;
        margin-top: 0px;
    }
#footerbidrag3 a img {
        width: 330px;
        margin-top: 30px;
    }
    
#footerbidrag p, #footerbidrag2 p {
    margin-bottom: 0;
}
.tologo {
    width: 285px;
    float: left;
}

/* overordnet kontekstløs typografi ----------------------------------*/
h1 {
    font-size: 2em;
    margin-bottom: 0.4em;
    line-height: 1.2em;
}
h2 {
    font-size: 1.5em;
    margin-bottom: 0.4em;
}
h3 {
    font-size: 1.3em;
    margin-bottom: 0.4em;
}
h4 {
    font-size: 1.15em;
    margin-bottom: 0.4em;
}
b,
strong {
    font-weight: bold;
}
.ingress.editortext {
    font-size: 1.15em;
    line-height: 1.30em;
    margin-bottom: 0.6em;
}


.editortext table.middlealign {
    border: 0px;
}

.editortext table.middlealign td {
    vertical-align: middle;
    border: 0px;
}

/* Orakel sporsmaalkategori listeformattering ------------------------*/
#sporsaalskategoriCont ul.lenkeliste li {
    width: 45%;
    float: left;
    line-height: 130%;
}
#sporsaalskategoriCont ul.lenkeliste li.odd {
    margin-right: 20px;
    clear: left;
}
#sporsaalskategoriCont .ossliste {
    margin-bottom: 15px;
}
.oftstisporCont a,
#sporsaalskategoriCont .ossliste a {
    text-decoration: none;
}
.oftstisporCont a:hover,
#sporsaalskategoriCont .ossliste a:hover {
    text-decoration: underline;
}
.kategori_level_1 {
    font-size: 24px;
    margin-bottom: 5px;
}
.kategori_level_2 {
    font-size: 18px;
    color: #515151;
    margin-bottom: 2px;
}

.forsiden .menu .menu #Forside {
    display: none;
}

/* trinnvis  menylogikk ----------------------------------------------*/
body.trinn5-7.rolle-elev.seksjon .menu .spill   {display: none;}
body.trinn8-10.rolle-elev.seksjon .menu .spill  {display: none;}
body.trinn11-13.rolle-elev.seksjon .menu .spill {display: none;}

.trinn1-4 .spillteasereCont h1 {
     text-align: center;
}

.menu .menu-section {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.forsiden .menu .menu-section {
    max-width: 230px;
}
.menu .menu-section h3 {
    display: none;
}

.seksjon #mainLeft .menu {
    
}
/* sidetoppformattering ----------------------------------------------*/
#masthead #hjemlenkeCont {
    position: absolute;
    top: 14px;
    left: 2%;
}

#masthead #hjemlenkeCont a,
.forsiden #masthead #hjemlenkeCont .logo {
    display: block;
    width: 300px;
    height: 100px;
    background-image: url(/images/logo.svg);
    background-repeat: no-repeat;
    background-size: auto 100px;
}

.forsiden #masthead #hjemlenkeCont .logo {
    background-image: url(/images/logo_forside.svg);
}

#masthead #searchCont {
    position: absolute;
    top: 42px;
    right: 2%;
    margin: 0px;
    padding: 0px;
    display: inline;
    z-index: 500;
}

#masthead #searchCont .topsearch {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    background-color: white;
    border-radius: 20px 0 0 20px;
    height: 27px;
    width: 150px;
    margin: 0px;
    color: #000000;
    padding: 0 0 0 15px;
    font-size: 12px;
    float: left;
    display: inline;
    vertical-align: middle;
    -moz-box-shadow: inset 2px 3px 3px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 2px 3px 3px rgba(0,0,0,.4);
   box-shadow: inset 2px 3px 3px rgba(0,0,0,.24);
}

#masthead #searchCont .topsubmit {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-radius: 0 20px 20px 0;
    margin: 0;
    padding: 0 25px 0 0;
    cursor: pointer;
    height: 27px;
    width: 30px;
    vertical-align: middle;
    font-size: 12px;
    background-color: white;
    float: left;
    display: inline;
    -moz-box-shadow: inset -2px 3px 3px rgba(0,0,0,.4);
   -webkit-box-shadow: inset -2px 3px 3px rgba(0,0,0,.4);
   box-shadow: inset -2px 3px 3px rgba(0,0,0,.24);
}
#masthead #searchCont input::-webkit-input-placeholder {
   color: #000;
}

#masthead #searchCont input:-moz-placeholder {
    color: #000;
}

#masthead #searchCont input:-ms-input-placeholder {
    color: #000;
}
#masthead #searchCont .mg {
    margin: 0px;
    padding: 0px;
}



#context .trinnmarker {
    display: block;
    float: right;
    margin: 10px 0 0 30px;
    position: relative;
    color: #363636;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #cccccc;

}
#context .trinnmarker > .ugle {
    display: block;
    float: left;
    width: 56px;
    height: 56px;
    background: url(/images/button_ugler_sirkel.png) no-repeat -99999px -99999px transparent;
}

#context .trinnmarker > .trinnLabel {
    display: none;
    float: left;
    padding: 16px 0 0 0px;

}
#context .trinnmarker > .tittel {
    display: block;
    float: left;
    padding: 19px 0 0 5px;
}

body.rolle-elev #context .trinnmarker.elev,
body.rolle-larer #context .trinnmarker.larer,
body.rolle-foresatt #context .trinnmarker.foresatt {
    position: absolute;
    top: -5px;
    left: 10px;
    margin: 0 0 0 0;
    font-size: 28px;

}

body.rolle-elev #context .trinnmarker.elev .ugle,
body.rolle-larer #context .trinnmarker.larer .ugle,
body.rolle-foresatt #context .trinnmarker.foresatt .ugle {
    width: 86px;
    height: 86px;
    background: url(/images/button_ugler_flapp.png) no-repeat -99999px -99999px transparent;
}

body.rolle-elev #context .trinnmarker.elev .trinnLabel,
body.rolle-larer #context .trinnmarker.larer .trinnLabel,
body.rolle-foresatt #context .trinnmarker.foresatt .trinnLabel {
    margin-top: 13px;
    margin-left: 0px;
    display: block;
}

body.rolle-elev #context .trinnmarker.elev .tittel,
body.rolle-larer #context .trinnmarker.larer .tittel,
body.rolle-foresatt #context .trinnmarker.foresatt .tittel {
    margin-top: 10px;
    margin-left: 8px;
}

body.rolle-elev #context .trinnmarker.elev .tittel,
body.student.rolle-elev #context .trinnmarker.elev .tittel {
    display: none;
}

#context .trinnmarker.foresatt .ugle                {background-position: -100px    0;}
#context .trinnmarker.foresatt:hover .ugle          {background-position: -100px -100px;}
body.rolle-foresatt #context .trinnmarker.foresatt .ugle          {background-position: -150px    0;}
body.rolle-foresatt #context .trinnmarker.foresatt:hover .ugle    {background-position: -150px -150px;}
#context .trinnmarker.larer .ugle                   {background-position:    0      0;}
#context .trinnmarker.larer:hover .ugle             {background-position:    0   -100px;}
body.rolle-larer #context .trinnmarker.larer .ugle             {background-position:    0      0;}
body.rolle-larer #context .trinnmarker.larer:hover .ugle       {background-position:    0   -150px;}

body.student.rolle-elev #context .trinnmarker.elev .ugle              {background-position: -880px    6px;}
body.student.rolle-elev #context .trinnmarker.elev:hover .ugle        {background-position: -880px -146px;}

body.trinn1-4 #context .trinnmarker.elev .ugle                    {background-position: -500px    0;}
body.trinn1-4 #context .trinnmarker.elev:hover .ugle              {background-position: -500px -100px;}
body.trinn1-4.rolle-elev #context .trinnmarker.elev .ugle              {background-position: -750px    0;}
body.trinn1-4.rolle-elev #context .trinnmarker.elev:hover .ugle        {background-position: -750px -150px;}

body.trinn5-7 #context .trinnmarker.elev .ugle                    {background-position: -400px    0;}
body.trinn5-7 #context .trinnmarker.elev:hover .ugle              {background-position: -400px -100px;}
body.trinn5-7.rolle-elev #context .trinnmarker.elev .ugle              {background-position: -600px    0;}
body.trinn5-7.rolle-elev #context .trinnmarker.elev:hover .ugle        {background-position: -600px -150px;}

body.trinn8-10 #context .trinnmarker.elev .ugle                    {background-position: -300px    0;}
body.trinn8-10 #context .trinnmarker.elev:hover .ugle              {background-position: -300px -100px;}
body.trinn8-10.rolle-elev #context .trinnmarker.elev .ugle              {background-position: -450px    0;}
body.trinn8-10.rolle-elev #context .trinnmarker.elev:hover .ugle        {background-position: -450px -150px;}

body.trinn11-13 #context .trinnmarker.elev .ugle                    {background-position: -200px    0;}
body.trinn11-13 #context .trinnmarker.elev:hover .ugle              {background-position: -200px -100px;}
body.trinn11-13.rolle-elev #context .trinnmarker.elev .ugle              {background-position: -300px    0;}
body.trinn11-13.rolle-elev #context .trinnmarker.elev:hover .ugle        {background-position: -300px -150px;}

/* hovedmeny.---------------------------------------------------------*/
.menu .menuitem {
    color: #424242;
    font-family: 'woodfordbourne', arial;
    font-size: 1.05em;
    line-height: 130%;
    text-transform: none;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 17px;
    background-image: url(/images/greendot.png);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: 1px 12px;
}
.menu .menuitem:hover {
    background-size: 12px 12px;
    background-position: 0px 10px;
    text-decoration: underline;
}


/* standardassosisasjoner --------------------------------------------*/
#klassesituasjonsCont,
.assocCont {
    margin: 0 0 1em 0;
}
.assocCont,
.kompleks_navigasjon_liste,
#klassesituasjonsCont {
    background-color: #eaeaea;
    border-radius: 10px 10px 5px 5px;
}
.assocCont ul,
#klassesituasjonsCont ul {
    padding: 5px 10px 8px 10px;
}
#klassesituasjonsCont h3,
.assocCont h3,
.kompleks_navigasjon_liste h4,
.kompleks_navigasjon_liste h3 {
    background-color: #779f3c;
    color: #000;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0 0 0.3em 0;
    border-radius: 5px 5px 0 0 ;
}

.kompleks_navigasjon_liste h3.temasidelenke,
.kompleks_navigasjon_liste h3 {
    background-color: transparent;
}

body.trinn1-4 #klassesituasjonsCont h3,
body.trinn1-4 .assocCont h3,
body.trinn1-4 .kompleks_navigasjon_liste h4 {
    background-color: #779f3c;
    color: #000;
    border-radius: 5px 5px 0 0 ;
}
body.trinn5-7 #klassesituasjonsCont h3,
body.trinn5-7 .assocCont h3,
body.trinn5-7 .kompleks_navigasjon_liste h4 {
    background-color: #779f3c;
    color: #000;
    border-radius: 5px 5px 0 0 ;
}
body.trinn8-10 #klassesituasjonsCont h3,
body.trinn8-10 .assocCont h3,
body.trinn8-10 .kompleks_navigasjon_liste h4 {
    background-color: #779f3c;
    color: #000;
    border-radius: 5px 5px 0 0 ;
}
body.trinn11-13 #klassesituasjonsCont h3,
body.trinn11-13 .assocCont h3,
body.trinn11-13 .kompleks_navigasjon_liste h4 {
   background-color: #779f3c;
    color: #000;
    border-radius: 5px 5px 0 0 ;
}


body.student #klassesituasjonsCont h3,
body.student .assocCont h3,
body.student .kompleks_navigasjon_liste h4 {
    background-color: #779f3c;
    color: #000;
    border-radius: 5px 5px 0 0 ;
}


body.trinn1-4 .institusjonforfatterCont .assocCont h3,
body.trinn5-7 .institusjonforfatterCont .assocCont h3,
body.trinn8-10 .institusjonforfatterCont .assocCont h3,
body.trinn11-13 .institusjonforfatterCont .assocCont h3 {
    background-image: none;
    text-shadow: none;
    color: inherit;
}

#klassesituasjonsCont li,
.assocCont li,
.ossliste li {
    line-height: 130%;
    margin: 2px 0 .4em 0;
}
#klassesituasjonsCont li > .tittel,
.assocCont .ordforklaring .tittel {
    font-size: inherit;
    font-weight: bold;
    cursor: pointer;
}

.nettressursCont.assocCont {
    overflow: hidden;
}
/* ukommenteringen av det følgende er gjort for å hindre kollaps av begreper etc 
#klassesituasjonsCont li > .tittel,
.assocCont .ordforklaring .tittel {
    background: url(/images/toggle_collapse.png) no-repeat transparent -818px 1px;
     padding-left: 15px;
}
 #klassesituasjonsCont li.collapsed > .tittel,
.assocCont .ordforklaring.collapsed .tittel {
    background: url(/images/toggle_collapse.png) no-repeat transparent 3px 1px;
}
#klassesituasjonsCont li > .editortext,
.assocCont .ordforklaring .forklaring {
   padding-left: 15px;
}
#klassesituasjonsCont li.collapsed > .editortext,
.assocCont .ordforklaring.collapsed .forklaring {
   display: none;
}
*/
.omtaleperson {
    margin-bottom: 3px;
    position: relative;
    min-height: 80px;
    border-radius: 3px;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #d9d9d9;
}

.omtaleperson a:link {
    text-decoration: none;
}
.omtaleperson a:hover {
    text-decoration: underline;
}
.omtaleperson img {
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 3px;
}
.omtaleperson .text {
    padding: 10px 0 0 65px;
    min-height: 70px;
}
.omtaleperson h4 {
    font-size: inherit;
}
.nettressursCont h4 {
    font-size: inherit;
}
.nettressursCont .url,
.nettressursCont .urlkommentar {
    line-height: 110%;
}
x/* institusjon og forfatter ------------------------------------------*/
.institusjonforfatterCont .assocCont {
    margin: 0 0 10px 0;
    padding: 10px;
}
.institusjonforfatterCont .assocCont h3 {
    background-image: none;
    text-transform: uppercase;
}
.institusjonforfatterCont .forfatterCont {
    background: -moz-linear-gradient(center top , #DFDFDF 5%, #bcbcbc 100%) repeat scroll 0 0 #D9D9D9;
    color: #424242;
    border-radius: 5px;
}
.institusjonforfatterCont .forfatter,
.institusjonCont .institusjon {
    padding: 0 15px 5px 15px;
}
.institusjonforfatterCont .institusjonCont {
    border: 1px solid #eaeaea;
    background-color: #fff;
    border-radius: 5px;
}
.institusjonforfatterCont .standardbildeCont {
    float: left;
    margin: 0 10px 5px 0;
}

/* sidekompleks --------------------------------------------------------------*/
.kompleks_navigasjon_liste {
    margin: 0 0 10px 0;
    padding:  0 0 10px 0;
    background-color: #EAEAEA;
}

.kompleks_navigasjon_liste h4 {
    border-radius: 0;
}
.kompleks_navigasjon_liste h3 a:link,
.kompleks_navigasjon_liste h3 a:hover,
.kompleks_navigasjon_liste h3 a:visited,
.kompleks_navigasjon_liste h3 a:active {
    text-decoration: none;
}

.kompleks_navigasjon_liste ul {
    margin-left: 20px;
    padding: 5px;
}
.kompleks_navigasjon_liste li {
    list-style: disc outside;
    line-height: 130%;
    margin: 2px 0;
}
.kompleks_navigasjon_liste li.activ {
    color: #424242;
}


/* biografi ------------------------------------------------------------------*/
#omtaltbiopersonCont {
    width: 250px;
    float: right;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 10px 10px;
        border-radius: 3px;
    background:-webkit-( linear, left top, left bottom, color-stop(0.05, #cdcdcd), color-stop(1, #ffffff) );
    background:-moz-linear-gradient( center top, #cdcdcd 5%, #ffffff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcdcd', endColorstr='#ffffff');
    background-color: #d9d9d9;
}
#omtaltbiopersonCont .standardbildeCont {
    float: left;
    margin-right: 10px;
}
#omtaltbiopersonCont h4 {
    font-size: 1.2em;
    margin-top: 10px;
}
.biolisteCont a li .text {
    color: #424242;
}
.biolisteCont a li .text:hover {
    text-decoration: underline;
}
.bioliste .omtaleperson {
    width: 48%;
    float: left;
    margin: 0 2% 10px 0px;
}

/* temaside ------------------------------------------------------------------*/
#temasideCont .listeCont h3 {
    padding-left: 0;
}
#temasideCont .listeCont li {
    margin: 2px 0;
    line-height: 130%;
}
/* Kompetansemålformattering -------------------------------------------------*/
#lareplanmal-liste {
    background-image: url(/images/kompetansemal_bg.gif);
    background-position: top right;
    background-repeat:no-repeat;
    margin-top: 10px;
    background-color: #eee;
    padding: 10px 10px 5px 10px;
}

#lareplanmal-liste h4 {
    display: none;
}
#lareplanmal-liste ul {
    padding-left: 10px;
}
#lareplanmal-liste li {
    display: block;
}
#lareplanmal-liste ul li ul li {
    margin-bottom: 5px;
}


/* spillsider ----------------------------------------*/

.spillCont h1 span {
    display: none;
}
.spillCont h1 {
    margin-bottom: 1em;
     height: 80px;
     overflow: hidden;
}

.spillCont h2,
.spillCont h3,
.spillCont h4 {
    margin: 0.3em 0 0.3em 0;
}

/* forsiden --------------------------------------*/
body.forsiden #mastheadwrapper {
    background-color: #779f3c;
}

body.forsiden h1 {
     display: none;
}


body.forsiden #contextwrapper {
    /* background: url("/images/index_cont_bg.png") repeat-x scroll left top #ffffff; 
    background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(241,241,241,1) 3%, rgba(241,241,241,1) 100%); */
    height: auto;
    padding-bottom: 2em;
    background: none no-repeat #f1f1f1;
}
body.forsiden #context .icon {
    position: relative;
    display: block;
    float: left;
    padding: 1% 0 1% 0;
    width: 25%;
    min-height: 370px;
    margin-right: 0;
    color: black;
    text-align: center;
    font-size: 1.4em;
    font-family: "woodfordbourne-regular";
}
body.forsiden #context a {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;  
    background-repeat: no-repeat;
}
body.forsiden #context a:hover {
    background-size: auto;
    background-position: center calc(50% - 10px);
}
body.forsiden #context a.trinn1-4 {
    background-image: url(/images/spurvugle_uten.svg);  
}
body.forsiden #context a.trinn5-7 {
    background-image: url(/images/kattugle_uten.svg);
}
body.forsiden #context a.trinn8-10 {
    background-image: url(/images/lappugle_uten.svg);  
}
body.forsiden #context a.trinn11-13 {
    background-image: url(/images/hubro_uten.svg);
}

.forsiden #context .icon-text {
     position: absolute;
     top: 77%;
     width: 100%;
     min-height: 25px;
     padding-top: .2em;
     padding-bottom: .6em;
}
.forsiden #context  a:hover .icon-text {
    text-decoration: underline;
}
body.forsiden #context .trinn1-4  .icon-text {
    background-color: #9a99ff;
}
body.forsiden #context .trinn5-7  .icon-text {
    background-color: #69e8d3;
}
body.forsiden #context .trinn8-10  .icon-text {
    background-color: #ec708a;
}

body.forsiden #context .trinn11-13  .icon-text {
    background-color: #ffb133;
}

.forsiden #context .icon-text-tekst {
    padding-left: 2px;
    padding-right: 2px;
}
body.forsiden #mainwrapper {
    /* background: url(/images/index_separator.png) no-repeat #F1F1F1; */
    background: none no-repeat #f1f1f1;
    background-position: 0px 0px;
    padding-top: 0px;
}
body.forsiden #maincontwrapper {
    background-color: #f1f1f1;
    
}
body.forsiden #maincontwrapper #main {
    width: 74.4%;
    max-width: none;
    margin-right: 0;
}
body.forsiden #maincontwrapper #mainRight {
    width: 460px;
}

body.forsiden #maincontwrapper #main h2 {
    padding-bottom: 25px;
    margin: 5px 0 15px 0;
    font-size: 1.7em;
    border-bottom: 1px solid #dfdfdf;
}




/* Nyhetsvisning ---------------------------  */

.sistenyhetCont {
    margin-top: 1em;
}
.sistenyhetCont,
#nyhetsCont {

}

.sistenyhetCont h3 {
    font-weight: normal;
}

.hurtigkodeTittel h3 {
    font-weight: normal;
}


.nyhetssaksCont {
    padding-bottom: .3em;
    position: relative;
}
.nyhetssaksCont h3 {
    font-size: 22px;
    margin-bottom: .3em;
    padding-right: 70px;
    padding-top: 15px;
    border-top: 1px solid #dfdfdf;
}
.nyhetssaksCont p {
    padding-right: 70px;
    margin-top: 0;
}

.nyhetssaksCont span.nyhetsdato {
    color: #7a7a7a;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
}
.nyhetssaksCont span.lesmer {
    position: absolute;
    bottom: 20px;
    right: 0;
}
.nyhetssaksCont span.lesmer a:link,
.nyhetssaksCont span.lesmer a:visited,
.arkivlenkeCont a:link,
.arkivlenkeCont a:visited {
    padding: 3px 6px 3px 6px;
    text-decoration: none;
}
.nyhetssaksCont span.lesmer a:hover,
.arkivlenkeCont a:hover {
    text-decoration: underline;
}
.nyhetlisteimgCont {
    float: left;
    padding: 0px 8px 8px 0;
}
.arkivlenkeCont {
    float: left;
}

/* faste teasere ---------------------------  */

.fasteTeasereCont .teaser {
    background-color: transparent;
    height: 90px;
    margin-bottom: 20px;
}
.forsiden .fasteTeasereCont .teaser {
    height: 127px;
}


.dagenstallCont {
    background-color: #e9e9e9;
    padding: 15px 15px 10px 15px;
}

.dagenstallheader {
    margin-bottom: 1.0em;
}

.dagenstallheader span {
    font-size: 1.4em;
    border-radius: 50%;
    height: 1.3em;
    width: 1.6em;
    color: black;
    display: block;
    float: left;
    text-align: center;
    margin-right: .2em;
    margin-bottom: .4em;
    padding-top: .3em;
}
.dagenstallheader .en {
    background-color: #9a99ff;
}
.dagenstallheader .to {
    background-color: #69e8d3;
}
.dagenstallheader .tre {
    background-color: #ec708a;
    margin-right: .4em;
}
.dagenstallCont h2,
body #mainwrapper #maincontwrapper #main .dagenstallCont h2 {
     font-size: 1em;
     padding-top: .3em;
}
.dagenstallCont h3 {
    margin: 0px 0 15px 0;
    text-transform: uppercase;
    border-top: 1px solid #b4b9bb;
    padding-top: 10px;
}

.fasteTeasereCont .teaser.teaserorakel a {
    background-position: -600px -16px;
    display: block;
    padding-bottom: 20px;
}
.forsiden .teaser.teaserorakel a,
.orakelillustrasjon {
    background-image: url(/images/orakel.svg);
    background-position: center 12px;
    background-size: 140px auto;
    padding-top: 190px;
    background-repeat: no-repeat;
}
.orakelillustrasjon {
    float: right;
    width: 180px;
    }
.fasteTeasereCont .teaser.teaserorakel a .teaseroverskrift,
.fasteTeasereCont .teaser.teaserorakel a .teasertekst { display:none;}

.forsiden .fasteTeasereCont .teaser.teaserorakel a .teaseroverskrift,
.forsiden .fasteTeasereCont .teaser.teaserorakel a .teasertekst,
.forsiden .orakelteaser a .teaseroverskrift,
.forsiden .orakelteaser a .teasertekst { display: block; }


.fasteTeasereCont .teaser a {
    background-image: url("/images/fastteasersprite.png");
}

.trinnknapper img { margin-top: 6px; }
.trinnknapper p { font-weight: bold; }

.forsiden #larerteaser,
.forsiden #foresatteaser,
.forsiden #studentteaser {
    height: 65px;
}

.forsiden #larerteaser a,
.forsiden #foresatteaser a,
.forsiden .orakelteaser a,
.forsiden #studentteaser a,
.forsiden #eksamenteaser a,
.forsiden #abeltrimteaser a
{
    display: block;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: 28px 16px;
    color: #424242;
    text-decoration: none;
}


.forsiden #larerteaser a,
.forsiden #foresatteaser a,
.forsiden #studentteaser a
{
    height: inherit;
    background-color: #e1e3e4;
    padding-top: inherit;
    padding-left: inherit;
    padding-right: inherit;
}
.forsiden #larerteaser a span,
.forsiden #foresatteaser a span,
.forsiden #studentteaser a span
{
    position: relative;
    top: 22px;
    left: 130px;
}
.forsiden #larerteaser a:hover,
.forsiden #foresatteaser a:hover,
.forsiden #eksamenteaser a:hover,
.forsiden #abeltrimteaser a:hover,
.forsiden .orakelteaser a:hover { text-decoration: underline; }

.forsiden #studentteaser a
{
    background-image: url(/images/teaserlogo_student.png);
    background-size: 50px 42px;
    background-position: 38px 11px;
}

.forsiden #larerteaser a
{
    background-image: url(/images/teaserlogo_larer.png);
    background-size: 35px 52px;
    background-position: 45px 7px;
}

.forsiden #foresatteaser a
{
    background-image: url(/images/teaserlogo_foresatt.png);
    background-size: 26px 52px;
    background-position: 50px 7px;
}

.forsiden .fasteTeasereCont .orakelteaser {
    height: auto;
}


.forsiden #eksamenteaser a
{
    background-image: url(/images/teaserlogo_eksamen.png);
    background-position: 13px 15px;
}
.forsiden #abeltrimteaser a
{
    background-image: url(/images/teaserlogo_abeltrim.png);
    background-position: 15px 13px;
}

.forsiden .teaser .teaseroverskrift
{
    text-transform: uppercase;
    font-size: 1.6em;
    color: #465964;
    margin-bottom: .2em;
}

.forsiden .teaser .teasertekst { line-height: 130%; }


/* spillreklame ----------------------------  */

.spillreklame {
    position: relative;
    background-image: url(/images/spillreklame.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 70px;
    margin-bottom: 8px;
}
.spillteasereCont .regnemesteren            {background-position: 0 0;}
.spillteasereCont .gangetesteren            {background-position: 0 -100px;}
.spillteasereCont .regneregn                {background-position: 0 -200px;}
.spillteasereCont .brokreser                {background-position: 0 -300px;}
.spillteasereCont .sudoku                   {background-position: 0 -400px;}
.spillteasereCont .kakuro                   {background-position: 0 -500px;}
.spillteasereCont .hanoistaarn              {background-position: 0 -600px;}
.spillteasereCont .flowerpower              {background-position: 0 -700px;}
.spillteasereCont .kenken                   {background-position: 0 -800px;}
.spillteasereCont .sigmaprime               {background-position: 0 -900px;}
.spillteasereCont .toppscore                {background-position: 0 -1000px;}
.spillteasereCont .tekstnotter              {background-position: 0 -1100px;}
.spillteasereCont .matteknekkern            {background-position: 0 -1200px;}
.spillteasereCont .faktorspillet            {background-position: 0 -1300px;}
.spillteasereCont .heureka            {background-position: 0 -1400px;}

.spillteasereCont .regnemesteren .indexInngang {
    position: absolute;
    height: 70px;
    width: 300px;
    top: 0px;
    left: 0px;
}
.spillteasereCont .regnemesteren .direkteInnganger {
    position: absolute;
    left: 310px;
    top: 20px;
    display: none;
}

.spillteasereCont .regnemesteren .direkteInngang {
    position: relative;
    float: left;
    height: 30px;
    width: 45px;
    margin-right: 10px;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    text-align: center;
    line-height: 30px;
}
.spillteasereCont .regnemesteren .direkteInngang:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}
.spillteasereCont .regnemesteren .direkteInngang a {
    text-decoration: none;
    font-weight: bold;
}


/* spesialsider --------------------------------------*/

/* Felles Seksjonsside  */

body.seksjon #mainwrapper #maincontwrapper #main #artikkelCont h1 {
    display: none;
}
body.seksjon #mainwrapper #maincontwrapper #main h2,
body #mainwrapper #maincontwrapper #main h2
 {
    margin: 25px 0 15px 0;
    padding-bottom: 10px;
}

/* Trinn 1-4 Seksjonsside  */
body.trinn1-4.rolle-elev.seksjon #mainLeft,
body.trinn1-4.rolle-elev.seksjon #artikkelCont,
body.trinn1-4.rolle-elev.seksjon #main h2,
body.trinn1-4.rolle-elev.seksjon .sistenyhetCont {
    display: none;
}
body.trinn1-4.rolle-elev.seksjon #main {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    float: none;
}
body.trinn1-4.rolle-elev.seksjon #mainwrapper {
    background-image: url(/images/1-4_body_bg.png);
    background-color: white;
    background-size: 100% 100%;
}
body.trinn1-4.rolle-elev.seksjon #maincontwrapper {
    padding-bottom: 57px;
    position: relative;
}
body.trinn1-4.rolle-elev.seksjon #mainRight {
    background-image: url(/images/1-4_mainright_bg.png);
    background-repeat: no-repeat;
    /*width: 200px;*/
    height: 235px;
    position: absolute;
    bottom: 0;
    right: 0;
}

body.trinn1-4.rolle-elev.seksjon .fasteTeasereCont .teaser {
    background-image: none;

}

body.trinn1-4.rolle-elev.seksjon .fasteTeasereCont .teaser.teaserorakel a
{
    background-image: url("/images/orakelet_tekst.png");
    height: 160px;
    width: 170px;
    background-position: 16px 107px;
    background-repeat: no-repeat;
}

body.trinn1-4.rolle-elev.seksjon .fasteTeasereCont img {
    background-image: url(/images/1-4_fastteasersprite.png);
}
body.trinn1-4.rolle-elev.seksjon .fasteTeasereCont .teaserorakel img          {background-position: -8px 1px;}
body.trinn1-4.rolle-elev.seksjon .fasteTeasereCont .teaserlarerforesatt img   {background-position: -3px -62px;}
body.trinn1-4.rolle-elev.seksjon .fasteTeasereCont .teaseromoss img           {background-position: -10px -109px;}

/* body.trinn1-4.rolle-elev.seksjon .spillreklame {
    width: 50px;
    height: 50px;
} */
body.trinn1-4.rolle-elev.seksjon #footerwrapper {
    margin-top: -57px;
    padding-top: 57px;
    background-image: url(/images/1-4_footer_bg.png);
    background-repeat: repeat-x;
    position: relative;
}
body.trinn1-4.rolle-elev.seksjon .spillreklame {
    background-image: url(/images/1-4_spillreklame.png);
    background-position: 0 0;
    float: left;
}

body.trinn1-4.rolle-elev.seksjon .spillteasereCont .regnemesteren {
    background-image: url(/images/1-4_spillreklame_regnemesteren_mini.png);
    background-position: 0 0;
    position: relative;
    max-width: 338px;
    height: 98px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.spillteasereCont .spillreklame img {
    height: 100%;
    width: 100%;
}

body.trinn1-4.rolle-elev.seksjon .dagenstallCont {
    display: none;
}
.redaksjonellteaserCont {
    margin-bottom: 20px;
}



@media only screen and (min-width: 920px) {
    body.trinn1-4.rolle-elev.seksjon .spillteasereCont {
        height: 750px;
        width: 960px;
        position: relative;
    }
    body.trinn1-4.rolle-elev.seksjon .spillreklame {
        float: none;
    }
        body.trinn1-4.rolle-elev.seksjon .spillteasereCont .regnemesteren {
        background-image: url(/images/1-4_spillreklame_regnemesteren.png);
        background-position: 0 0;
        position: relative;
        top: 0px;
        max-width: 730px;
        height: 184px;
    }
    body.trinn1-4.rolle-elev.seksjon .spillteasereCont .regnemesteren .indexInngang {
        position: absolute;
        height: 70px;
        width: 260px;
        top: 60px;
        left: 0px;
    }
    body.trinn1-4.rolle-elev.seksjon .spillteasereCont .regnemesteren .direkteInnganger {
        position: absolute;
        left: 290px;
        top: 80px;
        display: block;
    }
    body.trinn1-4.rolle-elev .spillteasereCont .gangetesteren,
    body.trinn1-4.rolle-elev .spillteasereCont .regneregn,
    body.trinn1-4.rolle-elev .spillteasereCont .brokreser,
    body.trinn1-4.rolle-elev .spillteasereCont .sudoku,
    body.trinn1-4.rolle-elev .spillteasereCont .kakuro,
    body.trinn1-4.rolle-elev .spillteasereCont .hanoistaarn,
    body.trinn1-4.rolle-elev .spillteasereCont .heureka {
        position: absolute;
    }
    body.trinn1-4.rolle-elev .spillteasereCont .gangetesteren           {top: 380px; left: 10px;}
    body.trinn1-4.rolle-elev .spillteasereCont .regneregn               {top: 410px; left: 300px;}
    body.trinn1-4.rolle-elev .spillteasereCont .brokreser               {top: 10px; left: 10px;}
    body.trinn1-4.rolle-elev .spillteasereCont .sudoku                  {top: 385px; left: 593px;}
    body.trinn1-4.rolle-elev .spillteasereCont .kakuro                  {top: 550px; left: 120px;}
    body.trinn1-4.rolle-elev .spillteasereCont .hanoistaarn             {top: 530px; left: 470px;}
    body.trinn1-4.rolle-elev .spillteasereCont .heureka                  {top: 240px; left: 310px;}
}

body.trinn1-4.rolle-elev .spillteasereCont .gangetesteren,
body.trinn1-4.rolle-elev .spillteasereCont .regneregn,
body.trinn1-4.rolle-elev .spillteasereCont .brokreser,
body.trinn1-4.rolle-elev .spillteasereCont .sudoku,
body.trinn1-4.rolle-elev .spillteasereCont .kakuro,
body.trinn1-4.rolle-elev .spillteasereCont .hanoistaarn,
body.trinn1-4.rolle-elev .spillteasereCont .heureka {
    width: 340px;
    height: 102px;
}
body.trinn1-4.rolle-elev .spillteasereCont .heureka {
    width: 340px;
    height: 122px;
}
body.trinn1-4.rolle-elev .spillteasereCont .gangetesteren           {background-position: center 0px;}
body.trinn1-4.rolle-elev .spillteasereCont .regneregn               {background-position: center -200px;}
body.trinn1-4.rolle-elev .spillteasereCont .brokreser               {background-position: center 0px;}
body.trinn1-4.rolle-elev .spillteasereCont .sudoku                  {background-position: center -400px;}
body.trinn1-4.rolle-elev .spillteasereCont .kakuro                  {background-position: center -600px;}
body.trinn1-4.rolle-elev .spillteasereCont .hanoistaarn             {background-position: center -800px;}
body.trinn1-4.rolle-elev .spillteasereCont .heureka                  {background-position: center -1390px;}


/* Gangetesterforside  */

.mathgames .velkommenTekst {
    padding-bottom: 20px;
}

.gangetesterentrinn{
    max-width: 500px;
}


/* Regneregnforside  */
.regneregntrinn {
    max-width: 600px;;
}
.regneregntrinn a,
.gangetesterentrinn a {
    float: none;
    margin-bottom: 15px;
}
/* Sudoku */

/* venstre spalte */
.eksempelbildeCont {
    float: left;
    clear: left;
    margin-right: 10px;
}

/* høyre spalte */

.sudokunavbarCont h4,
.sudokubruksanvisningCont h4 {
    margin-top: 0px;
    color: #858585;
}
.sudokunavbarCont .li {
    background-image: url(/images/sudoku/gra_pil.gif);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 10px;
    margin-bottom: 3px;
}
.sudokunavbarCont .li#lili {
    background-position: 10px 3px;
    padding-left: 20px;
}
.sudokunavbarCont .li a:link, .sudokunavbarCont .li a:visited {
    text-decoration: none;
}

/* Kakuro */

/* venstre spalte */
.eksempelbildeCont {
    float: left;
    clear: left;
    margin-right: 10px;
}
.kakuronavbarCont h4,
.kakurobruksanvisningCont h4 {
    margin-top: 0px;
    color: #858585;
}

/* høyre spalte */

.kakuronavbarCont .li {
    background-image: url(/images/gra_pil.gif);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 10px;
    margin-bottom: 3px;
}
.kakuronavbarCont .li#lili {
    background-position: 10px 3px;
    padding-left: 20px;
}

#kakurotabell {
    max-width: 500px;
    border: 1px solid gray;
    border-bottom: none;
    border-left: none;
}
#kakurotabell td {
    padding: 3px;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
}
#kakurotabell tr.graa {
    background-color: #eee;
}
.brettselector {
    margin-bottom: 15px;
    padding: 5px 0px 5px 5px;
}

/*--------------------------- regnemesteren ------------------------------------*/

.regnlogginnCont {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding: 85px 10px 10px 10px;
    background-image: url(/images/nokkelbg.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
.regnemesteren ul {
    padding-left: 0;
    list-style: none;
}
.regnemesteren .editortext ul {
    padding-left: 15px;
    list-style: disc;
}
.regnemesteren ul li {
    margin-bottom: 15px;
    display: inline-block;
}

/*--------------------------- brøkreser ----------------------------------------*/

.standard_button,
.trinnknapp,
.oppgavekategori a,
.regneregntrinn a,
.gangetesterentrinn a,
.regnemesteren ul li a  {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#105e71;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    margin-right: 8px;
    margin-bottom: 8px;
}

.standard_button:hover,
.trinnknapp:hover,
.oppgavekategori a:hover,
.regneregntrinn a:hover,
.gangetesterentrinn a:hover,
.regnemesteren ul li a:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}

.trinnknapp:active,
.oppgavekategori a:active {
    position:relative;
    top:1px;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}


#toggle_trinn10
{
    clear: right;
}

.trinnknapp:hover,
.oppgavekategori a:hover
{
    background-color: #d7d7d7;
    text-decoration: none;
}

.manuelloppgaveCont H3,
.automatiskgenererteoppgaverCont H3 {
    width: 100%;
    clear: both;
    font-weight: normal;
    line-height: 25px;
}

.automatiskgenererteoppgaverCont H3 {
    margin-bottom: 20px;
}

.oppgavekategori
{
    background-color: white;
    border: 1px solid #d6d6d6;
    padding: 10px;
    margin-top: 25px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.oppgavekategori H3
{
    width: 100%;
    margin-bottom: 5px;
    clear: both;
    color: #474747;
}

.oppgaveoversikt
{
    clear: both;
    background-color: white;
    border: 1px solid #d6d6d6;
    padding: 10px;
    margin-top: 15px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.oppgaveoversikt a
{
    text-decoration: none;
}

.oppgaveoversikt h3
{
    color: #474747;
}

.oppgaveoversikt .operator
{
    margin-top: 5px;
    font-weight: bold;
}

.automatiskgenererteoppgaverCont,
.manuelloppgaveCont {
    background-image: url(/images/cont_bg.png);
    background-repeat: repeat-x;
    padding: 15px;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.oppgaveoversikt a {display: block;}

/* mia og marius inngangsside ------------------------------------ */

.listecont.miaogmarius {
    margin-top: 2em;
}
.listeelementCont .listebildeCont {
    float: right;
    margin-left: 15px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.listeelementCont .listebildeCont img
 {
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.listecont .listeelementCont h2  {
    margin: 0 0 5px 0 !important;
    padding-bottom: 0 !important;
}
.listecont .listeelementCont h2 {
    font-size: 1.2em;
    text-decoration: none;
    border-bottom: 0 !important;
}

.miaogmarius a { 
    text-decoration: none;
}

.miaogmarius a .listesammendrag {
    color: #424242;
}
/* tekstnotter  ------------------------------------ */

form.velgtrinn legend,
.leirform form legend {
    margin: 0 0 0.5em 0;
    font-size: 1.5em;
    font-weight: bold;
}

.listeelementCont .nottetekst h3  {
    margin: 0 0 5px 0 !important;
    border-bottom: 0 !important;
}
.listeelementCont .nottetekst h3 a {
    font-size: 1.2em;
    text-decoration: none;
}
.nottetekst .ingress {
    color: #424242;
}


/* Treningsleir ------------------------------------------------ */


body.treningsleiroppgaver #main{
    max-width: 614px;
}
.enkeltoppgave {
    background-color: #FFFFFF;
    border: 1px solid #DEDEE1;
    margin-bottom: 10px;
    padding: 19px 10px 10px 43px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.enkeltfasit {
    border-top: 1px solid #DEDEE1;
    margin-bottom: 10px;
    padding: 10px 10px 10px 40px;
}

.oppgaveliste h2 {
    margin-bottom: 10px;
}
.enkeltoppgave .id, .enkeltfasit .id {
    color: #387549;
    float: right;
    font-size: 0.8em;
    letter-spacing: 0.2em;
    margin-top: -30px;
}
.enkeltoppgave h4, .enkeltfasit h4 {
    color: #387549;
    font-size: 2em;
    margin: -10px 0 0 -35px;
    padding: 0;
}
.lareplantrinn .li {
    padding-left: 15px;
}
.fagtretrinn1 {
    font-weight: bold;
    padding-left: 0;
}
.fagtretrinn2, .fagtretrinn3, .fagtretrinn4 {
    font-weight: normal;
    padding-left: 15px;
}
.leirform,
.oppleggform  {
    background-color: white;
    border: 1px solid #d6d6d6;
    padding: 10px;
    margin-bottom: 15px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.wizardnavCont {
    margin-top: 20px;
    text-align: left;
}
#velgtrinn {
    margin-bottom: 10px;
}
#sellplan {
}
#selltema {
}
#velglareplan {
    margin-bottom: 10px;
}
#valgtCont {
    border-bottom: 2px solid #DEDEE1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#trinn {
    margin-bottom: 10px;
}
#vanskelighetsgrad {
    margin-bottom: 10px;
}
.lareplanmal {
    margin-bottom: 5px;
}
.lareplanmal input {
    margin: 0 5px 0 0;
}
.checkbox {
    float: left;
}
.lareplanmalnavn {
    margin-left: 20px;
}

.trinnLenkeCont li {
    float: left;
}

.trinnLenkeCont ul li a {
    text-decoration: none;
    line-height: 18px;
    padding: 3px;
}

input.alle_km,
input#kn_neste,
input#kn_forrige,
input#kn_ferdig,
.trinnLenkeCont ul li,
.maalgruppeFilterButton,
.ui-tabs .ui-tabs-nav li {
    background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    /* box-shadow: 0 1px 0 0 #FFFFFF inset; */
    color: #105e71;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    margin-right: 8px;
    padding: 6px 10px;
    text-decoration: none;
    /* text-shadow: 1px 1px 0 #FFFFFF; */
}
input.alle_km,
.maalgruppeFilterButton { 
    margin-bottom: 1em; 
}

h3 input {
    margin-left: 1em;
}

.trinnLenkeCont ul li {
    margin-right: 11px;
}

input.alle_km:hover,
input#kn_neste:hover, input#kn_forrige:hover, input#kn_ferdig:hover,
.trinnLenkeCont ul li:hover,
.maalgruppeFilterButton:hover,
.ui-tabs .ui-tabs-nav li:hover {
    text-decoration: underline;
}

input#kn_neste,
input#kn_forrige,
input#kn_ferdig,
.maalgruppeFilterButton {
    color: #105e71;
}
input#kn_neste:hover,
input#kn_forrig:hover,
input#kn_ferdig:hover,
.maalgruppeFilterButton:hover {
    color: #000;
    text-decoration: underline;
}

.feilmeldingsCont {
    background-color: #AA6D06;
    color: #FFFFFF;
    padding: 4px;
}
select {
    color: #283232;
    font-size: 100%;
}

/* Matematiske tekster ------------------------------------------------ */

.listeCont {
    padding: 10px 0 0 0;
}

.listeCont h3 {
    margin-bottom: 10px;
    padding-left: 0px;
    font-size: 1.3em;
}
.listeelementCont {
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #e9e9e9;
    margin-bottom: 15px;
    padding: 15px;
}
.listeelementCont h4 {
    margin-bottom: 5px;
}
.listeelementCont h4 a {
    text-decoration: none;
}
.fagtreCont {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
.fagtre {
    color: #000;
    font-size: 80%;
    font-weight: normal;
    letter-spacing: 0.2em;
    margin-left: 10px;
    padding: 1px 10px;
}
.description {
    font-weight: normal;
}


#malgruppe-liste h3,
.malgruppelabel {
    float: left;
    font-size: inherit;
    font-weight: normal;
    margin: 0 .3em 0 0;
}

#malgruppe-container .trinn_selected {
    background-color: #f1f1f1;
    display: inline;
    margin-left: 8px;
    padding: 2px 5px;
}
.videoWrapper {
    padding: 10px;
    background-color: #eaeaea;
}
.videolistCont {
    margin:10px 0 0 0;
    max-width: 530px;
}

.videlisteCont {
    float: left;
    width: 255px;
    margin: 5px 5px;
    background-color: #c5c5c5;
    position: relative;
    cursor: pointer;
    list-style: none;
}
.videlisteCont H3 {
    font-size: 1em;
    color: #424242;
    font-weight: bold;
    margin: 0;
}
.videlisteCont .editortext {
    margin-top: 5px;
}
.videlisteCont img {
    width: 100%;
    height: 150px;
}

.videolistCont .tekstwrapper {
    padding: 5px;
}

.playbutton {
    position: absolute;
    display: block;
    left: 110px;
    top: 60px;
    opacity: .5;
    background: url("/images/videoplayButton.png") no-repeat;
    min-width: 38px;
    min-height: 38px;
    -webkit-transition: opacity .5s ease;
    -moz-transition:    opacity .5s ease 0s;
    -o-transition: opacity .5s ease;

}
.videlisteCont:hover  .playbutton {
    opacity: 1;
}
.jw_standardvideo_wrapper {
    width: 100%;
}
/* fancybox for spill */
body #fancybox-outer {
    background-color: transparent;
    outline: 1px solid red;
}

body {
    position: relative;
}

body > .blockingLayer {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    background-color: black;
    opacity: 0.8;
    filter:alpha(opacity=80);
    z-index: 600;
}

.dialogFrame {
    position: absolute;
    z-index: 700;
    /*
    top: 20px;
    left: 10px;
    right: 10px;
    height: 300px;
    */
}

.dialogFrame iframe {
    border: none;
    z-index: 800;
}

.dialogFrame > .dialogClosebox {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    background: url(/images/closebox.png) no-repeat center center;
    cursor: pointer;
}
.dialogFrame.usePadding {
    padding: 10px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 0px 30px 1px black;
}
.loadingIndicator {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    background: white url(/images/indicator.gif) no-repeat center center;
}

.dialogFrame.noPadding {
    border-radius: 10px;
    box-shadow: 0px 0px 30px 1px black;
}

.dialogFrame.noPadding iframe {

    border-radius: 10px;
    /*box-shadow: 0px 0px 30px 1px black;*/
    /*
    -webkit-backface-visibility: hidden;
    xtransform: translate3d(0,0,0);
    x-webkit-transform: translate3d(0,0,0);
    */
}
/* Geogebra Lenker ----------------------------- */
.geogebrafiler  {
}
.geogebrafiler a  {
    background-color: #eaeaea;
    display: inline-block;
    height: auto;
    width: auto;
    padding: 15px 15px 10px 50px;
    background-image: url(/images/geogebra_logo.png);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    margin-top: 10px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.geogebrafiler a:hover  {
    background-color: #d7d7d7;
}

.geogebraCont ul {
    background-image: url(/images/geogebra_logo.png);
    background-position: 170px 10px;
    background-repeat: no-repeat;
}

/* Karriereguiden -------------------------------*/


div.karrieremeny {
    margin-bottom: 15px;
}
div.karrieremeny a{
    float: left;
    text-decoration: none;
    padding: 1.5% 1%;
    margin-bottom: 1%;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #dedede; /* Old browsers */
    background: -moz-linear-gradient(top,  #dedede 0%, #e8e9eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#e8e9eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dedede 0%,#e8e9eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dedede 0%,#e8e9eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dedede 0%,#e8e9eb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dedede 0%,#e8e9eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#e8e9eb',GradientType=0 ); /* IE6-9 */

}
div.karrieremeny a:hover{
    background: #c4c4c4; /* Old browsers */
    background: -moz-linear-gradient(top,  #c4c4c4 0%, #e8e9eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(100%,#e8e9eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c4c4c4 0%,#e8e9eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c4c4c4 0%,#e8e9eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c4c4c4 0%,#e8e9eb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c4c4c4 0%,#e8e9eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#e8e9eb',GradientType=0 ); /* IE6-9 */

}

body.trinn1-4 div.karrieremeny a.active {
    color: white;
    background: #ffb43d; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb43d 0%, #ff921b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb43d), color-stop(100%,#ff921b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffb43d 0%,#ff921b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffb43d 0%,#ff921b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffb43d 0%,#ff921b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffb43d 0%,#ff921b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb43d', endColorstr='#ff921b',GradientType=0 ); /* IE6-9 */
}
body.trinn5-7 div.karrieremeny a.active {
    color: white;
    background: #1fb6d4; /* Old browsers */
    background: -moz-linear-gradient(top,  #1fb6d4 0%, #009bb8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1fb6d4), color-stop(100%,#009bb8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1fb6d4 0%,#009bb8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1fb6d4 0%,#009bb8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1fb6d4 0%,#009bb8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1fb6d4 0%,#009bb8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fb6d4', endColorstr='#009bb8',GradientType=0 ); /* IE6-9 */
}
body.trinn8-10 div.karrieremeny a.active {
    color: white;
    background: #a9c928; /* Old browsers */
    background: -moz-linear-gradient(top,  #a9c928 0%, #95b122 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9c928), color-stop(100%,#95b122)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a9c928 0%,#95b122 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a9c928 0%,#95b122 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a9c928 0%,#95b122 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a9c928 0%,#95b122 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9c928', endColorstr='#95b122',GradientType=0 ); /* IE6-9 */
}
body.trinn11-13 div.karrieremeny a.active {
    color: white;
    background: #e770b2; /* Old browsers */
    background: -moz-linear-gradient(top,  #e770b2 0%, #e23592 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e770b2), color-stop(100%,#e23592)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e770b2 0%,#e23592 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e770b2 0%,#e23592 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e770b2 0%,#e23592 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e770b2 0%,#e23592 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e770b2', endColorstr='#e23592',GradientType=0 ); /* IE6-9 */
}
div.karrieremeny .arbeidsplass {
    width: 47.5%;
    margin-right: 0.5%;
}
div.karrieremeny .visste {
    width: 47.5%;
    margin-left: 0.5%;
}
div.karrieremeny .yrker {
    width: 30.83%;
    margin-right: 0.5%;
}
div.karrieremeny .faginfo {
    width: 30.33%;
    margin: 0 0.5%;
}
div.karrieremeny .sporre {
    width: 30.83%;
    margin-left: 0.5%;
}
#tabs-interesser input {
}

.karriereCont {
    float: left;
    background-color: #eaebed;
    width: 100%;
}
body #mainwrapper #maincontwrapper #main .karriereCont h2{
    height: 34px;
    background-color: #194754;
    width: 100%;
    color: white;
    text-align: center;
    line-height: 34px;
    padding-bottom: 0px;
    margin: 0px;
}
body #mainwrapper #maincontwrapper #main .karriereCont h3{
    text-align: center;
    margin-bottom: 1.5em;
}
body.trinn1-4 #mainwrapper #maincontwrapper #main .karriereCont h2{
    background-color: #ff9600;
}
body.trinn5-7 #mainwrapper #maincontwrapper #main .karriereCont h2{
    background-color: #009cbb;
}
body.trinn8-10 #mainwrapper #maincontwrapper #main .karriereCont h2{
    background-color: #95b300;
}
body.trinn11-13 #mainwrapper #maincontwrapper #main .karriereCont h2{
    background-color: #e64ea3;
}
.karriereContent {
    padding: 10px;
}
.karriereContent .btn {
    height: 34px;
    border-radius: 4px;
    color: white;
    font-size: 120%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.body.trinn1-4 .karriereContent .btn {
    background-color: #ff9600;
}
body.trinn5-7 .karriereContent .btn {
    background-color: #009cbb;
}
body.trinn8-10 .karriereContent .btn {
    background-color: #95b300;
}
body.trinn11-13 .karriereContent .btn {
    background-color: #e64ea3;
}

.karriereContent form input[type="submit"]{
    float: right;
    margin: 10px 0;
}
.sokeresultat {
    float: left;
    width: 100%;
}
.sokeresultat li
{
    width: 80%;
    list-style: none;
    padding-right: 10px;
    margin-bottom: 15px;
    /* min-height: 170px; */
}
.sokeresultat li a {
    font-size: 16px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
    text-decoration: none;
}
.sokeresultat li a:hover {
    text-decoration: underline;
}
.kampanjeteasere {
    width: 100%;
    float:left;
}
.kampanjeteaserCont {
    width: 45%;
    min-height: 175px;
    border-bottom: 1px #d7d7d7 solid;
    float: left;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0;
}
body .kampanjeteaserCont a:link,
body .kampanjeteaserCont a:visited,
body .kampanjeteaserCont a:hover {
    color: #424242;
    text-decoration: none;
}
.kampanjeteaserCont  .txtCont {
    overflow: hidden;
}

.kampanjeteaserCont img {
    float: left;
    margin: 0 10px;
}

body.trinn8-10 .kampanjeteaserCont.top {
    width: 44%;
    padding: 12px;
    height: 150px;
    border: 10px solid #95b300;
    margin: 0;
}
body.trinn11-13 .kampanjeteaserCont.top {
    width: 44%;
    padding: 12px;
    height: 150px;
    border: 10px solid #e64ea3;
    margin: 0;
}

.kampanjeteaserCont.top img {
    float: right;
}

span.lesmer {
    float: right;
    margin-top: 10px;
}

span.yrkestittel {
    text-transform:lowercase;
}

.karriereContent .ui-tabs {
    padding: 0em;
    position: relative;
}
.karriereContent .ui-widget-content {
    background: none;
    background-color: white;
    border: 0px solid #DDDDDD;
    color: #333333;
}
.karriereContent .ui-widget-header {
    background: none;
    background-color: #eaebed;
    border: 0px solid #E78F08;
    color: #FFFFFF;
    font-weight: normal;
    padding: 0;
}

.karriereContent .ui-state-default, .ui-widget-content .ui-state-default,
.karriereContent .ui-widget-header .ui-state-default {
    background: none;
    border: 0px solid #CCCCCC;
    color: #1C94C4;
    font-weight: normal;
    margin-right: 20px;
}

.karriereContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
    background-color: white;
}
#tabs-interesser span,
#tabs-yrkeskategorier span,
#tabs-inntekt span {
    margin-bottom: 0.2em;
    display: block;
}
.yrkespalte {
    width: 33%;
}


#inntektCont .inntekt {
    line-height: 1.33em;
}
#inntektCont .inntekt .snittlonn {
    padding: 0.3em 0.5em;
    font-size: 14px;
    color: #000000;
    margin-bottom: 5px;
    font-weight: bold;
    letter-spacing: 0.05em;
    background-image: url(/images/kroner.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: left 5px;
}

div.publiseringsdato {
    margin-top: 1em;
}
#tabs-yrkeskategorier {
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
#tabs-interesser,
#tabs-inntekt,
div.resultatliste {
 -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

div.resultatliste {
    padding-bottom: 20px;
}



/* inlinebegrep */

.inlinebegrep .begrepforklaring
 {
     font-size: 1.0em;
     line-height: 140%;
}

.inlinebegrep
{
    position: relative;
    display: inline-block;
}

.inlinebegrep .begrepforklaring
{
    position: absolute;
    z-index: 10;
    left: 0;
    margin-top: 9px;
}

.inlinebegrep .begrepforklaring {
    visibility: hidden;
}

.inlinebegrep:focus .begrepforklaring {
    visibility: visible !important;
}


.inlinebegrep .begrep,
.inlinebegrep a
{
    /* border-bottom: 1px dotted #0084D8; */
    cursor: help;
    text-decoration: underline;
    font-style: italic;
    font-weight: normal;
    color: #333333 !important;
}

/* Statistikk */
table.statistikk {
    width:100%;
    border: 1px ridge rgba(0,0,0,0.34);
}

table.statistikk th{
    text-align:center;
    vertical-align: text-top;
    background-color: rgba(0,0,0,0.08);
    padding-top:5px;
    padding-bottom:4px;
    line-height: 120%;
}

table.statistikk td{
    text-align:right;
    justify-content: flex-end;
    border: 1px ridge rgba(0,0,0,0.34);
    white-space: nowrap;
    padding:3px 5px 3px 5px;
}

table.statistikk td.label{
    font-weight: bold;
    line-height: 120%;
}

table.statistikk td.label span.sublabel{
    font-weight: lighter;
}

table.statistikk td.label span.sublabel:before {
    content: '\A';
    white-space: pre;
}

table.statistikk tr{
    background-color: rgba(0,0,0,0.08);
    border: 1px ridge rgba(0,0,0,0.34);
    text-align:right;
}

/* inlinevideo */

.inlinevideo {
    padding: 0 3px 0 3px;
    display: block;
    background-color: #EAEAEA;
    margin-top: 10px;
    width: 100%;
}
 .eksternVideo {
    display: block;
    width: 100%;
}
.eksternVideo iframe {
      width: 100%;
}

/* RSS feed */

.rss {
    background-color: #EAEAEA;
    border-radius: 10px 10px 5px 5px;
}
.rss h2 {
    background-image: url("/images/index_masthead_bg.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    border-radius: 5px;
    font-size: 1em;
    margin: 0 0 0.3em;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}

.rss ul {
    padding: 5px 10px 8px 10px;
}
.rss ul > li {
    line-height: 150%;
    margin: 2px 0;
}
.rss ul > li .rssdate {
    color: #455863;
    margin-right: 3%;
}

/* stiling av søkeresultater -----------------------------------------*/

.mnogo_firsts_last {
    padding: 0 0 1em;
}
.mnogo_resultat_container .resultat {
    border-bottom: 1px solid #DFDFDF;
    padding: 1em 0;
    line-height: 1.5em;
}
.resultatnr {
    margin-right: 6px;
}
#main > table {
    margin-top: 1em;
}

/* Seksjonsside for begrepet ------------------------------------------------------------------*/

h4.listetittel-begrep {

    font-weight: bold;
}

/* Utskriftsknapp ----------------------------------------------------*/
.print-button {
    float: right;
}
@media print {
    .print-button {
        display: none;
    }
}

/* eksamensoppgavesett -------------------------------------------------------*/

/* .eksamensoppgavesett #main { max-width: 710px; }

.main.eksamensoppgaveSettCont.eksamensOversikt {
    max-width: 550px;
    float: left;
    margin-right: 20px;
}

*/

.eksamensoppgavesett #main {
    width: 77%;
}

.eksamensoppgavesett 
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 16px 0;
    background: none;

}
.main.eksamensoppgaveSettCont.eksamensOversikt .omtekst {
    margin-bottom: 10px;
}

.maalgruppeButtonsCont {
    margin-top: 20px;
    margin-bottom: 30px;
}

 .maalgruppeFilterButton.selected { color: #000000; }
.eksamensoppgavesett #mainLeft { display: none; }

.trinnvalgstekst { display: none; }
body.trinn11-13 .trinnvalgstekst { display: block; }

.maalgruppe {
    display: none;
}

.maalgruppeOverskrift {
    display: none;
}

.maalgruppeOverskrift.selected {
    display: block;
}

.trinn8-10 .maalgruppe,
.maalgruppe.selected {
    display: block;
}


.eksamensOppgaver.navigBar .btn {
    background-color: #e6e6e6;
    height: 34px;
    border-radius: 4px;
}

.eksamensOppgaver.navigBar .btn:hover {
    background-color: #dadada;
    height: 34px;
    border-radius: 4px;
}

.previous-next {
    float: left; width: 100%;
    margin-bottom: 18px;
}

.underoppgaveCont {
    float: left;
    width: 100%;
}

.oppgaverblokk.ui-corner-all {
    border-top-left-radius: 0 !important ;
}

.btn-prev.disabled,
.btn-next.disabled { display: none; }

.oppgave .btn.btn-losningsforslag {
    float: left;
    height: 34px;
    background-color: #105e71;
    color: white;
    border-radius: 4px;
    border: 0;
    clear: both;
    margin-bottom: 30px;
    margin-top: 10px;
}
.oppgave .btn.btn-losningsforslag:hover { background-color: #000; }
body.trinn8-10 .oppgave .btn.btn-losningsforslag {
    background-color: #105e71;
    color: #fff;
}
body.trinn8-10 .oppgave .btn.btn-losningsforslag:hover { background-color: #000; }
.oppgave .btn.btn-losningsforslag.skjul {
    margin-top: -70px;
}

/* .oppgave .losningsforslag > p {
    color: blue;
} */

.tabbedContent.ui-widget-content {
    border: none;
    background-color: transparent;
    background: none;
}

.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-widget-header {
    background-color: transparent;
    background: none;
    border: none;
}

.ui-widget-content .previewRibbon {
    background-color: #e2d5c3;
}

/* Faner til skrivsvar, JQuery override */

/* panelstil */

.ui-tabs-panel {
    /* background-color: #f3f3f3; */
    padding: 20px;
    border: 1px solid #f3f3f3;
}


.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-tabs-active,
.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-state-active {
    height: 35px;
    background-color: #f3f3f3;
    background-color: transparent;
    border: 1px solid #f3f3f3;
    border-bottom: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-tabs-active a,
.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-state-active a {
    color: #494949;
    text-decoration: none;
    outline: none;
    border: none;
}

.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-state-default {
    height: 34px;
    border-radius: 10px 0px 0px 0px;
    padding: 7px 15px;
    background-color: #eaddca;
    float: left;
    position: relative;
    bottom: -1px;

}

.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-state-default a {
    color: #424242;
    text-decoration: none;
    outline: none;
    border: none;
}

/* knappestil */

/* opphevet pga. at venstremenyen er skjult
    .tabbedContent {
    margin-left: 17%;
    width: 77%;
} */

.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav {
    height: 36px;
}
.tabbedContent .oppgaverblokk.ui-tabs .ui-tabs-nav {
    height: 41px;
}

.tabbedContent .oppgaverblokk.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 1px;
    border: 1px solid #b3b3b3 !important;
}

.tabbedContent .oppgaverblokk.ui-tabs .ui-tabs-nav li.ui-state-default.ui-tabs-active.ui-state-active,
.tabbedContent .oppgaverblokk.ui-tabs .ui-tabs-nav li.ui-state-default {
    height: 34px;
    border-radius: 4px;
    background-color: #eaddca;
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.ui-tabs .ui-tabs-nav.statusBoxesCont li.ui-tabs-active {
    padding-bottom: 0 !important;
    border-color: black !important;
}
.ui-tabs .ui-tabs-nav.statusBoxesCont li.ui-tabs-active a {
    color: #000;
}
body.trinn11-13 .statusBoxesCont .ui-tabs-active a.ui-tabs-anchor:link { color: black; }

.contentOppgaver.group.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    padding-left: 0;
}

.contentOppgaver .delHeader
{
    background: white none repeat scroll 0 0;
    border-color: #ccc;
    border-style: solid;
    border-width: 2px 2px 0 2px;
    color: #222222;
    padding: 14px;
    margin-bottom: 0px;
    border-top-right-radius: 4px;
    line-height: 120%;
}
.eksamensar {
    width:320px;
    height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    border-radius: 6px;
}

.eksamensoppgaveSettCont {
    float: left;
}


body a.var.disabled, 
body a.host.disabled {
    pointer-events: none;
    opacity: 0.7;
}


body a.var, 
body a.host {
    display: block;
    width: 70px;
    height: 30px;
    background-color: #779f3c;
    border-radius: 6px;
    text-align: center;
    padding-top: 10px;
    padding-left: 40px;
    background-image: url("/images/icon_eksamensoppgavesett.png");
    background-repeat: no-repeat;
    background-position: 10px ;
    font-size: 18px;
    text-decoration: none;
}


body a.var,
body a.var:visited,
body a.var:active,
body a.host,
body a.host:visited,
body a.host:active {
    color: black;
}
body a.var:hover,
body a.host:hover {
    background-color: #000;
    color: white;
}

a.var {
    float:left;
}
a.host {float: right;
}
span.ar {
    display: block;
    width: 60px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 130px;
    text-align: center;
    font-size: 24px;
    color: #424242;
}
.eksamensVisning h1{
    margin-top: 20px;
}
.eksamensVisning .ui-widget-header {
    background: transparent; border: 0;
}

.eksamensVisning .ekstrainfoBlokk,
.eksamensVisning .oppgaverblokk.ui-widget-content {
    color: #222222;
    border-top: 0px #ccc solid;
    border-right: 2px #ccc solid;
    border-bottom: 2px #ccc solid;
    border-left: 2px #ccc solid;
    padding: 14px;
    background: white;
    border-top-right-radius: 0;
}
.eksamensVisning .ekstrainfoBlokk { border-top: 2px #ccc solid; }
.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-state-default {
    border-radius: 0;
    bottom: -1px;
    float: left;
    height: 35px;
    padding: 7px 15px;
    position: relative;
    border-right: 2px #ccc solid;
    border-top: 2px #ccc solid;
    border-left: 2px #ccc solid;
    border-bottom: 2px #ccc solid;
    z-index: 100;
    margin-right: -2px;
}

body .ui-tabs .ui-tabs-nav li a{ padding: 0.4em 1.5em; }

body .ui-tabs .ui-tabs-nav li h3 {
    font-size: 1.15em; 
    padding: 0;
}

.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-state-default:first-child { border-radius: 10px 0 0; }

.tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-state-active { background: #ffffff;  height: 37px; }

.eksamensOppgaver.navigBar .btn { border: 0px solid #b3b3b3; }

body .eksamensdeler .ui-tabs-nav,
body .eksamensOppgaver .ui-tabs-nav {
    padding: 0 0 0 0;
}
.eksamensOppgaver .statusBoxesCont.ui-tabs-nav {
    margin-bottom: 10px;
}
.ui-tabs .oppgave.ui-tabs-panel { padding: 1.5em 0 0 0 !important; clear: left; }
.ui-tabs .oppgave.ui-tabs-panel {
    border: 0px #ccc solid; margin-top: 20px;
}
body #mainwrapper #maincontwrapper #main .oppgave h2 {
    font-size: 1.5em;
    margin-bottom: 0.8em;
    margin-top: 0;
    border-bottom: 0;
    font-weight: bold;
}
.underoppgaveCont h3 { font-size: 1em; font-weight: bold; }

.hurtigkode {
    font-weight: normal;
    color: blue;
    display: none;
    font-size: .7em;
}

.oppgave .innledning { margin-bottom: 20px; }
.oppgave td { padding-right: 6px; padding-bottom: 2px; }
.oppgave .lag_grupper span.rwimgblck-oppg1-2spalte-right {margin-right: 20px; }

/* Løsningsforslagene */

.losningsforslag
{
    background-color: #eaeaea;
    margin-left: -14px;
    margin-right: -14px;
    margin-bottom: 20px;
    padding: 0 14px 90px 14px;
}
.losningsforslag h3
{
    width: 100%;
    background-color: #105e71;
    margin-left: -14px;
    margin-right: -14px;
    padding: 0.4em 14px 0.4em 14px;
    color: white;
}
body.trinn8-10 .losningsforslag h3
{
     background-color: #105e71;
     color: #424242;
    }

/* Stiling av styleselect i løsningsforslaget */
.styleselect {
    clear: both;
    background-color: #eaeaea;
}
.styleselect p:first-child {
    font-weight: bold;
}
.jeg_tenker,
.mer_om,
.test_deg_selv,
.visste_du_at {
    border: 1px #cccccc solid;
    padding: 10px 10px 10px 74px;
    background-repeat: no-repeat;
    background-position: 12px 14px;
    min-height: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.lag_grupper {
    padding: 10px;
    background-color: transparent;
}

/* Kalenderkonkurranse ---------------------------------------------- */

.kalenderkonkurranse .kalenderHeading {
    font-size: 2em;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 0.4em;
}
.lukeFasit,
.lukeOppgave {
    display: none;
}
.lukeFasit.enabled,
.lukeOppgave.enabled {
    display: block;
}
.kalenderLukeWrapper {
    padding: 25px 0 0 0;
}
.lukeKnapp {
    float: left;
    width: 100px;
    margin: 0 35px 30px 0;
    border: 2px solid transparent;
    box-shadow: 1px 2px 9px 2px rgba(0, 0, 0, 0.57);
    text-align: center;
    background-color: #1a4160;
    opacity: 0.2;
    cursor: not-allowed;
}


.lukeKnapp.active {
    outline: 3px solid #105e71;
}


.lukeKnapp .lukeFasit {
    visibility: hidden;
}
/* .lukeKnapp:nth-child(4n) {
    margin-right: 0;
} */
.lukeKnapp.enabled {
    opacity: 1;
    cursor: pointer;
}

.lukeKnapp.enabled.showFasit {
    opacity: 1;
}

body.trinn1-4 .lukeKnapp:hover { border-color: #888a8a; }
body.trinn5-7 .lukeKnapp:hover { border-color: #888a8a; }
body.trinn8-10 .lukeKnapp:hover { border-color: #888a8a; }
body.trinn11-13 .lukeKnapp:hover { border-color: #888a8a; }

.lukeKnapp.showFasit .lukeFasit {
    visibility: visible;
}

.lukeKnapp .lukeIndex {
    display: block;
    color: white;
    font-weight: bold;
    font-size: 42px;
    padding: 5px;
}
.lukeKnapp .lukeFasit {
    background-color: #779f3c;
    padding: 5px;
    display: block;
    color: #000;
}

.lukeOppgaveWrapper {
    clear: both;
}
.lukeOppgave,
.lukeFasit {
    border: 1px solid #779f3c;
    background: #eaeaea;
    padding: 15px;
    line-height: 130%;
}

body.trinn1-4 .lukeOppgave,
body.trinn1-4 .lukeFasit { border-color: #fc7700; }
body.trinn5-7 .lukeOppgave,
body.trinn5-7 .lukeFasit { border-color: #0b86a3; }
body.trinn8-10 .lukeOppgave,
body.trinn8-10 .lukeFasit { border-color: #7d9b08; }
body.trinn11-13 .lukeOppgave,
body.trinn11-13 .lukeFasit { border-color: #105e71; }

.oppgaveHeaderCont,
.fasitHeaderCont {
    background: #779f3c;
    margin: -15px -15px 15px -15px;
    padding: 15px;
    color: black;
}

body.trinn1-4 .oppgaveHeaderCont,
body.trinn1-4 .fasitHeaderCont { background: #fc7700; }
body.trinn5-7 .oppgaveHeaderCont,
body.trinn5-7 .fasitHeaderCont { background: #0b86a3; }
body.trinn8-10 .oppgaveHeaderCont,
body.trinn8-10 .fasitHeaderCont { background: #7d9b08; }
body.trinn11-13 .oppgaveHeaderCont,
body.trinn11-13 .fasitHeaderCont { background: #105e71; }

.oppgaveHeaderCont .oppgaveNr,
.fasitHeaderCont .oppgaveNr {
    color: white;
    font-weight: bold;
    font-size: 42px;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
}
.oppgaveHeader,
.fasitHeader {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.4em;
}
.fasitHeader {
    margin-top: 1em;
}
.oppgaveContentCont + .oppgaveContentCont,
.fasitContentCont + .oppgaveContentCont,
.innsendingsSkjemaCont {
    border-top: 1px solid #779f3c;
    margin-top: 15px;
    padding-top: 15px;
}

body.trinn1-4 .oppgaveContentCont + .oppgaveContentCont,
body.trinn1-4 .fasitContentCont + .oppgaveContentCont,
body.trinn1-4 .innsendingsSkjemaCont {
    border-top: 1px solid #fc7700;
}

body.trinn5-7 .oppgaveContentCont + .oppgaveContentCont,
body.trinn5-7 .fasitContentCont + .oppgaveContentCont,
body.trinn5-7 .innsendingsSkjemaCont {
    border-top: 1px solid #0b86a3;
}

body.trinn8-10 .oppgaveContentCont + .oppgaveContentCont,
body.trinn8-10 .fasitContentCont + .oppgaveContentCont,
body.trinn8-10 .innsendingsSkjemaCont {
    border-top: 1px solid #7d9b08;
}

body.trinn11-13 .oppgaveContentCont + .oppgaveContentCont,
body.trinn11-13 .fasitContentCont + .oppgaveContentCont,
body.trinn11-13 .innsendingsSkjemaCont {
    border-top: 1px solid #105e71;
}

body.trinn1-4 .kalenderkonkurranse input[type="submit"] { background-color: #fc7700; }
body.trinn5-7 .kalenderkonkurranse input[type="submit"] { background-color: #0b86a3; }
body.trinn8-10 .kalenderkonkurranse input[type="submit"] { background-color: #7d9b08; }
body.trinn11-13 .kalenderkonkurranse input[type="submit"] { background-color: #105e71; }

.kalenderkonkurranse label {
    display: block;
    font-size: 0.8em;
    font-weight: bold;
}
.kalenderkonkurranse textarea {
    width: 100%;
}
.kalenderkonkurranse .skjemaNavn {
    width: 70%;
    float: left;
}
.kalenderkonkurranse .skjemaNavn input {
    width: 90%;
}
.kalenderkonkurranse .skjemaEpost {
    margin-top: 1em;
}
.kalenderkonkurranse .skjemaEpost input {
    width: 50%;
}
.kalenderkonkurranse input[type="submit"] {
    margin-top: 1em;
    padding: 8px 15px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1;
    color: white;
    border: none;
    cursor: pointer;
    margin-left: 70%;
}


/* Julekalender-------------------------------------------- */

.julekalenderarkivliste {
    width: 100%;    
}
.julekalenderarkivliste .julekalenderar {
    border-top: 1px solid #6ba450;
    border-bottom: 1px solid #6ba450;
    width: 100%;
    display: block;
}

.julekalenderarkivliste .julekalender_row {
    background-color: #f1f1f1;
    width: 100%;
    display: block;
}
.julekalenderarkivliste .julekalender_row:nth-child(2),
.julekalenderarkivliste .julekalender_row:nth-child(4) {
    background-color: #fff;
}

.julekalenderarkivliste .julekalender_row div {
    min-width: 74px;
    padding: 10px;
    display: inline-block;
}

.julekalenderarkivliste .bred div div {
    min-width: 5em;
}

.julekalender .kalenderkonkurranse {
    background-image: url(/images/kalenderkonkurranse/Julekalender_bk.png);
    background-position: top right;
    background-size: 100%;
    background-repeat: no-repeat;
}

.julekalender .kalenderkonkurranse .kalenderHeading {
    margin-bottom: 40px;
    margin-top: 70px;
    text-align: center;
}

.julekalender .lukeKnapp {
    background-image: url(/images/kalenderkonkurranse/snow.png);
    background-color: #276578;
}

.julekalender .lukeKnapp {
    border-color: white;
}

.julekalender .lukeKnapp .lukeFasit {
    background: -webkit-linear-gradient(#edb103, #ff6e02); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#edb103, #ff6e02); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#edb103, #ff6e02); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#edb103, #ff6e02);
}

.julekalender .ingress.editortext {
    padding: 0px 20px 0px 20px;
    font-size: 1em;
    
}

.julekalender .oppgaveHeaderCont .oppgaveNr,
.fasitHeaderCont .oppgaveNr {
    color: white;
    font-weight: bold;
    font-size: 42px;
    display: block;
    float: left;
    margin: 0px 5px 5px 0;
    padding-right: 7px;
}

.julekalender .lukeKnapp.active {
    outline: 3px solid #ff021c ;
} 

.julekalenderarkiv H3 {
    display: none;
}
.julekalenderarkiv .listeelementCont {
    padding: 0;
    background: white;
}

.julekalenderarkiv #temasideCont .listeCont li {
    margin: 0;
}

.julekalenderarkiv #temasideCont .listeCont li {
    padding: 4px;
}

 .julekalenderarkiv #temasideCont .listeCont li:nth-child(3n+0) {
   background-color: #EAF0F2;
   border-bottom: 1px solid #ccc;
}
 .julekalenderarkiv #temasideCont .listeCont li:nth-child(3n+1) {
   background-color: #EAF0F2;
    border-top: 1px solid #ccc;
}

.julekalenderarkiv #temasideCont .listeCont li:nth-child(3n) {
   margin-bottom: 1em;
}

.julekalenderarkiv #temasideCont .listeCont li a {
    text-decoration: none;
}

.julekalenderarkiv #temasideCont .listeCont li a:hover {
    text-decoration: underline;
}



/* Abeltrim ------------------------------------------------ */

.abeltrim .kalenderkonkurranse {
    background-image: url(/images/kalenderkonkurranse/bk_kalendar_50.png);
    background-position: top right;
    background-size: 100%;
    background-repeat: no-repeat;
}

/* Kalenderkonkurranse slutt-------------------------------------------- */

.jeg_tenker {
    background-image: url(/images/eksamensoppgaver/11-13/ikon_jeg_tenker.png);
}
.mer_om {
    background-image: url(/images/eksamensoppgaver/11-13/ikon_mer_om.png);
}
.test_deg_selv {
    background-image: url(/images/eksamensoppgaver/11-13/ikon_test_meg.png);
}
.visste_du_at {
    background-image: url(/images/eksamensoppgaver/11-13/ikon_viste_du.png);
}
.trinn8-10 .jeg_tenker {
    background-image: url(/images/eksamensoppgaver/8-10/ikon_jeg_tenker.png);
}
.trinn8-10 .mer_om {
    background-image: url(/images/eksamensoppgaver/8-10/ikon_mer_om.png);
}
.trinn8-10 .test_deg_selv {
    background-image: url(/images/eksamensoppgaver/8-10/ikon_test_meg.png);
}
.trinn8-10 .visste_du_at {
    background-image: url(/images/eksamensoppgaver/8-10/ikon_viste_du.png);
}
.svar
{
    margin-bottom: 60px;
    background-color: white;
    padding: 4px 8px 2px 4px;
    float: left;
}
.svar p
{
    font-weight: normal;
    color: black;
    border-bottom: 4px black double;
}
.editortext .svar p {
    margin-bottom: 0.4em;
}
.svarfeltCont { display: none; }

.styleselect.svar p:first-child {
    font-weight: normal;
}
.eksamensoppgavesettCont .oppgave ul { list-style-type: square; list-style-image: url('/images/square.png'); }
.eksamensoppgavesettCont .oppgave ul  li {margin-bottom: 4px; }


.eksamensoppgavesettCont .collapsibleSection > .head {
    background-image: url("/images/expand_1000_white.png");
    padding-left: 1.8em;
    background-position: 10px -990px;
}
.eksamensoppgavesettCont .collapsibleSection > .head.collapsed {
    background-position: 10px 4px;
}
.eksamensoppgavesettCont .collapsibleSection,
.eksamensoppgavesettCont .collapsibleSection > .body {
    background: #eaeaea none repeat scroll 0 0;
}
.eksamensoppgavesettCont .collapsibleSection > h3.head
{
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 0.1em;
    padding-bottom: 2px;
    padding-top: 2px;
    text-transform: none;
    word-spacing: 0.2em;
    margin-left: -1.6em;
    margin-right: -1.6em;
}


/* Hurtigkodesøk -------------------------------------------------------- */
.hurtigkodeCont {
    background-color: #eaeaea;
    margin-bottom: 12px;
}
.forsiden .hurtigkodeCont {
    background-color: #e1e3e4;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-bottom: 10px;
}
#hurtigkodesearchform {
     padding: 5px 10px 8px;
}
.hurtigkodeLabel {
    margin-bottom: 4px;
}
.forsiden .hurtigkodeLabel {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    padding-top: 6px;
    float: left;
}
.hurtigkodeTittel { text-transform: uppercase; }
.hurtigkodesearch {
    background-color: white;
    border-radius: 20px;
    border-width: 0;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.24) inset;
    color: #353535;
    font-size: 16px;
    height: 27px;
    margin: 0;
    padding: 3px 0 0 15px;
    vertical-align: middle;
    width: 55%;
    float: left;
    margin-right: 4px;
}
.hurtigkodeTittel h3 {
    background-color: #779f3c;
    color: #000;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0 0 0.3em 0;
    border-radius: 5px 5px 0 0;
}

.hurtigkodesearchBtn {
    background-color: #105e71;;
    border: 0 none;
    border-radius: 4px;
    clear: both;
    color: white;
    height: 29px;
    font-size: 16px;
    margin-left: 6px;
}
body.trinn11-13 .hurtigkodesearchBtn:hover {
    background-color: #000000;
}


/* topptekst til utskrift ---------------------------------------------------- */
.eksamensoppgavesettintro
{
    height: 250px;
    font-size: 18px;
    line-height: 120%;
    border-bottom: 1px solid black;
    margin-bottom: 35px;
    padding: 75px 15px 15px 136px;
    display: none;
}

/* puslerier ---------------------------------------------------- */
.puslerierlenkegruppe {
     display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.laringsloypeTeaser {
    padding: 15px; 
    height: 154px;
    background-size: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 130%;
    position: relative;
    float: left;
    flex-basis: calc(50% - 28px);
    min-height: 1px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 20px;
}
.laringsloypeTeaserContent { 
    padding: 10px; 
    background-color: #fff;
    width: 91%;
    height: 85%;
}
.laringsloypeTeaserContent img {
    height: 70px;
    width: 70px;
    float: right;
    margin-left: 10px;
}
.laringsloypeTeaser a {
   text-decoration: none;
   color: #424242;
}
.laringsloypeTeaser a:hover {
   text-decoration: underline;
}
#snowwhite {
    background-image: url("/images/puslerier/snowwhite.jpg");
}
#apeman {
    background-image: url("/images/puslerier/apeman.jpg");
}
#age {
    background-image: url("/images/puslerier/age.jpg");
}
#underwater {
    background-image: url("/images/puslerier/underwater.jpg");
}
#dinosaur {
    background-image: url("/images/puslerier/dinosaur.jpg");
}
#halloween {
     background-image: url("/images/puslerier/halloween.jpg");
}
#wow {
    background-image: url("/images/puslerier/wow.jpg");
}
#woodland {
     background-image: url("/images/puslerier/woodland.jpg");
}
.samarbeidslogoCont {
    width: 780px;
    clear: both;
    padding-top: 20px;
}
#lamis {
    float: left;
    margin-right: 40px;
}
#matematikksenteret {
    margin-top: 30px;
    margin-right: 40px;
    float: left;
}
#uia {
    margin-top: 30px;
}

/* forsideteaserstiling ---------------------------------------------------------- */

.teaserCont a {
     text-decoration: none;
}
.teaserCont a:hover h3 {
     text-decoration: underline;
}
.teaserCont a .editortext {
     color: #424242;
}
.prioritet-1 {

}
.prioritet-1 .teaserCont {
    position: relative;
    float: left;
    width: calc(100% - 2px);
    min-height: 1px;
    padding-bottom: 20px;
}
.prioritet-1 .teaserCont .inner {
    position: relative;
    background-color: #fff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-left: 2px;
}

.prioritet-1 .teaserCont .inner .inline-teaser-text {
    bottom: 0;
    left: 0;
    padding: 10px 0 5px 0;
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    width: calc(100% - 30px);
}

.forsiden .prioritet-1 .teaserCont .inner .inline-teaser-text {
   padding: 10px 15px 5px 15px;
}
.prioritet-2 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -9px;
    margin-right: -9px;
}
.prioritet-2 .teaserCont {
    position: relative;
    float: left;
    flex-basis: calc(50% - 20px);
    min-height: 1px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 20px;
}
.prioritet-2 .teaserCont .inner {
    background-color: #fff;
    margin-left: 2px;
}

.prioritet-2 .teaserCont .inner .inline-teaser-text {
    padding: 10px 0 5px 0;
}

.forsiden .prioritet-2 .teaserCont .inner .inline-teaser-text {
     padding: 10px 15px 5px 15px;
}

.prioritet-2 .teaserCont .inner .bilde-overlay {
     height: 200px;
     overflow: hidden;
     position: relative;
}

.prioritet-2 .teaserCont .inner .bilde-overlay img {
    position: absolute;
} 
@supports (object-fit:cover) {
    .prioritet-2 .teaserCont .inner .bilde-overlay img {
        position: absolute;
        width:100%;
        height:100%;
        object-fit: cover;
        overflow: hidden;
        object-position: 50% 50%;
    } 
}

.img-responsive {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}


.prioritet-3 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -9px;
    margin-right: -9px;
    margin-bottom: 4em;
}
.prioritet-3 .teaserCont {
    position: relative;
    float: left;
    flex-basis: calc(33% - 16.5px);
    margin: 10px 0;
    padding-left: 9px;
    padding-right: 9px;
}
.prioritet-3 .teaserCont .inner {
    /* overflow: hidden; */
    background-color: #fff;
    margin-left: 2px;
}

.prioritet-3 .teaserCont .inner .inline-teaser-text {
    padding: 10px 0 5px 0;
}

.forsiden .prioritet-3 .teaserCont .inner .inline-teaser-text {
    padding: 10px 15px 5px 15px;
}

.prioritet-3 .teaserCont .inner .bilde-overlay {
    height: 180px;
    overflow: hidden;
    position: relative;
}

.prioritet-3 .teaserCont .inner .bilde-overlay img {
    position: absolute;
}
@supports (object-fit:cover) {
    .prioritet-3 .teaserCont .inner .bilde-overlay img {
        position: absolute;
        width:100%;
        height:100%;
        object-fit: cover;
        overflow: hidden;
        object-position: 50 50;
    } 
}
.teaserCont .inner a:hover .bilde-overlay img {
    -webkit-filter: brightness(70%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

#page-id-227339 .prioritet-3 .teaserCont .inner .bilde-overlay img {
    position: absolute;
}
@supports (object-fit:cover) {
   #page-id-227339 .prioritet-3 .teaserCont .inner .bilde-overlay img {
        position: absolute;
        width:100%;
        height:100%;
        object-fit: contain;
        overflow: hidden;
        object-position: 0 0;
    } 
}




/* media-queries ----------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------ */

@media only screen and (max-width: 1140px) {
     body.forsiden #context a:hover {
       background-size: auto;
        background-position: center calc(50% - 5px);
    }
    
    .julekalenderarkivliste .julekalender_row div {
        min-width: auto;
        width: 10%;
     }
}

@media only screen and (max-width: 960px) {
    #main {
        width: 77%;
        margin-right: 0;
        position: relative;
    }
    #mainRight {
        margin-top: 2em;
        width: 77%;
        float: right;
    }
     .inlinebegrep {
        position: static;
        display: inline-block;
    }
    body.forsiden #context .icon {
        min-height: 330px;
    }
    .eksamensoppgavesett #main,
    .eksamensoppgavesett #mainRight {
        width: 100%;
    }
    
}

@media only screen and (max-width: 920px) {
    body.trinn1-4.rolle-elev .spillteasereCont .gangetesteren,
    body.trinn1-4.rolle-elev .spillteasereCont .regneregn,
    body.trinn1-4.rolle-elev .spillteasereCont .brokreser,
    body.trinn1-4.rolle-elev .spillteasereCont .sudoku,
    body.trinn1-4.rolle-elev .spillteasereCont .kakuro,
    body.trinn1-4.rolle-elev .spillteasereCont .hanoistaarn,
    body.trinn1-4.rolle-elev .spillteasereCont .kenken,
    body.trinn1-4.rolle-elev .spillteasereCont .heureka {
        width: 40%;
        padding-left: 5%;
        padding-right: 5%;
        height: 102px;
    }
    
     body.trinn1-4.rolle-elev.seksjon .spillteasereCont .heureka,
     body.trinn1-4.rolle-elev.seksjon .spillteasereCont .gangetesteren {
        height: 112px;
    }

    #masthead #hjemlenkeCont,
    .forsiden #masthead #hjemlenkeCont {
        left: 68px;
        z-index: 700;
    }
    #masthead #hjemlenkeCont a,
    .forsiden #masthead #hjemlenkeCont .logo {
        width: 84px;
    }
    .underside #context a.trinn1-4,
    .underside #context a.trinn5-7,
    .underside #context a.trinn8-10,
    .underside #context a.trinn11-13 {
        display: block;
        float: left;
        padding: 16px 6px 10px 6px;
        text-align: center;
        text-decoration: none;
        height: 45px;
    }
    main #spillwrapper {
        width: 100%;
    }
    body.forsiden #maincontwrapper #main {
         width: 100%;
    }
    .prioritet-1 .teaserCont,
    .prioritet-2 .teaserCont {
        flex-basis: 100%;
    }
    .forsiden .prioritet-1 .teaserCont .inner .inline-teaser-text,
    .forsiden .prioritet-2 .teaserCont .inner .inline-teaser-text,
    .forsiden .prioritet-3 .teaserCont .inner .inline-teaser-text {
        padding: 10px 5px 5px 5px;
    }
   .prioritet-3 .teaserCont {
        flex-basis: calc(50% - 18px);
    } 
  #mainLeft,
  .regnemesteren .direkteInnganger {
    display: none;
  }
  #main {
      width: 100%;
      margin-right: 0;
    }
    #main.nyseksjonstekst {
        width: 100%;
    }
    #mainRight {
        width: 100%;
        float: left;
    }
    #orakelCont img {
        width: 100%;
        height: auto;
    }
    body .ui-tabs .ui-tabs-nav li h3 a { 
        padding: 0.4em 0; 
    }
    body .tabbedContent.ui-tabs .eksamensdeler.navigBar .ui-tabs-nav .ui-state-default {
        padding: 7px 5px;
    }
    body .ui-tabs .ui-tabs-panel {
        padding-right: 0;
    }
    body .oppgave span.rwimgblck-3-3-fullbredde {
        max-width: 100%;
    }
    .spillCont h1 img {
        max-width: 100%;
    }
    

    body.forsiden #context .icon {
         min-height: 280px;
          font-size: 1em;
    }

    .forsiden #mainteaserCont {
        display: block;
     }
     body.nocontext #contextwrapper, 
     body.trinn1-4 #contextwrapper, 
     body.trinn5-7 #contextwrapper, 
     body.trinn8-10 #contextwrapper, 
     body.trinn11-13 #contextwrapper,
     body.student #contextwrapper {
        background: none;
        display: inline-block;
        margin-left: 150px;
        padding: 10px;
        position: absolute;
        top: 0;
        z-index: 650;
    }
    .underside #context a.trinn1-4,
    .underside #context a.trinn5-7,
    .underside #context a.trinn8-10,
    .underside #context a.trinn11-13 {
        display: block;
        float: left;
        padding: 60px 8px 10px 8px;
        text-decoration: none;
        background-size: 50px 50px; 
        background-position: center 6px;
        margin-right: 1px;
        margin-top: 0;
        min-width: 60px;
    }
    .underside #context a.trinn1-4:hover,
    .underside #context a.trinn5-7:hover,
    .underside #context a.trinn8-10:hover,
    .underside #context a.trinn11-13:hover {
       background-size: 53px 53px;
    }
        /* MathJax ----------------------------------------------------------------------------------------------------------- */
    .RWmath {
        display: inline-flex;
        padding: 0.5em;
        overflow-x: auto;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 768px) {

       .julekalenderarkivliste .julekalender_row div {
        min-width: auto;
        width: auto;
        padding: 10px 3px;
     }
     
     #footerinfo {
        float: left;
        width: auto;
        margin-right: 0;
    }
   
    .spilltekst { display: none; }
    
    .underside #context .icon {
        font-size: .85em;
        letter-spacing: -.05em;
    }
    
    
     #masthead #hjemlenkeCont,
    .forsiden #masthead #hjemlenkeCont {
        left: 64px;
    }
    #masthead #hjemlenkeCont a {
        width: 80px;
        height: 80px;
        background-size: auto 92px;
    }

    
    body.forsiden #context .icon {
         min-height: 240px;
          font-size:.8em;
    }
    body.forsiden #context a:hover {
       background-size: auto;
        background-position: center calc(50% - 5px);
    }
     .underside #context a.trinn1-4,
    .underside #context a.trinn5-7,
    .underside #context a.trinn8-10,
    .underside #context a.trinn11-13 {
        padding: 60px 5px 10px 5px;
        height: 20px;
    }
    #footerbidrag3 a img {
    margin-top: 0px;
    }
}

@media only screen and (max-width: 680px) {
   .underside #masthead {
        height: 140px;
    }
     .underside #masthead #searchCont {
            position: absolute;
            top: 100px;
            left: 15px;
        }
    .underside #masthead #searchCont .topsearch {
        width: 90%;
        font-size: 16px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .underside #masthead #searchCont .topsubmit {
       -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media only screen and (max-width: 640px) {
     body.forsiden #context .icon {
         min-height: 210px;
         font-size: .8em;
    }
    body.forsiden #context a:hover {
       background-size: auto;
        background-position: center calc(50% - 1%);
    }
}


@media only screen and (max-width: 640px) {
   .underside #masthead #searchCont .topsearch {
        width: 81%;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
      #masthead {
        height: 140px;
    }
    .forsiden #masthead #hjemlenkeCont .logo {
        width: 80px;
        height: 80px;
        background-size: auto 92px;
    }
     #masthead #searchCont {
            position: absolute;
            top: 100px;
            left: 15px;
        }
   #masthead #searchCont .topsearch {
        width: 85%;
        font-size: 16px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #masthead #searchCont .topsubmit {
       -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    body.forsiden #context .icon {
         min-height: 160px;
         font-size: .9em;
    }
     body.forsiden #context a:hover {
       background-size: auto;
        background-position: center calc(65% - 2px);
    }

    .prioritet-1 .teaserCont,
    .prioritet-2 .teaserCont,
    .prioritet-3 .teaserCont {
        flex-basis: 100%;
    }
    .prioritet-1 .teaserCont .inner .inline-teaser-text {
        position: relative;
        padding: 15px 0  0 0;
        color: #000;
    }
    body.trinn1-4.rolle-elev .spillteasereCont .gangetesteren,
    body.trinn1-4.rolle-elev .spillteasereCont .regneregn,
    body.trinn1-4.rolle-elev .spillteasereCont .brokreser,
    body.trinn1-4.rolle-elev .spillteasereCont .sudoku,
    body.trinn1-4.rolle-elev .spillteasereCont .kakuro,
    body.trinn1-4.rolle-elev .spillteasereCont .hanoistaarn,
    body.trinn1-4.rolle-elev .spillteasereCont .kenken,
    body.trinn1-4.rolle-elev .spillteasereCont .heureka {
        width: 100%;
        height: 102px;
        padding-left: 0;
        padding-right:0;
    }
    body.trinn1-4.rolle-elev.seksjon .spillteasereCont .regnemesteren {
        margin-bottom: 0;
    }
    body.trinn1-4.rolle-elev.seksjon .spillteasereCont .heureka {
        width: 100%;
        height: 122px;
        margin-bottom: 20px;
    }
    
    body.nocontext #contextwrapper, 
    body.trinn1-4 #contextwrapper, 
    body.trinn5-7 #contextwrapper, 
    body.trinn8-10 #contextwrapper, 
    body.trinn11-13 #contextwrapper,
    body.student #contextwrapper {
        margin-left: 140px;
        padding: 10px 0 10px 0;
    }
    .spilltekst {
        display: none;
    }   
    .bioliste .omtaleperson {
        width: 100%;
        margin: 0 0 10px 0px;
    }
        .laringsloypeTeaser {
        flex-basis:100%;
    }
    .nyhetssaksCont {
        padding-bottom: 40px;
    }
    .nyhetssaksCont h3 {
        padding-right: 0;
    }
    .nyhetssaksCont p {
        padding-right: 0;
    }
        /* Footer ------------------------------------------------------------*/

    #footer {
        padding: 25px 0 25px 0;
    }
    #footerlogo {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
    }
     #footerlogo a {
         display: inline-block;
         margin-left: auto;
         margin-right: auto;
    }
    #footerlogo img {
        margin: 0;
    }

    #footerinfo,
    .sambidrag {
        float: none;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }


    #footersamarbeid,
    #footerbidrag,
     #footerbidrag2 {
        width: 40%;
        margin-left: 0;
        margin-right: 5%;
    }
    #footersamarbeid a {
        margin: 5px 30px 0 0 ;
        float: left;
    }   
    
    table {
       
    }
}    

 .sambidrag {
        float: left;
        width: 100%;
        padding: 20px;
    }

@media only screen and (max-width: 450px) {
    #masthead #searchCont .topsearch {
         width: 84%;
    }
    body.nocontext #contextwrapper, body.trinn1-4 #contextwrapper, body.trinn5-7 #contextwrapper, body.trinn8-10 #contextwrapper, body.trinn11-13 #contextwrapper {
        margin-left: 118px;
        padding: 10px 0 10px 0;
    }
    
    #masthead #hjemlenkeCont, .forsiden #masthead #hjemlenkeCont {
        left: 56px;
    }
    
    #masthead #hjemlenkeCont a {
        width: 60px;
        height: 80px;
        padding-top: 6px;
        background-size: auto 63px;
    }
   
    .underside #context a.trinn1-4, .underside #context a.trinn5-7, .underside #context a.trinn8-10, .underside #context a.trinn11-13 {
        display: block;
        float: left;
        padding: 50px 1px 10px 1px;
        text-decoration: none;
        background-size: 40px 40px;
        background-position: center 6px;
        margin-right: 1px;
        min-width: 44px;
        height: 20px;

    }
        .underside #context a.trinn1-4:hover,
        .underside #context a.trinn5-7:hover,
        .underside #context a.trinn8-10:hover,
        .underside #context a.trinn11-13:hover {
             background-size: 44px 44px;
 }
}


/* hamburger ------------------------------------------------------ */
/* [ON BIG SCREEN] */
/* Wrapper */
#page-nav {
    width: 70%;
    position: relative;
    z-index: 600;
    top: 17px;
    display: none;
}

/* Hide Hamburger */
#page-nav label, #hamburger {
    display: none;
}

/* Menu Items */
#page-nav ul {
    list-style-type: none;
    margin: 45px 0 0 0;
    padding: 0; 
    border-bottom: 1px solid #333;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 230px;
}
#page-nav ul li {
    display: inline-block;
    padding: 6px;
    box-sizing: border-box;
     background: #fff;
}
#page-nav ul li a {
    color: #000;
    text-decoration: none;
}
#page-nav ul li a:hover {
     text-decoration: underline;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 920px){
    /* Show Hamburger */
    #page-nav {
        display: block;
    }
    
    #page-nav label {
        display: inline-block;
        color: #000;
        cursor: pointer;
        font-style: normal;
        font-size: 3em;
        padding: 0;
    }
    .forsiden #page-nav label {
        color: #fff;
    }

  /* Break down menu items into vertical */
    #page-nav ul li {
        display: block;
    }
    #page-nav ul li {
      /* border-top: 1px solid #333; */
    }

  /* Toggle show/hide menu on checkbox click */
    #page-nav ul {
        display: none;
    }
    #page-nav input:checked ~ ul {
        display: block;
    }
}
@media only screen and (max-width: 680px) {
 #page-nav ul {
        margin: 75px 0 0 0;
    }
}

@media only screen and (max-width: 450px) {
 .underside #page-nav label {
        font-size: 2.3em;
    }
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.merkelapper {
     margin-bottom: 1em;
     .merkelapp {
         width: 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 906px) {
    .merkelapp {
         width: 48%;
         margin-right: 2%;
         float: left;
    }
}

.tafSocialButton {
    cursor: pointer;
    margin-right: 8px;
    margin-top: 8px;
    vertical-align: middle;
    width: 36px;
    height: 34px;
    background-image: url(/images/social.png);
    background-size: 36px 34px;
    background-repeat: no-repeat;
    float: left;
}

.tafSocialButton .skjult {
    display: none;
}


#custom-fb-button {
    background-position: 0px 0px;
}

.clearfix {
  overflow: auto;
}

/* Matematikkstien */

@media only screen and (min-width: 920px) {
    .matematikkstiposter #main {
        width: 74%;
    }
    .matematikkstiposter #main .editortext {
        width: 74%;
    }
}
a.post_teaser  {
    border: 1px solid black;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-top: 2px;
    margin-left: 2px;
    max-width: 100%
}

a.post_teaser:hover  {
    border: 3px solid black;
    margin-right: 10px;
    margin-bottom: 8px;
    margin-top: 0;
    margin-left: 0;
}
.post_teaser img {
    max-width: 265px;
    object-fit: cover;
}
@media only screen and (max-width: 495px) {
 .post_teaser img {
      max-width: 355px;
    }
}
.matematikkstienposter {
    display: flex;
    flex-wrap: wrap;
   justify-content: flex-start;
    width: 100%;
}
.post_teaser {  
}
.tilbaketrinnCont {
    margin-bottom: 1em;
}

.matematikkstilenkeliste {
     padding: 15px;
}

.matematikkstilenkeliste div {
    padding-bottom: 6px;
}

.matematikkstilenkeliste div span {
    display: inline-block;
    min-width: 70px;
}

.matematikkstilenkeliste div a {
    display: inline-block;
    margin-right: 1em;
}

.stivalglenker a {
    border: 3px solid #779f3c;
    border-radius: 6px 6px 6px 6px;
    color: #000;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    margin-right: 8px;
    margin-top: 2px;
    margin-bottom: 14px;
    padding: 6px 10px;
    text-decoration: none; 
    background-color: #779f3c;
}

.stivalglenker a:hover {
    border: 3px solid #000;
}

img.matematikkstienlogo {
    width: 100%;
}