/* ------- */
/* Content */
/* ------- */
#content{
	/*background-color: rgba(222,184,135,0.7);*/
	background-color: rgba(242,204,155,0.7); /* heller */
	/*background-color: #deb887;*/
	/*background-color: #fda999;*/
	/*background-color: #dfb772;*/
	/*background-color: #A0522D;*/
	/*background-color: #8B4513;*/
	text-align: justify; 
}
@media only screen and (min-width: 940px) {
	#content {
		margin-left: 15%;
		width: 70%;
		padding: 30px;
		min-height: 500px; 
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#content {
		margin-left: 15%;
		width: 85%;
		padding: 30px;
		min-height: 450px; 
	}
}
@media only screen and (max-width: 720px) {
	#content {
		margin-left: 0;
		width: 100%;
		padding: 5px;
	}
}

#pageheadline{
	/*text-align: center; */
	/*text-shadow: 0 0 5px rgba(0,0,0,0.7);*/
}

h2{
	font-style: italic; 
}

.bandtext{
}

.entry{
	/*box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.6); */
	/*border-radius: 16px; */
}
.entry:after{
	background-color: rgba(0,0,0,0.6);
	content:" ";
	display: block; 
	width: 100%;
	height: 2px;
	/*box-shadow: 0 0 2px 1px rgba(0,0,0,0.6);*/	
}
@media only screen and (min-width: 940px) {
	.entry {
		margin-top: 30px;
		margin-bottom: 30px; 
		padding-bottom: 20px; 
	}
	.entry:after{
		margin-top: 30px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	.entry {
		margin-top: 30px;
		margin-bottom: 30px; 
		padding-bottom: 20px; 
	}
	.entry:after{
		margin-top: 20px;
	}
}
@media only screen and (max-width: 720px) {
	.entry {
		margin-top: 20px;
		margin-bottom: 20px; 
		padding-bottom: 10px; 
	}
	.entry:after{
		margin-top: 10px;
	}
}

.outercontainer {
	/*width: 80%;*/
	margin-left: auto; 
	margin-right: auto; 
}
@media only screen and (min-width: 940px) {
	.outercontainer {
		width: 80%; 
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	.outercontainer {
		width: 90%; 
	}
}
@media only screen and (max-width: 720px) {
	.outercontainer {
		width: 100%; 
	}
}

.container {
	display: inline-block;
	position: relative; 
	width: 100%;
}
@media only screen and (min-width: 940px) {
	.container > * {
		/*width: 75%;*/
		margin-left: auto; 
		margin-right: auto;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	.container > * {
		/*width: 80%;*/
		margin-left: auto; 
		margin-right: auto;
	}
}
@media only screen and (max-width: 720px) {
	
}

.gallerycontainer {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
}
@media only screen and (min-width: 940px) {
	.gallerycontainer {
		width: calc(33% - 1px);
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	.gallerycontainer {
		width: calc(33% - 1px);
	}
}
@media only screen and (max-width: 720px) {
	.gallerycontainer {
		width: 100%;
	}
}
.playlistrow{
	text-align: left; 
	clear: both; 
	width: 100%;
}
.playlistcontainer {
	display: inline-block;
	position: relative;
	width: 33%;
}
@media only screen and (max-width: 720px) {
	.playlistcontainer {
		float: left; 
	}
}
.ratio {
	/*margin-top: 80%; /*5:4*/
	/*margin-top: 75%; /*4:3*/
	/*margin-top: 62.5%; /*16:10*/
	margin-top: 56.25%; /*16:9*/
}
.ratio2 {
  margin-top: 75%; /*4:3*/
}
.element {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000000;
}

a{
	color: rgba(0,0,0,0.8);
	text-decoration: none;
}
a:hover{
	color: rgba(0,0,0,0.4);
}

.button{
	font-weight: bold;
	text-align: center;
    padding: 5px;
	/*height: 35px;*/
	margin-left: auto;
	margin-right: 0;
    margin-bottom: 5px;
    color: rgb(252,214,165); /* heller */	
    background-color: rgba(0,0,0,0.6);
	/*border-style: solid;
	border-width: 3px; 
	border-color: #ffffff;*/
	border-radius: 8px;
}

.button:hover {
	color: #ffffff;
    background-color: rgba(0,0,0,0.4);
}
@media only screen and (min-width: 940px) {
	.button {
		width: 35%;
		margin-right: 10%;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	.button {
		width: 40%;
		margin-right: 5%; 
	}
}
@media only screen and (max-width: 720px) {
	.button {
		width: 100%;
	}
}

.playlistdiv{
	width: 67%;
	padding-left: 20px;
}
@media only screen and (min-width: 940px) {
	.playlistdiv {
		float: right;
		padding-left: 20px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	.playlistdiv {
		float: right;
		padding-left: 20px;
	}
}
@media only screen and (max-width: 720px) {
	.playlistdiv {
		margin-left: 33%;
		padding-left: 5px;
	}
}

#footlink {
	color: #ffffff;
	text-decoration: none;
}
/* ------------------*/ 
/* Bilder und Videos */ 
/* ----------------- */ 
img {
    width: 100%;
    height: auto;
}

.bandimage{
}

img#headerimage {
    /*height: 175px;*/
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
}
@media only screen and (min-width: 940px) {
	#headerimage {
		width: 265px;
	}
}
@media only screen and (min-width: 720px) and (max-width: 940px) {
	#headerimage {
		width: 165px;
	}
}
@media only screen and (max-width: 720px) {
	#headerimage {
		width: 115px;
	}
}

video {
    width: 100%;
    height: auto;
}
iframe {
  width: 100%;
  height: 100%;
}

table{
	text-align: left; 
	width: 100%;
}
tr{
	width: 100%;
}
td {
	padding-top: 0px;
}
.left {
	width: 30%;
}
.right {
	width: 70%;
}