/* Calender Funktion */
:root {
         --calender-color: #921700;
         --calender-color-light: #ab1d02;
         --calender-color-dark: rgba(0,0,0,0.9);
         --calender-color-marked: rgba(200,20,20,0.8);
}

#calender {
         display: block;
         border: 0px #EFEFEF solid;
         background: #FFFFFF;
         padding: 10px;
         margin: 10px 0px 20px 0px;
}
.calender a {
         color:black;
         text-decoration: none;
         margin:1px;
         display:block;
         border:2px solid #EFEFEF;
         -moz-border-radius: 0px;
         -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.calender a:hover {
         text-decoration: underline;
         background: #eaeaea;
}

.calender a.archive, .calender a.archive:link, .calender a.archive:visited {
         margin:0px;
         border:0px solid #EFEFEF;
         color: #C92A05;
         font-weight: bold;
         background: #FFFFFF;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FBE4C7 0px 0px 1px;
}

.calender a.archive:hover {
        background-color: var(--calender-color);
         color:#FFFFFF;
         border:0px solid #EFEFEF;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #830100 1px 1px 0px;
}

.calender a.archive_lastnext, .calender a.archive_lastnext:link, .calender a.archive_lastnext:visited {
         margin:0px;
         border:2px solid #EFEFEF;
         color:silver;
         font-weight: bold;
         background: #FFFFFF;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FFFFFF 0px 0px 1px;
}

.calender a.archive_lastnext:hover {
         margin:0px;
         border:2px solid #EFEFEF;
         color:#8F8F8F;
         font-weight: bold;
         background: #EFEFEF;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #FFFFFF 0px 0px 1px;
}

.calender .day .current a {
        background-color: var(--calender-color);
         color:#FFFFFF;
         border:2px solid #EFEFEF;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         padding: 0px;
         text-shadow: #830100 1px 1px 0px;
}

.calender .day .current a:hover {
        background: var(--calender-color);
         border:2px solid var(--calender-color);
         color: #FFFFFF;
         text-shadow: #009F00 1px 1px 0px;
}

.calender {
         float: left;
         width: calc(100% / 1 - 0px);
         border:0px solid #EFEFEF;
         margin-right:20px;
}

* html .calender,
* + html .calender {
         width:100%;
         margin-left:0px;
}

.calender span {
         color: #000000;
         font-size:13px;
}

.calender div.after, .calender div.before {
           color:silver;
            background-color: #FFFFFF;
}

.day {
         float:left;
         width: calc(100% / 7 - 4px);

         line-height: 30px;
         text-align: center;
         margin:0px;
         background:#ECECEC;
         border:2px solid #FFFFFF;
}

.day.headline {
         color:#FFFFFF;
         background-color: var(--calender-color);
}

.day.current {
         font-weight:bold;
         /*background-color: var(--calender-color-dark);*/
         border: 2px var(--calender-color-dark) solid;
         color: #000000;
}

.day.marked {
         font-weight:bold;
         background-color: var(--calender-color-marked);
         color:#FFFFFF;
}


.pagination {
            text-align: center;
            height:20px;
            line-height:20px;
            font-weight: bold;
         font-size: 1.5em;
}

.pagination span {
         display: inline-block;
         text-align: center;
         font-weight: bold;
         font-size: 0.8em;
         padding-top: 2px;
}

.pagination a {
        display: inline-block;
         margin:1px;
         font-size: 1.2em;
         border:0px solid #EFEFEF;
         text-shadow: #FFFFFF 1px 1px 0px;
         color: #000000 !important;
         padding: 5px;
         min-width: 20px;
}

.pagination b {
         float: left;
         display: inline-block;
         margin:1px;
         border:1px solid #FFFFFF;
         width: 28px;
         height: 28px;
}
.pagination b.r { float: right; }

.pagination a:hover {
         color: #FFFFFF !important;
         background-color: #000000 !important;
         text-shadow: #000000 1px 1px 0px;
}

.pagination a.last {
         float:left;
         font-size: 1.2em;
         font-family: "Trebuchet MS", Verdana;
         font-weight: bold;
         text-decoration:none;
         background: #FFFFFF;
         border-left: 0px #CE2D06 solid;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         margin: 0px;

}

.pagination a.next {
         float: right;
         font-size: 1.2em;
         font-family: "Trebuchet MS", Verdana;
         font-weight: bold;
         text-decoration:none;
         background: #FFFFFF;
         border-left: 0px #CE2D06 solid;
         -moz-border-radius: 0px;
        -khtml-border-radius: 0px;
         -webkit-border-radius: 0px;
         border-radius: 0px;
         margin: 0px;
}

/* Legende */
#legende { display: block; width: 100%; margin: 10px 0px 0px 0px; padding-top: 6px; border-top: 3px rgba(0,0,0,0.2) dotted; text-align: center; font-size: 0.8em; }
#legende span { display: inline-block; width: auto; margin: 0px 2px; background-color: #ECECEC; padding: 2px 5px; color: #000000; }
#legende span.marked { background-color: var(--calender-color-marked); color: #FFFFFF; }