/*
 *  Event-Kalender - kalenderstyle.css (utf-8)
 * - https://werner-zenk.de
 */


/* Link (Diese Anweisung kann entfernt werden!) */
a:link, a:visited {
 font-family: Comic Sans MS Bold, Sans-Serif;
 font-size: 0.95rem;
 color: #990066;
}


/* Kalender */
div#kalender {
 box-shadow: 1px 1px 1px #CFCFCF;
/* background-image: url(AllouetteIIneutr81.png);
 background-repeat: No-Repeat;
 background-size: Cover;*/
}

/* Tabelle */
table#kalender {
 font-family: Comic Sans MS, Sans-Serif;
 background-color: #EDEDED;
 font-weight: Bold;
 border-collapse: Collapse;
 empty-cells: Hide;
 width: 100%;
 opacity: 0.85;
 cursor: Default;
}

/* Tabelle TH */
table#kalender th {
 background-color: #E5E5E5;
 border: Solid 1px #FFFFFF;
 font-weight: Normal;
}

/* Tabelle TD */
table#kalender td {
 vertical-align: Top;
 padding: 1px;
 border: Solid 1px #FFFFFF;
}

/* Tabelle Navigation */
table#kalender td#navigation {
 font-size: 1.10rem;
 font-weight: Bold;
 letter-spacing: 2px;
 text-align: Center;
 background-color: #DEEEFC;
}

table#kalender td#navigation span {
 white-space: Nowrap;
}

/* Tabelle (child even/odd) */
table#kalender th:nth-child(even),
table#kalender td:nth-child(even) {
 background-color: #F5F5F5;
}
table#kalender th:nth-child(odd),
table#kalender td:nth-child(odd) {
 background-color: #F0F0F0;
}

/* Heute */
table#kalender td.heute {
 background-color: #7EB4EA; !important;
}

/* Ein Tag! */
table#kalender td.eintag {
 height: 50px;
 cursor: Default;
 line-height: 14px;
 word-break: break-all;
 transition: background-color 0.5s;
}

table#kalender td.eintag:hover {
 background-color: #FFFFCC; !important;
}

/* Kein Tag! */
table#kalender td.keintag {
 height: 50px;
 color: #CCCCCC;
 padding-left: 8px;
 cursor: Pointer;
 transition: background-color 0.5s;
}

table#kalender td.keintag:hover {
 background-color: #E8E8E8; !important;
 color: #529EEA;
}

/* Wochenende */
table#kalender th.wochenende {
 background-color: #FFCCCC;
}

/* Anzeige (Event, Formular) */
table#kalender td#anzeige {
 font-family: Comic Sans MS, Sans-Serif;
 font-size: 0.95rem;
 font-weight: Bold;
 color: #000099;
 background-color: #EDEDED;
 padding: 1px;
}

/* Uhrzeit */
table#kalender span.uhrzeit {
 font-family: Comic Sans MS Bold, Sans-Serif;
 font-weight: Bold;
 font-size: 0.77rem;
 color: #990066;
}

/* Feiertag */
table#kalender span.feiertag {
 font-family: Comic Sans MS, Sans-Serif;
 font-size: 0.80rem;
 color: #FF0000;
 padding: 1px;
}

/* Aktiver Tag */
.aktivtag {
 box-shadow: Inset 0px 0px 100px 100px #DEEEFC;
}

/* Navigation Link */
span.navLink {
 font-family: Calibri, Sans-Serif;
 font-weight: Bold;
 color: #000066;
 padding: 1px 4px 1px 4px;
 cursor: Pointer;
 outline: Solid 1px Transparent;
 transition: background-color,outline 0.5s;
}

span.navLink:hover {
 background-color: #DEEEFC; !important;
 outline: Solid 1px #7EB4EA;
 color: #CC0000;
}

span.navBlock {
 min-width: 120px;
 display: Inline-Block;
}

/* Event Link */
span.eventLink {
 font-family: Comic Sans MS, Sans-Serif;
 font-weight: Bold;
 font-size: 0.80rem;
 color: #000099;
 cursor: Pointer;
}

span.eventLink:hover {
 font-family: Comic Sans MS, Sans Serif;
 font-weight: Bold;
 color: #990066; 
 font-size: 0.80rem; 
 text-decoration: Underline;
}

span.nowrap {
 white-space: Nowrap;
}

