/* SSC21-CSS */
@media only screen and (max-width: 1000px) {
button {
height: 20px;
min-width:20px;
width: auto !important;
font: bold 20px arial, sans-serif;
text-shadow:none;
}

button.small {
height: 20px;
min-width:15px;
width: auto !important;
font: bold 15px arial, sans-serif;
text-shadow:none;
}
button.staffname {
max-height: 22px;
min-width:50px;
width: auto !important;
font: 15px arial, sans-serif;
text-shadow:none;
}

select {
/*background: #0066A2;
color: white;
border-style: outset;
border-color: #0066A2;*/
height: 22px;
min-width:20px;
width: auto !important;
font: bold 15px arial, sans-serif;
text-shadow:none;
}

img.staffdetail{
  width: 75%;
  height: auto !important;
}
img.staff{
  max-height: 100px;
  width: auto !important;
  align-content: center;
}
img.leader{
  max-height: 150px;
  width: auto !important;
  align-content: center;
}
img.statistikpngdesktop{
  max-width: 64px;
  max-height: 64px;
}

img.statistikpngmobile{
  max-width: 32px;
  max-height: 32px;
}
img.statistikpngsmall{
  max-width: 32px;
  max-height: 32px;
}

div.redTable {
  background-color: white;
  width: 100%;
  text-align: left;
  color: black;
  font-size: 13px;
/*  border-collapse: collapse;*/
}
.divTable.redTable .divTableCell, .divTable.redTable .divTableHead {
  padding: 0px 1px;
}
.divTable.redTable .divTableBody .divTableCell .divTableCellCenter{
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
}
.divTableCellCenter {
  text-align: center;
}
.divTable.redTable .divTableBody .divTableCell .divTableCellFirst {
  font-weight: bold;
}
.divTable.redTable .divTableBody .divTableCell .divTableCellValues {
  text-align: center;
}
.divTable.redTable .divTableBody .divTableCell .divTableCellValues .divTableCellFirstValues {
    font-weight: bold;
}
.divTable.redTable .divTableRow:nth-child(even) {
  background: white;
  color: black;
}
.divTable.redTable .divTableRow:nth-child(odd) {
  background: white;
  color: black;
}
.divTable.redTable .divTableHeading {
  background: whilte;
}
.divTable.redTable .divTableHeading .divTableHead {
  font-size: 15px;
  font-weight: bold;
  color: black;
  text-align: left;
}
.divTable.redTable .divTableHeading .divTableHeadCenter {
  font-size: 15px;
  font-weight: bold;
  color: black;
  text-align: center;
}
.divTable.redTable .divTableHeading .divTableHead:first-child {
  border-left: none;
}

.redTable .tableFootStyle {
  font-size: 12px;
  font-weight: normal;
  color: black;
  background: white;
}
.redTable .tableFootStyle {
  font-size: 12px;
}
.redTable .tableFootStyle .links {
	 text-align: right;
}
.redTable .tableFootStyle .links a{
  display: inline-block;
  background: white;
  color: black;
  padding: 2px 8px;
  border-radius: 5px;
}
.redTable.outerTableFooter {
  border-top: none;
}
.redTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
}
@media only screen and (min-width: 1000px) {
img.staffdetail{
  max-height: 100%;
  width: auto !important;
  align-content: center;
}
img.staff{
  max-height: 200px;
  width: auto !important;
  align-content: center;
}
img.leader{
  max-height: 250px;
  width: auto !important;
  align-content: center;
}
img.statistikpngdesktop{
  max-width: 64px;
  max-height: 64px;
}
img.statistikpngmobile{
  max-width: 32px;
  max-height: 32px;
}
img.statistikpngsmall{
  max-width: 16px;
  max-height: 16px;
}

div.redTable {
  background-color: #e09d9a;
  color: red;
  width: 100%;
  text-align: left;
/*  border-collapse: collapse;*/
}
.divTable.redTable .divTableCell .divTableVereinCell .divTable.redTable .divTableHead {
  padding: 0px 1px;
}
.divTable.redTable .divTableBody .divTableCell .divTableVereinCell .divTableCellCenter{
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
}
.divTableCellCenter {
  text-align: center;
}
.divTable.redTable .divTableBody .divTableCell .divTableVereinCell .divTableCellFirst {
  font-weight: bold;
}
.divTable.redTable .divTableBody .divTableCell .divTableVereinCell .divTableCellValues {
  text-align: center;
}
.divTable.redTable .divTableBody .divTableCell .divTableVereinCell .divTableCellValues .divTableCellFirstValues {
    font-weight: bold;
}
.divTable.redTable .divTableRow:nth-child(even) {
  background: white;
  color: black;
}
.divTable.redTable .divTableRow:nth-child(odd) {
  background: white;
  color: black;
}
.divTable.redTable .divTableHeading {
  background: white;
}
.divTable.redTable .divTableHeading .divTableHead {
  font-size: 20px;
  font-weight: bold;
  color: black;
  text-align: left;
}
.divTable.redTable .divTableHeading .divTableHeadCenter {
  font-size: 20px;
  font-weight: bold;
  color: black;
  text-align: center;
}
.divTable.redTable .divTableHeading .divTableHead:first-child {
  border-left: none;
}

.redTable .tableFootStyle {
  font-size: 8px;
  font-weight: normal;
  color: black;
  background: white;
}
.redTable .tableFootStyle {
  font-size: 8px;
}
.redTable .tableFootStyle .links {
	 text-align: right;
}
.redTable .tableFootStyle .links a{
  display: inline-block;
  background: white;
  color: black;
  padding: 2px 8px;
  border-radius: 5px;
}
.redTable.outerTableFooter {
  border-top: none;
}
.redTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
}

.divTableVereinCell {
	color: red;
	font-weight: bold;
}

/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableVereinCell, .divTableHead, .divTableCellCenter { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}