#brand {
    min-height: 135px;
	height:auto;
	background: #fff;
	max-width:1024px;
	min-width: 320px;
	margin: 0 auto;
}


#logo{
  position: relative;
  left: 0px;
  top:0;
  width:164px;
  height:127px;
  margin: 0;
  z-index: 8;
}	

	

a#logo-link{
  background:url(../img/logo-blau_164_127_ohSchrift.png) no-repeat center; 
  width:164px; 
   height:127px; 
  text-indent: -700rem;/*-9999px*/
  z-index:10;
  position:absolute;
  top:0;
}

@media only screen and (min-width: 400px) {


}

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



}

	
@media only screen and (min-width: 992px) {
#logo{
  position: relative;
  left: 0px;
  top:0;
  width:200px;
  height:135px;
  margin: 0;
  z-index: 8;
  float:left;
  padding-left:10px;
}	
	
a#logo-link{
  background:url(../img/logo-blau_175_135_ohSchrift.png) no-repeat center; 
  width:175px; 
   height:135px; 
  text-indent: -700rem;/*-9999px*/
  z-index:10;
  position:absolute;
  top:0;
}
}
@media only screen and (min-width: 1050px) {
 #logo{
	 left: -10px;
 }
}	
@media only screen and (min-width: 1100px) {
 #logo{
	 left: -30px;
 }
}	
@media only screen and (min-width: 1200px) {
 #logo{
	 left: -50px;
 }
}
@media only screen and (min-width: 1250px) {
 #logo{
	 left: -100px;
 }
}