/* CSS Document */

body {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0;	padding: 0;
}
li {
	list-style-type: none;
}

.month {
	margin: 0;	padding: 0;
	
	min-width: 175px; width: 175px;	max-width: 175px;
	min-height: 200px; height: 200px; max-height: 200px; line-height: inherit;
	
	border: 1px solid #dddddd;
	border-radius: 15px;
	
}

.month, .wochentag {
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	
}

.zurueck, .weiter {
	
	min-width: 32px; width: 32px;	max-width: 32px;
	min-height: 25px; height: 25px; max-height: 25px; line-height: 25px;

	display: flex;
	justify-content: center;
	text-align: center;
	
	float: left;


	
}

.zurueck a, .weiter a {
	margin: 0;	padding: 2px 5px;
	text-decoration: none;
	font-weight: 700;
	color: #000000;
	font-size: 16px;
}

.name h2 {
	margin: 0;	padding: 0;
	
	min-width: 110px; width: 110px;	max-width: 110px;
	min-height: 25px; height: 25px; max-height: 25px; line-height: 25px;

	
	display: flex;
	justify-content: center;
	text-align: center;
	
	float: left;
	font-size: 16px;

}

li.wochentag {
	margin: 0;	padding: 0;
		
	min-width: 25px; width: 25px;	max-width: 25px;
	min-height: 25px; height: 25px; max-height: 25px; line-height: 25px;
	
	display: flex;
	justify-content: center;
	text-align: center;
	
	float: left;
	
}

.samstag {
	/*background-color: #DDDDDD !important;*/
}

li.altermonat {
	color: #eeeeee !important;
	font-weight: normal !important;
}

.feiertag, .sonntag {
	color: #FF0000 !important;
	/*background-color: #aaaaaa !important;*/
	font-weight: bold;
}

 .sonntag {
	color: #000000 !important;
	 font-weight: bold;
}
.letztersonntag {
	/*border-radius: 0 0 14px 0;*/
}

.tagesname {
	border-bottom: 1px solid #dddddd;
}

.event {
	background-color: #ffffff;
	border: 2px solid #ff0000;
	border-radius: 15px;
	min-width: 21px !important; width: 21px !important;	max-width: 21px !important;
	min-height: 21px !important; height: 21px !important; max-height: 21px !important; line-height: 21px !important;

}

.ferien {
	background-color: #3AA003;
	border: 2px solid #3aa003;
	border-radius: 15px;
	min-width: 21px !important; width: 21px !important;	max-width: 21px !important;
	min-height: 21px !important; height: 21px !important; max-height: 21px !important; line-height: 21px !important;
}

.legende {
	clear: both;
	margin: 0 0 25px 0;

}

td.spanlegende {
	width: 25px;
	text-align: center;
	margin: 0 5px 0 5px;
	float: left;
	border-radius: 10px;
}

/* Tooltip */

.tooltip {
	position: relative;
	
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 3px 0;

  /* Position the tooltip */
  	position: fixed;
	top: 10px;
	left: 10px;
	
  	z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}