/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* stiling for fokusoutline, må forbedres  */

a:focus,
button:focus,
input:focus,
textarea:focus,
.carousel .nope.selected:focus,
.carousel .nope:focus,
.carousel .thumb:focus,
.carousel li:focus,
.carousel li a:focus,
.tafSocialButton:focus
{
    outline-color: #5B9DD9;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html
{
    -webkit-text-size-adjust: none;
    /* Prevent font scaling in iPhone landscape */
}

body
{
    /* background-image: url(../images/body_bg.png); 
    background-repeat: repeat-x; */
    background-color: #FFFFFF;
    color: #2B292C;
    font-family: Georgia,Times,Arial,Helvetica,sans-serif;
}

div,
main,
header,
nav,
footer { position: relative; }

/*
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
*/
p {
    margin-bottom: 1.2%;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after { content: none; }

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

h1
{
    color: #2B292C;
    font-size: 1.8em;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 3px;
    padding-top: 0;
    line-height: 110%;
}

.forside H1
{
    position: absolute;
    top: 100px;
    z-index: -3;
}

h2
{
    margin-top: 10px;
    padding-top: 0px;
    margin-bottom: 2px;
    padding-bottom: 0px;
    font-size: 1.2em;
}

h3, h4
{
    margin-top: 2px;
    padding-top: 0px;
    margin-bottom: .15em;
    padding-bottom: 0px;
    font-size: 1.0em;
}

#del h4 {
    font-weight: normal;
}

h3.tittel,
h3.sokeresultatnavn 
{
    line-height: 120%;
    font-size: Inherit;
}

p.nospace
{
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

p
{
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: .5em;
}

ul
{
    /* list-style-image: url(/images/listeprikker.gif); */
    margin-top: 0px;
    padding-top: 0px;
}

img {
    max-width: 100%
}

.rwimgblck span,
.inlinevideo span {
    font-style: italic;
}

.ingressCont
{
    color: #2B292C;
    font-size: 1.2em;
    line-height: 130%;
}

.brodtekstCont li
{
    list-style: disc;
    margin-left: 14px;
}

.headerTextLarge
{
    color: #2b292c;
    font-size: 30px;
}

.stikktittel
{
    color: #2b292c;
    font-size: 1.0em;
}

.ingress
{
    color: #2b292c;
    font-size: 1.2em;
    line-height: 130%;
}

#wrapper
{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#pagewrapper
{
    margin: 0 auto;
    padding: 0 2%;
}

.sorgerand #pagewrapper
{
    border: 10px solid black;
    padding-bottom: 20px;
}

#header,
#navigation,
#content,
#footer
{
    width: 100%;
    float: left;
}

#header { height: 147px; }

.headerlogo
{
    width: 385px;
    height: 101px;
    position: relative;
    top: 24px;
    background-image: url(../images/logo_norsk.png);
    background-repeat: no-repeat;
    background-size: 385px 101px;
}

.nettstedssprak-engelsk .headerlogo
{
    background-image: url(../images/logo_engelsk.png);
    background-size: 450px 101px;
    width: 450px;
}

.nettstedssprak-samisk .headerlogo
{
    background-image: url(../images/logo_samisk.png);
    background-size: 411px 101px;
    width: 411px;
}

.nettstedssprak-engelsk li.barnesider { display: none; }
.nettstedssprak-samisk li.barnesider { display: none; }
#footerlinks .barnesider { display: none; }

#footerlinks .barnesider {
    display: none;
}

.rw-inline-object {}
.rwimgblck { 
    margin-top: 1.5em; 
    margin-bottom: 1em;
}
.rwimgblck-full-bredde,
.rwimgblck-full-bredde img {
    width: 100%;
}

.headerlogo a
{
    display: block;
    width: 100%;
    height: 100%;
}

#headerlogotekst { display: none; }
#navigation { 
    height: 40px; 
    padding-bottom: 0px;
    border-bottom: 2px solid #c6b692;
    margin-bottom: 1.5em;
}

#navigation ul li,
#footer ul li,
.sprakvalg li
{
    float: left;
    /* color: #666666; */
    color: #786332;
    font-family: "trebuchet ms",sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0em;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 1.3em;
}
.sprakvalg li
{
    margin-right: 0;
    margin-left: 1em;
}

#header .sprakvalg
{
    float: right;
    margin-top: 12px;
    position: relative;
}

#footer .sprakvalg { display: none; }

#navigation ul li span.menuspacer,
#footer ul li span.menuspacer
{
    margin: 0 6px 0 6px;
    display: block;
    float: left;
    text-transform: lowercase;
}

#navigation ul li#menypunkt_112472 .menuspacer,
#navigation ul li#menypunkt_113027 .menuspacer { display: none; }

/* fjerner siste spacer, men sjekk at det er riktig id */
.sprakvalg li.menuspacer { margin: 0 5px; }
#navigation ul li.barnesider { 
    margin-left: 3%; 
    margin-right: 0;
    float: right;
}
.navigation1 { 
    margin-top: 15px; 
}
.navigation1 > .navigasjon-toggle { display: none; }
.sprakvalg li a:link,
.sprakvalg li a:visited,
.navigation1 ul li a:link,
.navigation1 ul li a:visited,
#footer ul li a:link,
#footer ul li a:visited { color: #786332; }

.sprakvalg li a,
.sosialemedier li a,
.navigation1 ul li a,
#footerlinks li a
{
    display: block;
    padding-bottom: 2px;
    float: left;
}

.sprakvalg li a:hover,
.sosialemedier li a:hover,
.navigation1 ul li a:hover,
#footerlinks li a:hover
{
    padding-bottom: 1px;
    border-bottom: 1px #c6b692 solid;
    text-decoration: none;
}

.navigation2 { margin: 0; }
.navigation2 ul li { }

.navigation2 ul li a.menutext
{
    color: #2B292C;
    display: block;
    padding: 3%;
    margin-bottom: 2px;
    background-color: #E7E7E7;
}

