<style>
.cd-review_info_bereich {
  text-align: left;
  margin-bottom: 5px;
}
.admin_new_review {
  text-align: left;
  max-width: 100%
}
.admin_new_review:hover {
  font-size: 16px;
  font-size: 1rem;
  transition: all ease 2.5s;
}
.review_list {
	margin-top: 1px;
	background-color: #000000;
}
.review_list	th:nth-child(1), .review_list td:nth-child(1) {
	width: 40px;
}
.review_list	th:nth-child(2), .review_list td:nth-child(2) {
	width: 105px;
}
.review_list	th:nth-child(3), .review_list td:nth-child(3) {
	width: 210px;
}
.review_list	th:nth-child(4), .review_list td:nth-child(4) {
	width: 240px;
}
.review_list	th:nth-child(5), .review_list td:nth-child(5) {
	width: 130px;
}
.review_list	th:nth-child(6), .review_list td:nth-child(6) {
	width: 70px;
}
.review_list	th:nth-child(7), .review_list td:nth-child(7) {
	width: 90px;
}
.review_list	th:nth-child(8), .review_list td:nth-child(8) {
	width: 50px;
  color: #808080;
}
.review_list	th:nth-child(9), .review_list td:nth-child(9) {
	/* Admin */
	width: 90px;
	color: red;
}
.review_list	td:nth-child(1) a {
  color: #808080;
}

.review_list thead th {
	padding-top: 0pt;
	padding-bottom: 0pt;
	height: 30px;
	background-image: url(../gifs/topcell.jpg);
	background-repeat: repeat-x;
	background-size: contain;
	vertical-align : middle;
	line-height: 30px;  /* Trick: Richtet Text vertikal aus */
}
.review_list th {
	font-size:   12px;  /* für ältere Browser */
	font-size:   0.75rem; 
  font-weight: bold;
  text-align:  center;
  color: 			 white;
}
.review_list tr {
	background-color: #3B434B;
	padding-top:3pt;
	padding-bottom:3pt;
}
.review_list tr:nth-of-type(odd) {
	background-color: #1E262E;
}
.review_list_img:hover {
	transform: scale(1.08);
	transition: all 0.2s linear;
}

.textfeld {
	font-size: 12px;
	font-size:   0.75rem; 
	vertical-align : middle;
	text-align : center;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 5px;
	padding-top: 2px;
}
.review_list_anz_reviews {  /* Hierdurch wird Anzahl und Seiten in separaten Zeilen ausgegeben */
	display: block;
	text-align: left;
}
.review_list_seiten {
	display: block;
	text-align: left;
}
/* =====  nicht Tabellen Elemente ====*/
.cd-review_filter {
	display: 		inline-block;
	font-size:  12px;  /* für ältere Browser */
	font-size:  0.75rem; 
	text-align: left;
}
.cd-review_suche {
	display: 		inline-block;
	font-size:  12px;  /* für ältere Browser */
	font-size:  0.75rem;
	text-align: left;
}
.cd-review_sort {
	display: none;   /* Sortierbox ausschalten wenn Titelzeile eingeblendet */
	font-size:  12px;  /* für ältere Browser */
	font-size:  0.75rem;
	text-align: left;
}


/**********   CD Detailanzeige    **********/
.cd_table {
	width: 			100%;
	max-width: 	640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #1E262E;
}

