@charset "UTF-8";

body {
	margin: 0px auto;
	max-width: 600px;
	background:#4E5869;
	
}

header, main {
	background:#FFF;
}

.cl_kopf, footer {
	background: #6F7D94;
}

h3 {
	margin-top: 0;
}

.cl_flex_container {
	display: flex;
/*	border: 1px dotted blue;*/
	background:#F8F8F8;
	padding-left: 2px;
	padding-right: 2px;
	justify-content:space-between;
}
/*#id_team_namen_div {
	display: flex;
	border: 1px dotted blue;
	justify-content:space-between;
}*/

fieldset {
	background:#F8F8F8;
	margin:0px;
}
.cl_filter_list li{
	display:block;
	margin-bottom: 1em;
	list-style: none;
}
.cl_filter_list li:not(:first-child)::before {
    content: '';
	padding-left: 0em;
}

.cl_ausgeblendet {
	display: none;
}

.cl_extra_name {
	font-size:1em;
	margin-block:0;
	text-align:center;
}

.cl_action_label {
	display: block;
}
input[type="checkbox"] + label {
	font-size: 1em;
}
input[type="radio"] + label {
	margin-bottom: 1em;
	/*font-size: 1em;*/
}

#id_ergebnis_div{
	margin-top: 2em;
	display: flex;
/*	border: 1px dotted blue;*/
	justify-content:space-between;
}

.cl_ergebnis_btn {
	font-size: 2em;
}
.cl_punkte_div {
	display: inline;
	flex: 1;
}

label {
	text-align: center;
}

.cl_spieler_eingabe {
	max-width: 3em;
}

fieldset legend{
	padding-top: 2em;
}

input[type="number"] {
  margin-bottom: 0.5em;
}

input[type="text"] {
  margin-bottom: 0.5em;
}
#id_satz_div {
	margin:10px;	
}
#id_satz {
	font-size:1em;
}
/* --------------------- Tabelle ---------------------*/
table {
	width:100%;
}
tr td:first-child {
	min-width:3em;
	text-align: center;
}
tr td:last-child {
	min-width:3em;
	text-align: center;
}
th {
	background-color: #CBCBCB;
}
.cl_team_a {
	background-color: blue;
}
.cl_team_b {
	background-color: orange;
}
tfoot {
	font-size: 1em;	
	background-color: #E8E8E8;
}
.cl_tabelle_fuss {
	font-weight: bolder;
}
textarea {
	width:100%;
}