.navigation2 ul li a.menutext:hover { background-color: #D6D6D6; }
.navigation2 ul li.menylevel0 a { background-color: #ffffff; }

.navigation2 ul li.menylevel2 a
{
    padding-left: 15px;
    background-color: #f3f3f3;
}

.navigation2 ul li.menylevel3 a
{
    padding-left: 30px;
    background-color: #f2f2f2;
}

.navigation2 ul li.selected a { background-color: #B7B7B7; }

.navigation2 ul li.menylevel0 a
{
    background-color: #ffffff;
    border-top: 1px solid #f3f3f3;
    color: #846E3C;
}

.sosialemedier
{
    width: 120px;
    float: right;
}

.sosialemedier ul li { float: left; }

.social_fb,
.social_tw,
.social_yt,
.social_in
{
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-size: 20px 20px;
    margin-right: 0 !important;
}

.social_fb { background-image: url(../images/social_fb@2x.png); }
.social_tw { background-image: url(../images/social_tw@2x.png); }
.social_yt { background-image: url(../images/social_yt@2x.png); }
.social_in { background-image: url(../images/social_in@2x.png); }
.sosialemediermobile { 
    float: right; 
    margin-top: -.5%;
}

#content
{
    /* outline: 1px solid #e6e6e6; */
    background-color: white;
}

.imagepayoff
{
    padding: 1%;
    margin-bottom: 18px;
    text-align: left;
    font-style: italic;
    border-bottom: 1px solid #cccccc;
}

.seksjonstekstCont
{
    padding-bottom: 18px;
    margin-bottom: 12px;
    border-bottom: 1px solid #cccccc;
}

#leftcolumn
{
    width: 16.671518%;
    /* burde være 150px */
    float: left;
    padding: 1% 1% 1% 0;
}

#rightcolumn
{
    width: 81.1%;
    /* justert ned pga problemer i ie. opprinnelig: width: 80.328482%; */
    float: right;
    padding: 0 0 1% 1%;
    margin-top: 19px;
    line-height: 130%;
}

#sidetypeCont { }

/* omslutter alt som settes inn i av sidetypemalen */
#hovedCont
{
    float: left;
    width: 100%;
}

/* omslutter hovedinnholdet */
#sideCont { float: left; }

/* omslutter assosiert innhold */
.enspalte { }
.tospalte { }

/* angir antall spalter, brukes til å sette bredden på mainCont og associatedCont */
.aktuelmal { }

/* identifiserer sidemalen */
.tospalte #hovedCont
{
    float: left;
    width: 58.7% !important;
}

.tospalte.fotoalbum #thumbs.smallAlbum
{
    float: left;
    width: 58.7% !important;
}

.tospalte.fotoalbum #thumbs.largeAlbum
{
    float: left;
    width: 100% !important;
}

.tospalte #sideCont,
.tospalte.fotoalbum #gallery
{
    float: right;
    width: 38.3%;
}

.hideGallery {
    display: none;
}

.search
{
    color: #2B292C;
    font-family: "trebuchet ms",sans-serif;
    font-weight: bold;
    line-height: 15px;
    letter-spacing: 0.03em;
    text-decoration: none;
    text-transform: uppercase;
}


.searchfield,
.searchfield2
{
    float: left;
    width: 70%;
}

.searchfield input,
.searchfield2 input
{
    margin: 0;
    border: 0;
    padding: 0;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}

button#sok,
button#soket { 
    border: 0; 
    background: white;
    color: #786332;
    font-weight: bold; 
    padding-left: 2px;
    padding-right: 0;
}
button#sok:hover,
button#soket:hover { text-decoration: underline; }

#header .search
{
    width: 246px;
    height: 15px;
    padding: 5px;
    margin-top: -30px;
    border: 1px solid #cccccc;
    background-color: white;
    position: relative;
    float: right;
    right: 0px;
    top: 0px;
}

.search input[type="submit"]  {
    border: 1px solid;
    float: right;
    color: #846E3C;
    background-color: #ffffff;
    padding-top: 0px;
    margin-top: -3px;
    font-size: 10px;
}


#content .search { display: none; }

#sokeresultater .search {
    display: block;
}

#sokeresultater .search {
    border: 1px solid #cccccc;
    width: 170px;
    height: 15px;
    padding: 5px;
    margin-top: 6px;
    background-color: white;
    float: left;
    margin-right: 10px;
}

/*.fritekstsok button,
.kalendersok button {
    padding: 5px;
    margin-top: 4px;
    background-color: white;
    float: left;
    margin-right: 10px;
    color: 	#786351;
    font-family: "trebuchet ms",sans-serif;
    text-transform:	uppercase;
}
*/

.fritekstsok button, .kalendersok button {
    background-color: #786332;
    border-radius: 5px;
    color: #FFFFFF;
    float: left;
    border: 1px solid #FFFFFF;
    padding: 5px;
    margin-top: 4px;
    margin-right: 10px;
    font-size: 100%;
}

