html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html, body {	
}

body {
	line-height:19px;
	font-size:14px;
	/*min-width:1000px;*/
	font-family: 'Open Sans', Arial, sans-serif;
	color:#222;
}

.intro {
    font-family: 'Niconne',cursive;
    font-size:80px;
    font-weight:400;
    line-height:80px;
    margin-bottom:20px;
}

.extra-intro {
	font-weight:400;
	font-size:20px;
	line-height:25px;
	margin-bottom:10px;
}



h1, h2, h3, h4, h5, h6 {
	clear:both;
	margin:0 0 30px 0;
}
p {
	margin:0 0 20px 0;
}

.red {
	color:red;
}

.lead {
	font-size:18px;
	line-height:26px;
	font-weight:300;
	margin-bottom:30px;
}

.signature {
	font-weight:700;
}

h1 {
	font-weight:300;
	font-size:40px;
	line-height:45px;
}

h2 {
	font-weight:600;
	font-size:30px;
	margin-bottom:20px;
	line-height:35px;
}

h3 {
	font-weight:300;
	font-size:20px;
	line-height:25px;
	margin-bottom:30px;
	display:inline-block;
	border-bottom:5px solid #000;
}



h4 {
	font-weight:700;
	font-size:15px;
	line-height:19px;
	margin-bottom:5px;
}

h4.foto-credit {
	margin-bottom:10px;
}

h2.big {
    font-size:35px;
    line-height:35px;
    margin-bottom:5px;
    text-transform:uppercase;
    word-wrap:break-word;
}

.popup-gallery {
	border-bottom: 1px dotted #a2717f;
    margin: 0 0 40px;
    padding-bottom: 10px;
}


.popup-gallery a {
	display:inline-block;
}
.origin {
	font-size:15px;
	background-color:#000;
	color:#FFF;
	padding:3px 8px;
	display:inline-block;
	border-radius:3px;
	margin-bottom:30px;
}

a {
	text-decoration:underline;
	color:#a2717f;
	outline:none !important;
}

a:hover {
	text-decoration:underline;
	color:#402b31;
}

a:hover, a:focus {
    color: #402b31;
}

.button {
	color:#FFF;
	background-color:#a2717f;
	padding:3px 8px;
	text-decoration:none;
	
	margin:0 0 5px 0;
	
	border:medium none;
	
	display:inline-block;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}

p.lineup-anchor  {
	margin-bottom:30px;
}


.lineup-anchor .button {
	display:inline-block;
	margin-bottom:5px;
}

#wr-lineup .button {
	display:inline-block;
	margin-bottom:5px;
}

.button:hover {
	text-decoration:none;
	color:#FFF;
	background-color:#402b31;
}

.button-spec {
	margin-bottom:20px;
}

.lineup-anchor .button:focus {
	color:#FFF;
	text-decoration:none;
} 

ol, ul {
	margin:0 0 25px 0;
}

ul li {
	list-style-type:disc;
	margin:0 0 3px 15px;
	line-height:17px;
}

li p {
	margin-bottom:10px;
}

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom:20px;
}
a img {
	border: none;
}

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



/* clear */
.clearfix:before,
.clearfix:after {
    content:' ';
    display:table;
}

.clearfix:after {
    clear:both;
}
.clearfix {
    *zoom:1;
}





#wrapper {
	width:960px;
	margin:0 auto;
}

#header-wrapper {
	margin-bottom:40px;
	position:relative;
}

#content-wrapper {
	clear:both;
	width:960px;
	margin-top: 40px;
}

#secondary-content {
	width:460px;
	float:left;
	position:relative;
}

#primary-content {
	width:480px;
	float:right;	
	position:relative;
}

#swf-logo {
	margin:0 0 50px 0;
	display:block;
}

#info-box {
	width:215px;
	height:185px;
	position:absolute;
	right:0;
	top:220px;
	z-index:10;
	background:transparent url("../images/info-box.png") no-repeat left top;
}

#info-box-2 {
	width:215px;
	height:110px;
	position:absolute;
	right:0;
	top:425px;
	z-index:10;
	background:transparent url("../images/info-box-2.png") no-repeat left top;
}

#btn-was-bisher-geschah {
	display:block;
	width:129px;
	height:67px;
	background:transparent url("../images/btn-was-bisher-geschah.png") no-repeat left top;
	position:relative;
	text-indent:-9999px;
	z-index:10;
	float:left;
}