/* user-select */
table#kalender td#navigation,
 table#kalender td.eintag,
 table#kalender td.keintag,
 table#kalender th.wochentag,
 table#kalender th.wochenende,
 table#kalender span.uhrzeit,
 table#kalender span.feiertag,
 table#kalender span.navLink,
 table#kalender span.eventLink {
 -ms-user-select: None;
 -moz-user-select: None;
 -webkit-user-select: None;
}

mark.mark {
 font-weight: Bold;
 background-color: Transparent;
 color: #990066;
}

mark.fehler {
 font-weight: Bold;
 font-size: 18px;
 background-color: Transparent;
 color: #FF0000;
}

/* Kalenderblatt */
div#kalenderblatt {
 color: #000099;
 background-color: #F0F0F0;
}

/* Anzeige */
form#Form,
 p#fehler,
 div#aktevents,
 div#kalenderblatt {
 color: #000099;
 padding: 5px;
 margin: -22px 0px 0px 5px;
}

div#anzeigeBeenden {
 text-align: Right;
 padding-right: 15px;
}

div#anzeigeBeenden2 {
 display: Inline-Block;
 text-align: Right;
}

/* Priorität */
span.prioritaet {
 padding: 0px 5px 0px 5px;
 font-size: 12px;
}

div#blatt {
 font-family: Comic Sans MS, Sans-Serif;
 font-size: 5rem;
 color: #000099;
 text-align: Center;
 float: Left;
 line-height: 90px;
 width: 150px;
 padding-bottom: 5px;
}

/* Event-Anzeige  */
dl.dl {
 background-color: Transparent;
}

dl.dl > dd {
 margin-left: 50px;
}

/* Formularfelder */
table#kalender input[type="text"],
table#kalender input[type="password"],
table#kalender input[type="search"],
table#kalender input[type="number"],
table#kalender input[type="checkbox"],
table#kalender button[type="button"],
table#kalender textarea,
table#kalender select {
 border: Solid 1px #9A9A9A;
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 0.95rem;
 margin-top: 2px;
 margin-bottom: 2px;
 caret-color: #FF4500;
}

table#kalender input[type="text"]:focus,
table#kalender input[type="password"]:focus,
table#kalender input[type="search"]:focus,
table#kalender input[type="number"]:focus,
table#kalender input[type="checkbox"]:focus,
table#kalender button[type="button"]:focus,
table#kalender textarea:focus,
table#kalender select:focus {
 border: Solid 1px #0078D7;
}

table#kalender input[type="button"],
table#kalender input[type="submit"],
table#kalender button[type="button"] {
 border: Solid 1px #9A9A9A;
 background-color: #E1E1E1;
 font-size: 0.95rem;
}

table#kalender input[type="button"]:hover,
table#kalender input[type="submit"]:hover,
table#kalender button[type="button"]:hover {
 border: Solid 1px #0078D7;
 background-color: #E5F1FB;
}

textarea#textarea {
 width: 400px;
 min-width: 400px;
 max-width: 400px;
 height: 200px;
 min-height: 200px;
 max-height: 400px;
 resize: Vertical;
}

input[type="text"]#event {
 width: 250px;
}

input[type="text"]#name {
 width: 150px;
}

input[type="password"]#passwort {
 width: 120px;
}

input[type="number"] {
 width: 65px;
}

input[type=checkbox]:checked + label {
 color: #388FE7;
}


/* Anpassung an mobile Kleingeräte */
@media screen and (max-width: 35rem) {

 /* Tabelle TD */
 table#kalender td {
  padding: 1px;
 }

 /* Feiertag */
 table#kalender span.feiertag {
  font-family: Comic Sans MS, Sans-Serif;
  font-size: 0.60rem;
 }

 /* Uhrzeit */
 table#kalender span.uhrzeit {
  font-family: Comic Sans MS, Sans-Serif;
  font-size: 0.60rem;
  /*display: None;*/
 }

 /* Event Link */
 span.eventLink {
  font-family: Calibri, Sans-Serif;
  color: #555555
  font-size: 0.60rem;
 }

 /* Formularfelder */
 textarea#textarea {
  width: 320px;
  min-width: 320px;
  max-width: 320px;
  height: 200px;
  min-height: 200px;
  max-height: 400px;
  resize: Vertical;
 }

 input[type="text"]#event {
  width: 180px;
 }

 input[type="text"]#name {
  width: 120px;
 }

 input[type="password"]#passwort {
  width: 80px;
 }

}


/* Für den Ausdruck optimieren */
@media print {
 div#kalender {
  box-shadow: none;
 }

 table td {
  outline: Solid 1px #888888;
 }

 .print {
  display: None;
 }
}