body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, ol{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;}

/*				
ORANJE:						#f27138
*/

/* -----------------------> GENERAL SETTINGS */


html {
	height: 				100%;
}

body {
	font-family:			verdana;
	font-size:				70%;
	height:					100%;
}

strong{
	font-weight: bold; 
}

h1 {
	font-size:				130%;
	font-weight: 			bold;
	margin:					2px 0 10px 0;
}

h2 {
	font-size: 				125%;
	font-weight: 			bold;
	margin:					0 0 7px 0;
}

h3 {
	font-size: 				120%;
	font-weight: 			bold;
	color:					#f27138;
	margin:					0 0 7px 0;
}

h2.orange {
	color:					#f27138;
}

a {
	text-decoration: 		none;
	color:					#f27138;
}

p {
	padding:				0 0 3px 0;
	margin:					0 0 10px 0;
}

a span.back, a span.down, a span.up  {
	padding-left:			8px;
}

a span.forward {
	padding-right: 			8px;
}

.hr {
	width:					500px;
	height:					1px;
	padding:				5px 0 5px 0;
	clear:					both;
}

p.reactie {
	border:					1px solid #c4bcad;
	padding:				10px;
}

h4.reactie {
	background-color:		#c4bcad;
	width:					480px;
	font-weight:			bold;
	color:					#FFF;
	padding:				5px 10px 5px 10px;
}

p img {
	float:					left;
	margin:					0 10px 0 0;
}

.level1 {
	font-size:				120%;
	color:					#000;
	font-weight:			normal;
	margin:					10px 0 0 0;
}

.level2, .level3, .level4 {
	font-size:				95%;
	color:					#f27138;
	margin:					5px 0 0 10px;
}

.result span {
	font-size:				125%;
	font-weight:			bold;
}

.logolink {
	height:					90px;
	width:					200px;
	display:				block;
	position:				absolute;
	cursor:					pointer;
	margin:					0 0 0 260px;
}

.iframe {
	padding:				15px 0 0 15px;
}

.greenfaq {
	padding-bottom:			5px;
}

.bgRow {
	background:				#F0F0F0;
}

/* -----------------------> HEADER AREA */

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

#headerArea {
	height:					90px;
}

/* -----------------------> SERVICEMENU AREA */

#serviceNavigationArea {
	width:					374px;
	height:					18px;
	float:					right;
	margin:					70px 0 0 0;
}

#serviceNavigationArea ul li {
	display: 				inline;
}

#serviceNavigationArea ul li a {
	display: 				block;
	float:					left;
	margin:					0 5px 0 0;
	overflow:				hidden;
	text-indent: 			-999px;
}

#serviceNavigationArea ul li a.home  {
	width:					42px;
}

#serviceNavigationArea ul li a.sitemap {
	width:					67px;
}

#serviceNavigationArea ul li a.tekstmin {
	width:					51px;
}

#serviceNavigationArea ul li a.tekstplus {
	width:					51px;
}

#serviceNavigationArea ul li a.downloads {
	width:					82px;
}

#serviceNavigationArea ul li a.contact {
	width:					56px;
	margin:					0;
}

.textadjust {
	height:					10px;
	width:					10px;
	background-color:		#F00;
	border:					0;
}


/* -----------------------> CONTENT AREA */

#contentArea {
	height:					100%; /* 4 IE */
	overflow: 				hidden; /* Faux Columns FF */
}

#contentArea .youtube-video {padding-bottom:10px;}

/* -----------------------> NAVIGATION AREA */

#mainNavigationArea { 
	width:					260px;
	padding-top:			170px;
	float:					left;
  	min-height:				300px;
  	height:					auto !important;
  	height:					300px;
}

#mainNavigationArea ul {
	margin:					0 0 30px 30px;
	vertical-align: 		top;
}

#mainNavigationArea ul li {
	margin:					0;
	padding:				0 0 1px 0;
}

#mainNavigationArea ul li a {
	margin:					0;
	padding:				0;
	display:				block;
	height:					28px;
	text-indent:			-999px;
}

#mainNavigationArea ul ul {
	background-color:		#f69c74;
	padding:				0 0 10px 0;
	margin:					0;
	font-size:				70%;
	vertical-align: 		top;
}

#mainNavigationArea ul ul li a, #mainNavigationArea ul li ul li {
	height:					16px;
	background:				none;
	text-indent:			20px;
	color: 					#000;
}

#mainNavigationArea ul ul li a:hover, #mainNavigationArea ul li ul li a.activeElement {
	background:				none;
	color:					#FFF;
}

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

#primaryContentArea { 
	width:					530px;
	float:					left;
}

#primaryContentArea.hart { 
	width:					740px;
	float:					left;
	padding-top:			0;
}

#primaryContentArea ul, #primaryContentArea ol, #secondaryContentArea ul, #secondaryContentArea ol {
	margin:					0 0 10px 15px;	
}

#primaryContentArea ul li, #secondaryContentArea ul li { 
	list-style-type: 		disc;
}

#primaryContentArea li { 
	padding:				0 0 0 5px;
	margin:					0 0 0 5px;
}

#primaryContentArea ul.linksList, #secondaryContentArea ul.linksList {
	margin:					0;	
}

