html, body {
  margin:0;
  padding:0;
  height:100%;
  text-align:left;
  width:100%;
}

#header {
  background:white;
  position:absolute;
  top:0px;
  left:0px;
  padding:10px 0 10px 0;
  width:100%;
  z-index:10;
}

#scroller {
  height:100%;
  left:0;
  overflow:auto;
  position:absolute;
  top:0;
  width:100%;
  z-index:2;}


#footer {position:absolute; bottom:0; left:0; width:100%; z-index:10; color:#333; padding:10px 0 10px 0;background:white;}

.logo {padding:7px 0 0 0px;}
.mnu {text-align:center;padding-top:17px;}
.icons{float:right;padding:7px 0px 0 0px;}
.icons img {padding-left:15px;}
.logoleft {position:relative;z-index:999;margin-left:5.3%;}
.flyoutclaim {display:none;}
.klein {display:none;}


/* responsive start */


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

.meta{display:none;}
div.wrap-col.icons {display:none;}
div.wrap-col.mnu {display:none;}
.metaflyout{border-bottom:1px solid #f2f2f2; height:112px;}
div.responsive-menu.expand > div#menu > div.metaflyout > ul > li {border-bottom:1px solid #f2f2f2;float:none; display:inline;}
div.responsive-menu.expand > div#menu > div.metaflyout > ul > li > a{width:64px;text-align:center; float:left; border-right: 1px solid #f2f2f2;display:inline;  padding: 10px;}


.flyoutclaim{display:block;margin: -70px 0 0 0;padding-left:15px;}
.mobile-nav{display:block;}
.normal {display:none;}
.klein {display:block;}
.logo{padding:0;}



.b1,.b2,.b3,.c1,.c2,.c3,.b11,.b12,.b13 {margin:137px 0px 30px 0px;padding:25px 4% 0% 4%;width:92%;}
.proj,.ueber {height:100%;padding:150px 3% 80px 1%;width:80%;margin:0 auto;}


/* responsive end */