body {
    padding: 20px;
}

.container {
    width: 1200px;
    float: left;
    margin: 20px;
}

.row {
    height: 60px;
    height: 40px;
}

.monat {
    height: 150ex;
    height: 155ex;
}

.monatname {
    font-weight: bold;
    font-size: 120%;
    background: coral;
}

.monat-header .col:first-child {
    border-top: 1px solid;
}
.columns .col {
    border: 1px dotted #444;
    font-size: 120%;
    font-weight: bold;
    background: coral;
}
.tag .col {
    background: beige;
    border: 1px dotted #444;
}
.tag.we .col {
    background: #eee;
}

.tag .col .buchung {
    height: 100%;
    width: 50%;
    margin: 0 auto;
    background: lime;
    
    height: 100%;
    background: lime;
    position: absolute;
    b_ottom: 0;
    width: 34%;
    width: 90%;
    m_argin: 0 auto;
    left: 33%;
    left: 5%;
    padding: 3px;
    overflow: hidden;
}

.tag .col .buchung[data-status="unbekannt"] {
    background: #bfbfbf;
}
.tag .col .buchung.own {
    background: lightblue;
}

.tag .col .buchung.blockiert {
    background: #d39e00;
    background: #f07979;
    background: #800;
    color: #fff;
}

.tag .col .buchung.start {
    m_argin: 60% auto;
    b_order-top-left-radius: 25%;
    b_order-top-right-radius: 25%;
    b_ackground: lime;
    
    
    height: 20px;
    height: 40%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    b_ackground: lime;
    position: absolute;
    bottom: 0;
    w_idth: 34%;
    m_argin: 0 auto;
    l_eft: 33%;
}

.tag .col .buchung.end {
    m_argin: -60% auto;
    b_order-bottom-left-radius: 25%;
    b_order-bottom-right-radius: 25%;
    b_ackground: lime;
    
    height: 20px;
    height: 40%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    b_ackground: lime;
    position: absolute;
    top: 0;
    w_idth: 34%;
    margin: 0 auto;
    l_eft: 33%;
    
}

.tag .col:first-child {
    width: 10px;
    text-align: right;
    vertical-align: middle;
    m_ax-width: 20px;
    background: #fff;

}

.tag.current .col:first-child {
    background: #f00;
}

.monat.current .monat-header {
    background: #f00;
    b_order: 2px solid red;
}

.messageBox {
    border: 1px solid red;
    padding: 20px;
    background: beige;
}

#kmenu {
    padding: 20px;
    border: 2px solid;
    border-radius: 4px;
    background: beige;
    display: none;
    position: absolute;
}

#kmenu #close {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #eee;
    color: red;
    width:25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid;
    border-radius: 50%;
    cursor: pointer;
}