.fritekstsok button:hover,
.kalendersok button:hover { background-color: #3F3F3F; }


.kalenderkonjunksjon
{
    float: left;
    margin-top: 12px;
    margin-right: 8px;
}

.searchbutton { float: right; }

.ta_ogsa_med
{
    padding-top: 4px;
    padding-bottom: 4px;
}

#footer
{
    margin-top: 15px;

    float: left;
    padding-top: 1%;
    border-top: 1px solid #2B292C;
}

/* teasere */
.teasercontainer
{
    margin: 15px 0 15px 0;
    padding: 0 0 15px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.teaser
{
    width: 49%;
    float: left;
    margin-top: 2%;
}

.teaser:nth-child(odd) {
    margin-right: 2%;
}

.teaserimage
{
    float: left;
    margin-right: 1.5%;
    line-height: 0;
}

.teaserlesmer { float: right; }

.teasertittel
{
    color: #846E3C;
    font-weight: bold;
    margin-bottom: 5px;
}

.teasertekst a
{
    color: #2B292C;
    text-decoration: none;
}

.teaser .brodtekst p
{
    overflow: hidden;
    color: #2b292c; 
}

.articleEntry_87
{
    float: left;
    width: 48%;
    padding: 1%;
}

.articleEntry_87_small
{
    float: left;
    padding-top: 10px;
}

.articleEntry_87_Left
{
    float: left;
    width: 24%;
    margin-right: 3%;
}

.articleEntry_87_Right
{
    float: left;
    padding-left: 0;
    width: 65%;
}

.ordensBox { padding-top: 3px; }
.ordensBoxTop { padding-top: 3px; }

.ordensBoxTopUpper
{
    padding-top: 5%;
    width: 100%;
}

.ordenTop
{
    height: 2px;
    overflow: hidden;
}

.ordenMiddle
{
    overflow: hidden;
    background: linear-gradient(to bottom, #fdfdfd 0%,#f6f6f6 100%);

   
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    padding-left: 2%;
    padding-right: 2%;
}

.ordenBottom
{
    height: 2px;
    overflow: hidden;
}


.ordenText
{
    min-height: 20px;
    overflow: hidden;
    padding-top: 4px;
}

.smallBoxHeader
{
    font-family: "trebuchet ms",sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    padding-bottom: 6px;
    text-transform: uppercase;
}

.ordenMiddle .smallBoxHeader { padding: 1% 20px 1% 0%; }

label.error
{
    float: none;
    color: #C8361F;
    padding-left: .5em;
    vertical-align: top;
}

#commentForm  input { width: 75%; }
#commentForm #commentFormSubmit { width: auto; }
#commentForm #commentFormCancel { width: auto; }
#commentForm #commentFormPreview { width: auto; }

#commentForm #melding
{
    width: 75%;
    height: 10em;
}

#videoCont
{
    height: auto;
    width: 100%;
    max-width: 450px; /* samme som tospalte.hovedspalte*/
    max-height: 280px;
}
#videoCont.videoLarge {
    max-width: none;
    max-height: none;
}

/* videospiller maa ha hoyde for at iframen skal faa hoyde 
#videoCont #videoPlayer > div:first-of-type {
    min-height: 280px;
}
vi antar at dette er gammel kode, og at man må fjerne dette for at det skal vis riktig */

#jwplayer
{
    height: 280px;
    max-height: 280px;
    min-height: 280px;
}

#jwtitle { margin: 1%; }
#videovindu { height: 300px; }

.videopresentasjonteaser
{
    width: 100px;
    margin-right: 10px;
}

.videopresentasjonteaser p
{
    width: 100%;
    max-width: 100px;
    height: 30px;
    overflow: hidden;
}

div.videopresentasjonTekst {
    margin-top: 2%;
}

#videotextcontainer
{
    float: left;
    margin-top: 1%;
    margin-bottom: 1%;
}

#jwtitle { float: left; }

/* forsiden --------------------------- */
.forside .forsidetekstCont {
    width: 28%;
    padding-right: 2%;
    padding-left: 2%;
    order: 1; 
}
.forside figure {
    float: left;
    width: 68%;
    line-height: 0;
    order: 2; 
}

.forside #rightcolumn h2
{
    font-size: 240%;
    line-height: 110%;
    margin: 3px 0 6px 0;
    color: #786332;
}

.forside h3,
.programCont h3 {
    color: white;
    background-color: #786332;
    padding: 3px 2px 3px 12px;
    font-family: "trebuchet ms",sans-serif;
    font-size: 110%;
    font-weight: normal;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
h4 { 
    font-size: 120%; 
    margin-top: .3em;
}

.forside  a:hover h4 { text-decoration: underline; }
.forside #leftcolumn { display: none; }

.forside #rightcolumn
{
    /* width: 98%;
    float: left;
    padding: 1%;
    margin: 0; */
    width: 100%;
    padding: 0;
    margin-top: 1em;
}

.forside .venstrespalte
{
    width: 60%;
    float: left;
}

.forside .hoyrespalte
{
    width: 39%;
    margin-left: 1%;
    float: right;
}

.forsidebildeCont
{
    width: 100%;
    background-color: #e2e9f2;
    display: flex;
    margin-bottom: 2em;
    align-items: center;
}
.forsidebildeCont img
{
    width: 100%;
}

.forside .programCont
{
    float: left;
    width: 100%;
}

.forside .aktueltCont
{
    float: left;
    width: 100%;
}

.forside .nyhetslistebilde {
    width: 100%;
    float: none;
}

.forside .nyhetslistebilde img {
    width: 100%;
}

.forside .teaser .brodtekst p {
    max-height: none;
    overflow: visible;
}

.teaser a p,
a.aktueltteaser p,
.aktueltCont a p,
.nyheter a p,
.nyheter .dato { color: #2b292c }

.teaser h3:hover,
.teaser a p:hover,
.aktueltCont h3:hover,
.aktueltCont p:hover,
.nyheter h3:hover,
.nyheter p:hover,
.nyheter .dato:hover { text-decoration: underline }

.forside .teaserCont
{
    float: left;
    width: 100%;
    margin-bottom: 2%;
}

.forside .teaser
{
    width: 49%;
    float: left;
    margin-bottom: 2%;
    margin-top: 0;
    background-color: #e2e9f2;
    min-height: 120px;
}

.forside .teaser .teasertekstCont { 
     float: left; 
     width: 67%;
     padding-top: .5em;
}

.forside .teaser .teasertekstCont h4,
.aktuelt .nyhet h4 { 
    margin-top: 0;
}

.forside .teaser .teasertekstCont p { 
    margin-bottom: 0;
}

.forside .teaser .teaserStandardbilde
{
    width: 30%;
    float: left;
    margin-right: 2%;
    line-height: 0;
}

.forside .teaser .teaserStandardbilde img { width: 100%; }


.forside .teaser img { width: 70%; }

/*bare foreløpig, dette skal styres av controlleren */
.forside .teaser h2
{
    font-size: 140%;
    font-weight: normal;
    margin-bottom: 2%;
    margin-top: 2%;
}

.forside .nyhet .dato { /* display: block;
    width: 75%; */ }

.forside .nyhet h3.tittel
{
    display: block;
    margin: 0;
    padding-top: 0;
    /* width: 75%; fjernet fordi tittelen ble for smal */
}

.forside .nyhet .ingress
{
    color: #2b292c;
    font-size: inherit;
    line-height: 120%;
    margin-bottom: 0;
}

.aktueltprogramnavigasjon {width: 120px; height: 20px; float: right; margin-right: 0px;}

.forside .nyhet .ingress p { display: inline; }

.forside .nyhetsnavigasjon,
.forside .programnavigasjon,
.programCont .detaljert,
.aktueltprogramnavigasjon,
.nyhetsarkivlenkeCont {
    font-family: "trebuchet ms",sans-serif;
    font-weight: bold;
    letter-spacing: 0.03em;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 5px;
}
.forside .nyhetsnavigasjon {
    float: left;
    width: 100%;
}

.forside .programnavigasjon
{
    float: right;
    margin-top: 10px;
}

.forside .programnavigasjon .actionButton { margin-right: 10px; }

.forside .aktueltCont a
{
    padding-bottom: 15px;
    margin-bottom: 5px;
    padding-top: 0;
    margin-top: 0;
    border-top: 0px #e0e0e0 solid;
    width: 32%;
    float: left;
   margin-right: 2%;
}

.forside .aktueltCont a:nth-child(3) { margin-right: 0; }

.nyhetslistebilde
{
    width: 115px;
    float: left;
    margin-right: 8px;
}

.forside .lesmerlink
{
    float: right;
    margin: 5px 0;
    font-family: "trebuchet ms",sans-serif;
    font-weight: bold;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.programCont .item /* gamle programposter */
{
    width: 100px;
    height: 83px;
    float: left;
    margin-right: 8px;
    background-image: url(/images/kalenderpost_bg.png);
    background-repeat: no-repeat;
    padding-top: 1%;
    padding-left: 2%;
    padding-right: 2%;
}

.programCont .item2
{
    width: 29.8%;
    min-height: 100px;
    margin-right: 2%;
    padding-top: .3em;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    border: 1px solid #786332;
    border-radius: 10px;
}

.programCont.aktueltside {
    margin-bottom: 2em;
}

.aktueltteaser img {
    width: 100%;
}
.programCont.aktueltside .item2,
.aktueltteaserCont.aktueltside .item2
{
    width: 95%;
    margin: 0 0 1em 0;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    float: left;
}

.programCont.aktueltside .detaljert {
    float: left;
    width: 100%;
}

.aktueltteaserCont.aktueltside .ordenMiddle h4 {
    background-image: url(/images/gullpil.png);
    background-repeat: no-repeat;
    background-position: right 10px  top 6px;
}

.items .item2 a
{
    background-image: url(/images/gullpil.png);
    background-repeat: no-repeat;
    background-position: right 10px  top 2px;
    height: 100%;
    width: 100%;
}

.programCont .item2:nth-child(3) { margin-right: 0; }

.programCont .detaljert
{
    text-align: right;
    margin-top: 10px;
}

.scrollable { height: 82px; }
.programLarge { height: 279px; }

.scrollable {height: 82px;}

.programLarge {
    height: 310px;
}

.item .dato,
.xitem .dato
{
    margin-bottom: 16px;
    font-weight: bold;
}

.xitem .dato .linkTextNoLine { font-weight: normal; }

.item span
{
    display: block;
    float: left;
}

.dag
{
    padding-left: 4px;
    padding-right: 8px;
    font-family: helvetica;
}

.ar { }

.rwimgblck-full-bredde img {
    max-width: 962px;
    width: 100%;
}

.standardbildeCont.lite
{
    width: 49%;
    float: right;
    padding-left: 2%;
}

.standardbildeCont.lite .imagepayoff { border: 0; }

.teaser .teaserIkon
{
    width: 30%;
    /* background-color: #c1ab81; */
    float: left;
}

.forside .teaser .teaserIkon img { 
    width: 100%; 
}


.forside .teaser h2
{
    clear: both;
    padding-top: 10px;
}

/* aktueltsiden -------------------- */
.nyhet
{
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px #e0e0e0 solid;
}


.forside .nyhet {
    border-top: 0;
}

.nyhet h3.tittel 
{ 
     margin: 0;
     padding-top: 0;
}

.nyhet h4.tittel 
{ 
     padding-right: 16px;
}

.nyheter a {
    display: block;
}
.nyheter .nyhet>img
{
    float: left;
    margin-right: 8px;
    width: 115px;
    height: 115px;
}

.nyhetsarkivlenkeCont
{
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 0px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    text-align: right;
}


.tospalte .nyhetsextra {
    width: 58.7%;
    float: left;
    clear: both;
}

.nyhetsextra .aktueltCont
{
    margin-bottom: 15px;
    padding: 2% 2% 30px 2%;
    outline: 1px solid #E6E6E6;
}

.nyhetsextra h2
{
    font-family: "trebuchet ms",sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
    margin: 30px 0 6px 0;
}

.nyhetsextra h4
{ margin-top: 0; }

.nyhetsextra .nyhet {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px #e0e0e0 solid;
    padding-top: 0;
    margin-top: 0;
    border-top: 0px #e0e0e0 solid;
    width: 100%;
    min-height: 110px;
}

.nyhetsextra .nyhetsarkivlenkeCont {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.nyhetsextra .nyhetsarkivlenkeCont a {
    display: none;
    font-size: 16px;
}

.nettstedssprak-norsk .nyhetsextra .nyhetsarkivlenkeCont .norsk {
    display: block;
}

.nettstedssprak-engelsk .nyhetsextra .nyhetsarkivlenkeCont .engelsk  {
    display: block;
}

.nettstedssprak-samisk .nyhetsextra .nyhetsarkivlenkeCont .samisk {
    display: block;
}


.relatertelenkerCont,
.faktaboksCont,
.vedleggCont
{
    border: 1px #e0e0e0 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 1%;
    margin: 0 auto 14px auto;
}

.faktaboksCont .bildetekst {
    margin-bottom: 1em;
}

.faktaboksCont .standardbildeCont img {
   max-width: 100%
}

#flashcontent_program
{
    width: 98%;
    height: 348px;
    border-radius: 2px;
    padding: 1%;
}

.programCont li
{
    height: 84px;
    width: 96%;
    background-image: url("/images/kalenderpost_bg.png");
    background-repeat: no-repeat;
    padding: 8px 2% 4px 8px;
    margin-bottom: 10px;
}

.programCont li .overskrift
{
    padding-left: 12px;
    padding-top: 6px;
    font-size: 10px;
    font-weight: bold;
    color: #a08649;
    font-family: "trebuchet ms",sans-serif;
    text-transform: uppercase;
}

.programposttekst { display: block; }

.programCont #flashcontent_program .calenderButtonsFP
{
    width: 100%;
    height: 24px;
    background-image:none;
    margin-bottom: 3px;
}

.calendar
{
    padding-left: 4px;
    margin-top: 8px;
}

#sideCont #twitter-widget-0 { width: 100%; }

/* lister --------------------------------------------------------------------------------------------------------------*/
.editortext ul,
.editortext ol,
.faktaboksText ul,
.faktaboksText ol
{
    padding-left: 9px;
    margin: 9px;
}

.editortext ol li,
.faktaboksText ol li { list-style-type: decimal; }
.editortext ul li,
.faktaboksText ul li { list-style-type: disc; }
.thinText { width: auto; }

#sidenavigasjon
{
    width: 100%;
    padding-bottom: 1%;
}

.tale,
.program,
.tildeling,
.nyhetsarkivnyhet,
.sokeresultat
{
    border-width: 1px 1px 1px 1px;
    border-color: #E0E0E0;
    border-style: solid;
    margin-bottom: 3px;
    padding: 5px;
    background-color: #fcfcfc;
}

div#taler,
div#programposter,
div#tildelinger,
div#nyhetsarkivnyheter,
div#sokeresultater
{
    margin-top: 2%;
}

.taledato,
.programpostdato,
.tildelingdato,
.nyhetsarkivdato,
.sokeresultatdato
{
    float: left;
    min-width: 8%;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 14px;
    padding-right: 14px;
    color: #2B292C;
}

.uten_sokeresultatdato {
    padding-right: 13px;
    width: 1px; 
    float: left;
    display: block;
    height: 14px;
}

.taledato a { text-decoration: none; }
.taledato a:hover { text-decoration: underline; }

.taletittel,
.programposttittel,
.tildelingnavn,
.nyhetsarkivtittel,
.sokeresultatnavn
{
    float: left;
    width: 74%;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 0px;
    text-decoration: none;
    font-weight: bold;
}

.taletittel a,
.nyhetsarkivtittel a:link { text-decoration: none; }
.taletittel a:hover { text-decoration: underline; }

.taleingress,
.programpostingress,
.tildelingbyline,
.tildelingingress,
.nyhetsarkivingress,
.sokeresultatingress
{
    width: 96%;
    padding-top: 0px;
    padding-left: 14px;
    padding-bottom: 10px;
    text-decoration: none;
    color: #2B292C;
    display: block;
    float: left;
}

.taleingress a
{
    text-decoration: none;
    color: #2B292C;
}

.taleingress a:hover { text-decoration: underline; }

/* spesiell styling for programlistene START
   Dette er skrevet for å hindre uønskede linjebrekk på programposter over flere dager.
*/

.program { padding: 2%; }

.programpostdato
{
    float: left;
    min-width: 60px;
    margin-right: 10px;
    padding: 0;
    color: #2B292C;
   margin-bottom: .3em;
   font-size: 80%;
}

.forside .programpostdato {
    float: none;
    width: 100%;
    color: #2B292C;
    margin-bottom: .5em;
}

.programposttittel
{
    float: left;
    height: auto;
    width: 60%;
    padding-top: 10px;
    padding: 0;
    text-decoration: none;
    font-weight: bold;
}

.forside .programposttittel
{
    float: none;
    height: auto;
    width: 100%;
    padding-top: 10px;
}

.programpostingress
{
    width: 96%;
    padding: 0;
    text-decoration: none;
    color: #2B292C;
    display: block;
    float: left;
}
#programposter .programpostingress {
    padding-top: .3em;
}

/* spesiell styling for programlistene SLUTT */
.personvalg,
.velg_ar_navn
{
    border-width: 1px 0px 1px 0px;
    border-color: #E0E0E0;
    border-style: solid;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 12px;
    margin-bottom: 4px;
}

.personvalg select  {
    font-size: 90%;
}

.personvalg select option {
    font-size: 16px
}

.gullpil a:link
{
    float: right;
    padding-top: 10px;
    width: 21px;
    height: 11px;
    background-image: url(/images/gullpil_passiv.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
    clear: right;
}

.gullpil a:hover { background-image: url(/images/gullpil_aktiv.png); }

.sokeoversikt h2 { margin-top: 0; }

.sokeoversikt
{
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 0px;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

.fritekstsok,
.kalendersok {
    float: left;
}

.sokeoversikt_right { float: right; }
.sokeresultatoppsummering {
    display: inline-block;
    width: 100%;
}
.sokeresultatoppsummering h2 { float: left; }

.sokealternativer {}


/* relaterte lenker ------------------------------------ */
#internelenker li,
#eksternelenker li,
.faktaboksText,
#vedlegg li
{
    border: 1px #e0e0e0 solid;
    outline: 1px #ffffff solid;
    outline-offset: -2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* brukes til test av fargekontrast #eksternelenker li {background-color: #EBF0F9;} */

#internelenker li a,
#eksternelenker li a,
#vedlegg li a
{
    background-color: #ebf0f9;
    width: 97.8%;
    display: block;
    border: 1px #ffffff solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 6px;
    padding-top: 7px;
}

#internelenker li a,
#vedlegg li a { background-color: #eceded; }
#eksternelenker li a:hover { background-color: #dfe6f4; }
#internelenker li a:hover,
#vedlegg li a:hover { background-color: #e4e4e4; }

.faktaboksText
{
    padding: 7px 6px 6px 6px;
    background-color: #f7f7f7;
}

#scrollDIV { margin-bottom: 20px; }

.talelistemal .teasercontentCont
{
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 1px 0 0 0;
    margin-top: 16px;
}

.carousel .nope.selected {
    border: 1px solid #BEBEBE;
    padding-bottom: 1px;
}

.image_carousel .nope.selected {
    background-color: #f2f2f2;
}

/* Fond Søknad ---------------------------------- */
#fond-soknad
{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid gray; 
}

#fond-soknad h2
{
    font-size: 1.6em;
}
#fond-soknad h3
{
    font-size: 1.2em;
    margin-top: 20px;
}

#fond-soknad label
{
    width: 100%;
    font-weight: bold;
    float: left;
    margin-bottom: 4px;
    padding-top: 10px;
}

#fond-soknad label.error
{
    width: 300px;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-top: 0px;
    margin-bottom: 4px;
    padding-top: 10px;
}


#fond-soknad .egenandel {
    border-bottom: 1px solid gray;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#fond-soknad .finansiering { border-top: 1px solid gray; margin-top: 20px; }

#fond-soknad .captcha { margin-top: 20px; }

#fond-soknad .formal label.error { padding-left: 0; }

#fond-soknad input,
#fond-soknad textarea
{
    width: 90%;
    max-width: 400px;
    float: left;
    clear: both;
}

#fond-soknad span
{
    width: 700px;
    float: left;
    clear: both;
}

#fond-soknad textarea
{
    min-height: 100px;
    max-width: none;
    width: 100%;
}

#fond-soknad input
{
    border: 0;
    background-color: #E5E5E6;
    padding: 10px;
    font-size: 100%;
}

.hovedinndeling {
     padding-bottom: 30px;
}

#fond-soknad #formalCount
{
    border: 0;
    background-color: transparent;
    width: 30px;
    float: none;
    clear: none;
    padding: 0;
    display: inline-block;
    font-weight: bold;
}

#fond-soknad label[for=tidlgere_ja]
#fond-soknad label[for=tidlgere_nei]
{
    float: left;
    width: 100%;
}

#fond-soknad input#tidligere_ja,
#fond-soknad input#tidligere_nei
{
    width: auto;
    float: left;
    clear: none;
}

#fond-soknad .tidligere label.janei
{
    width: auto;
    float: left;
    margin: 0 6px 0 2px;
    padding: 0;
}


#fond-soknad input#submit:active {
    position:relative;
    top:1px;
}

#fond-soknad th { text-align: right; padding: 5px;}
#fond-soknad td { text-align: left; padding: 5px;}

/* fotoalbum ------------------------------------ */

.carousel .mask {
    float: left;
    width: 99%; /* will be recalculated by widget */
    overflow: hidden;
}

.navigCont {
    text-transform: uppercase;
    float: right;
    margin-top: 10px;
    display: none;
}
.image_carousel .navigCont {
    display: block;
    margin-bottom: 1em;
}
.navigCont .btn-prev,
.navigCont .btn-next {
    font-family: "trebuchet ms",sans-serif;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
}
.carousel {
    overflow: hidden;
}

.videooversikt,
.albumkategorier,
.personalbum,
.tospalte.fotoalbum {
    margin-right: -14px;
}

.kongehusperson,
.kategori,
.videooversikt .videokategori
{
    width: auto;
    height: auto;
    margin-right: 15px;
    margin-bottom: 10px;
    padding-bottom: 2px;
}

.person_hovedbilde img,
.kategori img,
.gallery .thumbs img,
.videooversikt .videokategori { margin-bottom: 2px; }

.videooversikt .videokategori a,
.albumkategorier .kategori a,
.carousel .items a,
.thumbs a.thumb { 
    display: block; 
}

.albumstack .hovedbilde,
.albumstack .person_hovedbilde,
.nope,
.carousel .nope,
.videokategori .hovedbilde
{
    padding: 14px 4px 0px 5px;
    background-image: url(/images/albumthumb_bg.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    margin-right: 7px;
    cursor: pointer;
}

.albumbildetittel,
.videokategoriTittel
{
    float: left;
    margin-top: .5em;
    border-bottom: 1px #bebebe solid;
    width: 123px;
    min-height: 2.7em;
    padding-bottom: 2px;
    color: #786332;
}

.videokategorier h2 {
    margin-bottom: 1em;
    margin-top: 2em;
}

.videooversikt .videokategori img,
.nope img,
.kategori img,
.hovedbilde img { 
    margin-left: 6px; 
}

.nope.selected .albumbildetittel {
    border-bottom: 0px #bebebe solid;
    padding-bottom: 0px;
}

/* styling for kongehuspersonenes spesialsider --------------------------------------------- */
.kongehuspersonside #hovedCont
{
    width: 100%;
    background-color: #f4f4f4;
    border: 1px #E8E8E8 solid;
}

.kongehuspersonside .standardbildeCont
{
    float: right;
    width: 50%;
}

.kongehuspersonside .seksjonstekstCont
{
    text-align: center;
    border: 0;
    float: left;
}

.kongehuspersonside .imagepayoff { display: none; }

.kongehuspersonside .seksjonstekstCont H1
{
    color: #A08649;
    font-size: 24px;
    padding-top: 26px;
    text-align: center;
}

.kongehuspersonside .seksjonstekstCont
{
    margin-top: 0;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 146px;
    text-align: center;
    width: 46%;
    background-repeat: no-repeat;
    background-position: center 32px;
}

 @media only screen and (min-width: 600px) and (max-width: 1154px)  {
 .kongehuspersonside .seksjonstekstCont {
       margin-top: 30px;
    }
}
 @media only screen and (min-width: 1154px)  {
 .kongehuspersonside .seksjonstekstCont {
       margin-top: 90px;
    }
}

.harald .seksjonstekstCont { background-image: url(/images/monogram_harald.gif); }
.sonja .seksjonstekstCont { background-image: url(/images/monogram_sonja.gif); }
.haakon .seksjonstekstCont { background-image: url(/images/monogram_haakon.gif); }
.mettemarit .seksjonstekstCont { background-image: url(/images/monogram_mettemarit.gif); }
.ingridalexandra .seksjonstekstCont { background-image: url(/images/monogram_ingridalexandra.png); background-size: 106px 106px; }
.sverremagnus .seksjonstekstCont { background-image: url(/images/monogram_sverremagnus.png); background-size: 106px 106px; }
.marius .seksjonstekstCont { background-image: url(/images/blank.gif); }
.marthalouise .seksjonstekstCont { background-image: url(/images/monogram_marthalouise.gif); }
.astrid .seksjonstekstCont { background-image: url(/images/monogram_astrid.gif); }
.olav .seksjonstekstCont { background-image: url(/images/monogram_olav.gif); }
.martha .seksjonstekstCont { background-image: url(/images/monogram_martha.gif); }
.haakon7 .seksjonstekstCont { background-image: url(/images/monogram_haakon7.gif); }
.maud .seksjonstekstCont { background-image: url(/images/monogram_maud.gif); }
.ragnhild .seksjonstekstCont { background-image: url(/images/monogram_ragnhild.gif); }


/* protokoll --------------------------------------------- */
#protokollCont #hovedCont #standardbildeCont
{
    width: 30%;
    float: right;
}

#protokollCont #hovedCont #standardbildeCont img
{
    float: right;
    width: 100%;
}

#protokollCont #hovedCont .protokolltittelingess
{
    width: 67%;
    float: left;
}

.searchEntryMiddle
{
    background-color: #FCFCFC;
    margin-bottom: 5px;
    outline: 1px solid #e5e5e5;
    width: auto;
    padding: 10px;
}

.searchEntryDate
{
    float: left;
    width: 90px;
}

.searchEntryTitle
{
    color: #2B292C;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-decoration: none;
    width: 250px;
}

.searchEntryText
{
    color: #2B292C;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    margin-top: .4em;
}

#middleContent_3c
{
    border-right: 1px solid #FFFFFF;
    float: left;
    margin-top: 19px;
    width: auto;
}

.protokollCont #commentForm input,
.protokollCont #commentForm #melding
{
    width: 96%;
    padding: 5px;
    margin: 0;
    border: 1px solid #e5e5e5;
}

.protokollCont .feilmelding
{
    padding: 5px;
    background-color: #b80000;
    margin-bottom: 15px;
    color: white;
}

.protokollCont .feilmelding span
{
    font-size: 20px;
    margin-bottom: 5px;
}

.protokollCont input#commentFormCancel,
.protokollCont input#commentFormPreview {
    border-radius: 5px;
    margin-left: 10px;
}

.protokollCont input#commentFormCancel:hover,
.protokollCont input#commentFormPreview:hover {
    background-color: #ccc;
}

#protokollCont a.button {
   border-radius: 5px;
   background-color: #786332;
   padding: 5px;
   font-size: 100%;
   border: 1px solid #e5e5e5;
   color: #ffffff !important;
   font-weight: normal;
   line-height: inherit;
   box-shadow: none;
   margin-bottom: 20px;
}

#protokollCont a.button:hover {
    background-color: #3f3f3f;
}


/* tildelinger --------------------------------------------- */
.treffSummering
{
    margin: 30px 0;
}

.tildelingerFilter
{
    padding: 15px;
    background-color: #e5e5e5;
}

.tildelingerFilter .sokefelt { margin-bottom: 10px; }

.tildelingerFilter .sokeknapp
{
    background-color: gray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
    float: right;
    margin-top: 0;
}

.tildelingerFilter .sokeknapp:hover { background-color: #3F3F3F; }

.tildelingerFilter input
{
    background-color: white;
    border: 1px solid white;
    margin-right: 5px;
}

.tildelingerFilter select
{
    margin-right: 5px;
}

/* abbonement --------------------------------------------- */
.feilmelding {
    width: 98%;
    background-color: #de291c;
    color: white;
    border-radius: 10px;
    padding: 1%;
    font-size: 16px;
    margin: 10px 0;
}
.abbonementsCont {
    margin-top: 10px;
}
.abbonementsCont h2,
.abbonementSelect h2 {
    margin: 0 0 8px 0;
    font-size: 20px;
    color: #666666;
}
.abbonementsCont input {
    margin: 0 0 10px 0; 
    width: 100%
}
.abbonementsCont .loginNotis {
    color: gray;
}
.abbonementsCont input[type=submit],
.abbonementSelect input[type=submit],
.abbonementsCont button,
.abbonementSelect button,
 .abonnementskjemaer button {
    padding: 7px;
    background-color: #786332;
    color: white;
    font-size: 13px;
    width: inherit;
    border: 0;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.abbonementsCont input[type=submit]:hover,
.abbonementSelect input[type=submit]:hover {
    background-color: #a98840;
}
#huskpassord,
#huskpassord_nybruker {
    width: inherit;
}
.abbonementsCont  div.inputgruppe {
    padding-top: 15px;
}
.eksisterendebruker,
.nybruker {
    width: 45%;
    float: left;
    border-radius: 10px;
    padding: 2%;
    border: 1px solid #e7e7e7;
    float: right;
}
.nybruker {
    float: left;
}

.abonnementDetaljer {
    clear: both;
    padding-top: 3%;
}
.abbonementsNotis {
    width: 100%;
    float: left;
}
.abType,
.abFreq {
    width: 96%;
    float: left;
    padding: 2%;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
}
.abType {
    margin-bottom: 10px;
}
.abbonementsType,
.abbonementsFrekvens {
    padding: 10px;
    float: left;
    margin-right: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    background-color: #f5f5f5; 
}
.abbTypeTittel {
    font-size: 14px;
    color: #666666;
}

.kontaktskjemaDato {
    float: left;
}

/* =========================== Media Queries ============================ */
/*  All sub desktop */

@media only screen and (min-width: 0px) and (max-width: 1024px) {
    #navigation ul li,
    .sprakvalg li {
        font-size: 11px;
    }
    #header .search {
 	width: 225px;
    }
}
@media only screen and (min-width: 0px) and (max-width: 962px) {
    #header {
        height: 197px;
     }
    .sosialemedier {
        float: right;
        margin-top: -5px;
    }
   
    .navigation1 .barnesider { display: none; }
    #footerlinks .barnesider { display: block; }
}

/*  Tablet portrait */

@media only screen and (min-width: 768px) and (max-width: 961px) {
    .navigation2 ul li a
    {
        background-color: #E7E7E7;
        margin-bottom: 5px;
        padding: 5%;
    }

    .forside .venstrespalte
    {
        width: 50%;
        float: left;
    }

    .forside .hoyrespalte
    {
        width: 49%;
        float: right;
    }
    
     .aktueltteaserCont.aktueltside .item2 {
        min-height: 12em;
    }
}

/*  Mobile landscape + portrait */


@media only screen and (min-width: 0px) and (max-width: 961px)  {
    body { 
        background-image: none; 
    }

    h4 {
       font-size: 100%;
    }
    .sorgerand #pagewrapper {
        border: 6px solid black; 
    }
   #sokeresultater .search {
        width: 98%;
    }
    #mainMenuSearch, #mainMenuSearch input {
        width: 90%;
        float: left;
    }
    #content {
        background-color: transparent;
        outline: 0px solid #E6E6E6;
    }
    .editortext {
        line-height: 1.3em;
    }
    #pagewrapper {
        padding: 0;
    }
    #header,
    #navigation,
    #content,
    #footer {
        width: 100%;
        float: left;
    }
    #header {
        height: 157px;
    }
    .headerlogo {
         margin-left: 4%;
    }
    #header .search,
    #header .sprakvalg {
        right: 4%;
    }
    #leftcolumn {
        width: 100%;
        float: none;
        padding: 0;
    }
    #rightcolumn {
        width: 90%;
        float: none;
        padding: 0 5% 3% 5%;
    }
    body #navigation {
        height: inherit;
        margin: 0px;
        background-color: #e7e7e7;
    }
    body .navigation1 {
        margin-top: 0;
        width: 100%;
    }
    #navigation ul  {
         margin-left: -6%;
         margin-right: -6%;
    }
    #navigation ul li {
        margin-right: 0;
    }
    .navigation1 > .navigasjon-toggle {
        display: block;
        /* make visible */
        background-color: #e7e7e7;
        background-image: url(/images/nav_pluss.png);
        background-size: 20px 18px;
        background-position: center right;
        background-repeat: no-repeat;
        padding: 10px 0px 10px 0px;
        cursor: pointer;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .navigation1.expanded > .navigasjon-toggle { 
        background-image: url(/images/nav_minus.png);
    }
    #navigation .navigation1 > ul > li {
        float: none;
        /* resetting style */
        padding: 0px;
        /* resetting style fra barnesider */
    }
    .navigation1 > ul > li > a {
        padding: 10px 5% 10px 10%;
        float: none;
        /* resetting style */
        border: none;
        border-top: 1px solid white;
    }
    .navigation1 > .navigasjon-toggle,
     #navigation .navigation1 ul > li > a,
    body .navigation2 ul > li > a.menutext, /* overskriver fra barnesider */
    body .navigation2 ul > li.selected > a.menutext, /* overskriver fra barnesider ('color') */
    body .navigation2 ul > li.menylevel0 > a.menutext, /* overskriver fra barnesider ('color') */
    body .navigation2 ul > li.menylevel0.selected a.menutext, /* overskriver barnesider ('color') */
    .navigation2 ul > li > a {
        color: #666666;
        font-family: "trebuchet ms",sans-serif;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0.03em;
        text-decoration: none;
        text-transform: uppercase;
    }

    .navigation1 > ul > li {
        background-color: #f2f2f2;
        overflow: hidden;
        height: auto;
        max-height: 0px;
        -webkit-transition: max-height 0.8s;
        -moz-transition: max-height 0.8s;
        -o-transition: max-height 0.8s;
    }

    .navigation1 > ul > li > a:hover {
        border-bottom: none; /* resetting style */
        padding-bottom: 10px; /* overstyrer generell styling */
    }

    .navigation1 > ul > li > a:hover
    {
        border-bottom: none;
        /* resetting style */
        padding-bottom: 10px;
        /* overstyrer generell styling */
    }

    .navigation1 ul > li.selected
    {
        background-image: url(/images/br_dot.png);
        background-size: 28px 14px;
        background-position: center right;
        background-repeat: no-repeat;
    }

    .navigation1.expanded > ul > li
    {
        height: auto;
        max-height: 59px;
        /* nok for 2 linjer text (39px for EN linje) */
        -webkit-transition: max-height 0.8s;
        -moz-transition: max-height 0.8s;
        -o-transition: max-height 0.8s;
    }

   .navigation2
    {
        width: 100%;
        margin: 0;
        background-color: #e7e7e7;
    }
    
     .navigation2 ul li a {
         width: 90%;
         margin-left: 5%;
         margin-right: 5%;
    }
    .navigation2 li.expanded+li > ul { margin-top: 0px; }

    .navigation2 ul > li.menuitem > a.menutext
    {
        padding: 10px 0 10px 0;
        /* reset padding */
        margin-bottom: 0px;
    }

    body .navigation2 ul li.selected a.menutext
    {
        border-bottom: 0px;
        /* overskriver barnesider */
    }

    .navigation2 li.menuitem
    {
        /* Dark (default) background */
        background-color: #E7E7E7;
        /* Shared settings for background-image */
        background-size: 20px 18px;
       background-position: center right 5%;
        background-repeat: no-repeat;
        overflow: hidden;
        height: auto;
        max-height: 0px;
    }
    
    .navigation2 li.expanded+li.submenu > ul > li.menuitem
    {
        /* Light background */
        background-color: #f2f2f2;
        border-top: 1px solid white;
        padding-left: 1.5em; 
    }
    
    #navigation > .navigation1 > ul > li {
        padding-left: 1.5em;
    }
    
     .navigation2 li.submenu ul li {
        background-position: center right 5%;
    }

     .navigation2 li.submenu ul li.menuitem {
        border-top: 1px solid white;
        margin-bottom: -1px;
    }
    
   
     .navigation2 li.submenu ul li {
        background-position: center right 5%;
    }
   /*   .navigation2 li.submenu ul li.selected {
        background-position: center right 10%;
    } */
     .navigation2 li.submenu ul li.menuitem {
        border-top: 1px solid white;
    }

    /* setting transparent background on all li > a */
    .navigation2 li+li.submenu > ul > li > a,
    .navigation2 ul > li.menylevel0 > a,
    .navigation2 ul > li.menylevel1 > a,
    .navigation2 ul > li.menylevel2 > a,
    .navigation2 ul > li.menylevel3 > a,
    body .navigation2 ul > li.selected > a.menutext, /* overskriver barnesider */
    body .navigation2 ul > li.menylevel2 > a.menutext, /* overskriver barnesider */
    body .navigation2 ul > li > a.menutext, /* overskriver barnesider */
    .navigation2 ul > li > a.menutext:hover { background-color: transparent; }
    .navigation2 li.has-subnodes { margin-bottom: 4px; }
    .navigation2 li.has-subnodes.selected { margin-bottom: 0px; }

    .navigation2 li.has-subnodes.expanded
    {
        margin-bottom: 0px;
        -webkit-transition: margin-bottom 0.5s;
        -moz-transition: margin-bottom 0.5s;
        -o-transition: margin-bottom 0.5s;
    }

    .navigation2 li.has-subnodes.expanded+li > ul > li.has-subnodes { margin-bottom: 0px; }
    .navigation2 ul > li.selected a { cursor: default; }
    .navigation2 li.has-subnodes { background-image: url(/images/nav_pluss.png); }
    .navigation2 li.expanded.has-subnodes { background-image: url(/images/nav_minus.png); }

    .navigation2 li.menuitem.selected+li.submenu > ul > li
    {
        border-top: 1px solid white;
        -webkit-transition: max-height 0.8s;
        -moz-transition: max-height 0.8s;
        -o-transition: max-height 0.8s;
    }

    .navigation2 li.menuitem.expanded+li.submenu > ul > li
    {
        height: auto;
        max-height: 59px;
        -webkit-transition: max-height 0.8s;
        -moz-transition: max-height 0.8s;
        -o-transition: max-height 0.8s;
    }

    .navigation2 li.menuitem.has-subnodes,
     .navigation2 li.menuitem.selected
    {
        height: auto;
        max-height: 59px;
    }
    .navigation2 ul li a:link,
        .navigation2 ul li a:visited { color: #666666; }

    .navigation2 ul > li.menylevel0 > a
    {
        border-top: none;
        /* resetting style */
    }
    #navigation ul li.barnesider { 
        margin-left: 0; 
    }
    .navigation2 li.expanded+li.submenu > ul > li.selected,
    .navigation2 li.expanded+li.submenu > ul > li.active { 
         background-image: none; 
         background-color: #E7E7E7;
    }
    #navigation ul li span.menuspacer { display: none; }

    .navigation2 li.menuitem.expanded+li.submenu > ul > li > a
    {
        -webkit-transition: padding-left 0.5s;
        -moz-transition: padding-left 0.5s;
        -o-transition: padding-left 0.5s;
    }

    .navigation2 li.menuitem.expanded+li.submenu
    {
        margin-top: 0px;
        -webkit-transition: margin-top 0.5s;
        -moz-transition: margin-top 0.5s;
        -o-transition: margin-top 0.5s;
    }

    .navigation2 li.menuitem.expanded+li.submenu > ul > li.submenu
    {
        overflow: hidden;
        height: auto;
        max-height: 0px;
    }

    .navigation2 li.selected+li > ul { margin-top: 0px; }
   /*  .navigation2 li.active.expanded+li li.selected+li { display: none; } */
    #header .sprakvalg { display: none; }
    #footer .sprakvalg { display: block; }
    
  /*  li.submenu {
         margin-left: -6%;   
         margin-right: -6%;
    } */

    #footer
    {
        width: 94%;
        /* background-color: #3c3c3c; */
        padding: 0 3%;
    }

  /*   #footer ul li a:link,
    #footer ul li a:visited { color: #D0D0D0; } */

    .teaser
    {
        width: 100%;
        /* background-color: #ebebeb; */
        margin: 2% 0 0 0;
    }
    
    .teasercont {
        padding-right: .3em;
    }

   /*  .teaserlesmer {
        display: none;
    } */

    .teasertekst a {
        color: #2B292C;
        text-decoration: none;
    }

    #footer .sprakvalg,
    #footer #footerlinks,
    #footer .sosialemedier
    {
        float: left;
        width: 100%;
        margin: 15px 0 10px 0;
    }

    #footer .sprakvalg ul,

    #footer #footerlinks ul {
        margin: 0 auto;
    }

    #footer .sprakvalg li,
        #footer #footerlinks li
    {
        float: left;
        /* color: #d0d0d0; */
        font-family: "trebuchet ms",sans-serif;
        font-size: 100%;
        font-weight: bold;
        letter-spacing: 0.03em;
        text-decoration: none;
        text-transform: uppercase;
        margin-left: 0;
        margin-right: 1em;
    }
    
        .social_fb, .social_tw, .social_yt, .social_in {
        width: 20px;
        height: 20px;
        margin-left: 0;
        background-size: 20px 20px;
        margin-right: 0 !important;
    }

    .sosialemedier ul li {
        margin-right: 20px !important;
    }

    /* identifiserer sidemalen */

    
    .tospalte .nyhetsextra {
        width: 100%;
    }

    /* Forsiden */
    .forside #rightcolumn
    {
        width: 90%;
        float: left;
        padding: 2em 5% 2em 5%;
        margin: 0;
    }

    .forside .venstrespalte
    {
        width: 100%;
        float: left;
        margin-bottom: 25px;
    }

    .forside .hoyrespalte
    {
        width: 100%;
        margin-left: 0%;
        float: right;
    }
    .forsidebildeCont {
        width: 100%;
        background-color: #e2e9f2;
        display: block;
        margin-bottom: 2em;
    }
    
    .forside .forsidetekstCont {
        width: 96%;
        padding: 2%;
        display: block;
        vertical-align: middle;
        order: 2; 
    }
    .forside figure {
        float: none;
        width: 100%;
        display: block;
        line-height: 0;
        order: 1; 
    }
    .forside .teaser
    {
        width: 100%;
        margin: 1% 0 1% 0;
    }
    
    .programCont .items {
        display: block;
        margin-bottom: 1em;
    }
    
    .programCont .item2 {
        width: 95%;
        margin-right: 0;
        margin-top: 2%;
        float: left;
        padding-left: 3%;
        padding-right: 2%;
        padding-bottom: 2%;
    }


    .articleEntry_87
    {
        float: left;
        width: 98%;
        padding: 1%;
    }

    .programCont .item
    {
        width: 85px;
        height: 83px;
        float: left;
        margin-right: 4px;
        background-image: url(/images/kalenderpost_bg.png);
        background-repeat: no-repeat;
        padding-top: 8px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .navigation1 .barnesider { display: block; }
    #footerlinks .barnesider { display: none; }
    .item .dato .maned,
    .item .dato .ar {
        font-size: 10px;
    }
    .kongehuspersonside .standardbildeCont {
        float: left;
        width: 100%;
    }

    .kongehuspersonside .seksjonstekstCont
    {
        width: 96%;
        float: right;
    }

    .searchEntryTitle {
        width: 77%;
    }
    /* spesiell styling for programlistene START
       Dette er skrevet for å hindre uønskede linjebrekk på programposter over flere dager.
    */
    .program {
        padding: 2%;
    }
    /*.programpostdato {
        min-width: 60px;
        width: 100%;
    }*/
    .programposttittel  {
        height: auto;
        width: 70%;
    }
    .eksisterendebruker,
    .nybruker {
        width: 96%;
        float: left;
        border-radius: 10px;
        padding: 2%;
        border: 1px solid #e7e7e7;
        float: left;
        margin-bottom: 15px;
    }
    .nybruker {
        float: left;
    }
    .abbonementsCont input {
        width: 96%;
    }
    /* spesiell styling for programlistene SLUTT */
    
    .taletittel,
   /*  .programposttittel, */
    .tildelingnavn,
    .nyhetsarkivtittel,
    .sokeresultatnavn
    {
        width: 98%;
        padding-top: 0px;
        padding-left: 14px;
    }
    li a {
        display: block;
    }
}

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

    .headerlogo,
    .nettstedssprak-engelsk .headerlogo,
    .nettstedssprak-samisk .headerlogo {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        background-image: url(../images/logo_mobile.png);
        background-size: 99px 101px;
    }
    .searchCont {
        width: 100%;
        background-color: #786332;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-top: 57px;
    }
     #header {
        height: 197px;
    }
    #header .search {
        display: block;
        width: 88%;
        margin: 0 auto 0 auto;
        height: 20px;
        padding: 5px;
        border: 1px solid #cccccc;
        background-color: white;
        float: none;
        right: 0;
    }
    button#sok, button#soket {
        font-size: 16px;
        font-style: normal;
    }
}


