/*
andreas05-alternative - an open source xhtml/css website layout
by Andreas Viklund (http://andreasviklund.com).
Made for OSWD.org, free to use as-is for any purpose as long as the proper
credits are given for the original design work.
Version: 1.0, September 27, 2005

Deeply modified by Carlo Perassi.
*/

#cookie { text-align: center; background: #2c2d31; color: #f2f2f2; font-size: 0.9em; padding: 0.5em; position: fixed; bottom: 0px; z-index:4; width: 100%; }
span.cookiemessage { color: #f2f2f2; font-size: 0.9em; padding: 0.5em; }
#cookie a { color: #fff; display: inline-block; padding: 0.4em; text-decoration: underline; }
a.buttoncookie  { color: #d88a3e; display: inline-block; padding: 0.3em 0.6em; text-decoration: none; border: 1px solid #d88a3e; background: #2C2D31; }

@media print {.cookie { display: none; }}


body {
	padding:0;
	margin:0;
	font:76% verdana, syntax, sans-serif;
	font-size: 15px;
	
	color:#ffffff;
	background-color: black;
	
	
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;


}


select {
	box-shadow:2px 2px 2px #000;
}

hr {
	box-shadow:2px 2px 2px #000;
}


iframe {
	box-shadow:2px 2px 2px #000;
	width: 100%;
	height: 180px;
}

.index iframe {
	box-shadow:2px 2px 2px #000;
	width: 100%;
	height: 70%
}
.map iframe {
	box-shadow:2px 2px 2px #000;
	width: 100%;
	height: 300px;
	
}


img {
	box-shadow:2px 2px 2px #000;
	border: 1px;
	border-color: #000;
}

input {
	box-shadow:2px 2px 2px #000;
}

textarea {
	box-shadow:2px 2px 2px #000;
}
h1 {
	text-shadow: 0.1em 0.1em #000;
	margin:0;
	font-size:2.6em;
	letter-spacing:-3px;
	color:#FE941E;
}

.header p {
	text-shadow: 0.1em 0.1em #000;
	margin:0;
	font-weight: bold;
	font-size:1.8em;
	letter-spacing:-3px;
	color:#FE941E;}

h2 {
display: block;

margin:5px 0 10px 0;
font-size:1.8em;
letter-spacing:-1px;
font-weight:normal;
}

h3 {
margin:5px 0 10px 0;
font-size:1.2em;
letter-spacing:-1px;
font-weight:normal;
}

p {

margin:0 0 15px 0;
line-height:1.3em;
}

/* carlo */
ul {
float: left;
list-style-type: none;
padding: 0px 0px 0px 0px;
}

.nachricht {
	box-shadow:2px 2px 2px #000;
}

#title{
margin:60px 0 10px 0;
/*margin:20px auto -9px auto;*/
width:700px;
}

#nav-mobile {
height: 54px;
display: inline;
z-index: 3;
padding-top: 4px;
text-align: left;
vertical-align: middle;
position: fixed;
width: 100%;
background-color: black;
top: 0px;
left: 0px;
font-size:17px;
}

#nav-mobile img{
padding-right: 10px;
display: block;
float: right;
}
#nav-mobile h3{

float: left;
text-shadow: 0.05em 0.05em grey;
font-size: 24px;
line-height: 5px
letter-spacing: 0px;
background-color:inherit;
color:#FE941E;
font-weight: bold;
padding-left: 5px;
padding-top: 7px;

	
}



.openmenu {
float: left;
background-color: black;
display: block;


	width: 100%;
	text-align: center;
	
}

#header {
	display: none;
	height: 0px;
}




#headlist{
	padding: 8px;
	overflow: auto;
	font-size: 14px;
	
	margin-top: 8px;
}	


#headlist li{display: block;
			list-style-type: none;
		margin-top: 15px;
	margin-bottom: 15px;	
	margin-left: 15px;
	
	
}
	



#headlist p{display: block;
			font-size: 22px;
			font-weight: bold;
			
			
}



#headlist img{display: inline;
				width: 36%;
				float: left;
				box-shadow:0px 0px 0px 0px #000;
				border: 0px;

									}

#headlist tr td table {
	
	border-bottom-style: solid;
	border-bottom-color: #E88D30;
	text-align: center;
	
	
	
	border-top-style: solid;
	border-top-color: #E48A29;
	font-weight: bold;
}





#headlist a {
	
	border: thin solid #000;
	
	width:220%;
	padding:3px;
	font-size: 18px;
	
	font-weight:bold;

	background-image: url(../Medien/Bilder/button_hg.jpg);
	background-position: bottom;
	color: #FE941E;
	
	text-decoration: none;
	text-shadow: 0.1em 0.1em #000;
	box-shadow:3px 3px 3px #000;
}
#headlist a:hover {
	border: thin solid #FFF;
	background-color: #E39032;
	color: #FFF;	
	background-image: none;
	box-shadow:0px 0px 0px #000;
}




#headcontainer{
	overflow: auto;
	background-color:#5b8052;
	border: thin solid #000;
	background-repeat: repeat-x;
	background-position: 0px 24px;
	background-color:#5b8052;
	box-shadow: 8px 8px 8px #000;
	
}

#container{
	
	
	margin:10px auto 15px auto;
	width:97%;
	padding: 5px;
	background-color: #57754F;
	color:#000000;
	border:0px solid #ffffff;
	box-shadow: #9ea69f;
}

