﻿
.bulletlist {
    margin-left:20px;;
}
A{color:#000000;text-decoration:underline;}

.dynamicheadertext {
    color: #ffffff;
    font-size: 20px;
}

.gulbasicfarve {
    /*FFF2CC FFD966 92D050 BDD7EE*/
    background: #FFF2CC;
}

.gulbasicspot {
    /*FFF2CC FFD966 92D050 BDD7EE*/
    background: #FFF2CC;
    margin:10px;
    padding:10px;
}

.gulfarve {
    background: #FFD966;
}

.groenfarve {
    background: #92D050;
}

.blaafarve {
    background: #BDD7EE;
}
.BredKnap {
    margin: 5px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 10px;
    width: 100%;
    font-family: Arial;
    background: #385723;
    color:#ffffff;
    font-weight:bold;
}

.PakkeKnap {
    margin:5px;
    
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
    width:120px;
    font-family:Arial;
}

@media (max-width: 700px ) {

    .logo1 {
        background: none !important;
        width: 50px;
    }

    .logo2 {
        background: none !important;
        width: 50px;
    }

    .dynamicheadertext {
        font-size: 14px;
    }

    
}



@media (min-width: 701px ) {

    .logo1 {
        background: none !important;
        width: 80px;
    }

    .logo2 {
        background: none !important;
        width: 120px;
    }

    .dynamicheadertext {
        font-size: 26px;
    }
}



    .modal {
        margin-top: 150px;
    }

    .navbar {
        max-width: 1800px;
        margin-right: auto;
        margin-left: auto;
        width: 99%;
        margin-top: 0;
        background-color: #385723;
        padding-right: 100px;
        z-index: 999999 !important
    }


    .topsection {
    }

    .outertopsection2 {
        height: 120px;
    }


    .outertopsection {
        background-color: #385723;
        position: fixed;
        height: 120px;
        width: 100%;
        top: 0;
        z-index: 999999 !important
    }




    @media (max-width: 989px) {
        #navbarSupportedContent {
            margin-left: 50px;
            margin-top: -30px;
            z-index: 2
        }

            #navbarSupportedContent .navbar-nav {
                background: #000000 !important;
            }
    }

    @media (min-width: 990px) {
        #navbarSupportedContent {
            margin-left: 150px;
            z-index: 2
        }
    }



    .navbar-brand2 {
        margin-top: 20px !important;
    }

    .sublogo {
        color: #ffffff;
        font-size: 18px;
    }

    


    .row p {
        margin: 0;
        padding: 10px 0 0 0;
    }

    input[type="checkbox"] {
        accent-color: #385723;
    }


    .btn-primary {
        background-color: #385723;
    }





    .outerfootersection {
        background: #385723;
    }


    .nav-link {
        color: #ffffff !important;
    }


        .nav-link:hover {
            background-color: #A5A5A5;
            color: #ffffff !important;
        }

    .navcolorSolid {
        width: 100%;
        border-bottom: 3px solid #003761;
        /*z-index:1031;*/
    }

    .activemenuitem {
        color: #ffffff !important;
        background-color: #FEC000;
    }

    .passivemenuitem {
    }





    .reportsection {
        z-index: 999999 !important;
        margin-top: 20px;
    }

    .mediumwhite {
        font-size: 14px;
        color: #ffffff;
    }

        .mediumwhite:hover {
            font-size: 14px;
            color: #F2F2F2;
        }


    .navbar {
        margin-left: 50px;
        margin-right: 50px;
    }

    .trans {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }


    .container {
        width: 100%;
        max-width: 2000px;
    }

    .container2 {
        max-width: 1400px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }




    .bigbackground {
        background-image: url('/image/web/cover1.jpg');
        text-align: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .biggreenbox {
        border: 1px solid #385723;
        padding: 5px;
        background: #ffffff;
        margin-right: auto;
        margin-left: auto;
    }

        .biggreenbox p {
            font-size: 14px !important;
        }


    .spotheader {
        border: 4px solid #385723;
        margin-top: 5px;
    }

        .spotheader h2 {
            font-size: 16px;
            margin-top: 5px;
        }

    .spotbody {
    }

        .spotbody p {
            text-align: left;
            margin: 10px;
        }






    .spotheader2 {
        background: #385723;
        padding: 5px;
        /*
            margin-top:-40px;
            position:absolute;
            width:90%;
            */
    }

        .spotheader2 h2 {
            font-size: 16px;
            margin-top: 5px;
            color: #ffffff;
        }

    .spotbody2 {
        background: #F2F2F2;
        padding: 5px;
        height: 280px;
        margin-bottom: 20px;
    }

        .spotbody2 p {
            text-align: left;
            margin: 12px;
        }


    .header h1 {
        text-align: center;
        font-family: Calibri,arial;
        font-size: 54px;
        color: #385723;
        font-weight: bold;
    }

        .header h1 > .black {
            color: #000000;
        }

    @media (max-width: 500px ) {

        .spotpicture {
            display: none;
        }

        .bigbackground {
            /*background-size:  contain;*/
            /*background-attachment: fixed;*/
            background-size: contain;
            background-position-y: top;
        }

        .biggreenbox {
            margin-top: 25vh;
            width: 95%;
        }

        .container2 {
            width: 95%;
        }
    }


    @media (min-width: 501px ) and (max-width: 575px ) {

        .spotpicture {
            display: none;
        }

        .bigbackground {
            background-size: contain;
            background-position-y: top;
        }

        .biggreenbox {
            margin-top: 40vh;
            width: 95%;
        }

        .container2 {
            width: 95%;
        }
    }

    @media (min-width: 576px ) and (max-width: 700px ) {

        .bigbackground {
            background-size: contain;
            background-position-y: top;
        }

        .biggreenbox {
            margin-top: 60vh;
            width: 95%;
        }

        .container2 {
            width: 95%;
        }
    }

    @media (min-width: 701px ) and (max-width: 800px ) {

        .header h1 {
            text-align: left;
            margin-left: 5%;
        }

        .bigbackground {
        }

        .biggreenbox {
            margin-top: 30vh;
            width: 95%;
        }

        .container2 {
            width: 95%;
        }
    }

    @media (min-width: 801px ) and (max-width: 1099px ) {

        .header h1 {
            text-align: left;
            margin-left: 5%;
        }

        .bigbackground {
        }

        .biggreenbox {
            margin-top: 300px;
            width: 95%;
        }

        .container2 {
            width: 95%;
        }
    }




    @media (min-width: 1100px ) {

        .header h1 {
            text-align: left;
            margin-left: 5%;
        }

        .bigbackground {
        }

        .biggreenbox {
            margin-top: 300px;
            width: 90%;
        }

        .container2 {
            width: 90%;
        }
    }






    .biggreenbox p {
        font-size: 18px;
        margin: 10px;
        text-align: left;
    }




    .img-responsive {
        width: 100%;
    }

    .margintop {
        margin-top: 20px;
    }

    .marginbigtop {
        margin-top: 40px;
    }

    .marginbottom {
        margin-bottom: 20px;
    }

    .innerpadding {
        padding: 20px;
    }

    .noleftrightmargin {
        margin-left: 0;
        margin-right: 0;
    }

    .noleftrightpadding {
        padding-left: 0;
        padding-right: 0;
    }




    footer {
        background: #385723;
    }

        footer h3 {
            color: #bfbfbf;
            font-size: 18px;
            font-weight: bold;
            float: left;
        }

        footer P {
            color: #bfbfbf;
            font-size: 12px;
        }

        footer .footerbullet {
            margin-left: -37px;
            ;
            padding: 0;
            padding-left: 30px;
            background-repeat: no-repeat;
            color: #bfbfbf;
        }

            footer .footerbullet a {
                color: #bfbfbf;
            }

        footer .place {
            background-image: url('/graphics/elements/footer-position.png');
            height: 22px;
            margin-bottom: 10px;
        }

        footer .telephone {
            background-image: url('/graphics/elements/footer-telephone.png');
            height: 21px;
            margin-bottom: 10px;
        }

        footer .mail {
            background-image: url('/graphics/elements/footer-mail.png');
            height: 19px;
            margin-bottom: 12px;
            background-position: 0 4px;
        }

        footer .facebook {
            background-image: url('/graphics/elements/footer-facebook.png');
            height: 20px;
        }



    .chkTableStype {
        border: 1px solid #000000;
        width: 100%;
    }

    .trAmount {
        text-align: right;
        font-size: 11px !important;
        padding-right: 10px;
        vertical-align: middle !important
    }

    .chkTableStype tr {
        border-bottom: 1px solid #000000;
    }


    .chkTableStype td {
        border-bottom: 1px solid #000000;
        padding: 5px;
        font-size: 16px;
        vertical-align: top;
    }

    .chkTableStype th {
        border-bottom: 1px solid #000000;
        padding: 5px;
        vertical-align: top;
    }



    @media (min-width: 601px ) and (max-width: 800px ) {
        .topsection {
            background-position: center -150px;
        }
    }

    @media (min-width: 801px ) and (max-width: 1000px ) {
        .topsection {
            background-position: center 0px;
        }
    }

    @media (min-width: 1001px ) and (max-width: 1200px ) {
        .topsection {
            background-position: center 50px;
        }
    }

    @media (min-width: 1201px ) and (max-width: 1400px ) {
        .topsection {
            background-position: center -70px;
        }
    }

    @media (min-width: 1401px ) and (max-width: 1600px ) {
        .topsection {
            background-position: center -100px;
        }
    }


    @media (min-width: 1601px ) {
        .topsection {
            background-position: center -120px;
        }
    }


    input[type=checkbox] + label {
        color: #cccccc;
        margin-left: 10px;
    }
