/*@import url('font_definitioner.css');*/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600i,700,800');*/

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
* {
    margin: 0;
    padding: 0;
}
body {
    background: #052130;
    /*    font-family: BitstreamVeraSansRoman;*/
    font-family: 'Open Sans', sans-serif;
    padding:0 !important;
}

ul {
    list-style:none}

.fejl, input.fejl::placeholder {
    color:red;} /* farve til fejl i inputfelter*/
/* animationer mobilmenu ..........................*/


.knap_ned {
    background-position:-39px 0px !important;
    background-repeat:no-repeat;
}

li.orange h3 {
    color: #F60;
    padding-top: 1rem;
    padding-left: 2rem;
}

.menu_ned {
    padding-bottom:235px; /* styrer mobil menuens højde */
}

a.google_link{
    color:rgba(171,204,227,1.00);
    text-decoration:none;
    margin-left:1em;
    font-weight:bold;
    margin-top:2em;
    font-size: 1rem;}

/*styles til et-spaltet rendering.....................*/

#wrapper {
    position: relative;
    margin: 0 auto;
    width: 95%;
    background: rgb(8,46,68);}

#header {
    position:relative;
}

#header img {
    max-width:100%;
    /*    display: none;*/
}
#header a {
    z-index:99;
    display:block;
    width:45%;
    padding-top: 8%;
    margin-right:auto;
    margin-left:auto;
}
#header a:first-child{
    padding-top:3.5%;
}

#menu {
    display: none;
}


a#login_knap {
    background-image: none;
    width:3rem;
    height:1rem;
    background-color:#f60;
    color:white;
    position:absolute;
    right:.8rem;
    top:0;
    display:none;}

/* animeret burger-knap */
#header a#menu_knap {
    display: block;
    background-image: none;
    width: 2rem;
    height: 2rem;
    position: absolute;
    z-index:1000;
    right: 8%;
    bottom: 0;
    /*    margin: 30px auto;*/
    padding-top: 0;
}
a#menu_knap span {
    display: block;
    height: 10%;
    width: 80%;
    background: #fff;
    position: absolute;
    top: 20%;
    left: 50%;
    border-radius: 10px;
    margin-left: -40%;
    -webkit-transition: .3s;
}
a#menu_knap span:nth-child(2) {
    top: 45%
}
a#menu_knap span:nth-child(3) {
    top: 70%;
}
/* når knappen har fået class'en .open vil disse regler sørge for at de tre streger animeres til et kryds */

a#menu_knap.open span:first-child {
    top: 45%;
    -webkit-transform: rotate(-45deg) !important;
}
a#menu_knap.open span:nth-child(2) {
    opacity: 0;
    width: 0px
}
a#menu_knap.open span:nth-child(3) {
    top: 45%;
    -webkit-transform: rotate(45deg) !important;
}



#menu_mobi {
    -webkit-transition:1000ms;
    -moz-transition:1000ms;
    transition:1000ms;
    margin: .4em .5em .8em;
    background: #05446d;	
    height:.1em;
    overflow:hidden;
    position:relative;
    padding-top:.3em;
}

#menu_mobi ul {
    list-style-type:none;
    width:100%;
    display:block;
    position:absolute;
    top:1em;
    margin:0em;
    background:#05446d;
}

#menu_mobi ul li, #underside #menu_mobi ul li {
    width:auto;
    text-align:center;
    display:block;
    height:1.5em;
    list-style:none;
    line-height:1.5em;
    margin:.2em 1em;
    background:#043154 url(nye_billeder/trekant_menu_pil.png) no-repeat right center;
    border:#082d46 1px solid}


#menu_mobi a{
    color:#fff;
    text-decoration:none;
    display:block;
    height:100%;
    -webkit-transition-duration:400ms;
    -moz-transition-duration:400ms;
    transition-duration:400ms;
}

#menu_mobi a:hover, #menu_mobi li.active a{
    background: rgba(0,0,0,.2);
    -webkit-transition-duration:400ms;}

#top-textbox {
    margin: 1em 0 .5em;
    color: #BDCFDF;
}

