/*** colors
graublau 	= #bdd7d3
sand		= #feefdb

***/

/*** reset browser defaults ***/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, .default {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, .block {
	display: block;
}
ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}

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

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}

@font-face {font-family: 'siBook';src: url('webfonts/SuisseIntl-Book-WebS.eot');src: url('webfonts/SuisseIntl-Book-WebS.eot?#iefix') format('embedded-opentype'),url('webfonts/SuisseIntl-Book-WebS.woff2') format('woff2'),url('webfonts/SuisseIntl-Book-WebS.woff') format('woff'),url('webfonts/SuisseIntl-Book-WebS.ttf') format('truetype');}
@font-face {font-family: 'siBold';src: url('webfonts/SuisseIntl-SemiBold-WebS.eot');src: url('webfonts/SuisseIntl-SemiBold-WebS.eot?#iefix') format('embedded-opentype'),url('webfonts/SuisseIntl-SemiBold-WebS.woff2') format('woff2'),url('webfonts/2E9B30_1_0.woff') format('woff'),url('webfonts/SuisseIntl-SemiBold-WebS.ttf') format('truetype');}
 
 
 
body {
	background-color: #000;
	margin: 0;
	padding: 1px 0 0 0;
	font-family: 'siBold';
}

#archiv { background-color: #fff; }


ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

a {
	color: inherit;
	text-decoration: none;
}



.content p a, li a { text-decoration: underline;}
p a:hover { opacity: 0.6; } /* nur desktop */

h1,h2,h3, p {	
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#wrap { padding: 1px 0 0 0; }


/********** menu ***********/


#menu
{
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	overflow-y:scroll;
	display: none;	
}


#menu ul {
 	font-family: 'siBook';
 	font-size: 50px;
 	color: #feefdb;
	padding: 100px 0 20px 0;	
	line-height: 60px;
	text-align: center;

}

#menu ul li a { 
 	color: #feefdb;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 14px;
}

#menu a:hover  { opacity: 0.6; }

#close {
	position: fixed;
	left: 55px;
	top: 50px;
	width: 37px;
	height: 37px;
	cursor: pointer;
}
#menubt, #menubtc {
	position: fixed;
	z-index: 100;
	left: 52px;
	top: 52px;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
#menubtbg { display: none; }
#menubt img { width: 100%; }

#container {
	width: 1000px;
	margin: 0 auto;
	min-height: 600px;
	position: relative;
}


#container .fancygroup {position: relative; display: block; width: 100%; height: auto;}
#container .galimg { margin: 0 auto; }


/*** spontan ***/

.content {
	width: 930px;
	margin: 0 auto;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.content h2
{
	font-family: siBook;
	font-size: 50px;
	line-height: 60px;
	font-weight: normal;
	color: #000;
	text-transform: uppercase;
}

.long { display: block; }
.short { display: none; }

.content p, .content li {
	font-family: siBook;
	font-size: 33px;
	line-height: 50px;
	font-weight: normal;
	color: #000;
	margin-top: 40px;
}

.row {
	width: 100%;
	padding-top: 0;
}

.logo .content {
	margin-top: 100px;
	text-align: center;
}

#archiv .logo .content {
	margin-top: 50px;
	margin-bottom: 85px;
	text-align: center;
}

.birdy {
	width: 50%;
	max-width: 509px;
	min-width: 250px;
	margin: 0 auto 30px auto;
}

.blackwave {
	background-color: #bdd7d3;
	height: 178px;
}
.sandwave, .pinkwave {
	background-color: #fff;
	height: 178px;
}

.whitewave {
	background-color: #ffbaad;
	height: 178px;
}

.greenwave {
	background-color: #feefdb;
	height: 178px;
}
.blackwave img, .sandwave img, .whitewave img, .greenwave img, .pinkwave img {
	width: 100%;
	height: 100%;
}



.konzert {
	background-color: #bdd7d3;
	padding: 105px 0 75px 0;
}
.spontan {
	background-color: #feefdb;
	padding: 85px 0 75px 0;
}
.verein
{
	background-color: #fff;
	padding: 85px 0 75px 0;
}
.initianten {
	background-color: #ffbaad;
	padding: 85px 0 75px 0;
}
.twocol {
	float: left;
	display: inline-block;
	width: 48%;
}

.kontakt {
	background-color: #00;
	padding: 85px 0 155px 0;

}

.kontakt .twocol { white-space: nowrap; }

.kontakt .content p {
	color: #feefdb;
}

.spokoman {
	display: block;
	margin: 40px 0 0 140px;
}

/*** archiv ***/

.item .content {
	padding-bottom: 75px;
	border-bottom: 3px solid #000;
	margin-bottom: 75px;
}

.item p, .item a {
	font-family: siBook;
	font-size: 26px;
	line-height: 36px;
	font-weight: normal;
	color: #000;
	margin-top: 40px;

}
p b { font-family: 'siBold'!important; } 

.fancygroup {
	display: block;
	margin: 85px 0;
	position: relative;
}

.fancygroup img { max-width: 100%; }

.fancygroup span {
    background-image: url(imgs/fancy_open.png);
    background-position: center; 
    background-color: #000;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    opacity: 0;
}

.fancygroup span:hover {
    opacity: 0.8;
	
}

.iframe-container {
    position: relative;
    overflow: hidden;
 	padding-top: 56.25%; 
    max-width: 930px;
	margin: 85px 0;
}

.ytplayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

a.pdf { 
text-decoration: underline; 
display: block;
}


.pagination {
	width: 930px;
    margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
	    font-size: 26px;
	    line-height: 46px;
}

.pagination a {
	margin: 0 7px;
}

.pagination a.p0, .pagination a:hover {
	text-decoration: underline;
}

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

	.content {
		width: 84%;
		margin: 0 auto;
	}
	
	img { max-width: 100%; }
	.long { display: block; }
	.short { display: none; }
	
	#close {
		position: fixed;
		left: 25px;
		top: 10px;
		max-width: 35px;
		max-height: 35px;
	}
	
	#menubt, #menubtc {
		position: fixed;
		z-index: 10;
		left: 25px;
		top: 10px;
		width: 35px;
		height: 35px;
	}	
	
	#menubtbg {
		display: block;
		position: fixed;
		z-index: 5;
		left: 0;
		top: 0;
		width: 100%;
		height: 40px;
		background-color: #000;
	}
		
	#archiv #menubtbg {	background-color: #fff;	}
	
	.twocol {
		float: none;
		display: block;
		width: 100%;
	}
	.kontakt .twocol { padding-bottom: 50px; }

	.spokoman {
		display: block;
		margin: 40px auto;
	}
	
	.kontakt .twocol { white-space: normal; }

	
}

@media only screen and (max-width: 600px) { 
	.long { display: none; }
	.short { display: block; }
	.content h2
	{
		font-family: siBook;
		font-size: 24px;
		line-height: 40px;
	}
	
	
	.content p, .content li {
		font-family: siBook;
		font-size: 17px;
		line-height: 26px;
		margin-top: 20px;
	}
	#menu ul {
		font-family: 'siBook';
		font-size: 26px;
		color: #feefdb;
		padding: 100px 0 20px 0;	
		line-height: 40px;
	
	}
	.logo img {
		max-width: 80%;
	}
	
	#archiv .logo .content {
		margin-bottom: 50px;
	}

.item .content {
	padding-bottom: 35px;
	border-bottom: 2px solid #000;
	margin-bottom: 35px;
}



.iframe-container, .fancygroup { margin: 45px 0; }

}