html {
	margin-top:0px; 
	margin:0px;
	padding:0px;
	background: url(/img/achtergrond.png) center top repeat;
}

body {
	margin-top: 0px;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	height:100%;
} 

/* ================================================================ 
	ALGEMENE CSS			
=================================================================== */

#maincol p, #maincol ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align: justify;
	line-height:1.6em;
	color:#404040;
}

p, #content li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height:1.6em;
	color:#404040;
	margin-left: 20px;
}
.prijs {
	font-size: large;
}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height:1.6em;
	color:#014787;
	text-decoration:none;
}

#adres p{
	color:#3f4a80;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align: justify;
	line-height:1.5em;
}

h1 {
	color: #0b5598;
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.5em;
}

h2 { 
	color: #20284f;
	font-size:2em;
	margin-left: 20px;
}
legend { 
	color: #20284f;
	font-size:1em;
}

h3 {
	color:#20284f;
	font-size:0.8em;
}

h4 {
	font-size:0.7em;
	margin-bottom:3px;
	font-weight:100;
}

/* ================================================================ 
	HOOFD DIVS			
=================================================================== */

#container{
	position:absolute; 
	width:960px;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	border-bottom:none;
	border-top:none;
	overflow: hidden;
	position:relative;	
	
	background: url(/img/bgtop.png);
	background-repeat:no-repeat;
	background-position:center top;
} 

#pagewidth{ 
	width:1008px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	
	background: url(/img/bgtop.png);
	background-repeat:no-repeat;
	overflow:hidden;
} 

/* ================================================================ 
	TOP			
=================================================================== */
 
#top{
	position:relative; 
	height:auto; 
	width:100%;
} 

#header{
	position:relative; 
	height:139px; 
	width:960px;
}

#menu{
	position:relative;
	height:23px;
	width:960;
	padding-top:2px;
	padding-left:20px;
	
	font-size:0.8em;
	color:#383838;
}

#menu a:link, #menu a:visited {
	color:#383838;
	text-decoration:none;
	outline:none;
}

#menu a:hover{
	color:#96b2cc;
	outline:none;
}

#menuextra{
	position:relative;
	height:20px;
	width:750px;
	padding-top:2px;
	padding-left:20px;
	
	font-size:0.8em;
	text-align:left;
	color:#ababab;
}

#menuextra a:link, #menuextra a:visited {
	color:#ababab;
	text-decoration:none;
	outline:none;
}

#menuextra a:hover{
	color:#383838;
	outline:none;
}

#clear {
	float:left;
	background-color:#FFF;
	margin-top:50px;
}

#slogan{
	float:right;
	text-align:right;
	font-size:0.8em;
	
	padding-right: 200px;
	line-height:1.5em;
	color:#000000;
	text-transform:uppercase;
	background-image: url('/img/rechtsboven.jpg');
	background-repeat: no-repeat;
	background-position: right;
	height: 139px;
	width: 585px;
}

/* ================================================================ 
	CONTENT			
=================================================================== */

#content {
	float:left; 
	position:relative; 
	width:650px; 
	padding-right:10px;
	background-color:#FFF;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align: justify;
	line-height:0.7em;
	
	padding-top:10px;
}

#content ul {
	line-height:1.6em;
}

.productcontainer {
	height:83px;
	width:635px;
	margin-bottom:10px;
}

.product {
	margin-left:40px;
	height:81px;
	width:586px;
	border: 1px #c3c3c3 solid;
	border-right: none;
	float:left;
	
	margin-bottom:10px;
	
	font-size: 1.1em;
}
.product img {
	padding-right: 20px;
}
.product .rechts {
	float:right;
	color: #666666;
	margin-right:2px;
	margin-right:20px;
}

.productronding {
	height:83px;
	width:8px;
	float:right;
	background-image: url(/img/productbg.jpg);
}

/* tabellen */
table {
	width: 100%;
}
td {
	height: 18px;
}
th {
	height: 20px;
	border-bottom:1px solid gray;
}

.highlight {
	color: #ffffff;
	background: url(/img/achtergrond.png) center top repeat;
	cursor: pointer;
}
.drag {
	background-color: #cdcdcd;
}





