/**
* Gally Websolutions GmbH 2014
* www.gally-websolutions.com
**/
@media only screen and (min-width: 1024px)  {
	#menu a{
		/*padding:0 0 0 20px;*/
	}
	
	
}

@media only screen and (max-width: 1024px)  {
	#footernavi_content {
		width:100%;
	}
	#logo {
	box-sizing:border-box;
	margin: 15px 0 0;
	}
	#logo img {
		width: auto;
		height: 60px!important;
	}
	#mainsizer, .claimfooter, .claim, .toplink {
		float:none;
		width:100%;
	}
	
	#navi {
		/*margin-top:62px;*/
	}
	
	.smallstripes, #claimwrap_stripes, .headstripes, #claimwrapfooter_stripes, .topbox .stripe1{
		display:none;
	}
	
	#extracontent, #footernavi {
		box-sizing: border-box;
		padding: 20px 30px 30px;
		text-align: left;
		width: 100%;
		height:auto;
		border:0!important;
	}

	#footerkontakt{
		padding: 20px 30px 30px;
	}
	
	#contentnew, #standorte {
		padding-left:30px;
		padding-right:30px;
		box-sizing:border-box;
		width:100%;
		border:0!important;
	}
	.centercontainer {
		box-sizing:border-box;
		width:100%;
	}
	.centercontainer {
		padding:0 10px 0 10px;
		box-sizing:border-box;
		width:100%;
	}
	.textbox {
		display:none;
	}
	.iconbox {
		width: 50%;
	}
	#footer .box {
		width:100%;
	}
	
	#logo {
	}

	#navi {
		float: left;
    margin-bottom: 1px;
    width: 100%;
	}
	#gallygallery_wrapper {

	}
	#gallygallery_background {
			/*margin-top:45px;*/
	}
	#header {
		width:100%;
		box-sizing:border-box;
	}
	
	#filler {
		
	}
	#footer .box .left {
		width: 50%;
	}
	#footer .box .right {
		width: 50%;
	}
	#contentnew img{
		max-width:100% !important;
		height:auto; 
	}
	
	table, tbody, tr, td {
		max-width:100%;
	}
	iframe, object, embed {
		width:100%!important;
		height:450;
	}

	

}


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

	#gallygallery_header .gallygallery .container .footer .description,
#gallygallery_header .gallygallery .container .swosh,
#gallygallery_header .gallygallery .container .footer .title,
#gallygallery_header .gallygallery .container .cosmetic{
	/*display:none!important;*/

}

#gallygallery_header .gallygallery .container .logo {
	top:128px!important;
}

