* {margin: 0; padding: 0; outline: 0;}




body {
	font-family: 'OpenSansRegular', Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	font-size: 13px;
	line-height:24px;
	background:#fff;

	
}

a, b, strong{color: #000;}
b, strong{font-weight:bold;}

a hover{color: #666;}


h1, h2 {
	font-family: 'OpenSansLight', sans-serif;
	font-weight: 300;
	margin:0 0 15px 0;
}


h1 {
	font-size: 37px;
	line-height: 100%;
}

h1.title {
	font-size: 46px;
	font-weight: 700;
	color: #6a6a6a;


}


h2 {
	font-size: 24px;
}

p {
	margin: 0 0 15px 0;
}

.menuBtn {

	background: center center no-repeat transparent;
	background: #000;
	display: block;
	width: 40px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 10px;

}

.active {
	background: #808080;
}
#s8.active {
	background: #000;
}
.clear {
	clear: both;
}
.wrap {
		/*background:url(../images/bg.png) top left repeat-x;*/
		width: 100%;
		max-width:100%;
		z-index: 10;
		position: relative;
		margin: 0 auto;
		padding: 0;

}



.section {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
.section.s4{
	padding:0!important;
}


.inner {
	width: 1220px;
	max-width:100%;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	font-size: 13px;
	line-height:24px;
	font-family: 'OpenSansRegular', sans-serif;
	font-weight: 300;
	padding:100px 0 0 0;
}

.sTop .inner{padding:0;width:100%;}
.s4inner{
	padding:105px 0 0 0;}

/* This is the selector i used for my menu, it needs to be set as position:absolute; */
.subMenu {
	position: absolute;
	top: 730px;
	height: 80px;
	z-index: 1000;
	width: 100%;
	max-width:100%;
	background: #000;

}

.subMenu .inner {
	padding:0;
	font-weight: 400;
}





.subNavBtn {
	display: block;
	height: 80px;
	width: auto;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 11px;
	padding: 0 15px 0 15px;
	text-align: center;
	/*color: #fdfdfd;*/
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	line-height:80px;
}



.inner .navi img {
	display: block;
	height: 80px;
	width: auto;
	float: right;
	margin: 0px 0px 0 0;
	text-decoration: none;
	padding: 0;
	text-align: center;
}

.end {
	margin: 0;
}


/* SECTIONS */
.sTop {
	min-height: 800px;
	background:#fff;
	color:#3d3d3d;
	
}



.s1 {
	min-height: 691px;
	background: #fff url(../_images/_swing/sect1.jpg) top center no-repeat;
}

.s1 .inner{width:550px;max-width:100%;text-align:left;padding-top:100px;}
.s1 .inner H1{padding-bottom:50px;}


.s2 {
	background: #fff url(../_images/_swing/sect2.jpg) top center repeat-x;
}
.s2 .inner{
	min-height: 655px;
	max-width:100%;
	text-align:left;
}
.s2 .inner H1{	
	text-align:left;padding-left:100px;
}

.s2 #copy{width:700px;	max-width:100%;text-align:left;}

.s3 {
	background: #fff url(../_images/_swing/sect3.jpg) top center repeat-x;
	min-height: 923px;
}

.s3 #copy{ margin:0 auto; max-width:700px;}

@media (max-width: 700px){	
	.s3 #copy {
	    padding-left:20px;
	    padding-right:40px;
	}
}

.s3 .inner{
	width:1200px;
	max-width:100%;
	min-height: 523px;
}

.s4 {
	background: #fff url(../_images/_swing/sect4.jpg) top center repeat-x;
	min-height: 500px;
	line-height:0.01em;
}
.s4 #copy, .s4 H1{ text-align:left; max-width:400px; margin:0 auto; padding-right:10%;
	line-height:24px;}
@media (max-width: 600px){	
	.s4 #copy, .s4 H1 {padding-left:20px;}	
}	
.s4 H1{padding-bottom:30px;}

.sliderwrap{
	background: #000;
	position:relative;
	max-width:100%;
	}

.s5 {
	background: #fff url(../_images/_swing/sect5.jpg) top center repeat-x;
}
.s5 .inner{
	width:1100px;
	max-width:100%;
	text-align:left;
	min-height: 830px;
	
}
.s5 H1{padding-bottom:30px;}

.s5 .tracklist{
	width:600px;
	max-width:100%;}

