html, body {
width:100%; height:100%;
}

body {
margin:0; padding:0;
background:#fff;
color:#000;
}

p > iframe {
    display: none;
}

a, span, div, ul, li, td, th, form, fieldset, input, select, textarea, p, h1, h2, h3, h4 {
font-family:Calibri,Arial,Helvetica,sans-serif;
color:inherit;
font-size:16px;
line-height:21px;
font-weight:normal;
text-decoration:none;
margin:0; padding:0;
list-style-type:none;
outline:none;
border:0;
}

img {
border:0;
}

.dn {
display:none;
}

.vh {
visibility:hidden;
}

h1 {
clear:left;
text-transform:uppercase;
font-size:33px;
line-height:36px;
font-weight:600;
color:#64b8e1;
padding-bottom:21px;
}

h2, h3 {
font-weight:600;
}

a:hover,
a:focus,
#nav li a:hover,
#nav li a:focus,
#nav li.active a {
color:#64b8e1;
}

.button {
display:inline-block;
zoom:1;
padding:10px 20px;
color:#fff;
text-transform:uppercase;
background:#b1ca34;
}

.button:hover,
.button:focus {
color:#fff;
background:#b1ca34;
}

.content_inner ul {
padding:0 0 21px 15px;
}

.content_inner li {
list-style-type:disc;
}

p {
padding-bottom:21px;
}

.content_inner ul,
.content_inner img,
p,
h1,
h2 {
display:block;
margin:0 auto;
max-width:750px;
}

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

         .content_inner ul,
         .content_inner img,
         p,
         h1,
         h2 {
         max-width:100%;
         }

         .content_inner>p,
         h1,
         .content_inner>h2 {
         padding:0 20px;
         -webkit-box-sizing:border-box;
         -moz-box-sizing:border-box;
         box-sizing:border-box;
         }

}

#header_outer {
position:absolute;
position:fixed;
left:0px; top:0px;
width:100%; height:42px;
background:#fff;
border:1px solid #9d9d9c;
border-width:1px 0;
z-index:100;
}

#header_inner {
position:relative;
margin:0 auto;
width:100%; height:42px;
max-width:1024px;
}

         #logo {
         position:relative;
         float:left;
         width:177px; height:15px;
         padding:20px 0 18px 0;
         margin:0 25px 0 137px;
         z-index:101;
         }

         #logo:hover,
         #logo.hover {
         height:330px;
         }

                  #logo img {
                  display:block;
                  width:177px; height:14px;
                  }

         #header_inner span {
         float:left;
         margin:17px 0 0 0;
         font-size:13px;
         font-weight:600;
         color:#706f6f;
         text-transform:uppercase;
         }

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

         #logo {
         margin-left:30px;
         }
}

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

         #header_inner span {
         display:none;
         }

}

         #nav {
         float:right;
         margin:19px 30px 0 0;
         padding:0;
         }

                 #nav li {
                 float:left;
                 margin:0;
                 padding:0 9px;
                 border-left:2px solid #9d9d9c;
                 }

                 #nav li.first {
                 border:0;
                 }

                         #nav li a {
                         display:block;
                         font-size:13px;
                         line-height:17px;
                         color:#9d9d9c;
                         text-transform:uppercase;
                         }

         #menu {
         display:none;
         position:absolute; left:0px; top:44px;
         z-index:100;
         }

         #logo.hover #menu,
         #logo:hover #menu {
         display:block;
         }

                 #menu li a {
                 display:block;
                 width:158px; height:37px;
                 padding:0 0 0 19px;
                 margin:8px 0 0 0;
                 background:#c4c0bc;
                 background:rgba(157,157,157,0.6);
                 font-size:16px;
                 line-height:37px;
                 color:#fff;
                 text-transform:uppercase;
                 }

                 #menu li a:hover,
                 #menu li a:focus,
                 #menu li.active a {
                 background:#9d9d9d;
                 }


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

         #header .logo {
         margin-left:12.5%;
         }

         #menu {
         left:12.5%;
         }

}


#sap {
position:absolute; left:100%; top:44px;
margin-left:-351px;
display:block;
z-index:99;
}

.slider {
position:relative;
width:100%; height:auto;
overflow:hidden;
}

