.titelinhalt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}


/*Einblendung Reihe als Zwischenraum
Ausgabe Estrad
*/
#estrade
{
	height:30px;
	width:527px;
	background-color:FFFFFF;
	min-width:527px;
	min-height:30px;
	/*border-top:2px black solid;*/
	
	margin:auto;
	font-weight:bold;
	text-align:center;
}


/*
*
*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%);
}





/*Einblendung Reihe als Zwischenraum*/
#seatrow
{
	height:40px;
	width:50px;
	background-color:#FFFFFF;
	min-width:50px;
	min-height:40px;
	
}


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