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

a { color:#FFF; } 
a:visited { color:#FFF; } 
a:active { color:#FFF; } 
a:hover { color:#FFF; } 

body { 
	background-color:#000000; 
	/*padding:10px; */ 
	margin: 0; 
	/*
	overflow-x: hidden;
	max-width: 100%;
	*/
	
	background-image: url(images/background.jpg); 
	background-position:top; 
	
	background-repeat: no-repeat; 
	background-size: 100% 100%;
	
	/*background-size:cover*/;
    }
	
	

.textstyle1 { text-align:center; }

.textstyle2 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#000000;  }

.textstyle3 { text-align:left;}

.textstyle4 { font-size:12pt; font-family:'Palatino Linotype', 'Book Antiqua3', Palatino, serif; color:#C0C0C0;  }

.textstyle5 { font-size:11pt; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;  }

.textstyle6 { font-size:11pt; font-family:Arial, Helvetica, sans-serif; color:#E5E5E5;  }

.textstyle7 { font-size:10pt; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;  }

.textstyle8 { font-size:12pt; font-family:Arial, Helvetica, sans-serif; color:#A8A8A8;  }

.textstyle9 { font-size:13pt; font-family:Arial, Helvetica, sans-serif; color:#E5E5E5;  }

.textstyle10 { font-size:11pt; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:justify;  }


.textstylecenter { text-align:center;}
.textstylejustify { text-align:justify;}



#heading { 
	vertical-align: bottom; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	background:none; 
	font-size:15pt; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color:#D47474; */
	/*color:#800000;*/
	color:#E5E5E5;
	text-align:left;  
}
	
#headingcenter { 
	vertical-align: bottom; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	background:none; 
	font-size:15pt; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color:#D47474; */
	/*color:#800000;*/
	color:#E5E5E5;
	text-align:center;  
}

#headingcenterbigger { 
	vertical-align: bottom; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	background:none; 
	font-size:18pt; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color:#D47474; */
	/*color:#800000;*/
	color:#E5E5E5;
	text-align:center;  
}

	
#container_0_var { 
	vertical-align: top;
	margin-top: 10px;
	position: relative; 
	display: inline-block; 
	width:100%; 
	min-height:200px; 
	max-width:800px; 
	background-color:#800000;
	border-radius: 12px; 
	box-shadow: 0px 2px 5px #111,
	3px 1px 5px #111 inset; 
}
	
#container_0_padding_var { 
	margin: 20px; 
	display: block;  
}


#container_0_impressum { 
	vertical-align: top;
	/*margin-top: 10px;*/
	position: relative; 
	display: inline-block; 
	width:100%; 
	height:100%;
	min-height:1500px; 
	max-width:800px; 
	background-color:#800000;
	/*border-radius: 12px; */
	box-shadow: 0px 2px 5px #111,
	3px 1px 5px #111 inset; 
}


#container_0 { 
	vertical-align: top;
	/*margin-top: 10px;*/
	position: relative; 
	display: inline-block; 
	width:100%; 
	min-height:200px; 
	max-width:800px; 
	background-color:#800000;
	/*border-radius: 12px; */
	box-shadow: 0px 2px 5px #111,
	3px 1px 5px #111 inset; 
}
	
#container_0_padding { 
	margin: 20px; 
	display: block;  
}
	
#container_info { 
	margin-top: 20px;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	min-height:50px; 
	/*background-color:#467286;*/
	background-color:#9E333F;
	/*background-image: url(images/backgrounddark.jpg);*/
	background-position:center; 
	background-size:cover;
	
	border-radius: 15px;
}

#container_info_padding { 
	margin: 20px; 
	display: block;  
}

#container_presave { 
	margin-top: 20px;
	margin-bottom: 0px;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	min-height:50px; 
	/*background-color:#467286;*/
	background-color:#9E333F;
	/*background-image: url(images/backgrounddark.jpg);*/
	background-position:center; 
	background-size:cover;
	
	border-radius: 15px;
}

#container_presave_padding { 
	margin: 20px; 
	display: block;  
}



#container_presave_button { 
	margin: 20px; 
	display: block;  
}




#container_info_upcoming { 
	margin-top: 20px;
	margin-bottom: 20px;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	min-height:50px; 
	background-color:#467286;
	/*background-image: url(images/backgrounddark.jpg);*/
	background-position:center; 
	background-size:cover;
	
	border-radius: 15px;
}

#container_info_upcoming_padding { 
	margin: 20px; 
	display: block;  
}

#container_audio_upcoming { 
	margin-top: 20px;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	min-height:50px; 
	background-color:#467286;
	/*background-image: url(images/backgrounddark.jpg);*/
	background-position:center; 
	background-size:cover;
	
	border-radius: 15px;
}

#container_audio_upcoming_padding { 
	margin: 20px; 
	display: block;  
}


#audioplayer {
	opacity:0.8;
	width: 100%;
	/*margin-left: 20px;
	margin-right: 20px;*/
	outline: 0;  		
}

#songtitlediv { 
	margin-bottom:15px;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	background-color:#467286;
	font-size:10pt; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFF;
	text-align:center;  
}


.songtitle {
	width: 100%;	
	background-color:#467286;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
}
	