.fullscreen {
height:100%;
}

       .slider li {
       position:absolute; left:0px; top:0px;
       width:100%; height:100%;
       overflow:hidden;
       visibility:hidden;
       }

       .slider li.active {
        position:relative;
        }

       .slider li.controls,
       .slider li.active {
       visibility:visible;
       }

                .slider img {
                display:block;
                width:100%; height:auto;
                }

                .slider div {
                position:absolute; left:0px; bottom:130px;
                margin:0 0 0 10%;
                width:80%;
                text-align:center;
                font-size:27px;
                line-height:31px;
                font-weight:600;
                color:#fff;
                text-transform:uppercase;
                text-shadow:0px 0px 50px #000;
                }

       .slider li.controls {
       position:static;
       width:100%;
       }

                .slider ul.dots {
                position:absolute; left:50%; bottom:100px;
                width:77px; height:19px;
                margin:0 0 0 -38px;
                }

                         .slider ul.dots li {
                         float:left;
                         width:19px; height:19px;
                         margin-left:10px;
                         position:relative;
                         visibility:visible;
                         }

                         .slider ul.dots li.first {
                         margin-left:0px;
                         }

                                  .slider ul.dots a {
                                  display:block;
                                  width:19px; height:19px;
                                  background:url('img/icons.png') no-repeat;
                                  }

                                  .slider ul.dots a:hover,
                                  .slider ul.dots li.active a {
                                  background-position:left -50px;
                                  }


.content_outer {
position:relative;
margin:32px 0;
}

       .content_inner {
       position:relative;
       max-width:1024px;
       margin:0 auto;
       clear:both;
       *zoom:1;
       }

                .content_inner:before, .content_inner:after {
                content:' ';
                display:table;
                }

                .content_inner:after {
                clear:both;
                }

                .content_inner img {
                display:block;
                height:auto;
                }

         a.kontakt {
         position:absolute; left:100%; top:0px;
         margin-left:-113px;
         width:95px; height:36px;
         padding:12px 0 12px 18px;
         color:#fff;
         font-weight:600;
         line-height:18px;
         background:#b1ca34;
         z-index:99;
         }

         a.kontakt:hover,
         a.kontakt:focus {
         background:#64b8e1;
         }

#mix {
position:relative; left:11px; top:-13px;
display:block;
width:773px; height:261px;
max-width:773px;
padding:13px 0 0 0;
background:url('img/wir4.png') 18px top no-repeat;
z-index:-1;
}

         #mix li {
         margin:21px 0 0 18px;
         padding-bottom:2px;
         }

                 #mix li h2 {
                 margin:0;
                 }

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

         #mix {
         width:75%; height:auto;
         max-width:75%;
         background:none;
         left:0px; top:0px;
         padding:0;
         }

}

h2.zitat {
font-weight:300;
font-style:italic;
font-size:26px;
line-height:29px;
color:#64b8e1;
}

#mitarbeiter {
position:relative; left:20px;
list-style-type:none;
padding:0;
width:790px;
max-width:790px;
}

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

         #mitarbeiter {
         left:0px;
         padding:0 20px;
         width:100%;
         max-width:100%;
         -webkit-box-sizing:border-box;
         -moz-box-sizing:border-box;
         box-sizing:border-box;
         }

}

         #mitarbeiter li {
         list-style-type:none;
         }

                 #mitarbeiter li div.name {
                 clear:left;
                 float:left;
                 width:106px; height:106px;
                 padding:13px;
                 font-weight:600;
                 background:#d8d8d8;
                 }

                 #mitarbeiter li img {
                 float:left;
                 margin:0 58px 56px 12px;
                 }

                 #mitarbeiter li div.details {
                 float:left;
                 width:450px;
                 }

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

                 #mitarbeiter li img {
                 margin-bottom:10px;
                 margin-right:0;
                 }

                 #mitarbeiter li div.details {
                 clear:left;
                 margin-bottom:56px;
                 width:100%;
                 }

                 #mitarbeiter li div.details ul {
                 width:100%;
                 max-width:100%;
                 }

}

                 #mitarbeiter li div.details {
                 float:left;
                 }

                          #mitarbeiter li div.details h3 {
                          text-transform:uppercase;
                          color:#64b8e1;
                          font-size:18px;
                          }

                          #mitarbeiter li div.details li {
                          list-style-type:disc;
                          margin-left:3px;
                          }

