@charset "utf-8";

body, html { margin:0; padding:0; background:#a6d2ea; }
body { font-family:Verdana, Geneva, sans-serif; font-size: 12px; }

a						{ color: #000; outline: none; }
.offset					{ margin: 10px; }

.breaker { clear:both; }

/* FORM ELEMENTEN */
form 					{margin:0; padding:0 0 10px; line-height:18px;}
form img 				{border:none;}
input[type=text]		{width:162px; height:19px; padding:3px 0 0 3px; background:url(../images/inputText.jpg) no-repeat top left; border:none; font-size:11px; color:#FFF; }
input[type=submit]		{ width:65px; height:15px; margin:0 0 0 14px; background:url(../images/submitBackground.png) no-repeat top left; border:none; font-size:9px; }
input[type=checkbox]	{}
input[type=radio]		{ margin:0; padding:0; }
input[type=button]		{text-transform:uppercase;}
textarea				{width:400px; height:200px;}
select					{width:162px;}

#mainContainer { position:relative; width:988px; margin:0 auto; z-index:0; }
#background { position:relative; width:988px; background:url(../images/background.png) repeat-y top left; z-index:5; }

/* header -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#headerContainer 			{ position:relative; width:952px; height:208px; margin:0 auto; background:url(../images/headerContainer.png) no-repeat top left; z-index:10; }
#logo 						{ position:absolute; top:0; left:20px; width:248px; height:161px; }
#logo img 					{ border:none; }
#reclame 					{ position:absolute; top:20px; left:420px; width:236px; height:137px; }
#headerRight 				{ position:absolute; top:5px; right:4px; width:163px; height:164px; font-size:11px; color:#FFF; z-index: 20; }
#headerRight h2 			{ color:#FFF; font-size:20px; font-family:Calibri, Verdana, sans-serif; margin:0; padding:0; }
#headerRight ul 			{ margin:0; padding:0; }
#headerRight li 			{ list-style-type:none; background:url(../images/headerRightArrow.png) no-repeat center left; padding:0 0 0 10px; line-height:16px; }
#headerRight li a			{ color: #fff; text-decoration: none; }
#ideal						{ position:absolute; bottom:9px; right:14px; width:29px; height:25px; }
#sgr 						{ position: absolute; bottom:8px; right:137px; width:32px; height:28px; }
#anvr 						{ position:absolute; bottom:8px; right:95px; width:33px; height:28px; }
#ideal img,
#sgr img,
#anvr img 					{ border:none; }
#headerMenu 				{ position:absolute; bottom:15px; left:10px; font-size:11px; font-weight:bold; z-index:15; }
#headerMenu ul 				{ margin:0; padding:0; }
#headerMenu li 				{ list-style-type:none; float:left; }
#headerMenu li.background 	{ background:url(../images/headerMenuLi.png) no-repeat center left; }
#headerMenu a 				{ color:#FFF; text-decoration:none; padding:0 15px; }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contentContainer { position:relative; width:952px; margin:0 auto; }

/* menu's links ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contentLeft 				{ position:relative; width:152px; padding:0 0 0 14px; float:left; font-size:11px; }
.contentLeftMenu 			{ position:relative; padding:0 0 10px; }
.contentLeftMenu h2 		{ font-size:12px; color:#006e9d; margin:0; padding:5px 0; }
.contentLeftMenu h3 		{ font-size:11px; color:#006e9d; margin:0; padding:5px 0; }
.contentLeftMenu ul 		{ margin:0; padding:0; }
.contentLeftMenu li 		{ list-style-type:none; background:url(../images/contentLeftArrow.png) no-repeat center left; line-height:14px; }
.contentLeftMenu a 			{ color:#000; text-decoration:none; padding:0 0 0 10px; }
.contentLeftMenu a.active 	{ font-weight:bold; font-size:14px; }
.contentLeftMenu a.italic 	{ font-style:italic }
.contentLeftMenu a.bold 	{ font-weight:bold; }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contentCenter { position:relative; width:602px; float:left; }
#contentCenter h1,
#contentCenter h2,
#contentCenter h3 { font-size:15px; font-weight: normal; font-family: "Trebuchet MS"; margin: 0 0 10px; text-transform: uppercase; padding: 0 0 5px; border-bottom: 1px solid #d9b97f; }

/* rechts ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#contentRight { position:relative; width:174px; padding:0 0 0 10px; float:left; }
#contentRight h2 { font-size:12px; color:#006e9d; margin:0; padding:5px 0; }
#newsLetter { position:relative; width:174px; font-size:11px; color:#000; }
#commercial { position:relative; width:174px; }
#commercial img { border:1px solid #999; }
.commercialImage { position:relative; margin:0 0 5px; }
#copyright { position:relative; width:174px; color:#006e9d; font-size:10px; }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

span.error {
	background-color:#FFCCCC;
	border: 1px solid red;
}
div.error_notice {
	color:#FF0000;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
td.error {
	color:#FF0000;
	font-weight:bold;
}
input.error, textarea.error {
	background-color:#FFCCCC;
	border: 1px solid red;
}

#footerContainer { position:relative; width:988px; height:13px; background:url(../images/footerContainer.png) no-repeat top left; }



.hidden {
	display:none
}

#mainContainer #background #headerContainer #headerRight ul li div.linkOpmaak { position: absolute; padding: 10px; width: 200px; background: #fff; border: 1px solid #ccc; color: #000; left: -230px; z-index: 25; }

.dagWidth {
	width:40px;
}

.maandWidth {
	width:100px;
}

.jaarWidth {
	width:60px;
}