#gallygallery_header .gallygallery .container .logo {
	right:150px;
}


		

}
@media only screen and (max-width: 880px)  {
	.bandinfos {
		padding:12px 0 5px 30px;
		background-color:transparent;
	}
	.bandname {
		font-size:14px;
		float:left;
		text-align:left;
		padding-right:5px;
		
	}
	.datumundzeit {
		font-size:14px;
		float:left;
		padding-bottom:5px;
		
	}

}
@media only screen and (max-width: 880px)  {
	


	#contentnew {
		
	}
	
	#footerkontakt{
		height:auto;
	}
	
	#mainsizer, .contactbox , .mapbox, .topbox, .claimfooter, .claim, .toplink {
		float:none;
		width:100%;
	}
	
	.contactbox{
		text-align:center;
	}
	
	.contacttypo{
		margin: 20px 0 0 0px;
	}

	#footernavi ul li {
    width: 50%;
}
	
	
	.contenttoggle{
		display:none;
	}

	.contenttoggelmobile{
		text-align:center;
		display:block;
		color:#fff;
	}
	
	.claim{
		font-size: 18px !important;
    
	}
	
	.claim span{
		font-size:		18px !important;
		text-align: center;
		margin-right:0!important;
    
	}
	.claim .claimpart {
		display: block;
        width: 100%;
	}
	
	.claim span.typoneuigkeiten, .infotypo{
		margin-left:0!important;
		font-size:	26px !important;
		margin-right:0!important;
	}
	
	#claimwrap {
		height:175px;
	}
	
	#footer .box .left {
		width: 100%;
	}
	#footer .box .right {
		width: 100%;
	}
	.iconbox {
		width: 100%;
	}
	#mobilebild-wrapper{
		display:block;
	}
	#mobile-bild img {
	}
	#header-contenter {
		position:relative;
		top:auto;
		/*border-bottom:2px solid #383a40;*/
		height:100px;
	}
	
	
	
	#navi {
		float: left;
		margin-bottom: 1px;
		width: 100%;
	}
	
	table img {
		width:80px;
	}
	
	
	.programmpunkt{
		margin:						0 0 20px 0;
		width:						50%;
		float:						left;
		box-sizing: 				border-box;	
	}
	
	.programmleft{
		float:						none;
		text-align:					center;
		margin:						0 auto;
		margin-bottom:				10px;	
		width:						90px;
		height:						90px;
	}
	
	.programmright{
		margin-left:				0;
		width:						100% !important;
		float:						none;
	}
	
	.programmright .kurzbeschreibung{
		display:					none;
	}
	
	.programmrightcontent{
		height:					auto !important;	
	}
	
	.more_btn{
		text-align:					center;
		display:					block;
		margin-top:					0px;	
	}
	
	.centerme{
		width:						100%;
		text-align:					center;	
	}
	
	.progdate, .proghead{
		width:						100%;
		text-align:					center;
		float:						none;
		font-size:					14px;	
	}
	
	.hideme{
		display:					none;
	}


	.kategorieselect{
		text-decoration: none;
		margin-right:						0px;
		text-transform: uppercase;
		font-weight: bold;
		
		-webkit-border-radius: 				10px;
		-moz-border-radius: 				10px;
		border-radius: 						10px;	
		
		background-color:					#932b34;
		color:								#fff;
		
		border:								2px solid #932b34;
		
		box-sizing:							border-box;
		
		padding:							10px;
		
	}
	
	.kategorieselectactive, .kategorieselect:hover
	{
		text-decoration: none;
		margin-right:						0px;
		text-transform: uppercase;
		font-weight: bold;
		
		-webkit-border-radius: 				10px;
		-moz-border-radius: 				10px;
		border-radius: 						10px;	
		
		
		background-color:					#fff;
		color:								#932b34;
		
		border:								2px solid #932b34;
		
		padding:							10px;
		
		box-sizing:							border-box;
	}


}

@media only screen and (max-width: 1024px)  {
	.kontaktdaten {
		float:none;
		width:100%;
		box-sizing:border-box;
		 padding: 10px 10px 0;
	}
	.kontaktdaten2 {
		width:50%;
	}
}

@media only screen and (max-width: 600px)  {
	.kontaktdaten img {
		display:block;
		float:none;
		margin-bottom:5px;
	}
	.kontaktdaten {
		width:100%;
		min-height:auto;
		display:inline-block;
	}
	.kontaktdaten2 {
		width:100%;
		min-height:auto;
		padding-left:10px;		
	}
	
	
	.programmpunkt{
		margin:						0 0 20px 0;
		width:						100%;
		float:						none;
		box-sizing: 				border-box;	
	}
	
	.centerme{
		width:						100%;
		text-align:					center;	
		min-height:					auto;
	}
	
	
	
	
	.kategorieselect{
		display:							block;
		width:								100%;
		margin-bottom:						10px;
		
	}
	
	.kategorieselectactive, .kategorieselect:hover
	{
		display:							block;
		width:								100%;
		margin-bottom:						10px;
	}
	
	
}
@media only screen and (max-width: 450px)  {
	#footerkontakt a, .contacttypo a{
		line-height: 30px;
	}

	.aktuellpunkt, .programmpunkt{
		padding:0;
	}
	.contacttypo {
		margin-left:0;
	}
	#footernavi ul li  {
		width: 100%!important;
	}
	
	#footernavi ul li a {
		text-align:center;
	}
	#footernavi ul li span {
		text-align:center;
	}

}


/* CSS Konzept für responsive Bildergalerie. Verhältnis bleibt gleich. */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
  
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
/* Bildverhältnis beibehalten */
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.embed-responsive-590by265 {
  padding-bottom: 44.915%;
}
.embed-responsive-1500by435 {
  padding-bottom: 29%;
}
.embed-responsive-1500by500 {
  padding-bottom: 33%;
  /*height:550px;*/
}
.embed-responsive-1500by750 {
  padding-bottom: 50%;
}
.embed-responsive-1500by835 {
  padding-bottom: 55%;
}
.embed-responsive-1500by1000 {
  padding-bottom: 66%;
}
.embed-responsive-1024by550 {
  padding-bottom: 54%;
  padding-bottom: 53.8%;
}
.embed-responsive-parterre {
  padding-bottom: 35%; /*1500px Breite, 525px Höhe*/
}




@media only screen and (max-width: 1024px)  {
	
	
}