/*  Phone Landscape */

@media only screen and (min-width: 461px) and (max-width: 967px) {
    .articleEntry_87_Left
    {
        float: left;
        width: 15%;
        margin-right: 1%;
    }

    .forside .teaser
    {
      
    }

    .ordensBoxTopUpper
    {
        padding-top: 5%;
        width: 47%;
        margin: 0 1% 0 1%;
        float: left;
    }
}

/*  phone portrait */

@media only screen and (max-width: 460px) {
    #protokollCont #hovedCont #standardbildeCont
    {
        width: 100%;
        float: left;
    }

    #protokollCont #hovedCont #standardbildeCont img
    {
        float: left;
        width: 100%;
    }

    #protokollCont #hovedCont .protokolltittelingess
    {
        width: 100%;
        float: left;
    }

    #gallery { width: 100%; }

    .standardbildeCont.lite
    {
        width: 100%;
        padding-left: 0;
        float: left;
    }

    .imagepayoff
    {
        width: 100%;
        padding-left: 0;
        float: left;
    }

    #page #thumbs { width: 100%; }
        
    .taletittel,
    .programposttittel,
    .tildelingnavn,
    .nyhetsarkivtittel,
    .sokeresultatnavn
   {
        width: 98%;
         padding-top: 0px;
        
    }
    .nyheter .nyhet>img,
    .nyhetslistebilde
    {
        float: left;
        margin-right: 0;
        margin-bottom: .5em;
        width: 100%;
        height: 100%;
    }
}
/* Felles stiling av form-elementer --------------------------------- */
input[type="submit"] {
    background-color: #786332 !important;
    border: 1px solid #ffffff;
    border-radius: 5px  !important;
    color: #ffffff  !important;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    width: auto !important;
    padding: 10px;
}

