<style>
.djkalender {
    border-collapse: collapse;
    width: 100%;
}
.djkalender th,
.djkalender td {
    border: 1px solid #999;
    text-align: center;
    padding: 4px;
    width: 100px;
}
.djkalender th > a { display: block; width: 100%; height: 100%; } 
.djkalender td > a { display: block; width: 100%; height: 100%; } 

.djnotavaiable {
    background-color: #fdc2c2;
}
.djbooked {
    background-color: #97ff94;
}
.djnewentry {
    background-color: #f0f;
}


.djkalenderpopup {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #333;
    padding: 8px;
    z-index: 1000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.djkalenderpopup.show {
    display: block;
}
.popup {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #333;
    padding: 8px;
    z-index: 1000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.popup.show {
    display: block;
}
.event-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #f00; /* rot für Event */
    border-radius: 50%;
    margin-left: 3px;
    vertical-align: middle;
}
input[type="password"],input[type="text"],  input[type="file"], select,textarea { 
    width:96%; max-width:200px; padding: 3px 1%; margin-bottom:5px;}
.input_date input[type="text"]{
   max-width:80px;  
}
</style>