@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
picture img{ width: 100%!important; }
img { border:none; max-width: 100%; height: auto; line-height: 0; font-size: 0; }
html{ overflow-y: scroll; }
html, body { height: 100%; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #7f7e7e; font-weight: 400; }
input{ font-family: 'Open Sans', sans-serif; }
p { padding: 0px; margin: 0px; margin-bottom: 2em; }
h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1; }

.button{
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 30px;
        padding-right: 30px;
        background-color: #3d9923;
        text-decoration: none;
        color: #FFF;
        font-weight: 900;
}

.bildergalerie {
 float: left;
 width: 29.33%;
 padding-right: 2%;
 padding-left: 2%;
 }

#wrapper{
   position:relative; /* needed for footer positioning */
   margin:0 auto; /* center, not in IE5 */
   width: 100%;

   height:auto !important; /* real browsers */
   height:100%; /* IE6: treaded as min-height */

   min-height:100%; /* real browsers */
}
#container{
        max-width: 927px;
        margin: 0 auto;
}
#header{

}
#header .mail{
        float: left;
        padding-top: 30px;
        padding-bottom: 21px;
        background-image: url(../img/schatten_nav.png);
        background-repeat: no-repeat;
        background-position: left bottom;
}
#header .mail a{
        display: block;
        height: 49px;
        width: 49px;
        background-image: url(../img/mail.png);
        background-repeat: no-repeat;
        font-size: 0px;
}
#header a.mobicon{
        display: none;
        height: 49px;
        width: 49px;
        font-size: 0px;
        background-color: #3d9923;
        float: left;
        margin-right: 10px;
        margin-top: 30px;
}
#header a.mobicon span{
        display: block;
        margin-top: 18px;
        margin-left: 8px;
        width: 30px;
        height: 30px;
        background-image: url(../img/mobil_icon.png);
        background-repeat: no-repeat;
        -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;
}
#header .mobicon{
        display: none;
}
#header #nav{
        float: left;
        padding-top: 30px;
        padding-bottom: 21px;
        background-image: url(../img/schatten_nav.png);
        background-repeat: no-repeat;
        background-position: -49px bottom;
}
#header #nav ul{
        list-style: none;
        list-style-type: none;
}
#header #nav ul li{
        float: left;
        position: relative;
}
#header #nav ul li a{
        height: 49px;
        background-color: #3d9923;
        padding-left: 17px;
        padding-right: 17px;
        display: block;
        line-height: 49px;
        font-weight: 600;
        color: #ffffff;
        font-size: 13px;
        text-decoration: none;
}
#header #nav ul li:hover a{
        color: #bd0826;
}
#header #nav ul li.active a{
        color: #bd0826;
}
#header #nav ul li ul{
        position: absolute;
        z-index: 25;
        display: none;
        width:170px;
}
#header #nav ul li:hover ul{
        display: block;
}
#header #nav ul li ul li{
        float: none;
}
#header #nav ul li ul li a{
        color: #ffffff!important;
        border-top: 1px solid #FFFFFF;
}
#header #nav ul li ul li.active a{
        color: #bd0826!important;
}
#header #nav ul li ul li:hover a{
        color: #bd0826!important;
}
#header .logo{
        float: right;
        line-height: 0px;
        font-size: 0px;
        position: relative;
        left: 8px;
}

#banner{
        margin-bottom: 30px;
        position: relative;
}

. slider-banner{ max-height: 403px; overflow:hidden; }

#banner .pagination{
        position: absolute;
        bottom: 20px;
        left: 48%;
        z-index: 25;
}
#banner .pagination span{
        display: inline-block;
        width: 8px;
        height: 8px;
        background-image: url(../img/pagiSlider.png);
        margin-right: 6px;
        cursor: pointer;
}
#banner .pagination span.swiper-active-switch{
        background-image: url(../img/pagiSlider_active.png);
}
.swiper-slide{
        position: relative;
}
.swiper-slide img{
        width: 100%;
}
.swiper-slide .infobox{
        position: absolute;
        bottom: 24%;
        left: 20%;
        color: #ffffff;
}


div#outline{
        padding-bottom: 90px;
}

div#content{
        float: left;
        width: 75%;
        background-color: #edf0f3;
        padding-left: 45px;
        padding-right: 45px;
        padding-top: 45px;
        padding-bottom: 45px;
        margin-right: 5%;
}
div#content h1{
        font-weight: 700;
        font-size: 22px;
        color: #ba1b28;
        margin-bottom: 28px;
        text-transform: uppercase;
}

div#content h2{
        font-weight: 200;
        font-size: 14px;
        color: #4d4f55;
        margin-bottom: 15px;
        text-transform: uppercase;
}

