#kalender,
.index #kalender {
	visibility: hidden;	
	width: 276px;
	margin: 60px 0 10px 152px;
	border: 0px #FFF solid; /* Hierdoor werkt het openschuiven van de kalender in Mozilla naar behoren. */	
	height: 100%;	
	text-align: center;
}

/* kalenderdagen */
#dagen {
	height: 100%;
	width: 276px;		
	display: none;
	background: transparent url(img/kalender.gif) top left no-repeat;		
}
#compact{
	height: 24px;
	width: 276px;			
	background: transparent url(img/kalender.gif) top left no-repeat;
}
#dagen table {
	font-size: 12px;
	width: 238px;
	margin: 4px auto 0 auto;
	text-align: center;
	height: auto;
	background: transparent;				
}
#dagen table th {
	border: 1px solid #FFC800;
	background: #FFE481;
	padding: 0;
	width: 32px;
}
#dagen table td {
	width: 32px;
	padding: 0;		
	color: #333;
	text-align: center;
	background: transparent;		
}
#dagen table td a {
	display: block;
	padding: 0;
	float: left;
	width: 100%;
	height: 100%;		
	color: #333;
	font-weight: normal;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	background: #FFF2C0;
}
#dagen table td a#huidige, 
#dagen table td a:hover {
	background: #FFE481;
}
#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;
	color: #FED643;
	font-style: normal;
}
#dagen table a {
	letter-spacing: normal;	
}	
#compact a {
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	color: #FED643;
}

#dagen a:hover,
#compact a:hover {
	text-decoration: underline;
}	

/* navigatie */
#kalNavigatie {
	height: 22px;
	width: 276px;
}
#kalNavigatie a,
#kalNavigatie span {
	float: left;
	margin: 0;
	padding: 0;
	width: 69px;
	height: 100%;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	color: #FED643;
}
#kalNavigatie #kalVolgendeMaand {
	float: right;
}
#kalNavigatie a#kalVolgende:hover,
#kalNavigatie a#kalVorige:hover,
#kalNavigatie a#kalVolgendeMaand:hover,
#kalNavigatie a#kalVorigeMaand:hover,
#kalNavigatie a:hover {
	font-weight: bold;
}
#kalNavigatie #kalVorigeMaand {
	background: transparent url(img/kalender.gif) left bottom no-repeat;
	text-align: right;
}
#kalNavigatie span#kalVorigeDead,
#kalNavigatie a#kalVorige {
	background: transparent url(img/kalender.gif) -69px bottom no-repeat;
}
#kalNavigatie span#kalVolgendeDead,
#kalNavigatie a#kalVolgende {
	background: transparent url(img/kalender.gif) -69px bottom no-repeat;
}
#kalNavigatie #kalVolgendeMaand {
	background: transparent url(img/kalender.gif) right bottom no-repeat;
	text-align: left;
}
#kalNavigatie span {
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	display: block;		
}

#kalNavigatie a#kalVolgende,
#kalNavigatie a#kalVorige {
	display: block;	
}