/* Event Kalender - kalenderstyle.css
 - Webbausteine.de */

/* Kalender */
div#kalender {
	
}


table#kalender,
 table#kalender2 {
 font-family: Verdana, Sans-Serif;
 background-color: #F5F5F5;
 border-collapse: Collapse;
 width: 100%;
 cursor: Default;
}

/* TH */
table#kalender th {
  background-color: #E5E5E5;
  border: Solid 1px #FFFFFF;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  
}

/* TD */
table#kalender td,
 table#kalender2 td {
 font-weight: bold;
 vertical-align: top;
 width: 50px;
 min-width: 50px;
 height:90px;
 padding: 5px;
 border: Solid 1px #FFFFFF;
}

/* Tabelle Navigation */
table#kalender td#navigation,
 table#kalender2 td#navigation {
 font-size: 3.10rem;
 font-weight: Bold;
 background-color: #272727;
 text-align: Center;
 height: 1%;
 letter-spacing: 2px;
}

/* Heute */
table#kalender td#heute,
 table#kalender2 td#heute {
 background-color: rgb(156, 171, 155);
}

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

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

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

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

/* Kein Tag! */
table#kalender td.keintag {
 color: rgb(122, 137, 122);
 cursor: Pointer;
}

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

/* Tabelle (child even/odd) */
table#kalender td:nth-child(even),
 table#kalender2 tr:nth-child(even) {
 background-color: rgba(191, 191, 191, 0.84);
}
table#kalender td:nth-child(odd),
 table#kalender2 tr:nth-child(odd) {
background-color: rgba(137, 137, 137, 0.8);
}

/* Navigation Link */
span.navLink {
 font-family: Verdana, Sans-Serif;
 font-weight: Normal;
 cursor: Pointer;
 padding: 0 2px 0 2px;
 font-size: 2.1rem;
}

span.headline15 {
	color:#F2F2F2;
}

span.navLink:hover {
 font-weight: bold;
 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.75rem;
 color: #529EEA;
 font-weight: Normal;
 cursor: Pointer;
}
span.eventLink:hover {
 text-decoration: Underline;
}

/* Link */
a:link, a:visited {
 font-family: Arial, Sans-Serif;
 font-size: 14px;
 color: #FFF;
}


/* Kalenderblatt */
div#kalenderblatt {
 background-color: #FFFFFF;
 padding: 15px;
}

/* Formular */
form#Form,
 dl#dl,
 div#kalenderblatt {
 margin: -20px 0px 0px 5px;
}

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

textarea#textarea {
 width: 470px;
 height: 200px;
}

.dropbtn {
    background-color: #272727;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	text-align: left;
	width: 125px;

}

.dropdown12 {
    position: relative;
	left:60px;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	width: 326px;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown12:hover .dropdown-content {
    display: block;
}

.dropdown12:hover .dropbtn {
    background-color: #363636;
}

.Loginbtn {
	background:#363636;
}

.calender2512 {
	font-size: 30px;
}