#leistungen {
padding:0;
}

         #leistungen li {
         list-style-type:none;
         float:left;
         margin:26px 0 0 28px;
         width:166px; height:107px;
         display:table;
         }

         #leistungen li.first {
         clear:left;
         margin-left:0;
         }

         #leistungen li.dn {
         display:none;
         }

         #leistungen li.logo {
         width:100%; height:auto;
         }

                  #leistungen li.logo img {
                  margin:0;
                  }

                  #leistungen li a,
                  #leistungen li.active a:hover,
                  #leistungen li.active a:focus {
                  display:table-cell;
                  width:166px; height:107px;
                  background:#e1e1e1;
                  text-align:center;
                  vertical-align:middle;
                  font-weight:600;
                  color:#000;
                  }

                  #leistungen li:nth-child(8) a,
                  #leistungen li:nth-child(9) a {
                  width:136px;
                  padding:0 15px;
                  }

                  #leistungen li a:hover,
                  #leistungen li a:focus {
                  background:#b1ca34;
                  color:#fff;
                  }
#overlay {
display:none;
}

#overlay.active {
display:block;
position:fixed; left:0px; top:0px;
width:100%; height:100%;
background:#000;
opacity:0.8;
z-index:1000;
cursor:pointer;
}

#leistungen_detail {
display:none;
}

#leistungen_detail.active {
display:block;
position:fixed; left:50%; top:50%;
margin:-109px 0 0 -375px;
width:750px; height:218px;
padding:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
z-index:1001;
}

         #leistungen_detail li {
         position:absolute; left:0px; top:0px;
         display:none;
         }

         #leistungen_detail li.active {
         display:block;
         width:100%; height:178px;
         border:1px solid #000;
         }

                 #leistungen_detail li a.close {
                 position:absolute; left:100%; top:7px;
                 margin-left:-20px;
                 color:#000;
                 font-size:20px;
                 }

                 #leistungen_detail li h3 {
                 padding:10px 20px;
                 background:#c0a4cb;
                 }

                 #leistungen_detail li p {
                 display:block;
                 height:137px;
                 padding:10px 20px;
                 background:#fff;
                 }


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

         #leistungen_detail.active {
         margin:-189px 0 0 -150px;
         width:300px; height:378px;
         }

                  #leistungen_detail li.active {
                  height:338px;
                  }

                          #leistungen_detail li p {
                          height:337px;
                          }

}

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

         #leistungen {
         width:100%;
         padding:0 20px;
         -webkit-box-sizing:border-box;
         -moz-box-sizing:border-box;
         box-sizing:border-box;
         }

         #leistungen li {
         margin-left:21px;
         }

         #leistungen li.first {
         margin-left:0;
         }

         .slider div {
         margin-top:-117px;
         }

         .fullscreen div {
         margin-top:-197px;
         }

}

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

         #leistungen li {
         margin-left:21px;
         }

         #leistungen li:nth-child(2n+2) {
         margin-left:0;
         }


}

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

         #leistungen {
         width:206px;
         margin:0 auto;
         }

         #leistungen li:nth-child(2n+2),
         #leistungen li {
         clear:left;
         margin-left:0;
         }

}


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

         #nav {
         display:none;
         }

         #logo {
         margin-left:5%;
         }

         #sap {
         max-width:100%;
         }


}

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

         #sap {
         width:100%; height:auto;
         left:0px;
         margin:0;
         }

         .content_inner {
         padding-top:100px;
         }

                .slider div {
                display:none;
                bottom:15px;
                margin-top:0;
                }

                .fullscreen div {
                display:block;
                bottom:80px;
                }

                .slider ul.dots {
                bottom:20px;
                margin-top:0;
                }

                .fullscreen ul.dots {
                bottom:40px;
                }
}

#stellen {
position:relative; left:20px;
list-style-type:none;
padding:0;
width:790px;
max-width:790px;
}
         #stellen li {
         list-style-type:none;
         }

                 #stellen li div.job {
                 clear:left;
                 float:left;
                 width:260px; height:60px;
                 font-weight:600;
                 background:#d8d8d8;
                 margin-top:50px;
                 padding:15px 0 0 15px;
                 }

                 #stellen li div.details {
                 float:left;
                 margin-top:50px;
                 margin-left:50px;
                 }

                          #stellen li div.details h3 {
                          text-transform:uppercase;
                          color:#64b8e1;
                          font-size:18px;
                          }

                          #stellen li div.details li {
                          list-style-type:disc;
                          }

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

         #stellen {
         left:0px;
         padding:0 20px;
         width:100%;
         max-width:100%;
         -webkit-box-sizing:border-box;
         -moz-box-sizing:border-box;
         box-sizing:border-box;
         }

                #stellen li div.details {
                clear:left;
                margin-left:0;
                }

                         #stellen li div.details p {
                         max-width:100%;
                         }

}

