﻿@media (min-width: 1701px) {
    .container-fluid, .footer, .puffrow .row, .innerheader {
        max-width: 1458px;
    }

    .startpage .searchpublication img, .startpage .newslist {
        max-height: none;
    }
}

@media (max-width: 1200px) {
    .puff span.overlay .linktext {
        font-size: 1.3em;
    }
    .mainmenu span.mainoption {
        font-size:120%;
    }
    .mainmenu span.suboption {
       font-size:80%;
    }
    .logoandtagline .tagline {
        font-size: 1.2em;
        top:41px;
    }
    .searchpublicationform input.bigsearchinput{
        width: 50%;
    }
    .puffrow .row
    {
        padding: 0;
    }
}
@media (max-width: 1023px) {
    .container-fluid{
        margin-top:170px;
    }
    .startpage .newslist {
        font-size:0.8em;
    }
    .puff span.overlay .linktext {
        font-size: 0.9em;
    }
    .puff span.overlay.statistics .linktext{
        font-size: 0.7em;
    }
    .puff span.overlay.statistics{
        bottom:10px;
    }
    .mainmenu
    {
        top:20px;
    }
    .mainmenu span.mainoption {
        font-size:100%;
    }
    .mainmenu span.suboption {
       font-size:80%;
    }
    .footer{
        font-size:90%;
    }

    .headerrow {
        height: 140px;
    }
    .logoandtagline {
        top: 18px;
    }
    .logoandtagline .logo {
        margin-right: 12px;
        width: 144px;
    }
    .logoandtagline .logo img{
        width:100%;
    }
    .logoandtagline .verticalbar {
        margin-right: 5px;
        height: 25px;
        top: 20px;
    }
    .logoandtagline .tagline {
        font-size: 0.9em;
        top: 25px;
    }
    .searchandlinks {
        margin-top: 0px;
    }
    .searchandlinks ul li {
        padding-left: 25px;
    }
    .searchandlinks ul li a {
        font-size: 0.8em;
    }
    .puffrow {
        padding: 25px 20px;
        margin-top: 50px;
    }
    .puff {
        margin-bottom: 40px;
    }
    .footer {
        margin-top:60px;
    }
    .searchandlinks .links ul{
          margin-top: 5px;
    }
}

@media (max-width: 860px) {
    .footer{
        font-size:70%;
    }
    .footer h3{
        font-size:140%;
    }
}

