/* - - - - - - - - - - - - - - - - - - - - */
/* KALENDER */
/* - - - - - - - - - - - - - - - - - - - - */
#reserv_kalender {
	display:table;
	max-width:600px;
	margin:30px auto 0;
}
#reserv_kalender > div {
	display: table-cell;
	vertical-align:top;
	
	width:290px;
	text-align:center;
	margin:auto;
}
#reserv_kalender > div.spacer {
	width:20px;
	font-size:0;
}

@media (max-width: 639px) {
	#reserv_kalender {
		display:inline-block;
		margin-top:0 auto 0;
	}
	#reserv_kalender > div {
		display:block;
	}
	#reserv_kalender > div.spacer {
		width:100%;
		margin-top:0;
		font-size:25px;
		line-height:1.5;
	}
}



/* - - - - - - - - - - - - - - - - - - - - */
/* MAANDKALENDER */
/* - - - - - - - - - - - - - - - - - - - - */


/* header */
#reserv_kalender #maandkalender > .header {
	display: table;
	width:100%;
	background-color:#222222;
	margin-bottom:7px;
}
#reserv_kalender #maandkalender > .header > div {
	display:table-cell;
	vertical-align:middle;
	padding:5px;
}
#reserv_kalender #maandkalender > .header > div:nth-child(1) {
	width:50px;
	text-align:left;
}
#reserv_kalender #maandkalender > .header > div:nth-child(2) {
	font-family:'Montserrat';
	font-size:18px;
	line-height:18px;
	font-weight:700;
	color:#999999;
	text-align:center;
}
#reserv_kalender #maandkalender > .header > div:nth-child(3) {
	width:50px;
	text-align:right;
}


#reserv_kalender #maandkalender > .header a	{
	font-size:18px;
	line-height:1;
	color: #999999;
	text-decoration: none;
}
#reserv_kalender #maandkalender > .header a:hover,
#reserv_kalender #maandkalender > .header a:active	{
	color: #CCCCCC;
}




/* headrow */
#reserv_kalender #maandkalender > .headrow {
	display:block;
	width:100%;
}
#reserv_kalender #maandkalender > .headrow {
	font-family:'Montserrat';
	font-size:13px;
	font-weight:300;
	color:#999999;
	margin-bottom:3px;
}
#reserv_kalender #maandkalender > .headrow > .cell {
	display:inline-block;
	width:41px;
	padding:2px 2px 0 0;
}
#reserv_kalender #maandkalender > .headrow > .cell:nth-last-child(1) {
	padding-right:0;
}





/* row */
#reserv_kalender #maandkalender > .row > .cell {
	display:block;
	width:100%;
}
#reserv_kalender #maandkalender > .row > .cell {
	display:inline-block;
	width:41px;
	padding:2px 2px 0 0;
}
#reserv_kalender #maandkalender > .row > .cell:nth-last-child(1) {
	padding-right:0;
}




#reserv_kalender #maandkalender > .row a	{
	display:block;
	color: #FFFFFF;
	font-size:14px;
	line-height:36px;
	height:36px;
	text-decoration: none;
	background-color:#2D7D36;
}
#reserv_kalender #maandkalender > .row a:hover,
#reserv_kalender #maandkalender > .row a:active	{
	background-color:#42B84F;
}


#reserv_kalender #maandkalender > .row a.vandaag	{
	color: #333333;
	background-color:#CCCCCC;
}
#reserv_kalender #maandkalender > .row a.vandaag:hover,
#reserv_kalender #maandkalender > .row a.vandaag:active	{
	background-color:#FFFFFF;
}


#reserv_kalender #maandkalender > .row a.gesloten	{
	color: #666666;
	background-color:#222222;
}
#reserv_kalender #maandkalender > .row a.gesloten:hover,
#reserv_kalender #maandkalender > .row a.gesloten:active	{
	background-color:#222222;
}


#reserv_kalender #maandkalender > .row a.volzet	{
	color: #FFFFFF;
	background-color:#992A14;
}


#reserv_kalender #maandkalender > .row a.openvolzet	{
	color: #FFFFFF;
	background-image:url(../img/content/openvolzet.png);
	background-size: 100% 100%;
}
#reserv_kalender #maandkalender > .row a.openvolzet:hover,
#reserv_kalender #maandkalender > .row a.openvolzet:active	{
	background-image:url(../img/content/openvolzet-hover.png);
}


#reserv_kalender #maandkalender > .row a.volzetopen	{
	color: #FFFFFF;
	background-image:url(../img/content/volzetopen.png);
	background-size: 100% 100%;
}
#reserv_kalender #maandkalender > .row a.volzetopen:hover,
#reserv_kalender #maandkalender > .row a.volzetopen:active	{
	background-image:url(../img/content/volzetopen-hover.png);
}







/* - - - - - - - - - - - - - - - - - - - - */
/* DAGKALENDER */
/* - - - - - - - - - - - - - - - - - - - - */

#reserv_kalender #dagkalender > .header {
	padding:6px 0;
	margin-bottom:13px;
	
	font-family:'Montserrat';
	font-size:18px;
	line-height:18px;
	font-weight:700;
	color:#999999;
	text-align:center;
}
#reserv_kalender #dagkalender > .moment {
	margin-top:10px;
}





#reserv_kalender #dagkalender a	{
	display:block;
	
	font-size:16px;
	font-weight:300;
	line-height:1;
	color: #FFFFFF;
	text-decoration: none;
	
	padding:42px 0;
	background-color:#2D7D36;
}
#reserv_kalender #dagkalender a:hover,
#reserv_kalender #dagkalender a:active	{
	background-color:#42B84F;
}

#reserv_kalender #dagkalender a.gesloten	{
	color: #666666;
	background-color:#222222;
}

#reserv_kalender #dagkalender a.volzet	{
	background-color:#992A14;
}












#fb_maxaantal {
	padding-top:5px;
	font-size:14px;
}