#top-textbox h1 {
    text-align: left;
    font-weight: bold;
    font-weight: 700;
    font-size: 2rem;
    /*    margin-bottom: .3em;*/
    color:white;


}
h1 span {
    display: none
}
#top-textbox p {
    font-size:  1rem;
    color: #93B9D6;
    margin: 1em .8em;
}

#boxcontainer {
    position:relative;}

#boxcontainer figure {
    width:45%;
    display:block;
    margin: 0 auto;
}

#box_container figure img{
    max-width:100%;
    display:block;}

.box {
    height: 110px;
    background: #123a58 url(nye_billeder/billede1_mobil.jpg) no-repeat;
    background-size:50%;
    padding-left: 50%;
    margin: 1em .5em;
    color: #E3EFF8;
    position: relative;
    border-bottom: 2px solid #F63;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.box a {
    background: url(nye_billeder/pil_frem.png) no-repeat right bottom;
    width: 80px;
    height: 50px;
    display: block;
    position: absolute;
    right: 10px;
    bottom: 3px;
    opacity: .5;
    text-indent: -5000px;
}

.box img {
    display: none;
}
.box h2 {
    font-weight: 600;
    padding: 8px 5px 2px 5px;
    font-size:  1rem;
}
.box p {
    margin: 2px 5px;
    font-size: .8rem;
    font-weight: 300
}
#to {
    background-image: url(nye_billeder/hi-res/billede5_mobile.jpg);
}
#tre {
    background-image: url(nye_billeder/hi-res/billede3_mobile.jpg);
}
#fire {
    background-image: url(nye_billeder/hi-res/billede2_mobil.jpg);
}
#fem {
    background-image: url(nye_billeder/hi-res/billede4_mobile.jpg);
}
#footer {
    clear: both;
    height: 120px;
    border-bottom: 20px solid #F60;
    text-align:center;
}
#footer h2 {
    padding-top:90px !important;
    color:#ffffff;
    font-weight:bold;
    font-size:1em;}

#footer h2 a {
    text-decoration:none;
    color:#ffffff;}

p b {
    color:#ffffff;}


/* UNDERSIDER.......UNDERSIDER.......UNDERSIDER.......UNDERSIDER.......UNDERSIDER.......*/

#lokalmenu-mobil ul {
    display:block;
    text-align: center;
    margin-bottom: .3em;
}
#lokalmenu-mobil li {
    text-align: center;
    margin-bottom:.2em;
}
#lokalmenu-mobil a {
    text-decoration:none;
    font-weight: bold;
    color:#fff;
    font-size:1em;
}
#lokalmenu-mobil a.active {
    font-size: 1.2em;
    color:#f60;
}
#underside h1 {
    display:none;}

#lokalmenu-underside {
    display:none;
}
#top-textbox p {
    display:none !important; }

#content-underside {
    padding-top:155px;
    background:url(nye_billeder/u_bil1_mobil.jpg) no-repeat center top;
    margin: 1em 0;
}
body.udstyr #content-underside {
    padding-top:20px;
    background-image:none;
    margin: 0;
}

body.udstyr #content-underside video{
    margin-top: 1.5rem;
   text-align: center;
    width:100%;
    max-width: 600px;
    
}

a.knap_til_start{
    text-decoration: none;
    text-align: center;
    border: none;
    height: 2rem;
    font-size: 1rem;
    border-radius: .5rem;
    display: block;
    width: 6rem !important;
    margin: 2em 0 0 .5rem;
    float: none;
    line-height: 2em;
    background-color: #f60;
    color: white;
    max-width: 320px;
}


#venstre-underside img {
    display:none}

#venstre-underside ul {
    margin-top:1em}

#venstre-underside a  {
    text-decoration:none;
    color:#fff;
    font-size:1em;
    -webkit-transition-duration:400ms;
    -moz-transition-duration:400ms;
    transition-duration:400ms;
}	

#venstre-underside a:hover, #venstre-underside a.active {
    color:#f60;
    -webkit-transition-duration:400ms;
    -moz-transition-duration:400ms;
    transition-duration:400ms;
}	
#underside h1 {
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    margin-bottom: .3em;
    color:#fff
}

