/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
 
ol,
ul {
	list-style:none;
}
 
caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none; }/*FONTS Open Sans */
@font-face {
	font-family: 'open_sansbold';
	src: url('/css/fonts/OpenSans-Bold-webfont.eot');
	src: url('/css/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-Bold-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansbold_italic';
	src: url('/css/fonts/OpenSans-BoldItalic-webfont.eot');
	src: url('/css/fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansextrabold';
	src: url('/css/fonts/OpenSans-ExtraBold-webfont.eot');
	src: url('/css/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansextrabold_italic';
	src: url('/css/fonts/OpenSans-ExtraBoldItalic-webfont.eot');
	src: url('/css/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansitalic';
	src: url('/css/fonts/OpenSans-Italic-webfont.eot');
	src: url('/css/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-Italic-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanslight';
	src: url('/css/fonts/OpenSans-Light-webfont.eot');
	src: url('/css/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-Light-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-Light-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanslight_italic';
	src: url('/css/fonts/OpenSans-LightItalic-webfont.eot');
	src: url('/css/fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-LightItalic-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('/css/fonts/OpenSans-Regular-webfont.eot');
	src: url('/css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-Regular-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanssemibold';
	src: url('/css/fonts/OpenSans-Semibold-webfont.eot');
	src: url('/css/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-Semibold-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanssemibold_italic';
	src: url('/css/fonts/OpenSans-SemiboldItalic-webfont.eot');
	src: url('/css/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),  url('/css/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),  url('/css/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),  url('/css/fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media screen {
html {
	overflow-y: scroll;
} /* always show y-scrollbar to prevent content jumping */
html,  body {
	height: 100%;
	width:100%;
	background: url('../img/background.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'open_sansregular';
	font-size: 0.95em;
	color: rgba(255,255,255,1.00);
}
body {
}
h1 {
	font-family: 'open_sansextrabold';
	font-size: 3em;
	text-transform: uppercase;
}
h2 {
	font-family: 'open_sansextrabold';
	font-size: 1.5em;
	color:#E31821;
	text-transform: uppercase;
}
/*Formular*/
h5 {
	font-family: 'open_sansextrabold';
	font-size: 1.1em;
	color: #FFFFFF;
	text-transform: uppercase;
}
span.red {
color:#E31821;	
}
strong {
	font-family: 'open_sansextrabold';
}
a {
	text-decoration: none;
	color: #E31821;
}
}
@media screen and (max-width: 600px) {
	#no-mobile {
	display: none;	
	}
}




@media screen {    
	.lyHeader {
	width: 100%;
	max-width: 960px;
	margin:auto;	
	}
	.lyBody {
	width: 100%;
	max-width: 960px;
	margin: auto;
	padding-bottom: 60px;
	}
	.content {
	padding: 50px 40px 120px 40px;
	}
	.shadow {
	-moz-box-shadow: 0 0 15px 0px #646464;
	-webkit-box-shadow: 0 0 15px 0px #646464;
	box-shadow: 0 0 15px 0px #646464;	
}
p {
	padding-top:3px;
	padding-bottom: 5px;
}
.zweiSpalt {
	float: left;
	max-width: 46%;
}
.spaltLeft {
	margin-right: 40px;
}

@media print {
	
}
/* CSS Gallery */
@media screen {
	
	.galleryBG img {
	vertical-align: bottom;	
	width: 100%;
	height:auto;
	}
	
#cycler {
	position: relative;
}
#cycler img {
	position: absolute;
	z-index: 1;
}
#cycler img.active {
	z-index: 3;
}
.galContainer {
position: relative;
}
.gallery {
	width: 100%;
	height: auto;
}
.gallery img {
vertical-align: bottom;	
}

.gallery .respons {
max-width: 100%;
}
}
/* CSS Gallery Mobile */
@media screen and (max-width: 600px) {
.gallery {
	width: 100%;
	height: auto;
}
.galleryBG img {
	vertical-align: bottom;	
	width: 100%;
	height:auto;
	}
}/* CSS Document */
@media screen {
.modMusic {
/*background-color: rgba(36,168,219,1);*/
background-color: rgba(227,21,37,1);	
	background-color: rgba(0,0,0,0.8);
overflow: hidden;
/*color: black;*/
}
.float {
	float: left;
}
.player {
margin-right: 40px;
}
.textMusic {
	max-width: 500px;
	min-width: 250px;
}

}
/* CSS Document */
@media screen {
	.modFooter {
		max-width: 960px;
		margin-top: 40px;
	}
	
.modFooter img {
width: 100px;
height: 100px;	
}
.social {
	padding-left: 16px;
width: 580px;
height: 140px;
margin-left: auto;
margin-right: auto;
}
.social li {
float: left;
padding-right: 16px;	
}

}
@media screen and (max-width: 600px) {
	.modFooter img {
width: 40px;
height: 40px;	
}
	.social {
    width: 241px;
	height: 60px;
	margin-left: auto;
margin-right: auto;
	}
	
.social li {
float: left;
padding-right: 5px;	
}
}


/* CSS Document */
@media screen {
.logo {
	margin: auto;
	max-width: 960px;
	padding: 150px 40px 40px 40px;
}
.logo img {
	max-width: 100%;
}
}
/* KLASSEN NUR NAVIGATION BETREFFEND */
@media screen {  
	.form {
margin-top: 40px;
margin-bottom: 40px;
}

.form input {
display: block;
width:80%;
margin-bottom: 10px;	

}
.form textarea {
display: block;
width:80%;
margin-bottom: 10px;		
}
textarea.mehrzeilig {
height: 80px;	
}

.btn {
display: block;
width:80%;
border:outset 2px #e31821;
cursor:pointer;
background: #e31821;
border-radius: 5px;
height: 40px;
color: #FFFFFF;
font-family: 'open_sansextrabold';
text-transform: uppercase;
}
.btn:hover {
background: #ce1927;
}
.btn:active {
background: #ce1927;
border:inset 2px #e31821;
}
	
	
	#Info {
	width: 80%;
	
	}
	.infoErr1 {
	background-color: #e41922;
	padding: 20px 10px 30px 10px;	
	}
	.infoErr2 {
	background-color: #e41922;	
	padding: 20px 10px 30px 10px;
	}
	.infoOk {
	background-color: #828282;	
	padding: 20px 10px 30px 10px;
	}
}
/* CSS Document */
@media screen {
.modGigs {
	height: 350px;
	background-color: rgba(0,0,0,0.5);
}
}

/* CSS Document */
@media screen {
.modAboutUs {
	background-color: rgba(0,0,0,0.8);
	overflow: hidden;
}
}
@media screen and (max-width: 600px) {
.zweiSpalt {
	float: none;
	max-width: 100%;
}
}
/* CSS Document */
@media screen {
.modLead {
	padding: 0 40px 0 40px;	
}
.leadTop img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.leadBottom {
/*background-color: rgba(227,21,37,1);*/
	background-color: rgba(0,0,0,0.8);
}
.leadBottom	 img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
}

/* CSS Document */
@media screen {
.modContact {
	position: relative;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 10;
}
}
/* KLASSEN NUR NAVIGATION BETREFFEND */
@media screen {  
	.navWrapper {
		position: fixed;
		width: 100%;
		top: 20px;
		z-index: 100;
	}
	nav {
	margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 390px;
    text-align: center;
	overflow: hidden;
	}
	nav li {
		float: left;
		padding-right: 8px;
	}
	nav img {
	width: 70px;
	height: 70px;	
	}
	
	
	/*MORPH
.morph {
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
	
	*/
	
	/*BLUR*/
.blur img {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
 
.blur img:hover {
  -webkit-filter: blur(1px);
}

	
	
}
@media screen and (max-width: 600px) {
	nav {
    width: 240px;
	}
	nav img {
	width: 40px;
	height: 40px;
}
}