#kalender {
	visibility: hidden;
	position: relative;
	float: right;
	width: 152px;
	margin: 2px 0 10px 10px;
	border: 1px #F2F2F2 solid; /* Hierdoor werkt het openschuiven van de kalender in Mozilla naar behoren. */	
}

/* kalenderdagen */
	#dagen {
		height: 138px;
		width: 152px;
		background: #FFF url(img/kalenderTop.gif) top center no-repeat;
		margin-bottom: 4px;
		display: none;
	}
	#compact{
		height: 24px;
		width: 152px;
		background: #FFF url(img/kalenderTop.gif) top center no-repeat;
		border-bottom: 1px solid #B81124;
		margin-bottom: 4px;	
	}
	#dagen table {
		font-size: 11px;
		width: 142px;
		margin: 4px 0 0 6px;
		text-align: center;
		height: auto;
	}
	#dagen table th {
		border: 1px solid #B81124;
		background: #F2F2F2;
	}
	#dagen table td {
		padding: 0;
		margin: 0;
		color: #B0B0B0;		
	}
	#dagen table th {
		padding: 0 1px 0 1px;;
		margin: 0;
	}
	#dagen table td a {
		display: block;
		padding: 0;
		float: left;
		width: 100%;
		height: 100%;
		background: #F2F2F2;
		color: #000;
		font-weight: normal;
		font-size: 11px;
	}
	#dagen table td a#huidige, 
	#dagen table td a:hover {
		background: #B2B3B5;
		text-decoration: none;
	}
	#compact a,
	#dagen a {
		display: block;
		text-align: center;
		width: 100%;
		padding: 2px 0 0 0;
		margin: 0;
		color: #B2B3B5;
		font-weight: bold;
		font-size: 14px;
	}
	#compact a {
		color: #B81124;
		font-weight: normal;
		font-size: 12px;
		line-height: 150%;
	}
	
	#dagen a:hover,
	#compact a:hover {
		text-decoration: none;
	}	

/* navigatie */
	#kalNavigatie {
		height: 22px;
		width: 152px;
	}
	#kalNavigatie a,
	#kalNavigatie span {
		float: left;	
		margin-right: 6px;
		width: 33px;
		height: 22px;
		text-align: center;
		background: #FFF;
		color: #B81124;
		font-size: 15px;
		line-height: 140%;
	}
	#kalNavigatie #kalVolgendeDead,
	#kalNavigatie #kalVolgende,
	#kalNavigatie #kalVorigeDead,
	#kalNavigatie #kalVorige {
		background: #FFF url(img/kalenderVorigeVolgende.gif) bottom left no-repeat;
	}
	#kalNavigatie #kalVolgendeDead,
	#kalNavigatie #kalVolgende {
		margin: 0 4px 0 2px;	
	}
	#kalNavigatie #kalVorigeMaand {
		background: #FFF url(img/kalenderVorigeMaand.gif) bottom left no-repeat;
	}
	#kalNavigatie #kalVolgendeMaand {
		background: #FFF url(img/kalenderVolgendeMaand.gif) bottom right no-repeat;
		margin: 0;
		float: right;
	}
	#kalNavigatie a#kalVolgende:hover,
	#kalNavigatie a#kalVorige:hover,
	#kalNavigatie a#kalVolgendeMaand:hover,
	#kalNavigatie a#kalVorigeMaand:hover,
	#kalNavigatie a:hover {
		font-weight: bold;
		text-decoration: none;
	}
	#kalNavigatie span {
		filter: alpha(opacity=40);
		-moz-opacity: .4;
		display: block;		
	}
	
	#kalNavigatie a#kalVolgende,
	#kalNavigatie a#kalVorige {
		display: block;	
	}