#underside p {
    font-size:  1rem;
    color: #93B9D6;
    margin-right: .8em;
    margin-left: .8em;
}

#underside ul {
    color: #93B9D6;
    margin-bottom:1em;
    font-size:1em;
}

#underside ul li{
    margin-bottom:.8em;
}


#underside h2:first-child {
    margin-top:0;}

#underside h2 {
    font-weight: bold;
    padding: 8px 5px 2px .8em;
    font-size: 1em;
    color:#fff;
}

#underside h3 {
    font-weight: bold;
    font-size: 1em;
    color:#f60;
    margin: .5em 0 .2em}

#main-underside img {
    width:95%;
    display:block;
    margin: 1.5em auto;
    max-width:100%;
}

form.elevside input {
    border: none;
    height: auto; 
    /* display: block; */
    width: 66%;
    margin: .4em 0 0 0;
    float: none; 
    line-height: 2em;
    background: #BDCFDF;
    max-width: 320px;
}


/* FORMULAR.......FORMULAR.......FORMULAR.......FORMULAR.......FORMULAR.......*/

form {
    font-size:  1rem;
    color: #93B9D6;	
}

#underside form h2 {
    font-size:1.2em;
    margin:0;
    padding:.5em 0 1em;}

#underside form h2.mellemrubrik { 
    padding-top:2em !important;
}
form h3 {
    margin:1em 0 0 0 ;
    color:#BDCFDF;}

fieldset {
    padding:1em;
    border:1px solid #369;
    border-radius:4px;
    margin: .8rem 0 .8rem 0}

legend {
    padding: 0 .5rem;
    color:#F60;
}

label {
    border:none;
    text-align:left;
    font-size:1rem;
    display:block;
    float:left;
    width: 30%;
    clear:left;
    height:1rem;
    margin: .4rem 0 0 0;
    line-height:1.2rem;
    max-width:320px;}

input {
    border:none;
    height:2rem;
    display:block;
    width: 66%;
    margin: .4rem 0 0 0;
    float:left;
    line-height:2rem;
    background: #BDCFDF;
    max-width:320px;}


input:required {
    border:red 1px solid}

input:focus, textarea:focus {
    color:#000000 !important;}

#underside label.orange {
    font-size:1em;
    color:#FF6600;
    width:22%;
    padding-right:6%;
}

div#tilmeld_buttons {
    margin-left:31%;
}
input[type="text"], input[type="password"], textarea {
    padding-left:.5rem;
    font-family: 'Open Sans', sans-serif;
    font-size:1rem;
}

textarea {
    display:block;
    float:left;
    margin: .4rem 0 0 0;
    border:none;
    width:66%;
    background:#BDCFDF;
    max-width:320px;
    height:6rem;	
}

.ekstra_afstand {	
    clear:left;
    padding-top:2em;
}

input.res, input.subm, input[type='submit'] {
    font-size:1em;
    display:block;
    height:2em;
    line-height:2em;
    /*    border-radius:.6em;*/
    margin-left:31%;
    text-align:left;
    width:7em;
    font-weight:bold;
/*    padding-left:.5rem;*/
    color:white;
    background:#369;
    margin-top:1em; }

input.subm, input[type='submit'] { 
    background-color:#F60;
    -webkit-appearance: none;
}

input[type="submit"]:hover{ 
    color:#ffffff;
}

input.res {
    -webkit-appearance: none;
    clear:left;
    margin-left:31%;
}

input.bil_knap, input.foerste_hjaelp_knap, input.generhverv_knap {
    box-sizing:border-box;
    display:block;
    width:100%;
    border-radius:.5em;
    font-size:1em;
    height:2em;
    line-height:2em;
    text-align:left;
    margin-left:0;
    margin-right:0;
    font-weight:bold;
    padding-left:.5em;
    color:#BDCFDF !important;
    float:none;
    margin-bottom:1em;
    background:#284469; 
    -webkit-appearance: none;
}
input[type="radio"]:checked {
    color:#F60;
    background:#F60
}

