div.clear {
	clear: both;
	width: 100%;
	height: 1px;
	overflow: hidden;
}

.calendar {
	color: white;
	width: 630px;
	float: left;
	margin: 0 0 20px -30px;
}

	.calendar .nextYear {
		float: right;
		color: #828282;
	}

		.calendar .nextYear a, .calendar .nextYear a:link, .calendar .nextYear a:visited, .calendar .nextYear a:active {
			text-decoration: underline;
			color: #828282;
		}

		.calendar .nextYear a:hover {
			color: black;
		}

	.calendar .lastModified {
		float: left;
		color: #828282;
	}


	.calendar .month {
		width: 197px;
		height: 186px;
		background: url("../images/calendarBG.png") left top no-repeat;
		padding: 4px 5px 0 7px;
		float: left;

	}

		.calendar .month .monthName {
			width: 200px;
			margin: 0 auto;
			font-weight: bold;
			text-align: center;
		}

		.calendar .month .dayNames {
			margin: 0 auto;
			width: 195px;
			height: 20px;
			margin: 0 0 5px 0;
			font-weight: bold;
		}

		.calendar .month .dayName {
			width: 26px;
			float: left;
			text-align: center;
			margin: 0 1px 2px 0;
		}

		.calendar .month .day, .calendar .legend .day {
			width: 27px;
			float: left;
			text-align: center;
			margin: 0 1px 2px 0;
		}

			.calendar .legend .day {
				color: black;
				margin: 10px 0 0 0;
				padding: 0 10px; 0 25px;
				width: 120px;
			}

			.calendar .month .day.available, .calendar .legend .day.available {
				background: url("../images/calendarDayAvailable.png") no-repeat left;
			}

			.calendar .month .day.empty, .calendar .legend .day.empty {
				background: url("../images/calendarDay.png") no-repeat left;
			}

			.calendar .month .day.definitief, .calendar .legend .day.definitief {
				background: url("../images/calendarDayUnavailable.png") no-repeat left;
			}

				.calendar .month .day.definitief {
					text-decoration: line-through;
				}


			.calendar .month .day.optioneel, .calendar .legend .day.optioneel {
				background: url("../images/calendarDayUnavailable2.png") no-repeat left;
			}

	#content-links {
		float: left;
	}