#roomTable {
    padding:0px;
}

#roomTable th, table td {
    padding: 0px;
}

input, select {
    padding: 0px;
    line-height:24px;
    height: 24px;
}

textarea {
    width:100%;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    box-shadow: none;
    font-family: "Open Sans";
    font-weight: 400;
    height: 45px;
    outline: 0 none;
    padding: 6px 12px;
    width: 100%;    
}

input[type="submit"] {
    height:30px;
}

.narrow {
    width:60px;
}
.narrowW {
    width:100px;
}

.readOnly {
    background: #E0E0E0;
}

.freeinputA {
    width:120px;
}

.freeinputG {
    width:50px;
}

.freeinputS {
    width:300px;
}

.msgOK {
    color:#800000;
}


/* damit die Monstertabelle auf dem Mobile wenigstens halbwegs gut aussieht, wenn auch kaum bedienbar */
@media screen and (max-width: 600px) {
    #roomTable table { width:100%; }
    #roomTable thead { display:none; }
    #roomTable tr:nth-of-type(2n) { background-color:inherit; }
    #roomTable tr td:first-child { background:#f0f0f0; font-size:1.3em; }
    #roomTable tbody td { display:block; }
    #roomTable tbody td:before { content:attr(data-th); display:block; }
    #roomTable tbody th {display:block; }
    #roomTable tbody th:before { content:attr(data-th); display:block; }
    .narrow { width:inherit; }
    .narrowW { width:inherit; }
    .freeinputA { width:inherit; }
    .freeinputG { width:inherit; }
    .freeinputS { width:inherit; }
}


/* Hintergrund activer Accordion-Container
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #800000;
    color: white !important;
}
*/