@charset "UTF-8";
/* CSS Document */
/*-------------------------------------- Header und Footer --------------------------*/
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
.cl_kopf, footer {
	color: white;
	padding-left: 0.5em;
	padding-right: 0.1em;
}
#id_logo {
	width: 50px;
	height: 50px;
	float: right;
	margin: 5px;
}
/*---------------------------------- Hilfe-Button -----------------------------------*/
.cl_hilfe_btn {
	float:right;
}
.cl_hilfe_btn label{
	max-width:2em;
}
/*------------------------------- Hilfe und Meldung ---------------------------------*/
.cl_hilfe{
	border: 5px dotted #18FF00;
}

#id_meldung {
	padding: 10px;
	color: forestgreen;
}
.cl_hilfe_meldung_div {
	border: 0.5px solid lightgrey;
	color: forestgreen !important;
	padding: 10px;
}
cl_hilfe_meldung_div img {
	width:10em;
}

/* ---------------------------- Fieldset und Checkboxen ----------------------------*/
fieldset, aside {
	margin-top: 1em;
	padding-block-start: 0em;
	padding-block-end: 0em;
	border: none;
	background:#eee;
}
aside {
	padding: 0.2em;
}

.cl_filter_list {
	padding-left: 0;
	margin-top:0.2em;
	margin-bottom: 0.2em;
}
.cl_filter_list li{
	display:inline;
	list-style: none;
}
.cl_filter_list li:not(:first-child)::before {
    content: ' ';
	padding-left: 1em;
}


/* Checkboxen formatieren */
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"] + label {
	border: 1px solid #BBBBBB;
	border-radius: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.9em;
	background: #eeeeee;
}
input[type="checkbox"]:checked + label {
   /*box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset;*/
   background: #FFEE00;
}

/* Radio-Button formatieren */
input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
	margin: 0.5em;
	border: 1px solid #BBBBBB;
	border-radius: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.9em;
}
input[type="radio"]:checked + label {
   /*box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset;*/
   background: #FFEE00;
}
/* ------------------------------------- Input --------------------------------------*/
input {
	font-size: 1em;
}
input:read-only{
	/*border:0px solid white;*/
	background-color: lightgrey;
}

/* ------------------------------- Button -------------------------------------------*/
button {
	cursor: pointer;
	font-size: 1em;
	color:red;
	line-height: 1.5em;
	padding: 0px 10px 0px 10px;
	border: 0px solid red;
	background-color:lightgrey;
	margin-bottom: 5px;
}
button:disabled {
	color:darkgrey;
}
/* ---------------------------- Tabellenformatierung ------------------------------*/

table {
	border-collapse: collapse;
/*	border: 1px solid #a0a0a0;
	border-spacing: 0;
	border-width: thin 0 0 thin;
	margin: 0 0 1em;
	table-layout: auto;
	max-width: 100%;*/
}
thead th
{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
th, td {
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
	text-align: center;
}
th {
	background-color: #FF0000;
	color: #ffffff;
	vertical-align: top;
	font-weight:normal;
}
td {
	font-weight: normal;	
}
/*Spalten ausblenden*/
.cl_versteckt { 
	display: none;
}
tfoot {
	background-color: #ff0000;
	color: #ffffff;
	font-size: 0.7em;
}
tr td:first-child {
	text-align: right;
	min-width:7em;
}
tr td:last-child {
	text-align: left;
	min-width:7em;
}
tbody tr:nth-child(even) { 
  background-color: #f1f3f4; 
  color: #000; 
}
tbody tr:hover { 
  background-color:#fffbf0;
}

.cl_heimspiel {
	background-color:gold;
}
.cl_vorschlag {
	color:red;
}
div.cl_heimspiel {
	width:20em;
}
.cl_gewaehlt {
	background-color:gold !important;
}