/* @import url(font-awesome.min.css);  */
@import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600");



/* Farven på bunden */
bunden, sektionbund {
display: block; 
}






/* Bredde */
.BundenBredde {
margin: 0 auto;
width: 100%;
max-width: calc(100% - 6rem); 
}

@media screen and (max-width: 480px) {
.BundenBredde {
max-width: calc(100% - 3rem); 
} 
}








/* List */
ol {
list-style: decimal;
margin: 0 0 2rem 0;
padding-left: 1.25rem; 
}


ol li {
padding-left: 0.25rem; 
}




ul {
list-style: disc;
margin: 0 0 2rem 0;
padding-left: 1rem; 
}


ul li {
padding-left: 0.325rem; 
}


ul.ikonerne {
list-style: none;
padding-left: 0; 
}


ul.ikonerne li {
margin-bottom: 1rem; 
}


ul.ikonerne li .ikon {
border-radius: 4px;
color: #ffffff;
display: inline-block;
margin-right: 1rem;
text-align: center;
width: 2rem;
height: 2rem;
line-height: 2rem;
background: rgba(0, 0, 0, 0.5); 
}



ul.typisklinkbund {
list-style: none;
padding-left: 0; 
}


ul.typisklinkbund li {
border-top: solid 1px;
padding: 0.75rem 0; 
}




/* FARVEL
ul.typisklinkbund li:first-child {
border-top: 0;
padding-top: 0; 
}


ul.typisklinkbund li:last-child {
padding-bottom: 0; 
}
FARVEL */




dl {
margin: 0 0 2rem 0; 
}



dl dt {
display: block;
font-weight: 600;
margin: 0 0 1rem 0; 
}


dl dd {
margin-left: 1.5rem; 
}


ul.typisklinkbund li {
border-top-color: rgba(0, 0, 0, 0.25); 
}








/* Ikoner */
.ikon {
text-decoration: none;
border-bottom: none;
position: relative; 
}

/* Benyttes til Twitter - Facebook - Instagram og Github ikonerne nederst i højre side af bunden på hjemmesiden */
.ikon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important; 
}

.ikon > .label {
display: none; 
}














/* UNDER-BUNDEN */
#bunden {
background-color:  #8991a1;
color: #ffffff;
padding: 4rem 0 3rem 0 ; 
}



#bunden input, #bunden select, #bunden textarea {
color: #ffffff; }


#bunden a {
color: #ce1b28; }


  #bunden strong, #bunden b {
    color: #ffffff; }


  #bunden h1, #bunden h2, #bunden h3, #bunden h4, #bunden h5, #bunden h6 {
    color: #ffffff; }


  #bunden blockquote {
    border-left-color: rgba(255, 255, 255, 0.25); }


  #bunden code {
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25); }


  #bunden hr {
    border-bottom-color: rgba(255, 255, 255, 0.25); }


  #bunden input[type="submit"],
  #bunden input[type="reset"],
  #bunden input[type="button"],
  #bunden button,
  #bunden .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #ffffff !important; }



    #bunden input[type="submit"]:hover,
    #bunden input[type="reset"]:hover,
    #bunden input[type="button"]:hover,
    #bunden button:hover,
    #bunden .button:hover {
      box-shadow: inset 0 0 0 1px #ce1b28;
      color: #ce1b28 !important; }



      #bunden input[type="submit"]:hover:active,
      #bunden input[type="reset"]:hover:active,
      #bunden input[type="button"]:hover:active,
      #bunden button:hover:active,
      #bunden .button:hover:active {
        background-color: rgba(206, 27, 40, 0.25); }




    #bunden input[type="submit"].primary,
    #bunden input[type="reset"].primary,
    #bunden input[type="button"].primary,
    #bunden button.primary,
    #bunden .button.primary {
      box-shadow: none;
      background-color: #ce1b28;
      color: #ffffff !important; }




      #bunden input[type="submit"].primary:hover,
      #bunden input[type="reset"].primary:hover,
      #bunden input[type="button"].primary:hover,
      #bunden button.primary:hover,
      #bunden .button.primary:hover {
        background-color: #e2212f;
        box-shadow: none; }




        #bunden input[type="submit"].primary:hover:active,
        #bunden input[type="reset"].primary:hover:active,
        #bunden input[type="button"].primary:hover:active,
        #bunden button.primary:hover:active,
        #bunden .button.primary:hover:active {
          background-color: #b71824; }




  #bunden label {
    color: #ffffff; }



  #bunden input[type="text"],
  #bunden input[type="password"],
  #bunden input[type="email"],
  #bunden input[type="tel"],
  #bunden input[type="search"],
  #bunden input[type="url"],
  #bunden select,
  #bunden textarea {
    background-color: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25); }







    #bunden input[type="text"]:focus,
    #bunden input[type="password"]:focus,
    #bunden input[type="email"]:focus,
    #bunden input[type="tel"]:focus,
    #bunden input[type="search"]:focus,
    #bunden input[type="url"]:focus,
    #bunden select:focus,
    #bunden textarea:focus {
      border-color: #ce1b28;
      box-shadow: 0 0 0 1px #ce1b28; }