input[type="submit"].program {
    float: none;
}

input[type="submit"]:hover {
   background-color: #3f3f3f  !important;
}

input {
    font-size: 100%;
}

.button h3 {
    display: inline;
    font-weight: normal;
}

select {
     margin-right: 1em;
}

/* Stiler fremhevet -------------------------------------------------- */


.styleselect.fremhevet {
    padding: .8em 0 .3em 0; 
    background-color: #ffffff;
    font-size: 1.2em;
    line-height: 140%;
    margin-top: 25px;
    margin-bottom: 20px;
    border-top: 1px solid #786332;
    border-bottom: 1px solid #786332;
}

.styleselect.fremhevet p::first-letter { 
    font-size: 1.6em;
}

.styleselect.spesial-lenke a {
    padding: 6px 20px 6px 10px; 
    background-color: #786332;
    background-image: url(/images/hvitpil.png);
    background-repeat: no-repeat;
    background-position: right 8px top 5px;
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom:1em;
    display: block;
    color: white;
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {

    .forside .teaser .teasertekstCont { 
         width: 47%;
    }

    .forside .teaser .teaserStandardbilde
    {
        width: 50%;
    }
}

@media only screen and (min-width: 0px) and (max-width: 961px) {

    .forside .teaser .teasertekstCont { 
         float: left; 
         width: 64%;
         padding-right: .5em;
    }

    .forside .teaser .teaserStandardbilde
    {
        width: 32%;
        float: left;
        margin-right: 2%;
        line-height: 0;
    }
}

@media only screen and (min-width: 0px) and (max-width: 562px) {

    .forside .teaser .teasertekstCont { 
         float: none; 
         width: 96%;
         padding: .5em;
    }

    .forside .teaser .teaserStandardbilde
    {
        width: 100%;
        float: none;
        margin-right: 0;
    }
        .forside .aktueltCont { margin-bottom: 25px; }
    .forside .programCont { margin-bottom: 25px; }
    
    .forside .aktueltCont a {
    padding-bottom: 15px;
    margin-bottom: 5px;
    padding-top: 0;
    margin-top: 0;
    width: 100%;
    float: none;
    margin-right: 0;
    }
}

@media only screen and (min-width: 961px) and (max-width: 1000px) {
    .forside #rightcolumn {
         line-height: 124%;
    }
}

