.eventoverlay {
    position: absolute;
    background-color: #33b0da;
    box-shadow: 3px 3px 3px #aaa;
    width: 240px;
/* T. Schaefer, 2015-05-15, z-index von 10 auf 100 erhoeht */
    z-index: 100;
    margin-left: -260px;
    margin-top: -32px;
}

.eventoverlay:after {
    border-bottom: 16px solid transparent;
    border-left: 24px solid #33b0da;
    content: "";
    height: 0;
    position: absolute;
    right: -24px;
    top: 10px;
    width: 0;
    border-top: 16px solid transparent;
}

.eventoverlayentry {
    text-align: left;
    margin-bottom: .25em;
    border-bottom: 1px solid #bfe6f3;
}

.eventoverlayentry:last-child {
    border: none;
    margin: 0;
}

.eventoverlayentry .times {
    background-color: #bfe6f3;
    padding: 12px;
    color: #58595b;
    letter-spacing: .5px;
    font-size: 87.5%;
}

.eventoverlayentry .subtitle {
    color: #fff;
    font-size: 87.5%;
    word-wrap: break-word;
    word-break: break-all;
    margin-top: 4px;
}

.eventoverlayentry .location h4 {
    float: left;
    color: #fff;
/* T. Schaefer, 2015-11-19: uppercase auskommentiert
    text-transform: uppercase;*/
    margin: 0;
    margin-right: 12px;
    font-size: 87.5%;
    line-height: 1.4em;
}

.eventoverlayentry .location {
    padding: 12px;
    color: #fff;
    clear: both;
}

.eventoverlayentry .location div {
    float: left;
    margin-bottom: 12px;
}

.eventoverlayentry .location div p {
    margin: 0;
    font-size: 87.5%;
}

.news-single table span.day,
.eventoverlayentry .times span.day {
    font-weight: bold;
    text-transform: uppercase;
}

.eventoverlayentry > .title {
/* T. Schaefer, 2015-05-28, paddomg von 12px auf 4px reduziert */
    padding: 4px;
}

.eventoverlayentry h3 {
    font-weight: bold;
    margin-bottom: 0px;
/* T. Schaefer, 2015-11-19: uppercase auskommentiert
    text-transform: uppercase;*/
    font-size: 87.5%;
}

 .eventoverlayentry a {
    color: #fff;
}

section.calendar .cal table td.today {
    outline: 3px solid #33b0da;
    outline-offset: -3px;
}

section.calendar .cal table td.today.hasevent {
    outline-color: white;
}

/* T. Schaefer, 2015-10-16, div fuer Legende anstelle img */ 
section.calendar .cal .legend .legendimg {
    background-color: #33B0DA;
    width: 9px;
    height: 9px;
    float: right;
    margin-left: 5px;
    margin-top: 4px;
}

body.subpage #maincontent .calendar table td {
    width: 14%;
    padding: 0px;
    height: 90px;
}


body.subpage #maincontent .eventoverlay.opened {
    position: absolute;
    max-width: 232px;
}

body.subpage #maincontent .eventoverlay {
    position: static;
    margin: 0;
    width: auto;
    width: 100%;
    box-shadow: none;
}

body.subpage #maincontent .eventoverlay h3 {
    word-wrap: break-word;
    word-break: break-all;
}

body.subpage #maincontent .eventoverlay:after {
    border: none;
    display: none;
}

body.subpage #maincontent .eventoverlay .times {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 81.25%;
}

body.subpage #maincontent section.calendar .cal table td.hasevent > a {
    color: #33b0da;
    font-weight: bold;
    margin-bottom: 4px;
    display: block;
}

body.subpage #maincontent section.calendar th {
    border: none;
    text-align: left;
}

body.subpage #maincontent section.calendar td {
    background-color: #fff;
/* T. Schaefer, 2015-05-28, border von 8px auf 2px reduziert */
    border: 2px solid #efefef;
    text-align: left;
}

body.subpage #maincontent section.calendar td > a,
body.subpage #maincontent section.calendar td > span {
    padding-top: 8px;
    padding-left: 8px;
    display: block;
}

body.subpage #maincontent section.calendar td.today {
/* T. Schaefer, 2015-05-28, outline-offset von -6px auf -4px reduziert */
    outline-offset: -4px;
}

body.subpage #maincontent section.calendar .legend {
    display: none;
}

body.subpage #maincontent section.calendar .cal table td.today.hasevent {
    outline-color: #33b0da;
}