a img {
	border: none;
}


#wagen {
	width: 150px;
	float:right;
	position:relative;
	
	font-size:0.8em;
	color:#383838;
	
	padding-top:10px;
	margin-bottom:30px;
}

	#dak {
		width:138px;
		height:9px;
		float:left;
		background-image: url(/img/dakbg.jpg);
	}
	
	#laadruimte {
		width:126px;
		float:left;
		padding-left: 10px;
		padding-bottom:20px;
		
		border-left: #c3c3c3 1px solid;
		border-right: #c3c3c3 1px solid;
		
		min-height:150px;
		background-image: url(/img/laadruimtebg.jpg);
		background-position:center;
		background-repeat:no-repeat;
		}
	
	#laadruimte a {
		outline:none;
	}
	
	#laadruimte h4 {
		margin-bottom:10px;
		margin-top:0px;
		font-size:1.4em;
		font-family:Garamond, sans-serif;
		color:#383838;
	}

	#laadruimte p {
		margin-bottom:-0.6em;
		margin-top:0px;
		line-height:1.2em;
		font-weight: bold;
	}
	
	#laadruimte small {
		padding-bottom:50px;
		margin-top:5px;
		color:#000000;
		line-height:2.5em;
		font-weight: normal;
	}	
	
	#wielen {
		width:138px;
		height:10px;
		float:left;
		background-image: url(/img/wielenbg.jpg);
		}

	#laadruimte .rechts {
		font-weight: normal;
		float:right;
		font-size:0.8em;
		color:#000000;
		margin-right:2px;
		margin-top:5px;
	}
	
	#laadruimte .totaal {
		font-weight: normal;
		float:right;
		color:#000000;
		margin-right:2px;
	}
	
	#ftr {
		height: 30px;
		width: 960px;
		position:relative;
		float:right;
		padding-top:10px;
		
		background-image: url(/img/bgbottom.png);
		background-position: top center;
		background-repeat:no-repeat;
		
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.6em;
		color:#999;
	}
	
	#ftr a {
		color:#CCC;
		text-decoration:none; 
		outline:none;
	}
	
	

/* ================================================================ 
	SUBMENU			
=================================================================== */

#blocklinks {
	float:left; 
	margin-top:0px;
	width:150px;
	height:auto;
	
	background-color:#FFF;
}	

ul#submenu {
	margin:0px;
	padding-top:10px;
	padding-left:0px;
	padding-right:50px;
	width:150px;
	margin-bottom:30px;
}

	ul#submenu li {
		margin-top: -1px;
		margin-bottom: 0px;
		padding-left: 15px;
		padding-right: 0px;
		padding-top: 1px;
		padding-bottom: 1px;

		border-top: 1px solid #ebebeb;
		background: none;
		list-style: none;
	}	
	
	ul#submenu a { 
		color: #666;
		font-size:0.8em;
		outline:none;
		}	
	
	ul#submenu a:hover { color: #383838; }	
 
/* ================================================================ 
	FOOTER			
=================================================================== */


 
/* ================================================================ 
	OVERIG			
=================================================================== */

 /* Float containers fix: */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




form.cmxform {
  margin-bottom: 10px;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform ol {
  margin: 0;
  margin-top:10px;
  padding: 0;
}
form.cmxform li {
  list-style: none;
  padding: 2px;
  margin: 0;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 150px; /* Width of labels */
}

.cmxform fieldset p.error label { color: red; }
form.cmxform label.error {
	display: block;
	margin-left: 1em;
	width: auto;
	color: red;
}



.formnotifier {
	color: #888888;
	text-align: left;
	font-size: small;
}



#volgorde {
	margin-left: 25px;
}
#volgorde .tDnD_whileDrag {
	background-color: #aaaaaa;
}

#volgorde td {
	padding-left: 25px;
	border-bottom: 1px solid #aaaaaa;
}
















/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('/img/datatables/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('/img/datatables/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('/img/datatables/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('/img/datatables/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('/img/datatables/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('/img/datatables/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('/img/datatables/sort_both.jpg') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('/img/datatables/sort_asc_disabled.jpg') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('/img/datatables/sort_desc_disabled.jpg') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}