.kalender_months {
    height:200px;
}
.kalender_detail {
    height:230px;
    overflow-y:scroll;
    margin-top: -15px;
}
.kalender_month_scroll{
    overflow-x:scroll;
    height: 185px; /*170*/
    width: 500px;
}

.kalender_month {
/*    background-color: #eaeaea; */
    vertical-align: top;
}
.kalender_day {
    border:1px solid;
    width: 15px;
    height: 14px;
    background-color: #D9D9D9;
    border-spacing:2px;
    text-align: center;
}
.kalender_day:hover {
    border:1px solid #000;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}
.kalender_vday {   /*vacation*/
    border:1px solid;
    width: 15px;
    height: 14px;
    background-color: #b9b9e9;
    border-spacing:2px;
    text-align: center;
    cursor: default;
}
.kalender_vday:hover {
    border:1px solid #000;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}

.kalender_mday {
    border:1px solid;
    width: 15px;
    height: 14px;
    background-color: #999999;
    font-weight: bold;
    border-spacing:2px;
    cursor: default;
}


.kalender_fday {
    border:1px solid;
    width: 15px;
    height: 14px;
    background-color: #a5a5a5;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
}
.kalender_fday:hover {
    border:1px solid #000;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}
.kalender_null {
    border: 0px;
    width: 15px;
    height: 14px;
}
.kalender_fvday {
    border:1px solid;
    width: 15px;
    height: 14px;
    background-color: #a5a5c5;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
}
.kalender_fvday:hover {
    border:1px solid #000;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}
.kalender_cday {
    border:1px solid;
    border-color: #ff1100;
    width: 15px;
    height: 14px;
    background-color: #cacaca;
    border-spacing:2px;
    text-align: center;
    cursor: default;
}
.kalender_cvday {
    border:1px solid;
    border-color: #ff1100;
    width: 15px;
    height: 14px;
    background-color: #cacada;
    border-spacing:2px;
    text-align: center;
    cursor: default;
}
.kalender_cvday:hover {
    border:1px solid;
    border-color: #ff1100;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    border-spacing:2px;
    text-align: center;
    color: #fff;
    cursor: default;
}
.kalender_cday:hover {
    border:1px solid;
    border-color: #ff1100;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    border-spacing:2px;
    text-align: center;
    color: #fff;
    cursor: default;
}
.kalender_cfday {
    border:1px solid;
    border-color: #ff1100;
    width: 15px;
    height: 15px;
    background-color: #aaaaaa;
    border-spacing:2px;
    font-weight: bold;
    text-align: center;
    cursor: default;
}
.kalender_cfday:hover {
    border:1px solid #f10;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}
.kalender_cfvday {
    border:1px solid;
    border-color: #ff1100;
    width: 15px;
    height: 15px;
    background-color: #aaaacc;
    border-spacing:2px;
    font-weight: bold;
    text-align: center;
    cursor: default;
}
.kalender_cfvday:hover {
    border:1px solid #f10;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}
.kalender_coday {
    border:1px solid;
    border-color: #ff1100;
    width: 15px;
    height: 14px;
    background-color: #cacaca;
    border-spacing:2px;
    text-align: center;
    font-weight: bold;
    cursor: default;
}
.kalender_cvoday {
    border:1px solid;
    border-color: #ff1100;
    width: 15px;
    height: 14px;
    background-color: #babada;
    border-spacing:2px;
    text-align: center;
    font-weight: bold;
    cursor: default;
}
.kalender_cvoday:hover {
    border:1px solid #f10;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}
.kalender_oday {
    border:1px solid;
    width: 15px;
    height: 14px;
    background-color: #bababa;
    border-spacing:2px;
    text-align: center;
    font-weight: bold;
    cursor: default;
}
.kalender_voday {
    border:1px solid;
    width: 15px;
    height: 14px;
    background-color: #babada;
    border-spacing:2px;
    text-align: center;
    font-weight: bold;
    cursor: default;
}
.kalender_voday:hover {
    border:1px solid #000;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}
.kalender_coday:hover {
    border:1px solid #f10;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}
.kalender_oday:hover {
    border:1px solid #000;
    width: 15px;
    height: 14px;
    background-color: #d1b359;
    font-weight: bold;
    border-spacing:2px;
    text-align: center;
    cursor: default;
    color: #fff;
}
.kalender_form {
    margin-top:19px;
}
.kalender_detail_table {
    border: 0px solid;
    border-collapse: collapse;
    margin: 6px auto;
    text-align:center;
    vertical-align: middle;
    width:90%;/*81%;*/
    border-spacing: 0px;
    font-size: 11px;
}
.kalender_detail_th {
    border:1px solid #000;
    text-align:left;
    font-weight: bold;
    border-spacing: 1px;
    background-color:#808080;
    color: #fff;
    height: 20px;
}
.kalender_detail_th_empty {
    border:1px solid #000;
    text-align:left;
    font-weight: bold;
    border-spacing: 1px;
    background-color:#808080;
    color: #eee;
    height: 20px;
}


.kalender_detail_row {
  background-color: #e5e5e5;
  border: 0;
  margin-top: 10px;
}


.kalender_detail_day{
    border: 1px solid;
    width: 20px;
    text-align: center;
    padding: 0 2px;
    height: 20px;
}
.kalender_detail_fday{
    border: 1px solid;
    width: 20px;
    font-weight: bold;
    border-color: #000000;
    color: #000000;
    text-align: center;
    padding: 0 2px;
    height: 20px;
}
.kalender_detail_date{
    border: 1px solid;
    width: 65px;
    text-align: center;
    padding: 0 2px
}
.kalender_detail_name{
    border: 1px solid;
    width: *;
    background-color:#b1b1b1;
    margin-top: -16px;
    margin-left: 78px;
    text-align: left;
}
.kalender_detail_content{
     border: 1px solid;
     text-align: left;
    padding: 0 2px;
}
.kalender_detail_div
{
    border: 1px solid #bbb;
    margin-top: -2px;
    margin-left: 1px;
    width: 450px;
}
.kalender_detail_empty
{
    border: 1px solid;
    height: 1px;
    text-align: left;
    font-size: 0px;
}


.kalender_th {
    border:0px;
}