#lastchange
{
	position: relative;
	float: right;
}

body
{
	font-family:"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif;
	color: #373737;
}

  .footerbarBackground
  {
	background-color: #9ccd2070;
  }

  .content
  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1200px;
	border-left: #c2c2c2  solid 1px;
	border-right: #c2c2c2  solid 1px;
	padding-left: 20px;
	padding-right: 20px;
  }
  .navbarBackground .content,
  .footerbarBackground .content
  {
	background-color: #9ccd20;
	padding-left: 0;
	padding-right: 0;
  	max-width: 1240px;
  }
  

  .footerbarBackground .lastFooterPart
  {
	  min-height: 30px;
	  text-align: center;
	padding-top: 10px;
  }

  .disziplinCard {
	width: 20%;
	padding-top: 50px;
	padding-bottom: 20px;
	float: left;
	margin-left: 4%;
	margin-bottom: 25px;
	min-width: 200px;
  }
  .disziplinProgressbar {
	background-color: #9ccd20;
	height: 100%;
	text-align: center;
  }
  
.tableDisziplinStatistik
{
	width: 100%;
	text-align: center;
}


.tableDisziplinStatistik .tableBody
{
	border: solid 1px #9ccd20;
}
.tableDisziplinStatistik .tableHead 
{
	border-bottom: #3b471e solid 1px;
	font-weight: bold;
}
.tableDisziplinStatistik .tableBody .tableRow:nth-child(odd) {
	background: #9ccd2070;
}
.tableDisziplinStatistik .tableBody .tableRow{
	display: flex;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tableDisziplinStatistik .firstCol{
	float: left;
	padding-left: 5px;
	width: 20%;
} 
.tableDisziplinStatistik .middleCol{
	float: left;
	width: 10%;
} 
.tableDisziplinStatistik .lastCol{
	float: left;
	width: calc(50% - 5px);
} 

  .clickable
  {
	background-color: #9ccd20;
	border: #7ca219 solid 1px;	
	color: #3b471e;

  }

  .clickable:hover {
	background-color: #7ca219;
	border:#7ca219 inset 1px;
  }

  .pressedClickable {
	background-color: #7ca219;
	border:#7ca219 inset 1px;
  }

  .disziplinCard h3{
	font-size: xx-large;
  }

	.disziplinCards {
  overflow: auto;
  margin-top: 30px;
  text-align: center;
}

.prevNextDisziplinen {
	width: 450px;  
	margin-left: auto;  
	margin-right: auto;  
}

.minidisziplinCard {
	width: 20%;
	padding-top: 10px;
	padding-bottom: 5px;
	float: left;
	margin-left: 4%;
	margin-bottom: 25px;
	min-width: 200px;
	text-align: center;
  }
  
.alignBottom{
	vertical-align: bottom;
}
.disziplinErgebnis .rotate
{
	writing-mode: vertical-rl;
  	transform: rotate(180deg);
	min-width: 65px;
}
.disziplinErgebnis
{
	border: black solid 1px;
	border-collapse: collapse;
}

.disziplinErgebnis .mitPunkte{
	height:95px;
}

.disziplinErgebnis .ohnePunkte{
	height:35px;
}

.disziplinErgebnis .singleErgebnis
{
	text-align: center;
}

.drawCross
{
	background: linear-gradient(to right top, rgba(255,255,255,0) calc(50% - 1px), rgb(39, 39, 39) , rgba(255,255,255,0) calc(50% + 1px) ) ;
	background-color: #CCC;
}
.ergebnisswitch{
	float: left;
	margin-top:15px;
	margin-bottom:15px;
	margin-right: 4%;
	width: 310px;	
	padding-top: 15px;
	padding-bottom: 15px;
	cursor: pointer;
}
.clearBoth{
	clear: both;
}
.floatRight{
	float: right;
}
.floatLeft{
	float: left;
}
.overflowAuto{
	/*overflow: auto;*/
}

.refreshContainer, .rotateContainer
{
	float:left;
	text-align: left;
}

.tableSpielerliste .tableBody
{
	border: solid 1px #9ccd20;
}
.tableSpielerliste .tableHead 
{
	border-bottom: #3b471e solid 1px;
	font-weight: bold;
}
.tableSpielerliste .tableBody .tableRow:nth-child(odd) {
	background: #9ccd2070;
}
.tableSpielerliste .tableBody .tableRow{
	display: flex;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tableSpielerliste
{
	width: 100%;
	max-width: 600px;
}

.tableSpielerliste .firstCol{
	float: left;
	padding-left: 5px;
	width: calc(50% - 5px);
} 
.tableSpielerliste .middleCol{
	float: left;
	width: 20%;
} 
.tableSpielerliste .lastCol{
	float: left;
	width: 30%;
} 
.moreSpiele {	
	max-width:950px;
}

.smaller
{
	font-size: smaller;
}

.finishedGames {
	border: solid 1px #5b5b5b; 
  }
.currentGames{
	border: solid 1px #9ccd20; 
}
.nextGames {
	border: solid 1px #ffe300; 
}

.finishedGames .singleSpiel:nth-child(odd) {
	background: #c6c6c6;
  }
.currentGames .singleSpiel:nth-child(odd) {
	background: #9ccd2070;
}
.nextGames .singleSpiel:nth-child(odd) {
	background: #e9dc1494;
}

.singleSpiel
{
	display: flex;
	padding-top: 3px;
	padding-bottom: 3px;
}
.singleSpielTopRow
{
	float: left;
	width: calc(13% - 3px);
	padding-left: 3px;
}
.singleSpielMiddleRow
{
	width:57%;
	float: left;
}
.singleSpielSpielerCol
{
	width:40%;
}
.singleSpielResultCol
{
	width:20%;
}
.singleSpielBottomRow
{
	width: 30%;
	float: left;
}

.footerSponsoren img{
	max-height: 60px;
	max-width: 250px;
}

.sideSponsoren img{
	max-height: 50px;
	max-width: 200px;
}

.sideSponsoren
{
	right:15px;
	width: 225px;
	border: #c2c2c2  solid 1px;
	padding: 5px;
	position: absolute;
	margin-top: 10px;
}

.makeRoomForSponsoren
{
	min-height: 750px;
}

.posRelative
{
	position: relative;
}


/*KO-Raster-Desgin*/
.ko_column {
	width: 200px;
	float: left;
}

.ko_column[runde="1"] {
	width: 250px;
}
.ko_cell{
	height:30px;
	width: 100%;
}

.ko_cell_empty_border{
	border-right: #373737 solid 1px;
}
.ko_cell_name{
	border-bottom: #373737 solid 1px;
}
.ko_cell_name p, .ko_cell_name_border p {
	padding-left:5px;
	height: 30px;
}
.ko_cell_name_border{
	border-right: #373737 solid 1px;
	border-bottom: #373737 solid 1px;
}
.ko_result {
  float: right;
  top: -25px;
  position: relative;
  padding-right: 10px;
}
.ko_rundenname {
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 1200px) {
	
	.sideSponsoren
	{
		display: none;
	}
	.makeRoomForSponsoren
	{
		min-height: initial;
	}
	
}

@media screen and (max-width: 600px){
	
	.navbarBackground .content,
	.footerbarBackground .content
	{
	  padding-left: 5px;
	  padding-right: 5px;
	}
	.content
	{
		padding-left: 5px;
		padding-right: 5px;
		width: calc(100% - 10px);
	}
	.dynamic_width_600
	{
		width:600px;
	}
	.dynamic_width_650
	{
		width:650px;
	}
	.dynamic_width_700
	{
		width:700px;
	}
	.dynamic_width_750
	{
		width:750px;
	}
	.dynamic_width_850
	{
		width:850px;
	}
	.dynamic_width_900
	{
		width:900px;
	}
	.dynamic_width_950
	{
		width:950px;
	}
	.dynamic_width_1050
	{
		width:1050px;
	}
	.dynamic_width_1150
	{
		width:1150px;
	}
	.dynamic_width_1200
	{
		width:1200px;
	}
	.dynamic_width_1350
	{
		width:1350px;
	}
	.dynamic_width_1450
	{
		width:1450px;
	}
	.dynamic_width_1550
	{
		width:1550px;
	}
	.disziplinCard
	{		
		margin-left: 5px;
		width: calc(50% - 15px);
		margin-right: 5px;
		min-width: initial;
	}
	.singleSpiel
	{
		display: flow-root;
	}
	.singleSpielTopRow, .singleSpielBottomRow
	{
		width: 100%;
	}
	.singleSpielMiddleRow
	{
		width:100%;
	}
	.singleSpielBottomRow
	{
		margin-bottom: 10px;
	}
	.refreshContainer, .rotateContainer
	{
		display:none;
	}
	.prevNextDisziplinen
	{
		width: initial;
	}
	.minidisziplinCard
	{
		float: left;
		margin-left: 0;
		width: 100%;
	}
	.ergebnisswitch
	{
		width: 100%;
	}
	.disziplinErgebnis .rotate
	{
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		min-width: 40px;
	}
  }