#bunden select {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); 
}







    #bunden select option {
      color: rgba(255, 255, 255, 0.5);
      background-color: #111111; }






  #bunden input[type="checkbox"] + label,
  #bunden input[type="radio"] + label {
    color: rgba(255, 255, 255, 0.5); }









    #bunden input[type="checkbox"] + label:before,
    #bunden input[type="radio"] + label:before {
      background: rgba(255, 255, 255, 0.075);
      border-color: rgba(255, 255, 255, 0.25); }







  #bunden input[type="checkbox"]:checked + label:before,
  #bunden input[type="radio"]:checked + label:before {
    background-color: #ce1b28;
    border-color: #ce1b28;
    color: #ffffff; }




  #bunden input[type="checkbox"]:focus + label:before,
  #bunden input[type="radio"]:focus + label:before {
    border-color: #ce1b28;
    box-shadow: 0 0 0 1px #ce1b28; }



  #bunden ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }



  #bunden :-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }



  #bunden ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }



  #bunden :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }



  #bunden ul.typisklinkbund li {
    border-top-color: rgba(255, 255, 255, 0.25); }



  #bunden table tbody tr {
    border-color: rgba(255, 255, 255, 0.25); }



    #bunden table tbody tr:nth-child(2n + 1) {
      background-color: rgba(255, 255, 255, 0.075); }



  #bunden table th {
    color: #ffffff; }



  #bunden table thead {
    border-bottom-color: rgba(255, 255, 255, 0.25); }



  #bunden table tfoot {
    border-top-color: rgba(255, 255, 255, 0.25); }



  #bunden table.typisklinkbund tbody tr td {
    border-color: rgba(255, 255, 255, 0.25); }




  #bunden .highlights .bundindhold {
    background: #111111;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }



  #bunden .testimonials .bundindhold {
    background: #111111;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }



    #bunden .testimonials .bundindhold .credit strong {
      color: #ce1b28; }



  #bunden a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none; }


#bunden a:hover {
* UDE AF FUNKTION 
color: #ce1b28; 
UDE AF FUNKTION  */
text-decoration: none;
}




#bunden .bundindhold {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex; }





#bunden .bundindhold sektionbund {
width: 33%; 
}




#bunden .bundindholdXXX sektionbund:first-child {
width: 33%;
padding-right: 4rem; 
}









#bunden .bundindholdXXX sektionbund:last-child {
padding-left: 4rem; 
}







@media screen and (min-width: 1280px) {
#bunden .kopyright {
margin-top: 25px;
border-top: 0px solid;
font-size: 1.8rem;
opacity: 0.5;
padding: 2rem 0;
text-align: center; 
border-bottom: 0px solid;
margin-bottom: 0px;
}
}




@media screen and (max-width: 1280px) {
#bunden .kopyright {
margin-top: 25px;
border-top: 10px solid;
font-size: 1.8rem;
opacity: 0.5;
padding: 2rem 0;
text-align: center; 
border-bottom: 10px solid;
margin-bottom: 225px;
}
}













@media screen and (max-width: 1280px) {
#bunden {
padding: 4rem 0 2rem 0 ; 
} 
}



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

#bunden .bundindhold {
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; 
}

/* Bredden sættes til 3 kollonner under hinanden  */
/* D.V.S at hver enkelt kollonne fylder hele skærmen i bredden  */
#bunden .bundindhold sektionbund {
width: 100%; 
}


#bunden .bundindhold sektionbund:first-child {

/* SKROTTET - START 
width: 100%;
SKROTTET SLUT */

padding-right: 0; 
} 


}







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

#bunden {
padding: 3rem 0 1rem 0 ; 
}


#bunden .bundindhold sektionbund {
width: 100%; 
}


#bunden .bundindhold sektionbund:last-child {
padding-left: 0; 
} 

}







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

#bunden {
padding: 2rem 0 0.1rem 0 ; 
} 

}




































li {
list-style-type: none;
}


.hjemmesidelink {
color:#9d9686;
font-family:Arial;
font-size:32px;
outline:none;
text-decoration:none;
}


 









.bord-setup-bund {
-webkit-overflow-scrolling: touch;
overflow-x: auto; }

table {
margin: 0 0 2rem 0;
width: 100%; 
}

table tbody tr {
border: solid 1px;
border-left: 0;
border-right: 0; 
}

table td {
padding: 0.75rem 0.75rem; 
}

table th {
font-size: 0.9rem;
font-weight: 600;
padding: 0 0.75rem 0.75rem 0.75rem;
text-align: left; 
}

table thead {
border-bottom: solid 2px; 
}

table tfoot {
border-top: solid 2px; 
}

table.alt {
border-collapse: separate; 
}

table.alt tbody tr td {
border: solid 1px;
border-left-width: 0;
border-top-width: 0; 
}


table.alt tbody tr td:first-child {
border-left-width: 1px; 
}


table.alt tbody tr:first-child td {
border-top-width: 1px; 
}

table.alt thead {
border-bottom: 0; 
}

table.alt tfoot {
border-top: 0; 
}

table tbody tr {
border-color: rgba(0, 0, 0, 0.25); 
}

table tbody tr:nth-child(2n + 1) {
background-color: rgba(0, 0, 0, 0.075); 
}

table th {
color: #555555; 
}

table thead {
border-bottom-color: rgba(0, 0, 0, 0.25); }

table tfoot {
border-top-color: rgba(0, 0, 0, 0.25); }

table.alt tbody tr td {
border-color: rgba(0, 0, 0, 0.25); 
}