@media only screen and (min-width:320px) and (max-width:1100px){
body {
	
	font-size:15px;
}
#navi a {
color:#dbd8d8 ;
}
#navi a:hover {
color:#fff ;
}
#navi a.navi_tickets_active, #navi a.navi_tickets_active, #navi a.navi_programm_active, #navi a.navi_info_active, #navi a.navi_warmup_active, #navi a.navi_rueckblick_active, #navi a.navi_anfahrt_active, #navi a.navi_datenschutz_active, #navi a.navi_kontakt_active, #navi a.navi_sponsoren_active{
color:#aadcf3 ;
}
#cdteaser{
top:90px !important;
left:325px !important;
}
#cdteaser img{
height:150px;
}
#bgcontainer {
	

}
#facebook {
	top: 187px;
}
#content, #page {
	width: auto;
	margin: 0px auto;

}
#page{
		height:1940px;
}
#navi {
	top: 266px;
	left: 10px !important;
}
#body {
	position: absolute;
	top: 320px;
	left: 10px;
	width: 95%;
}
#body h2{
margin-left:0px;
}
.program_bottom_bands_item {
	margin: 10px;
	width:auto;
}
.program_bottom_bands_item_img {
	float: none; 
	width: 408px;
	height: auto;
	display: inline;
}
.program_bottom_bands_item_img img {
	width: 240px;
	height: auto;
}
#content h2 {
	margin-right: 10px;
	margin-left:10px;
}
#footer_content {
	position: relative;
	width: auto;
	padding-top: 50px ;
	margin: 0px auto;
	margin-left:10px !important;
}
body.tickets #footer_content{padding-top:250px}
#content_navi {
  display: block;
  height: 80px;
  padding: 20px 0px 15px 30px;
  clear:both;
}
 }
 @media only screen and (min-width:320px) and (max-width:620px){
 #facebook{
 display:none;
 }
 #cdteaser{
left:225px !important;
top:140px !important;
}
#cdteaser img{
height:110px;
}
#musikszene_logo a img {
width:90px;
}
#neustart_logo{
  position: absolute;
  top: 310px;
  right: 100px;
  font-size:12px;
}
#inimusik_logo {
  position: absolute;
  top: 310px;
  right: 10px;
    font-size:12px;
}
#neustart_logo a img {
width:60px !important;
}
#inimusik_logo a img {
width:80px !important;
}
#h2spons{
max-width:200px;
}

 }