/* 
    Created on : 04.09.2014, 10:35:06
    Author     : Gunnar Kneese
*/

html {
    min-height: 100%;
    width: 100%;
    margin-bottom:1px;
}
body{

    padding: 0;
    margin: 0;
    font-family:'AvenirNextLTW01-Regular', Verdana, Arial, "Sans serif";
    font-size:16px;
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
p{

} 
body#frontend { 
    background-color: #fff;
}

#all{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    overflow:hidden;
}
#top {

}
.max-1280{
    width: 100%;
    max-width:1280px;
    margin:0 auto;
}
.sticky{
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(255,255,255,1);
    width:100%;
    border-bottom:1px solid #f58220;
}
.logo{
    box-sizing: border-box;
    width:25%;
    float:left;
    padding:10px 20px;
}
.logo img{
    width: 100%;
}
.schriftzug{
    position: absolute;
    left: 15%;
    bottom:10px;
}
.schriftzug img{
    width: 50%;
}
.headline{
    width: 100%;
}
.headline img{
    width: 100%;
}
#nav {
    width: 75%;
    background-color: #fff;
    font-family: 'OCR A W00 Extended', sans-serif;
    text-align: right;
    float:right;
    
}
#content {
    background-color:#fff;
}
header{
    position: relative;
}
img{
    padding:0;
    margin:0;
}
a.img{
    border: 0; 
}
a{
    color: #000;
    text-decoration:none;
}
div {
    padding: 0;
    margin: 0;
}
footer{
    background-color:#3db7e9;
    padding:20px;
}
#footer ul{
    float:right;
}
#footer li{
    list-style-type: none;
    float:left;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{
    color:white;
    padding: 0 20px;
    text-decoration:none;

}   
h1{
    font-family: 'AvenirNextLTW01-Condens_721299', Verdana, Arial, "Sans serif";
    color:#f58220;
    font-size:24px;
    font-weight: bold;
}

.cycler{position:relative;}
.cycler img{position:absolute;z-index:1}
.cycler img.active{z-index:3}
/*
clearfix
*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#frontend{
    background-color:#fff;
    background-image:none;
}
a img{
    border:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Voll{
    
}
.Halb{
    width: 50%;
}
.Drittel{
    width: calc( 100% / 3 );
    width: -moz-calc( 100% / 3 );
    float:left;
}
.Viertel{
    width:25%;
    float:left;
}
.Sechstel{
    width: 12.5%;
    overflow:hidden;
    float:left;
}
.Ganz{
    padding:0 40px;
}
#ContactContainer input, #ContactContainer textarea{
    width:95%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:5px;
    border:0;
    margin-top: 3px;

}
#ContactContainer input, #ContactContainer textarea{
    width:calc(100% - 14px);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:5px;
    border:1px solid #f0f0f0;
    margin-top: 3px;
    background-color:#d4e7eb;

}
#ContactContainer input[type="submit"]{
    background-color:#00888d;
    color:#fff;
    width:calc(100% - 2px);
}
#ContactContainer label{
    color: #1E2A54;
}
#ContactContainer .formErrorText{
    color: red;
}
#ContactContainer .InputContainer {
    margin: 10px 0;
}
#toggle{

}
#toggle a {

}

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

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

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

}