.highlight {
    background:#4785db !important;
    color:#fff !important;}

input.foerste_hjaelp_knap, input.generhverv_knap, input.foerste_hjaelp_knap {
    margin-left: 0;
}

input[type="button"]:hover, input[type="reset"]:hover {
    color:#fff;
    background:#3d67a1;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.holdstart input {
    text-align: center;
    border: none;
    height: 2rem;
    font-size: 1rem;
    border-radius: .5rem;
    display: block;
    width: 6rem !important;
    margin: 2em 0 0 .5rem;
    float: none;
    line-height: 2em;
    background-color: #f60;
    color: white;
    max-width: 320px;
}

.holdstart article {
    padding-top:1rem !important;
    margin: 0 0 .5rem 0 !important;}

.holdstart fieldset {
    margin-bottom: 1.5rem;}



#underside .vaelg_hold_ {
    margin-bottom: 2em;}

.hold_overskrift_liste p{
    clear:left;}

#underside .hold_overskrift_liste h3{
    margin-top:0;}

#underside input[name="telefon"], #underside input[name="postnr"], #underside input[name="by"] {
    width:100px;
}

#kontakt_info_ , kontakt_info_valid {
    display:block;}

#underside div.vaelg_hold_ p {
    display:block;
    color:#fff;
    font-size:1em;
    margin: 0;
    padding:.5em 0;
}

#underside div.vaelg_hold_ a {
    color:#F60;
    text-decoration:none
}
#underside div.vaelg_hold_ em {
    font-style:normal;
}

.hold_overskrift_liste {
    line-height:1.3em;
    margin:1em 0 1em 0;
}
.hold_overskrift_liste:after {
    content: " ";
    display:block;
    clear:left;}

.hold_overskrift_liste input[type="radio"] {
    font-size:1.3em;
    height:inherit;
    line-height:1em;
    float:left;
    display:block;
    width:auto;
    margin:0 1em 0 0;
}

.hold_overskrift_liste input + span {
    display:block;
    float:left;
    width:80%;
    margin-left:1%;
}



/*PRISLISTE..........PRISLISTE..........PRISLISTE..........PRISLISTE..........*/
#content-underside ul {
    margin-top: 1em;
    padding: 0 0.8em;
}
#content-underside li p{
    margin-bottom:.3em;} 
#content-underside li h3 {
    color:#fff;
    padding:1em 0 .24em;
    margin-bottom:.5em;
    border-bottom:1px solid #C63	}

#content-underside li p strong {
    width:1.5em;
    text-align:right;
    display:block;
    color:#fff;
    float:left;
    clear:left;
}
#content-underside li p em {
    display:block;
    font-style:normal;
    margin-left: 2em;}
#content-underside h4 {
    clear:left;
    display:block;
    width:8em;
    height:auto;
    background:#F93;
    text-align:left;
    padding:0 .5em 0 .5em;
    margin: .5em 0 0 2em;
}
#content-underside h4 strong {
    text-align:left;
    display:block;
    color:#FFF;
    font-size:1.2em;
}
#content-underside h4 em {
    text-align:left;
    display:block;
    font-size: 1rem;
    color:#FC9;
    font-style:normal;}	

/* HOLDLISTER ........HOLDLISTER ........HOLDLISTER ........HOLDLISTER ...............*/


div.hold_overskrift {
    margin-top:2em;}
ul.hold {
    font-size:  1rem;
    margin-bottom:0em !important;
}
#underside ul.hold li {
    position:relative;
    margin-bottom: .2em;
    font-size: 1rem;
}

ul.teorihold li:first-child span, ul.manoevrehold li:first-child span {
    color:#F63 !important;
    padding-bottom:.3em;
    width:100%;
    clear:left;
}

ul.teorihold li span {
    color:#fff;
    width:180px;
    display:inline-block;
    /*	position:absolute;
    */	clear:left;
    /*    float:left;*/
}
ul.teorihold li b {
    /*    	float:left;*/
    padding-left:130px !important;
    display:inline-block;
    font-weight:normal;
}
#underside ul.hold li.afholdt{
    position:relative;
    height:1rem;}

#underside ul.hold li.afholdt::after {
    position:absolute;
    width:1rem; 
    height:1rem;
    right:200px;
    top:1.5rem;
    display:block;
    content:'*';
    color:limegreen;}