div#content ul{
        padding: 10px;
        margin: 15px 15px 15px 15px;
        list-style-image: url(/img/ul.gif);

}

div#content a{
        color: #4d4f55;
        text-decoration: underline;
}

div#content p{
        line-height: 18px;
}
div#content b, div#content strong{
        font-weight: 600;
}
div#right{
        float: left;
        width: 20%;
        text-align: center;
}
div#right h2{
        font-size: 19px;
        color: #4d4f55;
        text-transform: uppercase;
        margin-bottom: 5px;
}
div#right h3{
        font-size: 19px;
        color: #4d4f55;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 18px;
}
div#right p{
        margin: 0 0 1em;
}
div#right .stellensuche{
        margin-bottom: 10%;
}

div#right .stellensuche h2{
        margin-bottom: 10px;
}

div#right .stellensuche .zurboerse{
        background-color: #bd0826;
        color: #FFF;
        font-size: 14px;
        font-weight: 700;
        display: block;
        height: 26px;
        line-height: 26px;
        text-decoration: none;
        margin-top: 18%;
}
div#right .stellensuche .zurboerse span{
        position: relative;
        top: -8px;
}



div#right .facebook{
        margin-bottom: 10%;
}

div#right .facebook h2{
        margin-bottom: 10px;
}

div#right .facebook .zu{
        background-color: #5a78b9;
        color: #FFF;
        font-size: 14px;
        font-weight: 700;
        display: block;
        height: 26px;
        line-height: 26px;
        text-decoration: none;
        margin-top: 10%;
}
div#right .facebook .zu span{
        position: relative;
        top: -8px;
}






#topBanner{
        margin-bottom: 24px;
}
#topBanner .tBanner{
        float: left;
        width: 31%;
        color: #ffffff;
}
#topBanner .tBanner img{
        float: left;
        margin-right: 10px;
        padding-bottom: 20px;
}

#topBanner .tBanner:first-child{
        margin-right: 4%;
}





#footer{
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #3d9923;
}
#footer .footerIn{
        max-width: 927px;
        margin: 0 auto;
        padding-left: 8px;
        padding-right: 8px;
        font-weight: 600;
        font-size: 13px;
        color: #ffffff;
}
#footer .footerIn a{
        color: #ffffff;
        text-decoration: none;
}
.clearer{ line-height: 0px; font-size: 0px; text-indent: -999px; clear: both; width: 100%; }


@media ( max-width : 927px ) {
        #header #nav{ display: none; }
        #header .logo{ left: 0px; }
        #header .mail{ background-image: none; }
        #header a.mobicon{ display: block; }
        div#right{ width: 23%; }
        div#content{ margin-right: 2%; }
        #header #nav{ float: none; padding-top: 0; padding-bottom: 0; background-image: none; position: absolute; top: 100px; left: 0px; width: 100%; z-index: 30;   }
        #header #nav ul li{ float: none; width: 100%;  }
        #header #nav ul li a{ padding-left: 8px; padding-right: 8px; border-bottom: 1px solid #FFF; }
        div#footer{ position: static; }
        div#outline{ padding-bottom: 5% }
        #header #nav ul li ul{ display: none; position: static;}
        #header #nav ul li:hover ul{ display: none;}
        #header #nav ul li ul li a{ line-height: 30px; height: 30px; padding-left: 16px; padding-right: 16px; }
}
@media ( max-width : 900px ) {
        #topBanner .tBanner{ width: 100%; margin-bottom: 18px; }
}
@media ( max-width : 700px ) {
        .button{ padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; }
        .swiper-slide .infobox{ font-size: 12px; left: 10%; }
}
@media ( max-width : 650px ) {
        div#right{ width: 28%; }
        div#content{ width: 70%; }
}
@media ( max-width : 560px ) {
        div#right{ width: 100%; margin-top: 5%; }
        div#content{ width: 100%; margin-right: 0; }
        div#right .stellensuche { margin-top:4%; }
        div#right .stellensuche .zurboerse{ margin-top: 2%; }
}
@media ( max-width : 450px ) {
        #header .logo{ width: 61%; padding-top: 3%; }
        .swiper-slide .infobox{ display:none; }
        #topBanner .tBanner img{ float: none; margin-right: 0; width:100%; }
        #topBanner .tBanner h3, #topBanner .tBanner h2, #topBanner .tBanner p{ padding-left: 10px;}
}
@media ( max-width : 370px ) {
        #header .logo{ padding-top: 4%; }
}
@media ( max-width : 330px ) {
        #header .logo{ padding-top: 7%; width: 58%; }
}
@media ( min-width : 927px ) {
        #nav{ display: block!important;}
        #nav ul li ul{ display: none!important;}
        #nav ul li:hover ul{ display: block!important;}
}