body{
    background-color: #004a00;
    color: white;
    margin-bottom:30px;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5 !important;
    color: black !important;
}

.table-hover>tbody>tr:hover>td>a {
    color: black !important;
}

.corridor {
    width: 20px;
    display: inline-block;
}

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

.marked {
    color:#40E0D0;
}

.seat {
    cursor: pointer;
    font-size: 1.5em;
}

.tdlink {
    width:100%; 
    display:block; 
    text-decoration: none !important;
    color: white !important;
}

#chooseConcertMainTable .place {
    margin-bottom: 5px;
    display: block;
    font-size: 1.8em;
    display:block;
}

#chooseConcertMainTable .date {
    display: inline-block;
    padding-right: 10px;
} 

#centereddiv {
    margin: 0 auto;
    text-align: center;
    vertical-align: center;
}

.seatrow, #leinwand {
    /*width:100%;*/
    text-align: center;
}

.seatrow{
    min-width: 12px;
    min-height: 14px;
}

#leinwand h1 {
    color:white;
    background-color: grey;
    width:20%;
}

@media print {
	#formkonzert, #titelreservation, #checkboxinaktivdiv, #divressuche, #reservationstabelle tr > td:last-of-type, #reservationstabelle tr > th:last-of-type {
        display:none;
    }
}

.galerie, .balkon {
    display: inline-block;
}

.galerie .seatrow, .balkon .seatrow{
    display: flex;
    flex-direction: column;    
    float:left;
}
.parterre {
    display: inline-block;
}

.mittelbalkon {
    clear:both;
}

#sitzplan {
     margin:auto;
     text-align: center;
     color: black;
}

#leinwand {
    text-align: center;
}

.beschreibung {
    font-size:15px; 
    margin-bottom: 50px;
}

.galerie, .balkon, .parterre {
    margin: 0px 20px 0px 20px;    
}

/*.galerie {
    border: 1px solid;
}

.mittelbalkon {
    border: 1px solid ;
}*/

.seat:hover {
    position: relative;
    color: green;
}

.hovertext {
    display: none;
    color:white;
    z-index: 100;
    left: 0px;
    position: absolute;
    top: 10px;
    margin: 20px 10px 20px 10px;
    padding: 5px;
    width:auto;
    background-color: grey;
    text-decoration: none;
}

div.vertical-line{
width: 1px; /* Line width */
background-color: black; /* Line color */
display:inline-block;
position:absolute; /* Override in-line if you want specific height. */
/*float: left;  Causes the line to float to left of content. 
    You can instead use position:absolute or display:inline-block
      if this fits better with your design */
}

.inaktiv a {
    color:black !important;
}

.table-hover>tbody>tr:hover> .inaktiv {
    background-color: #f5f5f5 !important;
    color: black !important;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
 }

@media screen and (max-width: 750px) {
    #sitzplan {
        zoom: 0.8;
        -moz-transform: scale(0.8);
    }
}

@media screen and (max-width: 598px) {
    #sitzplan {
        zoom: 0.7;
        -moz-transform: scale(0.7);
    }
}

@media screen and (max-width: 522px) {
    #sitzplan {
        zoom: 0.6;
        -moz-transform: scale(0.6);
    }
}

@media screen and (max-width: 454px) {
    #sitzplan {
        zoom: 0.5;
        -moz-transform: scale(0.5);
    }
}

@media screen and (max-width: 387px) {
    #sitzplan {
        zoom: 0.4;
        -moz-transform: scale(0.4);
    }
}