#underside ul.hold li.afholdt span {
    color:rgb(150,150,150) !important;
}
#underside ul.hold li.afholdt b {
    color:#698493 !important;
}



/*DOWNLOADSIDE ...........DOWNLOADSIDE ...........DOWNLOADSIDE ...........DOWNLOADSIDE ...........*/

#underside .hent_dokumenter li {
    max-width:28rem;}

#underside .hent_dokumenter a {
    display:block;
    background:url(nye_billeder/download@2x.png) no-repeat 1rem 1vw;
    background-size: 15%;
    text-align: left;
    font-weight: bold;
    color:#fff;
    text-decoration: none;
    padding-top: 13vw;
    padding-left: 5rem !important;
    font-size:.8rem;}

#underside .hent_dokumenter h2 {
    padding-top:3rem !important;}



/*CookieBot rettelser ................  */

                #CybotCookiebotDialogPoweredbyLink a#CybotCookiebotDialogPoweredbyCybot {
                Display:none !important;
                }

                /* Branding on the banner */
/*
                a#CybotCookiebotDialogPoweredbyCybot,
                div#CybotCookiebotDialogPoweredByText {
                  display: none;
                }
*/

                /* Branding on the Privacy trigger */
/*
                #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
                    display: none;
                }
*/

/* CookieBot slut ........ */




@media screen and (max-width : 480px) { 
    #underside h3 {
        margin: .5em .8em .2em}
    #underside form h2 {
        font-size:1.2em;
        margin:0;
        padding:1.5em .5em 1em;}
}

@media screen and (min-width : 481px) and (max-width : 800px) {
    #wrapper {
        margin: 0 auto;
        width: 96%;
        background: #082e44 url(nye_billeder/bgr_box_stor.png) repeat-y 40% top;
    }
    #header {
        text-align:center;
        padding: .5em 0 .5em 0;
    }
    #header #billede {  /* css version af logo */
        display: none;
    }

    #header img { /*img version af logo */
        display: block;
        max-width: 100%;
        margin: 20px 0 0 10%;
        border:none;
    }

    #menu_mobi {
        -webkit-transition:1000ms;
        -moz-transition:1000ms;
        transition:1000ms;
        margin: .4em 8% .8em;
        background: #05446d;	
        height:.1em;
        overflow:hidden;
        position:relative;
        padding-top:.3em;
    }
    #lokalmenu-mobil {
        display:none;
    }
    #menu_mobi ul {
        list-style-type:none;
        width:100%;
        display:block;
        position:absolute;
        top:1em;
        margin:0em;
        background:#05446d;
    }

    #menu_mobi ul li, #underside #menu_mobi ul li {
        width:auto;
        text-align:center;
        display:block;
        height:1.5em;
        list-style:none;
        line-height:1.5em;
        margin:.2em 1em;
        background:#043154 url(nye_billeder/trekant_menu_pil.png) no-repeat right center;
        border:#082d46 1px solid}


    #menu_mobi a{
        color:#fff;
        text-decoration:none;
        display:block;
        height:100%;
        -webkit-transition-duration:400ms;
        -moz-transition-duration:400ms;
        transition-duration:400ms;
    }

    #menu_mobi a:hover, #menu_mobi li.active a{
        background: rgba(0,0,0,.2);
        -webkit-transition-duration:400ms;}


    #menu ul {
        padding-left:1em
    }
    #menu li { float:left;
        list-style-type:none;
    }
    #menu li:last-child { padding-right:0}

    #menu a {
        font-weight: bold;
        font-size: 1rem;
        text-decoration:none;
        color:#fff;
    }
    #menu a:hover, #menu li.active a{
        color:#F60;
        -webkit-transition: all;
        -webkit-transition-duration: 400ms;
        -moz-transition-duration: 400ms;
        transition-duration: 400ms;
    }

    #menu a span {
        display:none }

    #top-textbox {
        border-top: none;
        padding-top: .5em;
