/* CSS Document */
/* Tabelle mit Tabellenkopf allgemeines CSS */

.srsTab table {
	border-collapse: collapse;
}
.srsTab td, th {
	/*padding: 1em; testweise raus*/
}
.srsTab th:first-child {
	/*padding-left: .5em;*/
}
.srsTab th:last-child, td:last-child {
	padding-right: .5em;
}
.srsTab thead th {
	border-bottom: medium solid lightblue;
}
.srsTab tbody th {
	font-weight: normal;
	text-align: left;
}
.srsTab th a {
	background: url(pdf.png) no-repeat left center;
	padding: 15px 5px 15px 40px;
}
.srsTab td {
	text-align: left;
}
.srsTab td:nth-child(3) {
	text-align: left;
	/*text-align: right; original*/
}
.srsTab td:nth-child(1) {
	color: red;
	font-weight: bold;
}
.srsTab td.paid {
	color: green;
	font-weight: normal;
}

/* Anpassung für schmale und sehr schmale Viewports */

@media screen and (max-width: 42em) {
.srsTab table, tbody, tr {
		display: block;
	}
.srsTab thead {
		display: none;
	}
.srsTab tr:first-child {
		border-top: medium solid lightblue;
	}
.srsTab tr {
		border-bottom: medium solid lightblue;
		padding: 0.5em 0.5em 0.5em;
	}
.srsTab th::before {
		content: " ";
	}
.srsTab td:nth-child(1)::before {
		content: "Platz: ";
		min-width: 50%;
	}
.srsTab td:nth-child(2)::before {
		content: "Mannschaft: ";
		min-width: 50%;
	}
.srsTab td:nth-child(3)::before {
		content: "Spiele: ";
		min-width: 50%;
	}
.srsTab td:nth-child(4)::before {
		content: "Siege: ";
		min-width: 50%;
	}
.srsTab td:nth-child(5)::before {
		content: "Unentschieden: ";
		min-width: 50%;
	}
.srsTab td:nth-child(6)::before {
		content: "Niederlagen: ";
		min-width: 50%;
	}
.srsTab td:nth-child(7)::before {
		content: "Punkte: ";
		min-width: 50%;
	}
.srsTab td:nth-child(8)::before {
		content: "Matches: ";
		min-width: 50%;
	}
.srsTab td:nth-child(9)::before {
		content: "Saetze: ";
		min-width: 50%;
	}
.srsTab td.paid + td::before {
		content: " ";
	}
.srsTab tbody th {
		display: block;
		font-weight: bold;
	}
.srsTab th a {
		font-weight: normal;
	}
.srsTab td {
		display: inline-block;
		min-width: 30%;
		padding: 0.5em 0.5em;
		text-align: left;
	}
.srsTab td:nth-child(3) {
		text-align: left;
	}
}
@media screen and (max-width: 33em) {
	td {
		display: block;
	}
	tr {
		padding: .5em .5em 1em;
	}
}