.calender {
	background:#fff;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	overflow:hidden;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.176);
	box-shadow:0 6px 12px rgba(0,0,0,.176);
	height: 261px;
/* 	display:inline-block; */
	padding:10px;
}

@media (min-width: 960px) {
	.day {
	    float:left;
	    width:36px;
	    height:36px;
	    line-height: 36px;
	    text-align: center;
	    color: black;
	}
}
@media (max-width: 959px) {
	.calender {
		max-width: inherit;
		height: 215px;
		margin-bottom: 22px;
	}
	.day {
	    float:left;
		width: 29px;
		height: 29px;
		line-height: 29px;
		color: black;
		text-align: center;
	}
}
@media (min-width: 881px) {
	.cal1 {
		margin-bottom: 0;
	}
}
@media (max-width: 848px) {
	.cal1 {
		margin-bottom: 0;
	}
}
@media (max-width: 880px) and (min-width: 849px) {
	.cal1 {
		margin-bottom: 0;
	}
}
@media (max-width: 808px){
	#kal2, #kal3, .cal2, .cal3 {
		display: none;
	}
	#kal1 {
		width: 250px !important;
	}
}
.calender div.after,
.calender div.before{
    color:silver;
}
.day.current {
    font-weight:bold;
}
.clear {
    clear:left;
}
.pagination {
    text-align: center;
    height:20px;
    line-height:20px;
    font-weight: bold;
}
.pagihead {
   display:inline-block;
   background: white;
   width: 140px;
   height: 20px;
   color: black;
}
.pagination a {
    width:20px;
    height:20px;
}
.gruen {
	background-color: #00cb1f;
}
.orange {
	background-color: #ffbb02;
}
.rot {
	background-color: #ff2a2a;
}
.special_eintrag {
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
	width: 80%;
	background-color: white;
	cursor:pointer;
	text-align: left;
	color: black;
}
.special_eintrag_rot {
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
	width: 80%;
	background-color: red;
	color: white;
	text-align: left;
}
#kal {
	margin-bottom: 10px;
}