/*        width: 100%;*/
        margin-left: 3%;
        margin-right: 3%;
        text-align:left;
        color: #BDCFDF;
        margin-top: 1.5em;/*padding-left: 30%;*/
    }
    #top-textbox h1 {
        display: block;
        font-weight: bold;
        text-align: left;
        font-size: 2em;
    }
    #top-textbox p {
        display:block !important;
        font-size:  1rem;
        color: #93B9D6;
/*        margin: 0;*/
    }
    #boxcontainer {
        width: 90%;
        margin: 0 auto;
    }

    #boxcontainer {
        position:relative;}

    #boxcontainer figure {
        width: 27%;
        position: absolute;
        top: 230%;
        left: 27%;
    }

    #box_container figure img{
        max-width:100%;
        display:block;}


    #to, #tre, #fire, #fem {
        background-image: none;
    }
    .box {
        padding: 0;
        width: 45.5%;
        height:50vw;
        float: left;
        margin-left: 3%;
        margin-top: 15px;
        margin-right: 0;
        background: #034f7a;
        color: #E3EFF8;
        border-bottom: 2px solid #F63;
        position: relative;
        -webkit-border-radius: 0;
        border-radius: 0
    }


    .box#tre {
        clear:left;
        margin-left:3%;}
    .box a {
        display: block;
        position: absolute;
        top: top;
        left: left;
        right: 0;
        width: 100%;
        height: 300px;
        text-indent: -5000px;
        -webkit-transition-duration: 400ms;
        -moz-transition-duration: 400ms;
        transition-duration: 400ms;
        background: none;
        background: url(nye_billeder/pil_frem_grad.png) right bottom;
        opacity: 0;
    }
    .box a:hover {
        transition-duration: 400ms;
        opacity: .5;

    }
    .box img {
        margin:0 auto;
        display: block;
        max-width: 100%;
        background: #366;
    }
    .box h2 {
        margin: 0 10px 0;
        font-size: 1em;
        padding: 10px 0 0;
    }
    .box p {
        margin: 8px 10px;
        font-size: .8rem;
    }
    #tre {
        margin-left: 0;
    }
    #footer {
        clear: both;
        height: 120px;
        margin-bottom:30px;
        border-bottom: 20px solid #F60;
        text-align:center;
    }

    #footer h2 {
        padding-top:90px;}

    #footer h2 a {
        text-decoration:none;
        color:#ffffff;}

    /* UNDERSIDER.......UNDERSIDER.......UNDERSIDER.......UNDERSIDER.......UNDERSIDER.......*/


    #underside #boxcontainer {
        padding: 0 1em;}

    #top-textbox-underside {
        margin-top:1em;
        width: 66%;
        float:right;}

    #underside h1 {
        text-align:left;
        display:block;
    }
    #top-textbox p {
        display:block; }

    #lokalmenu-underside {
        display:block;
        padding-top:200px;
        color: #fff}

    #lokalmenu-underside li {
        margin-bottom:.5em;
        /*	text-align:right;
        */	margin-right:2em;}

    #venstre-underside {
        float:left;
        width:32%;
        padding-top:3px;
        background:url(nye_billeder/underside_grafik1.jpg) no-repeat center 2.2em;
        margin: 1em 0;
    }
    #main-underside {
        float:left;
        width:66%;
        margin-left:2%; }

    #main-underside img {
        display:block;
        margin: 1.5em auto;
        max-width:100%;
    }

    #underside h3 {
        font-weight: bold;
        font-size: 1em;
        color:#f60;
        margin: .5em 0 .2em}


    #venstre-underside.grafik2 {
        background-image:url(nye_billeder/underside_grafik2.jpg);
    }
    #venstre-underside.grafik3 {
        background-image:url(nye_billeder/underside_grafik3.jpg);
    }
    #venstre-underside.grafik4 {
        background-image:url(nye_billeder/underside_grafik4.jpg);
    }
    #venstre-underside.grafik5 {
        background-image:url(nye_billeder/underside_grafik5.jpg);
    }
    #venstre-underside.grafik6 {
        background-image:url(nye_billeder/underside_grafik6.jpg);
    }
    #venstre-underside.grafik7 {
        background-image:url(nye_billeder/underside_grafik7.jpg);
    }

    #content-underside {
        background:none;
        padding-top:0;}

    #underside p, #underside h2 {
        margin-left:0;
        padding-left:0}

    #underside h2 {margin-top: 1em;}

    /*DOWNLOADSIDE ...........DOWNLOADSIDE ...........DOWNLOADSIDE ...........DOWNLOADSIDE ...........*/

    #underside .hent_dokumenter a {
        background-position: 1rem 4vw;

    }

    #underside .hent_dokumenter h2 {
        /*   padding-top:3rem !important;*/
    }

}


