/* Default attributes of table container for entire calendar */
.table-style {
	font-family: arial;
	border-width: 1; 
	border-style: solid; 
	border-color: #a0a0a0; 
	background-color: #ffffff;
	font-family: arial; 
	font-size: 11px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style {
	z-index: +999;
	position: absolute;
	visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style {
	padding: 2px;
	font-family: arial; 
	font-size: 11px;
	color: #3a6ea5;	
}

/* Default attributes used in calendar title background.*/
.title-background-style {
	background-color: #cee3ef;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style {
	border-style: solid;
	border-width: 1;
	border-color: #3a6ea5; 
	cursor: pointer;
}

/* Moused-over (selected) appearance of controls in calendar title. */
.title-control-select-style {
	border-style: solid;
	border-width: 1;
	border-color: #3a6ea5; 
	cursor: pointer;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
	font-family: arial; 
	font-size: 11px; 
	border-width: 1; 
	border-style: solid; 
	border-color: #a0a0a0;
	background-color: #cee3ef;
	cursor: pointer;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style {
	background-color: #3a6ea5;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style {
	background-color: #0;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style {
	padding: 5px;
	background-color: #cee3ef;
	font-family: verdana; 
	font-size: 10px;
}

/* Attributes of current day in calendar body. */
.current-day-style {
	color: red;
	font-weight: bold;
	text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.end-of-weekday-style {
	color: #909090;
	text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.normal-day-style {
	color: black;
	text-decoration: none;
}

/* Attributes of border around selected day in calendar body. */
.selected-day-style {
	border-style: solid;
	border-width: 1px; 
	border-color: #a0a0a0;
}

/* Default attributes of designated holidays. */
.holiday-style {
	background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.today-style {
	padding: 0px;
	color: black;
	background-color: #cee3ef;
	text-align: center;
	text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
	background-color: #d0d0d0; 
	padding: 0px;
}
.invulvelden {
	background-color: #EAEAEA;
	font-size: 11px;
}
.dropdown-select-styleKopiëren {
	background-color: #3a6ea5;
	color: #FFFFFF;
}
/*
colors:
red 		 #d21143;}
green 	#78a22e;}
blue 		#009ddc;}
orange	#f58428;}
*/

body 	{
	font-family: verdana;
	font-size: x-small;
	color: black;
	margin: 0;
	padding: 0;
	height: 100%;
	background-repeat: repeat-y;
	background-position: center;
}

h1, h2, h3, h4	{clear: left;}

h1		{ font-size: large; margin-bottom: 0; }
h2		{ font-size: medium; color: #808080; font-weight: normal; margin-bottom: 0; }
h3		{ font-size: small; color: #808080; margin-bottom: 0; }
h4		{ font-size: x-small; color: black; margin-bottom: 0;  }

p 		{
	margin-top: 4px;
	line-height: 150%;
	margin-right: auto;
	padding-right: 20%;
}

td		{
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a 			{
	color:#003399;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
a:hover 	{ color:#009ddc; text-decoration: none;}
.zwart2 {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; text-decoration: none; font-size: 12px}
.wit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.zwart2 {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; text-decoration: none; font-size: 12px}
.Blauw {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold}
.Blauw2 {  font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #000000; text-decoration: none; font-weight: bold}
.BLAUW {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
	text-decoration: none;
; font-weight: bold
}
a 			{
	color:#275370;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover 	{
	color:#009ddc;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.wit {  font-size: 12px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
.rood { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; text-decoration: none; ; font-weight: bold }
.buttons {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FF0000; text-decoration: none; background-color: #FFFFFF}
.buttons2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #003366}
.optioneel {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic; color: #FF0000; text-decoration: none}
.tabeltekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none
}
.uursoorten {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.wit1 { font-size: 11px; font-style: normal; font-weight: bolder; color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
.zwart { font-size: 10px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
.zwart2 { font-size: 12px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
.BLAUWCopy { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000066; text-decoration: none; ; font-weight: bold }
.witCopy { font-size: 10px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
.roodCopy { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FF0000; text-decoration: none; ; font-weight: bold }
.witCopy1 { font-size: 12px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: underline; font-family: Arial, Helvetica, sans-serif }