#rechnenBtn {
	margin: 15px 0 0 170px;
	cursor: pointer;
}

#rechnenPfeil {
	margin: 3px 0 10px 220px;
}

#termin, #woche, #muterschutz {
	width: 90px;
	margin: 0 0 2px 0;
	color: #eb690b;
	font-weight: bold;
	padding-top: 2px;
	height: 17px;
}
#CalendarHead tr td:first-child{
	padding-left: 0 !important;
}
#CalendarBody tr td:first-child{
	padding-left: 0 !important;
}
.form-fruchtbar{
	margin-top: 10px;
}

.selectdate{
	padding-right: 0px;
	padding-top: 0px;
}

.selectdate .form-control{
	width: 78%;
	display: inline;
}

#jMonthCalendar{
	width: 100% !important;
	height: 100% !important;
}
.MonthlyCalendar .MonthNavigation {
    height: 30px;
}

.DateLabel a, .DateLabel a:hover,.DateLabel a:focus{
	color:#555;
}
.arrow-fruchtbarkeitsdown{
	font-size: 34px;
	color: #f2963f;
}
.legendeicon{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: super;
}
.legendentext {
    margin-left: 7px;
    height: 5px;
    vertical-align: top;
}
.periode{
	background:url(../img/beginn_periode_icon.png) 0 0 no-repeat;
	background-size: 20px 20px;
}
.eisprung{
	background:url(../img/eisprung_icon.png) 0 0 no-repeat;
	background-size: 20px 20px;
}
.ehermaedchen{
	background:url(../img/female_icon.png) 0 0 no-repeat;
	background-size: 20px 20px;
}
.eherjunge{
	background:url(../img/male_icon.png) 0 0 no-repeat;
	background-size: 20px 20px;
}
.fruchtbaretage{
	background:#f9e2ef;
	background-size: 20px 20px;
}
.sehrfruchtbaretage{
	background:#f8d3b0;
	background-size: 20px 20px;
}

@media (max-width: 767px){
	.selectdate .css-label.caption{
		min-width: 46px;
	}
	.formcaption {
	    padding-top: 11px;
	    padding-left: 7px;
	}
}