table.chartsTable {
  font-family: Tahoma, Geneva, sans-serif;
  border: 1px solid #8E30D1;
  background-color: #ffffff;
  min-width: 320px;
  max-width:900px;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.chartsTable td, table.chartsTable th {
  border: 1px solid #AAAAAA;
}
table.chartsTable tbody td {
  font-size: 13px;
  font-weight: bold;
}
table.chartsTable tr:nth-child(even) {
  background: #edecec;
}
table.chartsTable thead {
  background: #fdaf05;
  background: -moz-linear-gradient(top, #fed402 0%, #fdc800 66%, #fdaf05 100%);
  background: -webkit-linear-gradient(top, #fed402 0%, #fdc800 66%, #fdaf05 100%);
  background: linear-gradient(to bottom, #fed402 0%, #fdc800 66%, #fdaf05 100%);
  border-bottom: 2px solid #444444;
}
table.chartsTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  border-left: 2px solid #1BA254;
}
table.chartsTable thead th:first-child {
  border-left: none;
}

table.chartsTable tfoot td {
  font-size: 14px;
}
table.chartsTable tfoot .links {
  text-align: right;
}
table.chartsTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #000000;
  padding: 2px 8px;
  border-radius: 5px;
}

.platz {
	width: 40px;
	height: 10px;
	border: 0;
	font-size: 0.9em;
    text-align: center;
	color: #000000;
	
}
.platzl {
	width: 40px;
	height: 10px;
	border: 0;
	font-size: 1.2em;
    text-align: center;
	color: #000000;
	
}
.cpich {
	width: 50px;
	height: 50px;
	max-height: 50px;
	border: 0;
	font-size: 0.9em;
    text-align: center;
	
}
.titel {
	font-size: 0.9em;
    text-align: center;	
}
.letzte {
	width: 40px;
	height: 50px;
	border: 0;
	font-size: 0.9em;
    text-align: center;
	
}
.hitunes {
	width: 70px;
	height: 50px;
	border: 0;
	font-size: 0.9em;
    text-align: center;
	
}
.ctune {
	width: 65px;
	
	max-height: 50px;
	border: 0;
	font-size: 0.9em;
    text-align: center;
	
}
.cpic {
	width: 50px;
	height: 50px;
	border: 0;
	
}
.titel {
   text-transform: uppercase; 


   width:1em; 
   max-width: 140px;
   font-size: 0.9em;
   text-align: center;
   margin: 0;
   color: #000000;
}
.titelh {
   font-size: 0.9em;
   text-align: center;
   margin: 0;
   color: #000000;
}

.artist {

   width:1em; 
   font-size: 0.7em;
   text-align: center;
   margin: 0;
   color: #000000;
}

.minfo {
   font-family:courier;
   color: #000000;
   width:1em; 
   font-size: 0.7em;
   text-align: center;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  border-width: 0 1px 1px 0;
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  border-width: 0 1px 1px 0;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  border-width: 0 5px 5px 0;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-width: 0 5px 5px 0;
}

.la {
    font-size: 0.5em !important;
    text-align: right;
    margin: 0;
}

.sternan {
	font-size: 1.5em !important;
	color:orange;
	border:none;
	background: none;
}

.sternaus {
	font-size: 1.5em !important;
	color:silver;
	border:none;
	background: none;
}

.stlink {
	
	text-decoration: none;
}

.form-container {
  max-width: 20px;
  float: left;
  margin: auto;
}
.fofl {
	width: 120px;
	margin:auto;
	display: flex;
  align-items: center;
  justify-content: center;
}

.modal-overlay {
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
   top: 0px;
   left: 0px;    
}
.modal-img {
    opacity: 0;
    position: absolute;
    margin-left: 50%;
    margin-top: 50%;
    left: 0px;
    top: 0px;
}
.modal-img img {
    margin-left: -50%;
    margin-top: -50%;
    background-color: white;
    padding: 5px;
    width: 340px; /*just to give a viewable size */
}
.noscroll {
    overflow: hidden;
}