#wrapper, .footerwrapper, .wrapper {
    max-width: 970px;
	width:98%;
	padding-left:1%;
	padding-right:1%;
    margin: 0px auto;
}
#wrapper {
    padding-bottom: 60px;
}

.logo {
    width: 77%;
}
.servicenavi {
    width: 23%;
}
.banner h2 {
    font-family: "OpenSans-Extrabold";
    color: #E52629;
    font-size: 3em;
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: 20px;
}
.banner.right img	{
	max-width:38%;
	height:auto;
}

body:not(.extranet):not(.optimaheat):not(.unterseite) footer h3 {
    width: 22%;

}
body:not(.extranet):not(.optimaheat):not(.unterseite) .footerwrapper div div {
    width: auto;
    padding-right: 2%;
    max-width: 17%;
}

.tabs ul.ebene1 {
    background: url(../img/linie.png) repeat-x;
    background-position: right 41px;
    height: 46px;
}
.tabs ul.ebene1 li.active {
	background: #fff;
    height: 45px;
}

@media screen and (max-width: 820px) {
	.navi1 {
		font-size:14px;
	}	
	nav li {
		list-style: none;
		width: 15.5%;
		margin-left: 1%;
		float: left;
		border-top: 4px #d8d8d8 solid;
	}
}

.banner.left {
    margin-left: 0px;
}