#btn-was-bisher-geschah:hover {
	background-position:left bottom;
}


.lg-swf14 {
	display:block;
	height:34px;
	text-indent:-9999px;
	z-index:10;
	margin:0 14px 0 14px;
	top:15px;
	padding:0;
	position:relative;
	float:left;
}

#lg-frikulum {
	width:95px;
	background:transparent url("../images/logos/lg-frikulum.png") no-repeat left top;
}

#lg-kupf {
	width:69px;
	background:transparent url("../images/logos/lg-kupf.png") no-repeat left top;
}

#lg-ske {
	width:97px;
	background:transparent url("../images/logos/lg-ske.png") no-repeat left top;
}

#lg-weyer {
	width:117px;
	background:transparent url("../images/logos/lg-weyer.png") no-repeat left top;
}

#lg-fm4 {
	width:30px;
	background:transparent url("../images/logos/lg-fm4.png") no-repeat left top;
}

#lg-6a {
	width:60px;
	height:40px;
	top:10px;
	background:transparent url("../images/logos/lg-6a.png") no-repeat left top;
}

#lg-thegap {
	width:73px;
	background:transparent url("../images/logos/lg-thegap.png") no-repeat left top;
}

#lg-trash {
	width:103px;
	background:transparent url("../images/logos/lg-trash.png") no-repeat left top;
}





.address {
	margin-top:40px;
	padding:10px 0;
}


#get-social {
	margin:20px 0 30px 0;
	text-align:center;
}


iframe {
	margin-bottom:20px;
}

#like-box {
	margin:100px 0 100px 0px;
	width:380px;
}

#entry-box {
	width:396px;
}

#like-box iframe {
	margin-bottom:0;
}

.alignleft, img.alignleft {
    display:inline;
    float:left;
    margin-right:15px;
    margin-top:5px;
}

#footer-wrapper {
	min-height:50px;
	margin:20px 0;
}

.break {
	border-top:1px dotted #a2717f;
	margin:20px 0 30px 0;
}

.hide {
	display:none;
}


.main-menu {
	margin:0;
}

.main-menu ul {
	margin:0;
}

.main-menu li {
	list-style: none outside none;
	float:none;
	margin: 0 0 5px;
	
}



.main-menu li a {
	font-family: 'Open Sans',Arial,sans-serif;
	font-weight: 300;
	display:block;
	font-size:16px;
	line-height:1.2;	
	background-color: #a2717f;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    padding:5px 8px;
    text-decoration: none;
}

.main-menu li a.pics {
	background-color:#649930;
}

.main-menu li a.pics:hover {
	background-color:#548425;
}





.main-menu li a:hover {
	text-decoration:none;
	color:#FFF;
	background-color:#402b31;
}

.mc-field-group li {
	list-style:none outside none;
	margin:0 0 5px 0;
}

.mc-field-group ul {
	margin:5px 0;
}

.mc-field-group input[type="radio"], .mc-field-group input[type="checkbox"] {
	margin-right:5px;
}

.input-group label {
	font-weight: normal;
}

#abo-form {
}

.ticket-pricing {
	font-size:15px;
	background-color:#a1707e;
	color:#FFF;
	border-radius:3px;
	padding:5px;
	display:inline-block;
	margin:0;
}

sup {
	top:-0.75em;
}

.swf-table td {
	padding:5px;
	border-bottom:1px dotted #000;
	border-right:1px dotted #000;
}

table.swf-warmup {
	width:100%;
}

.swf-warmup td {
	padding:5px;
	border:1px dotted #000;
}

.swf-table .legend td {
	border:medium none;
}

.td-1 {
}

.td-2, .td-3  {
	text-align:right;
}

.swf-container {
}

.float-container {
	position:absolute;
	left:-480px;
	width:440px;
	margin-top:-40px;
}

.float-container-fb {
	margin-top:100px;
}

.float-container-viech {
	margin-top:-100px;
}

.entry-box {
	left:-490px;
	margin-top:-65px;
}

.entry-box {
	left:-490px;
	margin-top:-65px;
}

.entry-box iframe {
	height:350px;
}


.btn-press-pic {
	display:inline-block;
	margin:5px 5px 5px 0;
}