@media screen and (min-width : 600px) and (max-width : 800px) {
    .box {
        padding: 0;
        width: 45.5%;
        height:46vw;
        float: left;
        margin-left: 3%;
        margin-top: 15px;
        margin-right: 0;
        background: #034f7a;
        color: #E3EFF8;
        border-bottom: 2px solid #F63;
        position: relative;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .box h2 {
        margin: 0 10px 0;
        font-size: 1.1em;
        padding: 10px 0 0;
    }
    .box p {
        margin: 4px 10px;
        font-size:  .8rem;
    }

}
@media only screen and (min-width: 801px)  {
    #wrapper {
        margin: 0 auto;
        width: 96%;
        max-width: 1200px;
        background: #082e44 url(nye_billeder/bgr_box_stor.png) repeat-y 53% top;
    }



    #header #billede {
        display: none;
    }

    #header a {
        background:none;
        width:auto;
        height:auto;
    }

    a#login_knap {
        width: 4rem;
        height: 1.5rem;
        background-color: #f60;
        color: white;
        position: absolute;
        right: 20px;
        line-height: 1.5rem;
        top: 100%;
        margin-top: -1.5rem;
        display: block;
        padding: 0.1em .3em;
        text-align: center;
        text-decoration: none;
    }

    #header img {
        width: 24.727272727273%;
        display: block;
        max-width: 100%;
        margin: 20px 0 0 20px;
    }

    #header #menu_knap {
        display:none !important}

    #menu_mobi {
        display: none;
    }
    #menu {
        display: block;
        margin: 20px 20px;
        height: 28px;
        background: rgba(130, 216, 255,.2);
    }

    #menu ul {
        display:flex;
        justify-content: space-between;
        width:auto;
        margin:0;
        padding:0 2%;
    }

    #menu li { 
        float:none;
        display:inline-block;
        list-style-type:none;
        text-align:center;
        height: 28px;
    }

    #menu li:last-child { 
        padding-right:0;
    }

    #menu a {
        display:block;
        font-weight: bold;
        font-size: calc(.6rem + .5vw);
        text-decoration:none;
        color:#fff;
        height:28px;
        line-height:28px;	
        transition-duration: 400ms}

    #menu a span {
        display:inline; }

    #menu a:hover, #menu li.active a{
        color:#F60;
        transition-duration: 400ms;
    }

    #boxcontainer {
        position:relative;}

    #boxcontainer figure {
        width: 17%;
        position: absolute;
        top: 80%;
        left: 13%;
    }


    #box_container figure img{
        max-width:100%;
        display:block;}

    #top-textbox {
        color: #BDCFDF;
        padding-left: 30%;
        padding-right:4%;
    }

    #top-textbox h1 {
        font-weight: bold;
        text-align: left;
        margin-left: 5rem;
        font-size: 3rem;
        color:white;
    }
    #top-textbox p {
        display: block !important;
        font-size: 1rem;
        color: #93B9D6;
        padding: 0;
        margin: 0;
        margin-left: 5rem;
    }
    #to, #tre, #fire, #fem {
        background-image: none;
    }
    .box {
        padding: 0;
        width: 22%;
        height: 340px;
        float: left;
        margin-left: 2%;
        margin-top: 20px;
        margin-right: 0;
        background: #034f7a;
        color: #E3EFF8;
        border-bottom: 10px solid #F63;
        position: relative;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    .box a {
        display: block;
        position: absolute;
        top: top;
        left: left;
        right: 0;
        width: 100%;
        height: 350px;
        text-indent: -5000px;
        transition-duration: 600ms;
        background: url(nye_billeder/pil_frem_grad.png) right bottom;
        opacity: 0;
    }
    .box a:hover {
        transition-duration: 600ms;
        opacity: .5;
    }
    .box img {
        margin:0 auto;
        display: block;
        max-width: 100%;
        background: #366;
    }
    .box h2 {
        margin: 5px 10px;
        font-size: 1em;
        padding: 5px 0;
    }
    .box p {
        margin: 5px 10px;
        font-size:  1rem;
    }
    #footer {
        clear: both;
        height: 120px;
        border-bottom: 20px solid #F60;
        text-align:center;
    }
    #footer h2 {
        padding-top:90px;}

    /* UNDERSIDER.......UNDERSIDER.......UNDERSIDER.......UNDERSIDER.......UNDERSIDER.......*/

    #lokalmenu-mobil {
        display:none;}

    #underside #boxcontainer {
        padding: 0 1em;}

    #top-textbox-underside {
        color: #BDCFDF;
        padding-left: 29%;
        margin-top:0;
        margin-bottom:1.8em;
        width: auto;
        float:none;}


    #underside h1 {
        display:block;
        text-align:left;
        color: white;
    }
    #underside #top-textbox-underside h1 {
        display:block;
        margin-left:0;
    }


    #lokalmenu-underside {
        display:block;
        padding-top:180px;
        color: #fff}

    #lokalmenu-underside li {
        margin-bottom:.5em;
        margin-right:2em;}

    #venstre-underside {
        float:left;
        width:37.375%;
        margin-left:0 0 0 1.875%;
        padding:5px 10px 20px;
        background:url(nye_billeder/underside_grafik1.jpg) rgba(110,174,244,.1) no-repeat center 0;

    }
    #venstre-underside.grafik2 {
        background-image:url(nye_billeder/underside_grafik2.jpg);
    }
    #venstre-underside.grafik3 {
        background-image:url(nye_billeder/underside_grafik3.jpg);
    }
    #venstre-underside.grafik4 {
        background-image:url(nye_billeder/underside_grafik4.jpg);
    }
    #venstre-underside.grafik5 {
        background-image:url(nye_billeder/underside_grafik5.jpg);
    }
    #venstre-underside.grafik6 {
        background-image:url(nye_billeder/underside_grafik6.jpg);
    }
    #venstre-underside.grafik7 {
        background-image:url(nye_billeder/underside_grafik7.jpg);
    }
    #main-underside {
        float:left;
        width:57%;
        margin-left:1.875%;
    }

    #main-underside img {
        display:block;
        margin: 2.5em auto;
        max-width:100%;
    }

    #content-underside {
        background:none;
        padding-top:0;
        margin-top:0;}

    #underside p, #underside h2 {
        margin-left:0;
        padding-left:0}

    #underside h2 {margin-top: 1.4em;}


    .hold_overskrift_liste input[type="radio"] {
        /*font-size:inherit;
        float:none;
        display:inline;
        width:auto;*/
    }

    .hold_overskrift_liste span {
        /*	display:inline;
        float:none;
        width:auto;*/

    }

    /*DOWNLOADSIDE ...........DOWNLOADSIDE ...........DOWNLOADSIDE ...........DOWNLOADSIDE ...........*/


    #underside .hent_dokumenter a {
        padding-top: 2rem;
        background-size: 3rem;
        background-position: 1rem .75rem;
        padding-bottom: 1rem;

    }

    #underside .hent_dokumenter h2 {
    }
    
    /*CookieBot rettelser ................  */

                #CybotCookiebotDialogPoweredbyLink a#CybotCookiebotDialogPoweredbyCybot {
                Display:none !important;
                }

                /* Branding on the banner */
/*
                a#CybotCookiebotDialogPoweredbyCybot,
                div#CybotCookiebotDialogPoweredByText {
                  display: none;
                }
*/

                /* Branding on the Privacy trigger */
/*
                #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
                    display: none;
                }
*/

/* CookieBot slut ........ */
    
    div#CybotCookiebotDialog #CybotCookiebotDialogPoweredbyCybot svg {
    display: none !important;
}
}

@media print {
    body, #wrapper {
    background: none;
    color:black;
        font-size: 1rem;
        line-height:auto;
}