#container_licensinginfo { 
	margin-top: 20px;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	min-height:50px; 
	/*background-color:#467286;*/
	background-color:#9E333F;
	/*background-image: url(images/backgrounddark.jpg);*/
	background-position:center; 
	background-size:cover;
	
	border-radius: 15px;
}

#container_licensinginfo_padding { 
	margin: 20px; 
	display: block;  
}

	
#container_synclist { 
	margin-top: 20px;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	min-height:150px; 
	/*background-color:#467286;*/
	background-color:#9E333F;
	border-radius: 15px;}

#container_synclist_padding { 
	margin: 10px; 
	display: block;  }
	

#container_home { 
	margin-top: 20px;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:40px;
	height:40px; 
	background-color:transparent;
	
}


#container_social { 
	margin-top: 20px;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	height:40px; 
	/*background-color:#8DB7C1;*/
	background-color:transparent;
	background-position:center; 
	background-size:cover;
	border-radius: 15px;
}



div.socialTable {
	
	/*width:100%; */
	margin-left: auto;
	margin-right: auto;
	height: 40px;
    text-align: center;
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	/*background-color:#000000; */
	background-color:transparent;
}

.divTable.socialTable .divTableCell, .divTable.socialTable .divTableHead {
  border: 0px;
  padding-left:8px;
  padding-right:8px; 
}

.divTableCell img{
width:40px;
height:40px;
}


.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}


#container_banner { 
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	float: left;
	min-height:174px; 
	background-color:#000000; 
	background-image: url(images/banner.jpg);
	/*background-image: url(images/banner.jpg);*/
	background-position:center; 
	background-size:cover;  /*contain cover*/
	border-radius: 15px;
}
	

#container_banner_padding { 
	margin: 20px; 
	display: block;  }
		

.bannerlink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}




#container_promocover { 
	vertical-align: top; 
	position:relative; 
	display: inline-block; 
	width:220px;
	height:220px;
	background-color:transparent;
	box-shadow: 0px 0px 15px #333,
	0px 0px 15px #333; 
	
}
		

.video_container {  
	width: 100%; 
	margin-bottom: 0px;
	margin-top: 20px;

	background-color: transparent;
	/*border: 0px solid #333;*/
	border-radius: 15px;
	/*box-shadow: 0px 0px 10px #222;*/
	
}


#videoplayer { 
	box-sizing: border-box;
	vertical-align: bottom; 
	position:relative; 
	display: inline-block; 
	width:100%; 
	background-color:#000000; 
	/*background-color: transparent;*/
	/*border: 0px solid #333;*/
	border-radius: 15px;
	/*box-shadow: 0px 0px 10px #222;*/
	
	
}

.spotify-embed-block {
  height: 250px;
  width: 300px;
  color: #fff;
  background: #283c86;
  background: -webkit-linear-gradient(to left, rgba(69,162,71,0.7), rgba(40,60,134,0.7));
  background: linear-gradient(to left, rgba(69,162,71,0.7), rgba(40,60,134,0.7))
}



.button_audio {
  align-items: center;
  background-color:rgba(255,255,255,0.15);
  /*background-image: linear-gradient(#464d55, #25292e);*/
  border-radius: 8px;
  border-width: 0px;
  border-color: white;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: expo-brand-demi,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  font-size: 14px;
  height: 30px;
  width: 130px;
  justify-content: center;
  line-height: 1;
  margin: 2px;
  outline: none;
  overflow: hidden;
  padding: 0 32px;
  text-align: center;
  text-decoration: none;
  /*transform: translate3d(0, 0, 0);*/
  transition: all 150ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  opacity: 1.0;
  
 /* box-shadow: 0px 1px 2px #222,
  2px 1px 2px #111 inset;*/
}

.button_audio:hover {
  background-color:rgba(255,255,255,0.3);
}

/*
.button_audio:focus {
    background-color:rgba(255,255,255,0.3);
}*/




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

	#container_banner { 
		min-height:190px; 
		background-image: url(images/banner_official.jpg);
	}
}


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

	#container_banner { 
		min-height:190px; 
		background-image: url(images/banner.jpg);
	}
}

@media only screen and (max-width: 600px)
{
	#container_banner { 
		min-height:100px; 
		background-image: url(images/banner.jpg);
		background-size:cover;  /*contain cover*/
	}
	
	#container_0 { 
		box-shadow: none; 
	}
}

@media only screen and (max-width: 420px)
{
	#container_banner { 
		min-height:60px; 
		background-image: url(images/banner.jpg);  /*bannersmaller*/
		background-size:cover;  /*contain cover*/
	}
	
	#container_0 { 
		box-shadow: none; 
	}
}


.youtubecontainer {
	
	margin-top:20px;
	/*padding-bottom:56.25%;
    height:0;*/
    position:relative;
	padding-top:30px;
	overflow:hidden;
	
	width: 100%; 
	aspect-ratio: 16 / 9;
	background-color: #000000;
	border-radius: 15px;
}

.youtubecontainer iframe, 
.youtubecontainer object, 
.youtubecontainer embed {
	
	
	
}

#youtubeplayer {
	border-radius: 15px;
	position:absolute;
	left:0;
    top:0;
	width: 100%;
    height: 100%;
	/*padding-bottom: calc(9 / 16 * 100%); */
	/*padding-bottom:56.25%;*/
	
}
