/*Einblendung Reihe als Zwischenraum
Ausgabe Estrad
*/
#estrade
{
	/*height:40px;*/
	width:675px;
	background-color:#FFFFFF;
	min-width:675px;
/*	min-height:40px;*/
	/*
	border-top:2px black solid;
	*/
	margin:auto;
	font-weight:bold;
	text-align:left;
	padding-top:20px;

	
}



/*
*
*Ausgabe der Plätze als Platzhalter (temp grün, sonst weiss!!
*=> echo '<li class="seatw"><label></label></li>';
*
*/

.seatwf {
  display: flex;
  padding: 1px; 
  position: relative;
    
}

.seatwf label {
  display: block;
  position: relative;
  min-width:12px;
  min-height:20px;
  text-align: center;
  padding:4px 0 0 0;
  border-radius: 5px;
  background:#FFFFFF;
}
.seatwf label:before {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translate(-50%, 0%);
}






/*

Spalte in der Mitte nach drei Plätzen
.seat:nth-child(3) {
  margin-right: 14.28571428571429%;
}
*/

.seatzus {
  display: flex;
  /*flex: 0 0 14.28571428571429%; => Original*/
  /*flex: 0 0 3%; Breite des li Elements mit der Platz Nr*/
  /**/padding: 1px; 

}



.seatzus input[type=checkbox] {

  position: absolute;
}
.seatzus input[type=checkbox]:checked + label {
  background: #bada55;
}



/*Ausgabe der Plätze wenn nicht Reserviert für Checkbox Auswahl*/
.seatzus label {
  display: block;
  position: relative;
  min-width:25px;
  min-height:20px;
  text-align: center;
  /*padding: 1px 0 ;*/
  padding:4px 0 0 0;
  /*margin: 1px 0 1px 0;*/
  background: #FFFF00;
  border-radius: 5px;

}
.seatzus label:before {
  /*width: 75%;
  height: 100%;*/
  top: 1px;
  left: 50%;
  transform: translate(-50%, 0%);

}
.seatzus label:hover {
  cursor: pointer;
  box-shadow: 0 0 0px 2px #5C6AFF;
}



/*
*
*Ausgabe der Plätze für Druck bzw nach Reservationsabschluss, nicht reserviert
*
*/

.seatpzus {
 padding: 1px; 
  position: relative;
}

/*Ausgabe der Plätze wenn nicht Reserviert*/
.seatpzus label {
  display: block;
  position: relative;
  min-width:25px;
  min-height:20px;
  text-align: center;
  padding:4px 0 0 0;
  border-radius: 5px;
  background: #FFFF00;
}
.seatpzus label:before {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translate(-50%, 0%);
}





/*Zusatzplätze*/

.td_getplacespez
{
	width:25px;
	height:21px;
	text-align:center;
	background-color:#FFFFFF;
}

.td_setplacespez
{
	width:25px;
	height:21px;
	text-align:center;
	background-color:#FF0000;
}

.td_vorschauplacespez
{
	width:25px;
	height:21px;
	text-align:center;
	background-color:#66FF00;
}



.td_getplacespezinaktiv
{
	width:25px;
	height:21px;
	text-align:center;
	/*background-color:#FFCC99;*/
	background-color:#F90;
}

/*Illnau Spezial*/
.rightborder
{
border-right:1px;
border-right-color:#000000;
border-right-style:solid;
}