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: #f00; opacity:.50; filter: alpha(opacity=50); 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 #f00; display: none; }
.error-msg P { margin: 0; padding-top: 3px; text-align: center; font-size: 11px; font-weight: bold; color: #000; }


/* -----------------------> 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 9px;
	color:					#0066D7;
}

h1 {
	font-size:				165%;
	font-weight:			bold;
	color:					#0066D7;
	margin:					0 0 10px 0;
}

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

h3 {
	font-size: 				130%;
	font-weight: 			bold;
	color:					#1d1d1d;
	margin:					0 0 7px 0;
}

h4 {
	color: 					#B2AAA4; 
	font-weight:			bold;
}

h4.backend {
	color: 					#3c807f; 
	font-weight:			bold;
}

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.5em;
}

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

a span, .print-only {
	display:				none;
}

strong	{ font-weight: bold; }


.clearBox	{ clear:both; line-height:1px; font-size:1px; height:1px; }

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

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

#headerArea {
	height:					79px;
	position:					relative;
}

#headerArea .homeLink a{
	position:					absolute;
	width:					340px;
	height:					50px;
	margin:					15px 0 0 636px;
	display:					block;
}


#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%;
	height:					50px;
	border-bottom:			3px solid #0066D7;
	cursor: 				pointer;
}

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

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


h3.category-view-green		{ background-color: #0066D7; padding: 5px 5px 5px 18px; color: #fff; }
h3.category-view-orange		{ background-color: #0066D7; padding: 5px 5px 5px 18px; color: #fff; }
h3.category-view-blue		{ background-color: #0066D7; padding: 5px 5px 5px 18px; color: #fff; }

/* blauw: 3c93c1; oranje: e95814; groen: 92c321; */
	

/* -----------------------> PRIMARYCONTENT AREA */
#wrap {
		min-height:             100%;
}

#primaryContentArea {
	width:					135px;
	float:					left;
	padding:				25px 15px 15px 15px;
 	min-height:				500px;
  	height:					auto !important;
  	height:					500px;
  	overflow:				hidden;
}

#primaryContentArea li a {
	color:					#000;
	display:					block;
	width:					120px;
	border-bottom: 			1px solid #a9c9c4;
	margin:					3px 0 3px 0;
	padding-right:				15px;
}

#primaryContentArea li a.activeElement {
	color:					#0066D7;
	font-weight:			bold;
}

.article ul li {
	margin:					0 0 0 15px;
	list-style-type: 		square;
}

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

.modelItem {
	cursor:					pointer;
}

.display-model .modelItem {
	cursor: 				default;
}

.imageBox					{ float:right; width:150px; margin:5px 0 0 15px; }

.zoom-image					{ background: url(../graphics/zoom_image.png) 0 0 no-repeat; position: absolute; height: 35px; width: 35px; margin: 5px 0 0 110px; }
.zoom-image a				{ height: 35px; width: 35px; display: block; cursor: pointer; }
.zoom-image a span			{ display: none; }

p.dotted-line				{ display:block; height:1px; background: url(../graphics/greendot.gif) 0 0 repeat-x; margin: 1em 0 1em 160px; width:401px; } 

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

#casesArea {
	width:					630px;
	float:					left;
	padding:				25px 15px 15px 15px;
}

#casesArea li a  {
	color:					#000;
	display:				block;
	width:					215px;
	border-bottom: 			1px solid #cce5f9;
	margin:					3px 0 3px 0;
}


#casesArea li a:hover  {
	color:					#0066D7;
}

.productgroep 						{ margin:10px 0 0 0;}
.productgroep .imgBox				{ float:left; margin:0 15px 0 0; }
.productgroep .articleContent		{ width: 215px; float: left; margin: 0 15px 0 0;}
.productgroep .linkBox				{ width: 215px; float:left; }
.linkBox ul li a					{ padding: 0 15px 0 0;}


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

#secondaryContentArea {
	width:					165px;
	float:					right;
}

.zoekBoxImg	{ 
	width:					165px; 
	overflow:				hidden;
	background:				url(../graphics/defaultimg.jpg);
	min-height:				82px;
  	height:					auto !important;
  	height:					82px;
}


#zoekBox {
	height:					82px;
	width:					165px;
	text-align:				center;
	display: 				block;	
}