@media only screen and (max-width: 768px) {
    .tospalte #hovedCont
    {
        float: left;
        margin-top: 0;
        width: 100% !important;
        margin-bottom: 15px;
    }

    .tospalte #sideCont
    {
        float: left;
        width: 100%;
    }
}

/* stiling av historiekarusellen for å få outline -------------------------------- */
.historyTeaserCont .teaserContentCont .wrapper a:focus { 
    outline: 3px solid #5B9DD9;   
}
.historyTeaserCont .teaserContentCont .wrapper a:focus img {
    border-bottom: 3px solid #5B9DD9;
}
.historyTeaserCont .teaserContentCont .wrapper a { 
    float: left;
}

/* stiling av fotoalbum for å få outline -------------------------------- */
ul.thumbs a:focus { 
    outline: 3px solid #5B9DD9;   
}

/* stiling av responsiv video i hovedspalten -------------------------------- */

.inlinevideo { 
    margin-bottom: 1em; 
    display: block;
}

div.video-js > div { 
position: absolute; 
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
div.video-js > div > iframe { position: relative !important; }

/* .video-js .vjs-control-bar { margin-top: 50%; } */

.vjs-loading-spinner { display: none !important; }

.video-js.vjs-16-9 { margin-bottom: 1em; }

/* stiling av enkeltstående lydspiller i høyrespalten -------------------------------- */
.lydspiller .video-js { 
    width: auto !important;
    background-color: #786332;
}
.lydspiller .video-js .vjs-control-bar { 
    background-color: #786332;
}
.lydspiller .video-js .vjs-slider {  
    background-color: #000; 
}

.lydspiller .video-js .vjs-fullscreen-control {
    display: none;
}

/* Clearfix */
.clearfix:after
{
    content: "";
    clear: both;
    display: table;
}