#kalender,
.index #kalender {
	visibility: hidden;	
	position: relative;
	float: right;
	width: 250px;
	margin: 30px 0 10px 10px;
	border: 1px #FFF solid; /* Hierdoor werkt het openschuiven van de kalender in Mozilla naar behoren. */
	left: -133px;	
	height: 100%;
	text-align: center;
}
.index #kalender {
	left: -17px;	
	margin: 2px 0 10px 10px;
}

/* kalenderdagen */
	#dagen {
		height: 100%;
		width: 246px;
		margin-bottom: 4px;
		display: none;
		background: #F4F4F3;
		border: 2px solid #DEDFDA;
	}
	#compact{
		height: 24px;
		width: 100%;
		margin-bottom: 4px;	
		background: #F4F4F3;
		border: 2px solid #DEDFDA;
	}
	#dagen table {
		font-size: 12px;
		width: 100%;
		margin: 4px 0 0 0;
		text-align: center;
		height: auto;		
	}
	#dagen table th {
		border: 1px solid #666962;
		background: #E3E3E3;
		padding: 0 1px 0 1px;
		margin: 0;
	}
	#dagen table td {
		padding: 0;
		margin: 0;
		color: #666962;
		text-align: center;
	}
	#dagen table td a {
		display: block;
		padding: 0;
		float: left;
		width: 100%;
		height: 100%;
		background: #E2E2E2;
		color: #000;
		font-weight: normal;
		font-size: 12px;
		text-decoration: none;
	}
	#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: #666962;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
	}
	#dagen a {	
		letter-spacing: 5px;
	}
	#dagen table a {
		letter-spacing: normal;	
	}	
	#compact a {
		color: #666962;
		font-weight: normal;
		font-size: 14px;
	}
	
	#dagen a:hover,
	#compact a:hover {
		text-decoration: underline;
	}	

/* navigatie */
	#kalNavigatie {
		height: 22px;
		width: 100%;
	}
	#kalNavigatie a,
	#kalNavigatie span {
		float: left;
		margin: 0 6px 0 0;
		width: 56px;
		height: 100%;
		text-align: center;
		background: transparent url(img/kalender-knop.jpg) no-repeat top left; /* ipv border omdat dat verschillen in de breedte tussen de browsers veroorzaakt */
		font-size: 18px;
		text-decoration: none;
	}
	#kalNavigatie #kalVolgendeDead,
	#kalNavigatie #kalVolgende {
		margin: 0 4px 0 2px;	
	}
	#kalNavigatie #kalVolgendeMaand {
		margin: 0;
		padding-right: 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;
		background-color: #E2E2E2;
		background-image: none;
	}
	#kalNavigatie span {
		filter: alpha(opacity=40);
		-moz-opacity: .4;
		display: block;		
	}
	
	#kalNavigatie a#kalVolgende,
	#kalNavigatie a#kalVorige {
		display: block;	
	}