.s6 {
	background: #352620 url(../_images/_swing/sect6.jpg) top center repeat-x;
	min-height: 817px;
	color: #fff;
}
.s6 .inner{
	width:700px;
	max-width:100%;	
}
.s6 .inner a{
	color: #fff;
}
.gbnavigation{
	width:40px;
	padding:10px;
	padding-top:100px;
}
@media (max-width: 670px){
	.gbnavigation{
		padding-top:0px;
	}
}
.s7 {
	min-height: 1000px;
	background: #fff url(../_images/_swing/sect7.jpg) top center repeat-x;
	color: #000;
}
.s7 .inner{
	width:1200px;
	max-width:100%;	
}

.s8 {
	height:1px;overflow:hidden;
}

@media (max-width: 600px){
.s1 .inner{margin-left:20px;margin-right:20px;max-width:80%}
}


#tourdetails {font-size:13px;sans-serif;line-height:21px;padding:0;margin:0;text-align:left;}
#tourdetails .name {font-size:16px;sans-serif;line-height:21px;padding:0;margin:0;text-align:left;}
#tourdetails H1 {font-size:16px;letter-spacing: 0;font-family: 'OpenSansRegular', sans-serif;line-height:15px;padding:0;margin:0;font-weight:bold;text-align:center;}
#tourdetails .datum {font-size:13px;letter-spacing: 0;font-family: 'OpenSansRegular', sans-serif;line-height:15px;padding:0;margin:0;text-align:center;display:block;}
#tourdetails .jahr {font-size:11px;letter-spacing: 0;font-family: 'OpenSansRegular', sans-serif;line-height:15px;padding:0;margin:0;text-align:center;display:block;}