@media (max-width: 767px) {
    .mainmenu,.verticalbar,.searchandlinks .links,.rightmenu,.pagefooter .printpage,.footer .logofooter
    {
        display:none;
    }
    .searchandlinks .searchform{
        top:71px;
        position:relative;
    }
    .mobile{
        display:block;
    }
    .rightcolumn{
        margin-top: 20px;
    }
    .relatedlinks{
        margin-bottom:45px;
    }
    .innerheader {
        padding: 0 20px;
    }
    .logoandtagline .logo {
        display:none;
        width: 234px;
        padding:0px;
        margin-top:44px;
    }
    .logoandtagline .mobilelogo {
        display:block;
        width:159px;
        margin-top:0px;
    }
    .mobilemenustart{
        position: absolute;
        right: 20px;
        top: 2px;
        border: solid 1px #fff;
        padding: 7px 12px;
        border-radius: 10px;
    }
    .mobilemenustart span{
        color:#fff;
    }
    .mobilemenustart span.text{
        font-size: 1.2em;
        display:block;
        float:right;
        position:relative;
        top:1px;
    }
    .mobilemenustart span.fa-bars{
        font-size: 2.0em;
        padding-right:10px;
    }
    .mobilemenustart:hover {
        cursor:pointer;
    }
    .logoandtagline {
        top: 5px;
    }
    .logoandtagline .tagline{
        display: block;
        float: left;
        clear: both;
        font-size: 1.1em;
    }
    .headerrow {
        margin-bottom: 0px;
    }
    .container-fluid {
        padding: 0 20px;
    }
    .startpage .searchpublication img, .startpage .newslist, startpage .searchpublication {
        width: 100%;
    }
    .startpage .newslist a.news {
        padding: 15px 0 15px 0px;
    }
    .puff span.overlay .linktext,.puff span.overlay.statistics .linktext {
        font-size: 1.3em;
    }
    .puffrow {
        padding: 15px 0px;
    }
    .footer {
        font-size: 120%;
        padding-left:20px;
        padding-right:20px;
        margin-top: 0px;
    }
    .footer .contact .contactleft {
        width:100%;
        margin-bottom:15px;
    }
    .footer .contact .contactleft, .footer .contact .contactright {
        width:100%;
    }
    .footer .contact .contactleft span.header{
        width:30%;
        min-width: 50px;
    }
    .footer .contact, .footer .socialmedia, .footer .quicklinks {
        width: 100%;
        margin-bottom:30px;
    }
    .footer h3{
        padding-bottom:10px;
    }
    .publicationlist .item .name{
        width:100%;
        float:left;
    }
    .publicationlist .item .content{
        width:100%;
        float:left;
        padding-left:0px;
    }

    .mainbody .contactinformation span.header {        
        width: 100%;
    }
    /* Mobil meny */
    .mobilemenu{
        display:none;
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        background-color:#00718f;
        padding:0px 2px 10px 2px;
    }
    .mobilemenu ul{
        display:none;
    }
    .mobilemenu ul {
        background-color:#f2f2f2;
        list-style-type:none;
        padding:0;
        margin:0;
    }
    .mobilemenu ul li {
        border-top: solid 1px #fff;
        min-height:40px;
    }
    .mobilemenu ul li.top {
        background-color:#00718f;
    }
    .mobilemenu ul li.selected {
        background-color:#afbd21;
    }
    .mobilemenu ul li.selected a.selected{
        font-weight:bold;
    }
    .mobilemenu ul li.selected.expandable {
    }
    .mobilemenu ul li.expanded {
        background-color:#e6e9c6;
    }
    .mobilemenu ul li a{
        padding:15px 20px;
        color:#333;
        display:inline-block;
        width:82%;
        font-weight:bold;
    }
    .mobilemenu ul li div.close{
        padding: 3px 15px;
        float: right;
        font-weight:bold;
        font-size:1.7em;     
        color:#fff;   
    }
    .mobilemenu ul li div.search{
        padding: 2px 12px;
        float: left;
        max-height:39px;
    }
    .mobilemenu ul li div.search a {
        padding: 0px 5px !important;
        color:#fff;
        font-size:24px;
    }
    .mobilemenu ul li div.close:hover {
        cursor:pointer;
        background-color:#f2f2f2;
        color:#333;
    }
    .mobilemenu ul li div.expand {
        float: right;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff;
        width:45px;
        padding:15px 20px;
        font-weight:bold;
    }
    .mobilemenu ul li div.expand:hover {
        background-color:#00718f;
        cursor:pointer;
        color:#fff;
    }
    .mobilemenu ul.level2 li a {
        padding-left:30px;
    }
    .mobilemenu ul.level3 li a {
        padding-left:45px;
    }
    .mobilemenu ul.level4 li a {
        padding-left:60px;
    }

    #skselection.selectyear{
        float: left!important;
      clear: both;
      margin: 10px 0;
    }
    .page .searchpublicationform{
        height:140px;
    }
    .searchpublicationform input.bigsearchinput {
        width: 69%;
    }

    .page .mainbody{
        padding-bottom:10px;
    }

    .page .pagefooter{
        margin-bottom:10px;
    }

    .startpagenewslist{
        margin-bottom:20px;
    }
    
    .stndrdBtn {
        width: 22% !important;
    }
    .fldSep input{
        width:50%;
    }
    .stndrdLbl {
        width: 45%;
    }
    .startpage .searchpublication {
      width: 100%;
    }
    .paragraphs table td:last-child, .paragraphs table th:last-child 
    {
        display:none;
    }
    table th, table td {
        padding: 10px 0 10px 10px;
    }
}
@media (max-width: 600px)
{
    .tagline
    {
        display:none!important;
    }
    .searchandlinks .searchform{
        top:80px;
        position:absolute;
        right:20px;
        width:90%;
    }
    .searchandlinks .searchform input.searchinput {
        width: 95%;
    }
}

@media (max-width: 374px) {
    /*.logoandtagline .tagline {
        display: none;
        float: left;
        clear: both;
        font-size: 0.9em;
    }*/
    .mobilemenustart {
        padding: 7px 10px;
    }
}