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



/* Farven på foden */
foden, sektion {
display: block; 
}






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

@media screen and (max-width: 480px) {
.FodenBredde {
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.typisklink {
list-style: none;
padding-left: 0; 
}


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




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


ul.typisklink 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.typisklink 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; 
}














/* Footer */
#foden {
background-color:  #000031;
color: #ffffff;
padding: 8rem 0 6rem 0 ; 
}



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


  #foden a {
    color: #ce1b28; }


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


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


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


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


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


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



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



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




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




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




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




  #foden label {
    color: #ffffff; }



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







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






#foden 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"); 
}







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






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









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







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




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



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



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



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



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



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



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



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



  #foden table th {
    color: #ffffff; }



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



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



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




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



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



    #foden .testimonials .indholdet .credit strong {
      color: #ce1b28; }



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


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




#foden .indholdet {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex; }





#foden .indholdet sektion {
width: 33%; 
}




#foden .indholdetXXX sektion:first-child {
width: 33%;
padding-right: 4rem; 
}









#foden .indholdetXXX sektion:last-child {
padding-left: 4rem; 
}







@media screen and (min-width: 1280px) {
#foden .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) {
#foden .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) {
#foden {
padding: 4rem 0 2rem 0 ; 
} 
}



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

#foden .indholdet {
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; 
}


#foden .indholdet sektion {
width: 50%; 
}


#foden .indholdet sektion:first-child {

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

padding-right: 0; 
} 


}







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

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


#foden .indholdet sektion {
width: 100%; 
}


#foden .indholdet sektion:last-child {
padding-left: 0; 
} 

}







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

#foden {
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;
}