body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, ol, a, img {margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* 'geen javascript' waarschuwing */
.error-bg { margin: 0; padding: 5px 0 4px 0; position: absolute; z-index: 10000; top: 0; left: 0; right: 0; height: 20px; background-color: #437f8e; opacity:.50; filter: alpha(opacity=30); display: none; }
.error-msg { margin: 0; padding: 5px 0 4px 0; position: absolute; z-index: 10000; top: 0; left: 0; right: 0; height: 20px; border-bottom: 1px solid #437f8e; display: none; }
.error-msg P { margin: 0; padding-top: 3px; text-align: center; font-size: 11px; color: #fff; font-family: arial; font-size:	75%; }

/* -----------------------> GENERAL SETTINGS */
html {
	height: 				100%;
	background:				#edeceb url(../graphics/bg-html.png) 50% 0 repeat-y;	
}

body {
	font-family:			arial;
	font-size:				75%;
	height:					100%;
}

a {
	text-decoration: 		none;
	color:					#0066D7;
}

a.link {
	text-decoration: 		none;
	padding:				0 0 0 12px;
	color:					#0066D7;
	line-height: 			1.5em;
}

span.externalLink {
	padding:				0 9px 0 0;
}

h1 {
	font-size:				165%;
	margin:					0 0 10px 0;
}

h2 {
	font-size: 				130%;
	font-weight: 			bold;
	color:					#0066D7;
	margin:					0 0 7px 0;
}

h2.link a {
	padding:				0 0 0 16px;
	text-decoration: 		none;
	color:					#0066D7;
}

p {
	padding:				0 0 3px 0;
	margin:					0 0 10px 0;
	line-height: 			1.4em;
}

.line {
	 border-bottom:			1px solid #e4e4e4;
	 width:					100%;
	 height:				20px;
	 margin:				0 0 20px 0;
	 
}

a span {
	display:				none;
}

strong {
	font-weight:			bold;
}

.image {
	float:					left;
}

.print-only {
	display:				none;
}

/* -----------------------> HEADER AREA */
#wrap {
		min-height:             100%;
	width:					990px;
	margin:					0 auto;

}

#canvasArea {
	width:					990px;
	margin:					0 auto;
}

#headerArea {
	height:					79px;
}

#serviceMenu {
	margin:					50px 0 0 0;
	position: 				absolute;
}

#serviceMenu li {
	display:				inline;
}

#serviceMenu a {
	color:					#333;
	padding:				0 0 0 20px;
	margin:					0 0 0 17px;
}

/* -----------------------> MAINNAVIGATION AREA */

#mainNavigationArea {
	width:					100%;
	border-bottom:			3px solid #0066D7;
	cursor: 				pointer;
	height:					50px;
}

#mainNavigationArea li {
	display:				block;
	float:					left;
	height:					45px;
	width:					165px;
}

#contentArea {
	height:					100%;
	background-color:		#FFF;
	overflow:				auto;
	padding-bottom: 		75px;
}

/* -----------------------> PRIMARYCONTENT AREA */

#primaryContentArea {
	width:					300px;
	float:					left;
	padding:				15px;
	border-bottom:			1px solid #FFF;
}

.button {
	float:					left;
	margin:					0 0 0 0;
	height: 				94px;
	width: 					99px;
	cursor:					pointer;
}

/* -----------------------> CASES AREA */

#casesArea {
	width:					330px;
	float:					left;
}

/* -----------------------> PRIMARYCONTENT AREA */

#secondaryContentArea {
	width:					300px;
	float:					left;
	padding:				15px;
}

#secondaryContentArea ul li {
	height:					18px;
}

#searchBox {
	background:				#0066D7 url(../graphics/zoekBoxHome.gif) 15px 15px no-repeat;
	width:					300px;
	height:					82px;
	float:					right;
	padding:				15px;
}

#searchBox select {
	width:					280px;
	margin:					40px 0 0 10px;
}
.article ul li {
	margin:					0 0 0 25px;
	list-style-type: 		square;
}

.article ol li {
	margin:					0 0 0 25px;
}


/* CASES */
.caseBox							{ margin:0; display:none; }
.caseBox .titleBox					{ background:#0066D7; color:#FFF; font-weight:bold; padding:10px; }
.caseBox .caseContent				{ background:url(../graphics/bg_case.gif) repeat-x; padding:10px; }
.caseBox .caseContent a.viewCase	{ background:url(../graphics/bg_readmore_case.gif); display:block; width:126px; height:16px; text-indent:-5000px; margin:10px 0 0 0; }
.caseBox .imgBox					{ width:330px; height:330px; overflow:hidden; border-bottom:1px solid #FFF; background:#EFEDEB; }

.show								{ display:block; }

#caseArea							{ display:none; }

.caseBox .caseNav					{ float:right; width:44px; }
.caseBox .caseNav ul				{ width:44px; }
.caseBox .caseNav ul li				{ float:left; width:22px; display:block; }
.caseBox .caseNav ul li	a			{ float:left; display:block; width:22px; height:31px; text-indent:-8000px; margin:-7px 0 0 0; }
.caseBox .caseNav ul li	a.nextLink			{ background:url(../graphics/bg_case_next.gif) no-repeat; }
.caseBox .caseNav ul li	a.nextLink:hover	{ background:url(../graphics/bg_case_next_hover.gif) no-repeat; }
.caseBox .caseNav ul li	a.prevLink			{ background:url(../graphics/bg_case_prev.gif) no-repeat; }
.caseBox .caseNav ul li	a.prevLink:hover	{ background:url(../graphics/bg_case_prev_hover.gif) no-repeat; }

#footer								{ background: #fafaf9 url(../graphics/bg-footer.png) 17px 17px no-repeat; height: 75px; width: 990px; margin: -75px auto 0 auto; clear: both; }
#footer	p							{ color: #c4beb9; width: 600px; line-height: 1.2em; padding: 17px 0 0 122px; }
#footer	p a							{ color: #c4beb9; text-decoration: underline; }

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}