/* Kalender */
div#kalender { box-shadow: 1px 1px 10px #CFCFCF;border:1px solid #dedede}
table#kalender { background-color: #F5F5F5; border-collapse: Collapse; width: 100%;cursor: Default;}
table#kalender th { background-color: #E5E5E5; border: Solid 1px #FFFFFF; font-weight: Normal;}
table#kalender td { vertical-align: Top; padding: 4px; border: Solid 1px #FFFFFF;}
table#kalender td#navigation { font-size: 1.10rem; font-weight: Bold; letter-spacing: 2px; text-align: Center; background-color: #F5F5F5;}

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

table#kalender td.heute { background-color: #D5D5D5 !important;}
table#kalender th.wochenende { background-color: #D5D5D5;}



span.tooltips {
  display: inline;
}
span.tooltips span {

  width:400px;
  top:20px;
  color: #000000;
  height: 300px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;

}

span:hover.tooltips span {
  visibility: visible;
  display:block;
  opacity: 1;

  z-index: 99;
  border-radius: 6px;
    -webkit-box-shadow: 0px 2px 31px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 31px -11px rgba(0,0,0,0.75);
box-shadow: 0px 2px 31px -11px rgba(0,0,0,0.75);
}
span.tooltips img{max-width:400px;}


.zeiten {
	font-size:12px;
	line-height:15px;
}


/* Anzeige (Event, Formular) */
table#kalender td#anzeige {
 font-family: Verdana, Sans-Serif;
 font-size: 1rem;
 background-color: #EDEDED;
}

/* Uhrzeit */
table#kalender span.uhrzeit { font-family: Arial, Sans-Serif; font-size: 1rem; color: #555555;}
table#kalender span.feiertag { font-family: Arial, Sans-Serif; font-size: 1rem; color: #E60000;}

table#kalender td.eintag { height: 60px; cursor: Default; line-height: 16px; text-align:right; word-break: break-all; transition: background-color 0.5s;}

table#kalender td.eintag:hover { color: #ff0000; background-color: #E8E8E8 !important;}
/* Kein Tag! */
table#kalender td.keintag { height: 60px; color: #C5C5C5; cursor: Pointer; transition: background-color 0.5s;}

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

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

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

/* Navigation Link */
span.navLink { font-family: Verdana, Sans-Serif; font-weight: Normal; padding: 2px; cursor: Pointer; outline: Solid 1px Transparent; transition: background-color,outline 0.5s;}
span.navLink:hover { background-color: #DEEEFC; outline: Solid 1px #7EB4EA;}

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

/* Event Link */
span.eventLink { font-family: Arial, Sans-Serif; font-size: 1.1rem; font-weight:bold;color: #ff0000; cursor: Pointer;}
span.eventLink:hover { text-decoration: none;color:#85c700}
span.zeiten { font-family: Arial, Sans-Serif; font-size: 0.9rem; font-weight:bold;color: #555555; line-height:12px;cursor: Pointer;}


/* 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: #529EEA;
}

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



/* Kalenderblatt */
div#kalenderblatt {
 color: #555555;
 background-color: #FFFFFF;
}

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

input, select, textarea {
 font-family: Verdana, Sans-Serif;
 font-size: 0.95rem;
 margin-top: 3px;
}

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

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

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

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

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

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

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

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

}

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

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

 .print {
  display: None;
 }
}