#contentBox {
	padding:				15px;
	min-height:				200px;
  	height:					auto !important;
  	height:					200px;
}

#secondaryContentArea ul li {
	height:					18px;
}

#secondaryContentArea ul li ul li a {
	background:				none;
	padding:				0 0 0 20px;
}

#secondaryContentArea select {
	width:					140px;
	margin:					50px 0 0 0;
}


/*------------- MODELS -------------------*/
.modelItem .modelDescription,
.modelItem .modelValue						{ float: left; width: 150px; background: #92B7C0;	margin:0 1px 1px 0; padding: 3px; }
.modelItem .modelDescription				{ background: #0066D7;	margin:0 1px 1px 0; color: #fff; }
.modelItem .modelValue						{ background: #cce5f9; width: 465px;}

/*------------- PRODUCTS -------------------*/

/*--- TABBLADEN ---*/
#productTabs								{ border-bottom:1px solid #D5DDE0; height:30px; }
#productTabs ul li							{ display:inline;}
#productTabs ul li a						{ display:block; width:100px; overflow:hidden; height:20px; padding:5px; float:left; background:url(../graphics/bg_tab.gif); margin:0 1px 0 0; border:1px solid #EFEDEB; color:#0066D7; font-size:11px; }
#productTabs ul li a.activeElement			{ background:#FFF; border:1px solid #D5DDE0; border-bottom:none; color:#000;}

/*--- CONTENTBOX onder de TABBLADEN  ---*/
.productContentBox							{ border:1px solid #D5DDE0; border-top:none; padding:15px; display:none; clear:both; margin:0 0 0 0; background:#FFF; z-index:-1; }
.productContentBox .modelItem .modelValue	{ width:423px;}
.show										{ display:block; }


.productInfo								{ float:right;  }
.productInfo a								{ color:#0066D7; font-size:120%; font-weight:bold;  } 

/* product table */
table.productOverview						{ width:630px; }
table.productOverview tr th,
table.productOverview tr td					{ padding:2px; border-right:1px solid #FFF;border-bottom:1px solid #FFF; background-color:#0066D7; color: #fff; }					
table.productOverview tr td					{ background-color:#cce5f9; color: #000; }
table.productOverview tr.even td			{ background-color:#e6f2fc; color: #000; }
table.productOverview tr:hover td			{ background-color:#D0CEC9; }
table.productOverview tr.even:hover td		{ background-color:#E6E6E6; }

table.productOverview tr td.selected		{ background-color:#D0CEC9; }
table.productOverview tr.even td.selected	{ background-color:#E6E6E6; }

table.productOverview tr td.link			{ display:block; height:19px;}
table.productOverview tr td a.more			{ background:url(../graphics/bg_more.gif) no-repeat; display:block; width:20px; height:19px; text-indent: -5000px; }

table.productDetail							{ width:590px; }
table.productDetail tr td.prod_title		{ width:200px; }
table.productDetail tr td.prod_content		{ width:430px; }

div.optionBox								{ padding: 10px; text-align:center; float:left; margin:0 4px 0 0; border:1px solid #cce5f9; }
div.optionBox a, div.optionBox img			{ width:auto; padding:0; margin:0; display:block; height:auto; float:none; clear:both; color:#000; }
div.optionBox:hover							{ background:#cce5f9; cursor: pointer; }

/*---- REFERENTIES ----*/
.refImgBox							{ border:1px solid #d0dfe3; padding:10px;}
.refImgBox.smllImg					{ width:70px; float:right; }
.refImgBox.smllImg	a				{ margin: 5px 0 5px 0; display:block; border:1px solid #FFF; }
.refImgBox .textBox					{ float:left; width:275px; padding:0 10px 0 0; }
.refImgBox .lrgImg					{ width:250px; float:left; margin:5px 0 0 0;  }

/*-----CONTACT------*/
#zoom-cad								{ position: absolute; background-color: #fff; border: 10px solid #61b5d5; top: 25%; }
#zoom-cad p								{ padding: 10px 0 0 15px; font-weight: bold; }
#zoom-cad .close a						{ width: 66px; height: 17px; background:url(../graphics/closelabel.gif) 15px 15px no-repeat; padding: 15px; display:block; cursor: pointer; }

#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*/
}

#contentBox h4 { color: #0066D7; }