@import url("navigation.css");
@import url("modules.css");
@import url("input.css");
@import url("jquery.jqzoom.css");

/************************* RESET **********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
}

/************************* HTML BODY **********************/

html {
  
  background: #383838 url(../images/bg_body.jpg) no-repeat center top;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

body {
  
  background: url(../images/bg_body.png) repeat-x left top;
  color: #333;
  font: 11px/16px Verdana, Geneva, sans-serif;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

/************************* STRUCTURE **********************/

#header{
  margin: 0 auto;
  width: 960px;
}

#container{
  background: #FFF;
  margin: 0 auto;
  min-height: 615px;
  padding: 10px;
  width: 940px;
}

  #slideshow_container{
    height: 280px;
    position: relative;
    width: 940px;
  }
    #slideshow_container #slideshow_overlay{

    }
    #slideshow_container #slideshow_overlay .text-left{
      background: url(../images/bg_slideshow_overlay.png) no-repeat;
      color: #000000;
      bottom: 10px;
      font-size: 14px;
      height: 142px;
      padding: 25px 0 0 30px;
      position: absolute;
      left: 10px;
      width: 324px;
      z-index: 1000;
    }
    #slideshow_container #slideshow_overlay .text-right{
      background: url(../images/bg_slideshow_overlay.png) no-repeat;
      color: #000000;
      bottom: 10px;
      font-size: 14px;
      height: 142px;
      padding: 25px 0 0 30px;
      position: absolute;
      right: 10px;
      width: 324px;
      z-index: 1000;
    } 
    
      #slideshow_container #slideshow_overlay h1{
        font-size: 24px;
        font-weight: normal;
        margin: 0 0 5px 0;
      }
      
      #slideshow_container #slideshow_overlay a{
        background: url(../images/bg_link_left.png) no-repeat left 0;
        bottom: 12px;
        color: #FFF;
        padding: 2px 0 2px 17px;
        position: absolute;
        text-decoration: none;
        left: 30px;
      }
      
  #boxe{
    float: left;
    background: url(../images/bg_boxe.gif) repeat-x bottom;
    margin: 20px 0 0 0;
  }
    #boxe .box{
      height: 330px;
      margin: 0 20px 0 0;
      width: 172px;
      float: left;
      position: relative;
    }
    
    #boxe .box h2{
      color: #FFF;
      font-size: 15px;
      font-weight: normal;
      margin: 20px 0 0 10px;
      position: relative;
      z-index: 99;
      top: -210px;
    }
    
    #boxe .box .txt{
      height: 70px;
      color: #FFF;
      padding: 0 10px 0 10px;
      position: absolute;
      bottom: 50px;
      left: 0;
      width: 152px;
    }
    
    #boxe .box .txt a{
      position: absolute;
      left: 10px;
      top:-25px;
    }
  
  #topbillede img{
    display: none;
  }
  
  #content{
    background: url(../images/bg_container.gif) repeat-y 192px;
    margin: 10px 0 0 0;
    min-height: 470px;
  }
  
    #subnav{
      float: left;
      margin: 30px 0 0 0;
      width: 192px;
    }
    
    #txt{
      float: left;
      margin: 30px 0 0 0;
      padding: 0 40px 0 40px;
      width: 665px;
    }
    
      #txt img{
        /* padding: 10px 0 10px 10px; */
      }
      
      #txt ul{
        margin: 15px 0 15px 20px; 
      }
    
#footer{
  background: url(../images/bg_footer.jpg) no-repeat left top;
  margin: 0 auto;
  width: 940px;
  height: 90px;
  padding: 30px 0 0 20px;
}

  #footer table{
    color: #909090;
    font-size: 10px;
    line-height: 20px;
  }

  
/************************* TEXT **********************/

h1, h2, h3, h4, h5, h6 {
  line-height: normal;  
}

h1 {
  color: #000;
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 30px 0;
}

h2 {
  font-size: 14px;
  margin: 10px 0 5px 0;
}

h3 {
  font-size: 12px;
  margin: 10px 0 5px 0;
}

p {
  margin: 9px 0 9px 0;
}

/************************* LINKS **********************/

a {
  color: #adad00;
  text-decoration: underline;
  
}

a:hover {
  text-decoration: underline;
}

a:focus {
}

a:visited {
}

/************************* TABLES **********************/

table {
}

table th {
}

table td {
}

/************************* OTHERS **********************/

.logo {
  height: 70px;
}

.clear {
  clear: both;
}

.noshow {
  display: none;
}

.nobg{
  background: 0 !important;
}


        .newsletter {
            position: fixed;
            color: white;
            background: #adad00;
            bottom: 0;
            right: 0px;
            width: 100%;
            height: 330px;
            padding: 45px 15px 20px 15px;
            font: 11px/16px 'Times New Roman',serif;
            font-weight: bold;
            display: none;
            -webkit-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.75);
            z-index: 9999;
            /*  TABLET PORTRÆT - 768px og op
    --------------------------------------- */
            /*  TABLET LANDSKAB OG LILE DESKTOP - 992px og op
    --------------------------------------- */
            /*  STOR DESKTOP - 1200px og op
    --------------------------------------- */
        }
        
        .newsletter .form--standard__submit {
            width: 100% !important;
            height: 40px;
            background: #383838;
            border: 0;
            color: #fff;
            font-size: 16px;
            text-transform: uppercase;
            margin-top: 15px;
        }
        
        .newsletter p {
            line-height: 1;
            font-size: 14px;
        }
        
        .newsletter .msg {
            color: red;
        }
        
        .newsletter__close {
            position: absolute;
            right: 15px;
            font-size: 35px;
            top: 5px;
        }
        
        .newsletter__close:hover {
            cursor: pointer;
        }
        
        .newsletter__formwrapper .ok {
            font-size: 28px;
        }
        
        .newsletter__formwrapper form .form-group:first-child {
            margin-top: 10px;
            margin-bottom: 5px;
            float: left;
            width: 100%;
        }
        
        .newsletter__formwrapper form .form-group:nth-child(2) {
            float: left;
            width: 100%;
            margin-top: 5px;
            margin-bottom: 20px;
        }
        
        @media only screen and (min-width: 768px) {
            .newsletter {
                right: 15px;
                width: 500px;
                height: 265px;
                padding: 40px;
            }
        }
        
        .newsletter-minimized {
            width: 355px;
            height: 45px;
            background: #adad00;
            position: fixed;
            bottom: 0;
            right: 0px;
            /*  TABLET PORTRÆT - 768px og op
  --------------------------------------- */
        }
        
        .newsletter-minimized__text p {
            margin-top: 1px;
        }
        
        .newsletter-minimized:hover {
            cursor: pointer;
        }
        
        .newsletter-minimized__text {
            line-height: 45px;
            font-size: 18px;
            font-weight: bold;
            float: left;
            padding: 0 15px;
            color: white;
            text-transform: uppercase;
            font-family: 'Times New Roman', serif;
        }
        
        .newsletter-minimized__icon {
            height: 45px;
            float: right;
            width: 50px;
            text-align: center;
            line-height: 45px;
            font-size: 25px;
            color: white;
            background: #383838;
            padding-top: 10px;
        }
        
        @media only screen and (min-width: 768px) {
            .newsletter-minimized {
                right: 15px;
            }
        }
        
        .form-control {
            display: block;
            width: 95%;
            height: 37px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.7;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }