/* Überschreibt h3-Styles innerhalb von #events */
#events h3 {
    font-weight: bold !important;
    color: #333 !important;
    text-transform: uppercase;
}

/* Überschreibt p.duration und div.duration innerhalb von #events */
#events p.duration, #events div.duration {
    color: #666 !important;
    font-style: italic;
}

/* Überschreibt p.description und div.description innerhalb von #events */
#events p.description, #events div.description {
    margin-bottom: 10px !important;
    color: #444;
}

/* Stil für .selectedEvent innerhalb von #events */
#events .selectedEvent {
    background-color: #f0f8ff !important;
    border: 2px solid #000;
    padding: 10px;
}

/* Buttons für Zeitreservierung */
#events input.reserve_time_btn {
    background-color: #4CAF50 !important;
    color: white !important;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

#events input.select_another_btn {
    background-color: #f44336 !important;
    color: white !important;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

/* Überschrift-Styles in #eventForm */
#eventForm #start_date-block-container h3, #eventForm #timeline-container h3 {
    font-size: 1.5em !important;
    color: #0055a5;
}

/* Speicherbutton im Formular */
#eventForm #save_button {
    background-color: #ff9900 !important;
    color: white;
    border-radius: 5px;
    padding: 8px 15px;
}

/* Widget-Content-Container */
div.ui-widget-content {
    background-color: #ffffff;
    border: 1px solid #ddd !important;
}

/* Widget-Header-Container */
div.ui-widget-header {
    background-color: #f0f0f0 !important;
    border-bottom: 2px solid #000;
    font-weight: bold;
}

/* Timeline-Table Styles */
#timeline-container table.timeline {
    width: 100%;
    border-collapse: collapse;
}

.timeline td.not_worked_time {
    background-color: #ffcccc !important;
}

.timeline td.free_time {
    background-color: #ccffcc !important;
}

.timeline td.selected_time {
    background-color: #99ccff !important;
}

.timeline td.reserved_time {
    background-color: #ff9900 !important;
    color: white !important;
}

/* Ladeanimation */
div#loading {
    display: none;
    background: url('/images/loading.gif') center center no-repeat;
    width: 100px;
    height: 100px;
}

/* Formularelemente im start_date-block-container */
#start_date-block-container .zend_form dt, 
#start_date-block-container .zend_form dt b, 
#start_date-block-container .zend_form dd label {
    font-weight: bold !important;
    color: #333 !important;
}