.btn-press-pic-float {
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}

.img-circle {
	display:block;
	border-radius:50%;	
}

.img-shadow {
	box-shadow:0 0 3px rgba(0,0,0,0.25);
}


#language-selection {
    float:right;
    margin-top:8px;
}



.dropdown-menu li {
	list-style-type:none;
	margin:0;
}

.dropdown-menu > li > a {
    padding-left:10px;
    padding-right:10px;
    text-decoration:none;
}



/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
    margin-bottom:20px;
}

.floating-pic {
	float:left;
	margin:5px 15px 10px 0;
}


#menu-wrapper {
	padding:5px 0;
}

.fixed-nav {
	z-index:100;
	position:fixed;
	top:0;
	left:0;
	right:0;
	background-color:rgba(161,112,126,0.5);
}


.yt-video {
	margin-bottom: 20px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	background-color:#EEE;
}


.video-icon {
	color:#000;
    left:50%;
    top:50%;
    position:absolute;
    z-index:1000;
    font-size:60px;
    margin:-30px 0 0 -30px;
    color:#FFF;
    border-radius:5px;
}

.video-icon .fa {
	text-shadow: 0 0 3px rgba(0,0,0,0.25);
	opacity:0.9;
}

#ro-li {
	margin:20px 0 20px 0;
	border-bottom:1px dotted #a2717f;
}

#ro-li li {
	list-style:none outside none;
	margin:0 0 2px 0;
	padding:5px 5px;
	font-size:15px;
	color:#333;
}

#ro-li .ro-ts {
    background-color:#F2F2F2;
}

#ro-li .ro-ts a {
    color:#a2717f;
}

#ro-li .ro-st a {
    color:#333;
}

#ro-li li a {
	text-decoration:none;
	font-size:15px;
}

.ro-artist {}

.ro-time {
	float:right;
}

.ro-stage {
	float:right;
}


.indicator-ts {
	padding:3px 5px;
	background-color:#F2F2F2;
	color:#a2717f;
}

.indicator-st {
	padding:5px;
	background-color:#FFF;
	color:#333;
}

.text-right {
	text-align:right;
}


#gallery-wrapper {
	margin:50px 0 50px 150px;
}


#ueber-uns {
	margin-bottom:75px;
}

#swf-map {
	width:100%;
	height:350px;
	margin:0px;
	padding:0px
}

#swf-map img {
	max-width:none;
}

.mapHeading {
	margin-bottom:0;
}


table.swf-running-order {
	width:100%;
	margin-bottom:10px;
}

.swf-running-order tr:nth-child(odd) td {
	background-color:#f2f2f2;
}

.swf-running-order tr:nth-child(even) td {
	background-color:#FFF;
}

.swf-running-order tr.divide td {
	background-color:#FFF;
	border-bottom: 1px dotted #a2717f;
	margin-top:10px;
	font-weight:700;
	padding-top:15px;
}


.swf-running-order td {
	color:#333;
    font-size:15px;
    padding:5px;
}

.swf-running-order th {
    background-color:#a2717f;
    color:#fff;
    font-size:18px;
    font-weight:600;
    padding:10px 5px;
}

.table-caption {
    color:#999;
    font-size:12px;
    margin:5px;
}


@media (max-width: 480px) {


	*,
	*:after,
	*:before {
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility;
	}


	body {
		min-width:inherit;
	}
	
	img {
		max-width:100%;
	}

	#wrapper {
		width:auto;
		float:none;
		padding:0 20px;
	}


	 #header-wrapper {
	 	height:auto;
   		width:auto;
   		margin:0 0 20px 0;
	 }	 
	 
	.lg-swf14 {
		display:none;
	}
	
	#btn-was-bisher-geschah {
		background-position:center top;
		width:100%;
	}
	#btn-was-bisher-geschah:hover {
		background-position:center bottom;
	}
	
	#language-selection {
		float:none;
		margin:10px 0;
	}
	 
	 
	 
		 
	 

	#content-wrapper {
		width:auto;
		padding:0;
	}
	
	#primary-content {
		width:auto;
		float:none;
	}



	#secondary-content {
		display:none;
	}


	h3.big, h3.giant {
		font-size:45px;
		line-height:45px;
	}
	
	h2 {
		font-size:25px;
		line-height:30px;
	}
	
	.intro {
		font-family: 'Niconne',cursive;
		font-size:60px;
		line-height:60px;
	}
	
	#get-social {
		margin-left:0;
	}
	
	#swf-logo {
		margin-bottom:10px;
	}


	
	.float-container {
		left: inherit;
		margin: 0;
		position: static;
		width: auto;
	}
	
	#abo-form {
		width:auto;
	}
	
	iframe, object, embed {
		max-width:100%;
	}

	


	
	.fixed-nav {
		z-index:100;
		position:static;
		top:0;
		background-color:transparent;
		width:auto;
	}
	
	#gallery-wrapper {
		margin-left:0;
		margin-top:20px;
	}
	
	

}





