@charset "utf-8";
/* CSS Document */

/* -- calendar month-- */
/* ------------------------------------------- */

#calendar {min-height:400px;*height:auto;clear:both;margin-top:0px;}
#calendar #calendar_search {display:none;}
#calendar #calendar_header { position:relative; clear:both; height:60px;} /* knoppenbalk terug/volgende*/

/* de buttons div*/
#calendar #calendar_header #calendar_buttons {margin-top: 15px; padding: 0px; clear:both;} 
#calendar #calendar_buttons #button_back,#calendar #calendar_buttons #button_next,#calendar #calendar_buttons #month_enum{display:inline;float:left;} /* button terug*/
#calendar #calendar_buttons #month_opsomming select {} /* style de maand select box*/

#calendar #calendar_header #calendar_month {float:left; width:148px;margin-left:25px;}
#calendar #calendar_month #monthname {display:inline; float:left; width:116px;text-align:right; margin-top:5px;}
#calendar #calendar_month #monthbutton {display:inline; float:right; clear:right;}

/* de calendar zelf*/
#calendar #calendar_calendar {margin: 15px 0px 25px 0px;} 
#calendar #calendar_calendar .calendar_rowDay {float:left; width:100%;}
#calendar #calendar_calendar .calendar_rowDay div {float:left; width: 13%; height:20px; display:inline; margin-bottom: 1px; margin-right: 1px; border:1px solid transparent;}
#calendar #calendar_calendar .calendar_row {width: 100%; margin-top: 5px; margin-bottom: 5px; clear:left;}
#calendar #calendar_calendar .calendar_row div {float:left; width: 13%; height:60px; display:inline; margin-bottom: 1px; margin-right: 3px; border:1px solid transparent;}
#calendar #calendar_calendar .calendar_row .day {background-color: #ffffff; border:1px solid #01566b;	vertical-align: top;}
#calendar #calendar_calendar .calendar_row .dayoccuppied {background-color: #008cbd;border:1px solid #01566b;vertical-align: top;cursor: pointer;color:#ffffff;}
#calendar #calendar_calendar .calendar_row div span{ margin-left:3px;display:block;}
#calendar #calendar_calendar .calendar_rowDay div { width:13%; margin-right: 3px;}
#calendar #calendar_calendar .calendar_rowDay div span{ margin-left:3px;display:block; width:55px;}

/*/////////////////*/
/*calender buttons algemeen ////*/
/*/////////////////*/
#calendar_buttons #button_back, #calendar_buttons #button_next {width:85px;}
#calendar_buttons #button_next {margin-right:20px;}
/*/////////////////*/
/*calender search           ////*/
/*/////////////////*/
/* zoekform */
#calendar_search fieldset {border: none;}
#calendar_search label {padding-left:2px; margin-top:5px; float:left; margin-right:5px;}
#calendar_search input {}
#calendar_search #searchbutton {display:none;}

#calendar_search #zoeken {float:left; margin-left:-2px; padding-left:3px; padding-top:5px; clear:right; background:#FFFFFF;}

.contentFloatDivider {clear:both;}

/*-------------------------------------------------------------------------------------*/
/*MEDIA QUERIES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
@media(max-width:550px){
	#calendar #calendar_header #calendar_month {clear: both; margin-left: 0; margin-top: 7px;}
}

@media(max-width:375px){
	#calendar #calendar_buttons #month_enum {clear: both; margin-top: 16px;}
}