body{background:#FAFAFA;margin:0px;min-height:100%;}
html, body {
    height: 100%;
	padding:0;margin:0;
}
div.header{background:#E6E6E6;padding:10px;width:100%;border-top:1px solid #A4A4A4;}
div.headerinner{padding:10px;margin-left: auto;margin-right: auto;width:1024px;max-width:100%;border:1px solid black;}
div.headerlogo{float:right;}    
div.headernavbar{float:left;}  
.navbarfillertop{border:0;height:70px;}
.clearfloat{clear:both;}
img.logo{margin-top:-50px;}

div.wrapper {
    position: relative;
    height: 100%;
    min-height: 100%;
    height: auto !important;
    padding-top:90px;
    margin-top:-40px;
}

div.maincontainer{
    padding:35px 0 100px 0;    
    margin-left: auto;
    margin-right: auto;
    width:1140px;
    max-width:100%;
}

div.footer{    
    position:absolute;
    bottom: 0px; 
    background:#E6E6E6;
    padding:10px;
    width:100%;
    border-top:1px solid #A4A4A4;
}

div.footerinner{
    padding:10px;    
    margin-left: auto;
    margin-right: auto;
    width:1140px;
     max-width:100%;
}

h1{font-size:24px;font-weight:bold;}
h2{font-size:22px;font-weight:bold;}
h3{font-size:19px;font-weight:bold;}

div.produkt{
    float:left;
    width:270px;
    max-width:100%;
    margin:7px;
}

div.produktinfo{
    border:1px solid #A4A4A4;
    background-color: #E6E6E6;
    width:270px;
    max-width:100%;
    padding:7px;
}

img.produkt{
    width:270px;
    max-width:100%;
}

 img.carouselimage, #myCarousel
{
    max-height:100%;
    overflow: hidden;
    width:1140px;
    max-width:100%;
}

@media (max-width: 1200px) 
    {
    div.maincontainer{
    padding:35px 10px 100px 10px;    
    margin-left: auto;
    margin-right: auto;
    width:960px;
    max-width:100%;
    }
}
    
@media (max-width: 991px) 
    {
    div.maincontainer{
    padding:35px 10px 100px 10px;    
    margin-left: auto;
    margin-right: auto;
    width:740px;
    max-width:100%;
    }
}