/* SWF-2015 */


.row:before,
.row:after{
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.border {
	border-top:1px dotted #a2717f;
	padding-top:25px;
}

.container {
	margin-left:auto;
    margin-right:auto;
    padding-left:25px;
    padding-right:25px;
    overflow:hidden;
}

.row {
	margin-left:-25px;
	margin-right:-25px;	
	margin-bottom:20px;
}

.row-sm {
	margin-bottom:5px;
}

.col-lg, .col {
	min-height:1px;
	position:relative;
}

.col-lg {
	padding:0 25px;
    float:left;    
    width:100%; 
}

.col {
	padding:0 25px;
    float:left;    
    width:100%; 
}

.artist-wrapper {
	margin-bottom:60px;
} 


img {
    border:0 none;
    height: auto;
    max-width:100%;
    vertical-align:middle;
}

.img-description {
	display:inline-block;
    font-size:10px;
    line-height:14px;
    margin:5px 0 0;
    color:#999;
}


.tweet-box {}

.tweet-box ul {
	margin:0;
}

.tweet-box li {
	list-style:none outside none;
	margin:0 0 20px 0;
}

.tweet-avatar {
	float:left;
	width:12%;
}

.tweet-avatar img {
	padding-right:10px
}

.tweet-txt {
	float:left;
	width:88%;
}

.tweet-msg {
	border-bottom:1px dotted #a2717f;
    margin-bottom:5px;
    padding-bottom:5px;
}

.tweet-user-date {
	font-size:12px;
	font-weight:bold;
}

#ntry-buy iframe {
	width:100%;
}

.pre-selling-list {
	margin-bottom:30px;
}

#leadtext .lead span {
   	background-color: #000;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    padding: 0 5px;
}

@media (min-width:480px) {

	.border {
	/*
		border:medium none;
		padding-top:0;
	*/
	}
	
	.push {	
		left:50%;
	}
	
	.pull {
		right:50%;
	}

	
	.col-lg {		
		width:50%;   
	}
	
	.row {
		margin-bottom:30px;
	}
	
	.row-sm {
		margin-bottom:5px;
	}
	
	.main-menu ul {
		float: right;
		margin: 0;
	}
	
	.fixed-nav .main-menu li:last-child {
		margin-right:10px;
	}
	
	.main-menu li {
		float:left;
		margin:5px 0 5px 10px;
	}
	
	.main-menu li a {
		display:inline-block;
	}
	
	#menu-wrapper {
		margin:0 0 50px 0;
	}
	
	.fixed-nav .main-menu li a {
		background-color: #754e59;
	}
	
	.fixed-nav .main-menu li a:hover {
		background-color:#402b31;
	}
	
	h2.big {
		font-size:45px;
		line-height:45px;
	}


}

@media (min-width: 768px) {

	.container {
		width:760px;
	}
	
	.col-lg {		
		width:50%;   
	}
	
	
	
	.fixed-nav .main-menu li:last-child {
		margin-right:20px;
	}
	
	h2.big {
		font-size:55px;
		line-height:55px;
	}
	
	#swf-map {
		height:550px;

	}
	
	
	
	
	
}

@media (min-width: 992px) {
	
	.container {
		width:960px;
	}
	
	.col-lg {		
		width:50%;   
	}	


}

@media (min-width: 1220px) {

	.container {
		width:1060px;
	}

	.col-lg {		
		width:50%;   
	}
	
	#ntry-buy iframe {
		width:292px;
	}
	
	.main-menu li {
		margin:10px 0 10px 20px;
	}
	

}