#kontaktformular,
#bewerbungsformular {
display:block; margin-top:-40px; padding-bottom:40px;
}

#neuigkeiten {
position:relative; left:20px;
list-style-type:none;
padding:0;
width:790px;
max-width:790px;
}

         #neuigkeiten li {
         list-style-type:none;
         }

                 #neuigkeiten li div.date {
                 clear:left;
                 float:left;
                 width:130px; height:75px;
                 background:#9d9d9d;
                 margin-top:25px;
                 text-align:center;
                 }

                        #neuigkeiten li div.date h2 b {
                        display:block;
                        font-size:36px;
                        font-weight:600;
                        color:#fff;
                        line-height:36px;
                        }

                        #neuigkeiten li div.date h2{
                        display:block;
                        text-transform:uppercase;
                        font-size:12px;
                        font-weight:600;
                        color:#fff;
                        line-height:12px;
                        padding:10px 0 30px 0;
                        }

                #neuigkeiten li div.details {
                width:602px;
                padding-left:20px;
                float:left;
                margin:25px 0 50px 20px;
                }

                          #neuigkeiten li div.details h3 {
                          text-transform:uppercase;
                          font-size:18px;
                          }

                          #neuigkeiten li img {
                          float:left;
                          }

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

         #neuigkeiten {
         left:0px;
         padding:0 20px;
         width:100%;
         max-width:100%;
         -webkit-box-sizing:border-box;
         -moz-box-sizing:border-box;
         box-sizing:border-box;
         }

                #neuigkeiten li div.details {
                width:100%;
                clear:left;
                margin-left:0;
                padding-left:0;
                }

                         #neuigkeiten li div.details p {
                         max-width:100%;
                         }

                         #neuigkeiten li div.details iframe {
                         width:100%;
                         height:calc( (100% / 560px) * 315px);
                         }


}

.content_form {
position:relative;
padding:0;
width:790px;
max-width:790px;
margin-top:50px;
}

form {
position:relative; left:20px;
padding:0;
margin-top:20px;
width:577px;
}
        form p {
        color:#9d9d9c;
        margin-left:25px;
        }

        input.text {
        width:557px;
        height:44px;
        background:#e1e1e1;
        margin-bottom:10px ;
        padding:0 0 0 15px;
        color:#9d9d9c;
        }

        textarea {
        width:557px;
        height:265px;
        background:#fff;
        margin-bottom:10px ;
        padding:15px 0 0 15px;
        border-color:#9d9d9c;
        border-width:1px;
        border-style:solid;
        color:#9d9d9c;
        }

        label a {
        text-decoration:underline;
        }

        input.red {
        width:555px; height:42px;
        border:1px solid red;
        }

        textarea.red {
        width:555px; height:263px;
        border:1px solid red;
        }

        label.red,
        label.red a {
        color:red;
        }

        input.submit {
        display:block;
        background:#64b8e1;
        color:#fff;
        font-weight:bold;
        text-transform:uppercase;
        padding:7px 20px;
        cursor:pointer;
        }

        #captcha,
        #k_captcha {
        display:inline-block;
        }

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

        .content_form {
        left:0px;
        padding:0 20px;
        }

        form {
        left:0px;
        }

        .content_form,
        form,
        input.text,
        textarea,
        input.red,
        textarea.red {
        width:100%;
        max-width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        }

}

#impressum {
position:relative;
padding:0 20px;
}

         #impressum h1 {
         margin-top:30px;
         }

         #impressum p,
         #impressum h1 {
         padding:0;
         }

         #impressum a {
         text-decoration:underline;
         }

.jFiler-input-dragDrop {
width:100%;
background:#e1e1e1;
border:0;
padding:0;
}

.jFiler-input-choose-btn.blue,
.jFiler-input-choose-btn.blue:hover {
display:block;
border:0;
background:none;
color:#9d9d9c;
white-space:normal;
}