/* GENERAL */

	* { 
		margin:0px;
		padding:0px;}
	html { 
		width:100%;
		height:100%;}
	body { 
		width:100%;	
		height:100%;
		border:0px;
		margin:0px;
		padding:0px;
		background-color:#f3f3f3;
		font-family:Arial, Helvetica, sans-serif;
		color:#333;}
	img {
		padding:0px;
		margin:0px;
		border:0px;
		vertical-align:middle;}
	#box {		
		display:table;
		width:800px;		
		margin:0 auto;
		padding:10px 5px 0px 0px;
		border:0px solid #ededed;
		border-left-width:1px;
		background:#fff url(images/shadow.gif) right repeat-y;}
	#spacer {
		float:left;
		clear:left;}
	#code, #code_no {
		width:755px;
		display:table;
		margin:0 auto;
		padding-bottom:20px;}
	#code {
		background:#fff url(images/code.png) bottom right no-repeat;}
	#bottom {
		display:table;
		width:800px;		
		margin:0 auto;
		text-align:center;
		font-size:1px;}

/* HEADER */

	#header_nav {	
		clear:right;
		height:20px;
		margin-bottom:10px;}
	#header_nav ul li { 
		float:right;
		width:120px;
		background:#fff url(images/separator.gif) left no-repeat;
		list-style-type:none;
		list-style:none;
		text-align:center;}
	#header_nav ul li a {
		font-size:14px;
		font-weight:bold;	
		color:#b11b2a;
		text-decoration:none;}
	#header_nav ul li a:hover {	
		color: #cccccc;}
	#header_pic {
		clear:right;
		padding:0px;
		background-color:#3f66b9;}
	#header_name {
		float:left;
		clear:right;
		width:200px;
		height:30px;
		padding-left:22px;
		padding-top:15px;}
	#header_text {
		float:right;
		clear:right;
		height:30px;
		padding-top:15px;
		text-align:right;
		letter-spacing:1px;
		font-size:14px;
		font-weight:bold;
		color: #686868;}
	#header_line {		
		clear:right;					
		height:14px;
		margin-bottom:18px;
		background:#fff url(images/diag_line.gif) repeat-x;}

/* TEXT AREAS */

	#text_technisch {
		float:left;
		width:500px;
		padding:5px;
		margin-top:50px;
		background-color:#F8F8FF;
		border:1px dotted #99CCFF;
		border-width:1px 0px 1px 0px}
	.text_hor_full {
		clear:right;}
	.text_left {		
		float:left;
		padding:5px;	
		width:360px;}
	.text_right {
		float:right;	
		padding:5px;
		width:360px;}

/* PRODUCTEN */

	.product {
		position:relative;
		float:left;
		width:220px;
		margin:15px 0px 15px 20px;}

	.product_beschr {
		display:table;
		position:relative;		
		width:220px;
		height:155px;
		border:1px dotted #cccccc;
		background-color:#ffffee;}

	.product_beschr:hover .product_prijs {
		background: url('images/prijs_rood.gif') right no-repeat;
	}

	.product_beschr:hover {
		border-color:#b11b2a;
		background-color:#fffff9;}

	.product_tekst {
		padding:5px;
	}

	.product_prijs {
		position:absolute;
		bottom:-10px;	
		right:-10px;	
		width:55px;
		height:45px;
		padding-top:18px;
		background: url('images/prijs_blauw.gif') right no-repeat;
		text-align:center;	 
		color:#ffffff;}

/* WERKWIJZE */

	.werkwijze_stap {		
		position:relative;
		width:600px;
		margin:0px 0px 15px 50px;}

	.werkwijze_beschr {
		display:table;
		position:relative;		
		width:650px;
		border:1px dotted #cccccc;
		background-color:#ffffee;}

	.werkwijze_beschr:hover {
		border-color:#b11b2a;
		background-color:#fffff9;}

	.werkwijze_beschr:hover .werkwijze_nummer {
		background: url('images/stap_rood.gif') left no-repeat;
	}

	.werkwijze_tekst {
		width:600px;				
		padding:5px 5px 5px 40px;}

	.werkwijze_nummer {
		position:absolute;
		top:-10px;	
		left:-10px;	
		width:40px;
		height:30px;
		padding-top:10px;
		background: url('images/stap_blauw.gif') left no-repeat;
		text-align:center;	 
		color:#ffffff;}

/* PORTFOLIO */

	.portfolio_item {	
		float:left;
		height:170px;
		margin:15px 0px 15px 40px;
		text-align:center;}
	.portfolio_item img {
		width:192px;
		height:145px;
		margin-bottom:10px;
		border:1px solid #c0c0c0;}

/* CONTACT */

	#contact_form td {
		padding:3px;
	}

	#contact_form td input, textarea {
		width:225px;
	}

/* FONTS */

	a span 	{
		color:#333;}
	a:active, a:link, a:visited {
		text-decoration:underline;
		color:#b11b2a;}
	a:hover {
		color: red;}
	h1 {
		margin-bottom:5px;
		font-weight:400;
		color:#4472c4;
		font-size:17px;}
	h2 {
		font-size:14px;}
	h3 {
		margin-bottom:5px;
		font-size:12px;
		text-align:center;}
	p,ul,ol,form {		
		font-size:12px;
		line-height:20px;}
	ul, ol {
		margin-left:20px; 
		margin-right:0px;}

/* { border: 1px solid #000000; } */