.datumrahmen{float:left;width:51px;border:1px solid #000;padding-top:2px!important;padding-bottom:2px!important;margin-top:4px!important;}

.tourbutton{float:left;width:188px;border:1px solid #000;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align:center!important;padding:3px 0 4px 0;margin-top:4px;}
#tourdetails.tourdetails_mitte{float:left;width:260px;margin-left:25px;}

@media (max-width: 600px){
	.datumrahmen{float:none;width:auto;border:none;padding-top:0px;padding-bottom:0px;margin-top:0px;width:90%;}
	#tourdetails H1{display:inline;font-size:13px;}
	#tourdetails{text-align:center;}
	#tourdetails .datum, #tourdetails .jahr{display:inline;font-size:13px;font-weight:bold;}
	.tourbutton{width:90%;display:block;float:none;margin:0 auto;clear:both;}
	#tourdetails.tourdetails_mitte{float:none;margin:0 auto;width:90%;margin-left:0px;}
}

.tourbutton:hover, .tourbutton:hover a, .tourbutton:hover strong{background:#000;color:#fff;}



@media (max-width: 370px){
	#tourdetails.tourdetails_mitte{float:left;width:200px;margin-left:25px;}
}


#newsdetails {font-size:13px;sans-serif;line-height:21px;padding:0;margin:0;text-align:left;}
#newsdetails .name {font-size:16px;sans-serif;line-height:21px;padding:0;margin:0;text-align:left;}
#newsdetails H1 {font-size:16px;letter-spacing: 0;font-family: 'OpenSansRegular', sans-serif;line-height:15px;padding:0;margin:0;font-weight:bold;text-align:center;}
#newsdetails .datum {font-size:13px;letter-spacing: 0;font-family: 'OpenSansRegular', sans-serif;line-height:15px;padding:0;margin:0;text-align:center;display:block;}
#newsdetails .jahr {font-size:11px;letter-spacing: 0;font-family: 'OpenSansRegular', sans-serif;line-height:15px;padding:0;margin:0;text-align:center;display:block;}




#copyliste_overflow{margin:0 auto;width:550px;max-width:100%;}








	.subMenu img{float:right;}
@media (max-width: 1078px){
	.subNavBtn {height:40px;
	line-height:40px;}
	
.s2 .inner{
	background:transparent;	
	}
	
}
@media (max-width: 770px){	
	.subMenu img{display:none;}
	.s1 .inner, .s2 .inner, .s3 .inner, .s4 .inner, .s5 .inner, .s6 .inner, .s7 .inner	{min-height:300px; }
}
@media (max-width: 370px){
	.subNavBtn {
		height:26px;
		line-height:26px;
		padding: 0 20px 0 20px;
	}
}	
@media (max-width: 320px){
	.subNavBtn {
		padding: 0 5px 0 5px;
	}
	
}

.sprite_rahmen{position:relative;height:1;width:1;}

.sprite1{
	position:absolute;
	left:-373px;
	top:585px;
    width: 205px; 
    height: 319px; 
    background: url(../_images/_swing/Sprite-Animation_01-Tour_205x319px.png);
}
.sprite1_linie{
	position:absolute;
	left:-331px;
	top:855px;
    width: 126px; 
    height: 364px; 
    background: url(../_images/_swing/Linie_01-Tour.png);
}

@media (max-width: 1224px){
	.sprite1{left:-250px;}
	.sprite1_linie{left:-208px;}
	
}
@media (max-width: 984px){
	.sprite1{display:none;}
	.sprite1_linie{display:none;}
	
}

.sprite2{
	position:absolute;
	right:0px;
	top:97px;
    width: 256px; 
    height: 201px; 
    background: url(../_images/_swing/Sprite-Animation_02-Aktuelles_256x201px.png);
}
.sprite2_linie{
	position:absolute;
	right:-180px;
	top:144px;
    width: 236px; 
    height: 394px; 
    background: url(../_images/_swing/Linie_02-Aktuelles.png);
}

@media (max-width: 1600px){
	.sprite2_linie{display:none;}
	
}

@media (max-width: 980px){
	.sprite2{display:none;}
	
}



.sprite3{
	position:absolute;
	right:-380px;
	top:85px;
    width: 387px; 
    height: 383px; 
    background: url(../_images/_swing/Sprite-Animation_03-Videos_387x383px.png);
}
.sprite3_linie{
	position:absolute;
	right:-270px;
	top:374px;
    width: 192px; 
    height: 442px; 
    background: url(../_images/_swing/Linie_03-Videos.png);
}

@media (max-width: 1984px){
	.sprite3{display:none;}
	.sprite3_linie{display:none;}
	
}



.sprite4{
	position:absolute;
	left:-165px;
	top:595px;
    width: 171px; 
    height: 353px; 
    background: url(../_images/_swing/Sprite-Animation_04-Presse_171x353px.png);
}
.sprite4_linie{
	position:absolute;
	left:-170px;
	top:970px;
    width: 89px; 
    height: 648px; 
    background: url(../_images/_swing/Linie_04-Presse.png);
}
.sprite5{
	position:absolute;
	left:0px;
	top:1555px;
    width: 380px; 
    height: 354px; 
    background: url(../_images/_swing/Sprite-Animation_05-Kontakt_380x354.png);
}
.sprite5_linie{
	position:absolute;
	left:-81px;
	top:1616px;
    width: 126px; 
    height: 114px; 
    background: url(../_images/_swing/Linie_05-Kontakt.png);
}

@media (max-width: 1522px){
	.sprite4{display:none;}
	.sprite4_linie{display:none;}
	.sprite5_linie{display:none;}
	
}
@media (max-width: 1224px){
	.sprite5{display:none;}
	
}

.sprite6{
	position:absolute;
	left:166px;
	top:974px;
    width: 388px; 
    height: 195px; 
    background: url(../_images/_swing/Sprite-Animation_06-Impressum_388x195px.png);
}

@media (max-width: 1224px){
	.sprite6{display:none;}

}







.Impressum{
	background: #fff url(../_images/_swing/impressum.jpg) top center repeat-x;
	min-height: 1160px;
}

.Impressum .inner{
	width:1140px;
	max-width:100%;
	text-align:left;
	min-height: 1160px;
}


.impressum_links{width:530px;float:left;text-align:left; }
.impressum_rechts{width:500px;float:left;padding-left:90px;text-align:left; }

.footer, .footer .inner{
	min-height: 50px;
	padding:0;margin:0 auto;
}

@media (max-width: 1070px){
	.impressum_links, .impressum_rechts{width:auto;float:none;padding-left:30px;}
	.Impressum{
	background: #fff url(../_images/_swing/bg_streifen.png) top center repeat-x;
	}
}

#cdownload{width:350px;float:left;padding-right:45px;text-align:left;}
@media (max-width: 800px){
	#cdownload{
		padding-right:0px;
		padding-left:20px;
		max-width:100%;
	}
}

.pressePDF{height:213px;}
.pressePDF #cdownload{width:auto;float:none;margin:0 auto;text-align:center;padding-top:100px;}


#newscontent{width:800px;max-width:100%;}
.newsnavigation{padding:10px;width:80px;padding-top:100px;}

@media (max-width: 780px){
	.newsnavigation{padding:10px;width:80px;padding-top:0px;}
	#newscontent{margin-left:20px;margin-right:20px;max-width:80%;}
}

#inputlinks {
	clear: both;
	float: left;
width:154px; float:left; height:29px;


}
#inputrechts {
	float: left;
	width: 240px;
	height:29px;
}

#inputrechts_doppelt {
	float: left;
	width: 290px;
	height:58px;
}

#inputrechts_send1 {
	float: left;
	width: 292px;
	height:18px;
}

#inputrechts_send2 {
	float: left;
	width: 80px;
	height:18x;
	text-align:right;
}


#inputrechts input, #inputrechts textarea {
	width: 100%;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	
	border: 0;
	padding: 2px;
	line-height: 14px;
}