#container #sidebar Counter {
	
	width: 175px;
	background-color:#394e34;
}

#sidebar{
	display: none;
	float:left;
	width:225px;
	background-image: url(../Medien/Bilder/badrock-logo.png);
	background-repeat: no-repeat;
	background-position: 12px 10px;
	
	padding-top: 235px;
	padding-left: 5px;
	margin-top: 5px;
	box-shadow:8px 8px 8px #000;
	background-color:#57754F;
	margin-top: 15px;
	margin-bottom: 15px;
}





.menu{
	border: 0px;
	background-image: url(../Medien/Bilder/button_hg.jpg);
	background-position: bottom;
	text-decoration: none;
	display:block;
	width: 100%;
	padding: 5px;
	
	font-size:17px;
	font-weight:bold;
	background-color:inherit;
	color:#FE941E;
	text-shadow: 0.1em 0.1em #000;
	margin-top: 4px;
	box-shadow:3px 3px 3px #000;
}

.menu:hover {
	background-color: #FE941E;
	background-image: none;
	color: #FFF;
	border: 1px solid #ffffff;
	box-shadow:0px 0px 0px #000;
}

  
#main{
	position: inherit;
	
	padding-left:0px;
	padding-right:0px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: right;
	overflow: auto;
	padding-top: 10px;
	width: 100%;
	
	padding-bottom: 10px;
	box-shadow:   #000;
	background-color:#57754F;
}

#main p  {
	margin-top: 10px;
	
	
}

#main a  {
	color: #FE941E;
	text-shadow: 0.1em 0.1em #000;
}
#main a:hover {
	text-decoration: underline;
	font-style: italic;
	font-weight: bold;
}
#main #bands {
	border-bottom-width: thick;
	border-bottom-style: solid;
}
#main li {
	list-style-position: outside;
}


.video{
	
	float:left;
	width: 300px;
	margin-top: 5px;
	background-color:#57754F;
	margin-bottom: 10px;
}


.video img{
	width: 100%;
	
}

.video p{
	color: black;
	
	
}

#footer {
	/* carlo */
/*border-top: 1px solid #ffffff;*/
clear: both;
	/* carlo */
	background-color: #FFF;
	filter: Alpha(Opacity=0.5);/*padding:10px 0px 0px 0px;*/
	box-shadow:8px 8px 8px #000;
}

#footer #foot {
	
}

#footer img{
	height: 60px;
	
}

#bands {
	padding-bottom: 10px;
	margin-bottom: 10px;

}
#bands td {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
#flyer {
	text-align: center;
}


.news div{
	border: 1px;
	width: 95%;
	
}


.news img{
	width: 95%;
	
}



@media screen and (min-width: 450px) {

iframe {
	
	width: 100%;
	height: 230px;
}
	
#main{width:98%;
	padding-left:5px;
	padding-right:5px;}
#headlist img{
				width: 30%;}
#headlist p{font-size:24px;}



}


@media screen and (min-width: 570px) {

iframe {
	
	width: 400px;
	height: 200px;
}

iframe.index {
	box-shadow:2px 2px 2px #000;
	width: 100%;
	height: 300px;
}
	
	#container {
	background-color: #394e34;
	padding:10px;
}

#headcontainer{
	background-color:#57754F;
	border: 0px;
	

}


#nav-mobile a{
display: inline;
width: 50%;
line-height: 45px;

}
#headlist img{width: 25%;}
#headlist p{font-size:30px;}

#main{width:98.5%;
	box-shadow:8px 8px 8px #000;}
	

}
	

@media screen and (min-width: 820px) {

iframe.index {
	box-shadow:2px 2px 2px #000;
	width: 100%;
	height: 350px;
}
	
#container {
border:1px solid #ffffff;
	box-shadow: 10px 10px 10px #9ea69f;
}

body{
	background-image: none;
	
}


#nav-mobile {position: fixed; 
display: none;
}

.menu {

	border: thin solid #000;
	width: 150px;
padding:4px 2px 4px 10px;
font-size:14px;
}


#main{width:65%;
	padding-left:15px;
	padding-right:15px;
	margin-top: 15px;
	margin-bottom: 15px;
}




#headlist{
	margin-top: 0px;
	
	
}

#headlist li{display: inline; margin-top: 0px;
	margin-bottom: 0px;}
#headlist p{display: none;}


#sidebar{display: block;font-size:19px;
}



#headlist a {font-size:19px;}
#headlist img{display: none;
			
}

#header {display: block; 
		top: 10px;
		border-top-width: thin;
		border-top-style: solid;
		border-top-color: #FE941E;
		background-image: url(../Medien/Bilder/banner.jpg);
		height: 135px;
		background-repeat: no-repeat;
		background-position: top;
		box-shadow:8px 8px 8px #000;
		background-color:#57754F;
}


.video{
	
	float:left;
	width:230px;
	
	
	margin-top: 0px;
	box-shadow:8px 8px 8px #000;
	background-color:#57754F;
	
	margin-bottom: 5px;
}

}





@media screen and (min-width: 900px) {

#main{width:69%;}

}		
	
@media screen and (min-width: 990px) {
#container{width:950px;	}
#main{width:680px;}
iframe.index {
	box-shadow:2px 2px 2px #000;
	width: 100%;
	height: 400px;
}
 

}