.cd_table_image {
	float: 		left;
	height: 	302px;
}
.cd_info_playtime{
	height: 36px;	
}
.cd_info_wertung{
	height: 36px;	
}
.cd_info_details {
	float: 	 left;
	display: inline;
}
.cd_info, .cd_info_low_prio, .cd_infofeld, .cd_infofeld_low_prio, .cd_infofeld_extra_link {
	display: inline-block;
	width: 100px;
	min-height: 18px;
	font-size: 12px;
	font-size:   0.75rem; 
	font-weight: bold;
	vertical-align : middle;
	text-align : left;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 5px;
	padding-top: 5px;
}
.cd_info_low_prio {
  color: #707070;
}
.cd_infofeld, .cd_infofeld_low_prio {
	width: 210px;
	font-weight: normal;
}
.cd_infofeld_low_prio {
  color: #707070;
}
.cd_infofeld_extra_link {
	width: auto;
	font-weight: normal;
}
.cd_info_text{
	padding-bottom: 5px;
	padding-left: 	5px;
	padding-right: 	8px;
	padding-top: 		10px;
	text-align: justify;
	line-height: 1.4;
}
.cd_info_tracklist{
	padding-bottom: 5px;
	padding-left: 	5px;
	padding-right: 	8px;
	padding-top: 		10px;
	text-align: left;
	line-height: 1.4;
}
.cd_info_prev-review, .cd_info_next-review {
	float: left;
	width: 50%;
	background-color: #07141C;
	line-height: 2.0;
}
.cd_info_next-review {
	float: right;
	text-align: right;
}


.headline_l_b_hio {
	/* Siehe auch formate.css 
	   Muss so weit unten stehen, sonst wird es zwischenzeitlich durch andere Anweisungen überschrieben */
	color: white;
}



@media screen and (max-width: 767px) {  
	.cd_info, .cd_infofeld, .cd_infofeld_extra_link {
		min-height: 10px;
	}
	.cd_info_wertung, .cd_info_playtime {  /*  Vertikalen Trennungsabstand verringern  */
		height: 28px;	
	}
}	

@media screen and (max-width: 719px) {  
	.review_list th {	
  	font-weight: normal;
	}
	.review_list	th:nth-child(2), .review_list td:nth-child(2) {
		width: 80px;
	}
	.review_list td:nth-child(2) img {
		width: 77px;
		height: auto;
	}
}	

@media screen and (max-width: 560px){
	.review_list table, .review_list tbody, .review_list tr {
		display: block;
  }	
  .review_list thead {
		display: none;
  }
  .cd-review_sort {
		display: block;   /* Sortierbox einschalten wenn Titelzeile ausgeblendet */
  }
	.review_list tr:first-child {
		border-top: 4px solid black;
	}
	.review_list tr {
		text-align: left;
	}
	.review_list td {
		display: inline-block;
		text-align: left;
	}
	.review_list th {
		display: block;
		text-align: left;
	}
	.review_list	td:nth-child(6) {
		width: 85px;   /* Platz vergrößern um die Beschreibung aufzunehmen */
	}
	.review_list	td:nth-child(7) {
		width: 105px;   /* Platz vergrößern um die Beschreibung aufzunehmen */
	}
	.review_list	td:nth-child(8) {
		width: 90px;   /* Platz vergrößern um die Beschreibung aufzunehmen */
	}
	.review_list	td:nth-child(9) {
		width: 200px;   /* Platz vergößern um die Beschreibung aufzunehmen */
	}
	.review_list	td:nth-child(1)::before {
		content: "Id: ";
	}
	.review_list	td:nth-child(2)::before {
		content: "Click cover to read";
		font-size:   11px;  /* für ältere Browser */
		font-size:   0.6875rem; 
	}
	.review_list	td:nth-child(3)::before {
		content: "Band: ";
		font-weight: bold;
	}
	.review_list	td:nth-child(4)::before {
		content: "Album: ";
		font-weight: bold;
	}
	.review_list	td:nth-child(5)::before {
		content: "Genre: ";
		font-weight: bold;
	}
	.review_list	td:nth-child(6)::before {
		content: "Wertung: ";
		font-weight: bold;
	}
	.review_list	td:nth-child(7)::before {
		content: "Datum: ";
		font-weight: bold;
	}
	.review_list	td:nth-child(8)::before {
		content: "Views: ";
		font-weight: normal;
  	color: #707070;
	}
	.review_list	td:nth-child(9)::before {
		content: "Admin-Tools: ";
		font-weight: bold;
		color: white;
	}
}

@media screen and (max-width: 359px) {
	.cd_info, .cd_infofeld, .cd_infofeld_extra_link {  /*  Felder auf mindestabstand zusammenrücken  */
		display: inline;
	}
	/* 
	.review_list td {
		display: block;
		
	}
	.review_list th {
		display: block;
	}
	*/
}
</style>';