#primaryContentArea ul.linksList li, #secondaryContentArea ul.linksList li { 
	list-style-type: 		none;
	padding:				0;
	margin:					0;

}

#primaryContentArea ul.searchList {
	margin:					0;
	width:					500px;
}

#primaryContentArea ul.searchList li { 
	list-style-type: 		none;
	padding:				5px 10px 15px 10px;
	margin:					0;
}

#primaryContentArea ul#dropList, #secondaryContentArea ul#dropList { 
	padding:				0;
	margin:					0;
}

#primaryContentArea.sitemap ul, #primaryContentArea.sitemap ul li { 
	padding:				0;
	margin:					0;
	list-style-type: 		none;
}

#primaryContentArea.sitemap ul li a { 
	background:	 			none;
}

#primaryContentArea ul#dropList li, #secondaryContentArea ul#dropList li  { 
	list-style-type: 		none;
	padding:				0;
	margin:					0;
}

#primaryContentArea img {
	float:					left;
	margin:					0 10px 0 0;
}

#pager {
	text-align: 			center;
}

#pager ul li {
	list-style-type: 		none;
	display:				inline;
	border:					0;
	background: 			none;
}

#contentArea.projects #primaryContentArea {
	padding-top:			0;
}

#contentArea.projects #contentElementBar {
	display:				none;
}

#contentElementBar {
	background:				#f3f2ec;
	height:					29px;
	width:					100%;
	display:				block;
}

.content {
	width:					500px;
	padding:				15px;
	padding-bottom:			0;

}

ul#dropList li a {
	display:				block;
	height:					20px;
	margin:					11px 0 0 0;
}

ul#dropList li a:hover {
	color: 					#f27138;
}

.hometeaser {
	width:					235px;
	display:				block;
}

.hometeaser ul {margin-left:15px;}
.hometeaser ul li {list-style-type:disc;}

.iframecontent {float:left; width:700px; clear:both; padding:15px 15px 0;}


.ulBox {
	padding:				0 0 0 0;
}

.right {
	float: 					right;
}

.left { 
	float:					left;
}

.datum {
	display:				absolute;
	float:					left;
	width:					50px;
	text-align: 			center;
	border:					1px solid #CCC;
}

.infoElement {
	background-color:		#e5e5e5;
	display:				block;
	padding:				5px 0 5px 5px;
	margin-top:				10px;
}

.searchHits {
	list-style-type: 		square;
	padding:				10px 0 0 0;
}

.searchHits ul li {
	border-bottom:			10px solid #ece9e4;
	padding:				5px 0 5px 25px; 
}

#pager.search .activeElement {
	font-weight: 			bold;
}

#sitemap ul li.level1 {
	font-size:				100%;
	font-weight: 			bold;
	margin-bottom:			15px;
}

#sitemap .level1 {
	font-weight: bold;
}


/* -----------------------> SECONDARYCONTENT AREA */

#secondaryContentArea {
	width:					210px;
	float:					right;
	padding-top:			142px;
}

#secondaryContentArea.hart {
	width:					210px;
	float:					right;
	padding:				0;
}

#secondaryContentArea img {
	width:					189px;
}

#searchField {
	height:					29px;
}	

/* -----------------------> SEARCH FIELD */

input.searchField {
	margin:					7px 0 0 8px;
	border:					0;
	float:					left;
	background:				none;
	font-size: 				110%;
	width:					140px;
}

input.textField {
	width:					243px;
	height:					23px;
	padding:				4px 0 0 4px;
	border:					0;
}

input.submitForm {
	width:					90px;
	height:					23px;
	border:					1px solid #DDD;
	background-color:		#eeece7;
	color:					#000;
}

input.searchButton {
	height:					23px;
	width:					49px;
	margin:					3px 4px 0 0;
	float:					right;
	cursor:					pointer;
	border:					0;
	font-size:				1px;
}

/* -----------------------> CONTACT FORM */

.formElement label { 
	width:					200px;
	float:					left;
	display: 				block;
}

.formElement textarea {
	border:					1px solid #d7d6d1;
	font-size: 				110%;
	font-family:			arial;
	padding:				4px 0 0 4px;
}

.formElement input.submitForm {
	margin-top:				5px;
}

/* -----------------------> FOOTER */

#footer {
	height:					15px;
	width:					100%;
	clear:					both;
}
	
/* ---------------- page counter ------------------------*/

div.pageCounter{
	text-align:			center;
}

ul.pageCounter li {
	display:			inline;
	color:				#E36334;
}

ul.pageCounter li a {
	font-weight: 		bold;
}

span.anchor{
	background:				url(../graphics/anchorlink.gif) 0 4px no-repeat;
	width:					8px;
	display:				block;
	float:					left;
}


/* --------PROJECTEN--------  */
div.projectImg{
	border:					1px solid #FFF;
	padding:				8px;
	float:					left;
	margin:					0 10px 0 0;
	width:					200px;
}

.projectImg img{
	padding:				0;
	margin:					0;
	float:					none;
}

.projectBox a {
	background:			none;
	color:				#000;
}

.projectLinks a {
	background:			none;
	color:				#000;
}

.projectLinks {
	padding:			8px 0 0 0;
}

.projectBox{
	background:				url(../graphics/linkUnderline.gif) left bottom repeat-x;
	padding:				0 0 6px 0;
}