.calendar-month {
    font-size: x-large;
    /*color: #676767;*/
    /*font-weight: bold;*/
}

.calendar-date {
    /*width:80px;*/
    /*font-family:Tahoma;*/
    font-size: 10pt;
    font-weight: bold;
    background-color: #888a85;
    color: #eeeeec;
    padding: 5px 10px 5px 10px;
    white-space:nowrap;
    text-align: center;
}
    

.calendar-item {
    padding: 3px 0px 0px 0px;
    height: 1.2em;
    margin-left:100px;
}

.calendar-item-title {
    /*padding: 2px 0px 2px 0px;*/
    /*font-size: medium;*/
    font-weight: bold;
    margin-bottom: 5px;
    float: left;
}

.calendar-item-time {
    /*padding: 2px 0px 2px 0px;
    margin-right: 1em;
    margin-left: 1em;
    float: left;
    width: 9em;*/
}

.calendar-item-end-time {
}

.calendar-item-description {
    display: none;
    /*margin-left: 100px;
    margin-bottom:5px;*/
}
    .calendar-item-description .description-title {
        font-weight: bold;
    }
    .calendar-item-description .description {
        /*margin-bottom: 8px;*/
    }

.category-red {
    float: left;
    width: 6em;
    height:1.2em;
    background-color: #f7bebe;
    /*padding: 2px 5px 2px 5px;
    margin-right: 1em; */
    text-align: center;
}

.category-blue {
    float: left;
    width: 6em;
    height: 1.2em;
    background-color: #d7d7fc;
    /*padding: 2px 5px 2px 5px;
    margin-right: 1em;*/
    text-align: center;

}


.calendar-item-info-button {
    
}

 /*Kalender view*/
 
 #container { 
     margin: 3em auto 0 3em;
     padding-bottom: 3em; 
     background-color: #fff; 
 }
#month { 
    border-collapse: collapse; 
    width: 100%;
    position:relative;
}
    #month th, #month td { 
        border: 1px solid #2e3436; 
    }
    #month thead { 
        font-size: 1.1em;
        background-color:#d3d7cf; 
    }
    #month td { 
        width: 14.2857143%; 
        height: 100px; 
        font-size:9pt;
        font-family: Verdana;
        padding: 4px;
        vertical-align: top; 
        overflow: auto; 
        background-image:none;
        background-color:#eeeeec;
    }
    #month td .date {
        margin-bottom: 5px;
        font-style:italic;
    }
td .day { 
    width: 7em; 
    height: 6em; 
    overflow:auto; 
    margin-top: 0; 
    
}
#month tbody .weekend { 
    background-color:rgba(187, 225, 149, 0.50); 
}
#month tbody .today { 
    /*background-color:#f3fc87;*/
    background-color: rgba(248, 235, 128, 0.50); 
}
#month tbody .next, #month tbody .previous { 
    background-color:#d3d7cf; 
    
}
.rtop { 
    display:block; background:#060; 
    
}
.rtop * { display: block; height: 1px; overflow: hidden; background:#fff; }
.r1{margin: 0 0 0 5px}
.r2{margin: 0 0 0 3px}
.r3{margin: 0 0 0 2px}
.r4{margin: 0 0 0 1px; height: 2px}
#container h1 { margin: 0 0 .5em .5em; font: 2em Arial, Helvetica, sans-serif; color: #060; }
#month th { font: 1em bold Arial, Helvetica, sans-serif; }
p {margin-top: 0; }
 
 
/*.calendar {
    border-collapse: collapse;
    width: 640px; 
}
    .calendar td {
        vertical-align: top;
        width: 80px;
        height: 80px;
        border: 1pt solid black;
    }
    .calendar tr {
    }
    .calendar th {
        font-weight: bold;
        font-size: 12pt;
    }
    .calendar ul {
        list-style-type: square;
        padding: 5px;
       
    }
    .calendar li {
        padding: -3em;
         margin-left: -3em;
    }
    .calendar .date {
        font-size: 8pt;
        color: #989898;
        padding-left: 3px;
    }
    .calendar .entry {
        padding-left: 3px;
        font-size: 8pt;
    }
    
td.other-month {
    background-color: #c1c1c1;
    /*background-color: white;
    border: 0px;
}
td.weekday {
}

td.weekend {
    background-color: #fbd5d5;
}
    */
.infobox {
    width:500px;
    height:400px;
    overflow:auto;
}
    .infobox .title {
        font-weight: bold;
    }
    .infobox h1 {
        font-size: large;
        padding-bottom: 10px;
    }
    .infobox .info {
        padding-bottom: 8px;
    }

.google-map {
    display: none;
}
/* tooltip */
.tooltip-header {
    margin-top:4px;
}
.info-tooltip {
    font-size: 10pt;
}
.tooltip-title {
    color: #2e3436;
    font-size: 12pt;
    font-weight: bold;
    font-family: 'ATF Antique';
    
}
.more-info {
    font-size: 8pt;
    color: #888a85;
}