/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {
	height: 100%;
	background-color: #ADB298;
}

#spacer {	width: 1px; height: 50%; margin-bottom: -295px; float: left; background-color: #262214; }


#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 905px;
	height: 585px;
	clear:left;

	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #000;
	background: url(pics/site_back.gif) top center no-repeat;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#logo {	position: absolute; top: 0; left: 0; margin: 80px 0px 0px 393px;}
#logo_service {	position: absolute;	margin: 80px 0px 0px -8px;}
#logo_profiel {	position: absolute;	margin: 171px 0px 0px 393px;}
#logo_producten {	position: absolute;	margin: -14px 0px 0px 795px;}
#logo_referenties {	position: absolute;	margin: 188px 0px 0px 607px;}
#logo_contact {	position: absolute;	margin: 80px 0px 0px 795px;}

#content #logo a img, #content #logo_service a img, #content #logo_profiel a img, 
#content #logo_producten a img, #content #logo_referenties a img,
#content #logo_contact a img {
	border: 0px;
}

#content #logo a:link, #content #logo a:visited,
#content #logo_service a:link, #content #logo_service a:visited,
#content #logo_profiel a:link, #content #logo_profiel a:visited,
#content #logo_producten a:link, #content #logo_producten a:visited,
#content #logo_referenties a:link, #content #logo_referenties a:visited,
#content #logo_contact a:link, #content #logo_contact a:visited {
	border-bottom: 0px solid #fff;
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation { width: 933px; height: 120px; float: left; display: inline; font-size: 16px; }

#navigation ul {
	float: left;
	display: inline;
	margin: 100px 0px 10px 0px;
	list-style-type: none;
}

#navigation li {
	width: 101px;
	height: 20px;
	float: left;
	display: inline;
	overflow: hidden;
}

#navigation li a:link, #navigation li a:visited {
	width: 100px;
	height: 20px;
	float: left;
	display: inline;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
	color: #000;
}

/* ------------------------------------------------------------------------- SubNavigation */ 

#submenu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	margin: 9px 0px 0px 397px;
	width: 208px;
	height: 279px;
	overflow: hidden;
	background: url("pics/submenu_large.gif") top left no-repeat;
	z-index: 70;
}

#content #submenu ul {
	margin: 0px;
	padding: 10px 5px;
	width: 198px;
	text-align: center;
	line-height: 29px;
	list-style-type: none;
}

#content #submenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

#content #submenu li a:link, #content #submenu li a:visited {
	margin: 0px;
	padding: 0px;
	width: 198px;
	float: left;
	display: inline;
	color: #fff;
	line-height: 29px;
	text-align: center;
	text-decoration: none;
	border: 0px;
}

#content #submenu li a:hover, #content #submenu li.current a:link, #content #submenu li.current a:visited, #content #submenu li.current a:hover {
	color: #000;
}

#submenu_leveranciers {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 60;
	margin: 9px 0px 0px 497px;
	width: 110px;
	height: 278px;
	overflow: hidden;
	background: url("pics/submenu.gif") top left no-repeat;
}

#content #submenu_leveranciers ul {
	margin: 0px;
	padding: 10px 5px;
	width: 99px;
	text-align: center;
	line-height: 29px;
	list-style-type: none;
}

#content #submenu_leveranciers li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

#content #submenu_leveranciers li a:link, #content #submenu_leveranciers li a:visited {
	margin: 0px;
	padding: 0px;
	width: 99px;
	float: left;
	display: inline;
	color: #fff;
	line-height: 29px;
	text-align: center;
	text-decoration: none;
	border: 0px;
}

#content #submenu_leveranciers li a:hover, #content #submenu_leveranciers li.current a:link, #content #submenu_leveranciers li.current a:visited, #content #submenu_leveranciers li.current a:hover {
	color: #000;
}


/* ------------------------------------------------------------------------- Content */ 

#content {
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	width: 905px;
	height: 284px;
}

#content .content6blocks {
	position: absolute;
	z-index: 10;
	margin: 10px 0px 0px 499px;
	padding: 20px;
	width: 268px;
	height: 146px;
	background: url("pics/content6blocks.gif") top left no-repeat;
}

#content .content6blocks2 {
	position: absolute;
	z-index: 10;
	margin: 100px 0px 0px 0px;
	padding: 20px;
	width: 268px;
	height: 146px;
	background: url("pics/content6blocks2.gif") top left no-repeat;
}

#content .content6blocks3 {
	position: absolute;
	z-index: 10;
	margin: 10px 0px 0px 99px;
	padding: 20px;
	width: 268px;
	height: 146px;
	background: url("pics/content6blocks.gif") top left no-repeat;
}

#content .content6blocks .scroll-container {
	position: relative;
}

#content .content6blocks_vertical {
	position: absolute;
	z-index: 10;
	margin: 10px 0px 0px 499px;
	padding: 20px;
	width: 167px;
	height: 237px;
	background: url("pics/content6blocks_vertical.gif") top left no-repeat;
}

#content .content6blocks_vertical .scroll-container {
	position: relative;
}

#content .content6blocks_vertical2 {
	position: absolute;
	z-index: 10;
	margin: 10px 0px 0px 199px;
	padding: 20px;
	width: 167px;
	height: 237px;
	background: url("pics/content6blocks_vertical2.gif") top left no-repeat;
}

#content .content6blocks_vertical2 .scroll-container {
	position: relative;
}

#content .content9blocks {
	position: absolute;
	z-index: 10;
	margin: 10px 0px 0px 500px;
	padding: 20px;
	width: 265px;
	height: 237px;
	background: url("pics/content9blocks.gif") top left no-repeat;
}

#content .content9blocks .scroll-container {
	position: relative;
}

#content .content9blocks2 {
	position: absolute;
	z-index: 100;
	margin: 10px 0px 0px 599px;
	padding: 20px;
	width: 265px;
	height: 237px;
	background: url("pics/content9blocks2.gif") top left no-repeat;
}

#content .content9blocks2 .scroll-container {
	position: relative;
}

#content .content9blocks3 {
	position: absolute;
	z-index: 10;
	margin: 10px 0px 0px 100px;
	padding: 20px;
	width: 265px;
	height: 237px;
	background: url("pics/content9blocks2.gif") top left no-repeat;
}

#content .content9blocks3 .scroll-container {
	position: relative;
}

#content .img1block1 {
	position: absolute;
	right: 0;
	z-index: 20;
	margin: 90px 0px 0px 0px; 
	width: 105px;
	height: 95px;
}

#content .img1block2 {
	position: absolute;
	right: 0;
	z-index: 20;
	margin: 180px 201px 0px 0px; 
	width: 105px;
	height: 95px;
}

#content .img1block3 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	margin: 0px 0px 0px 99px; 
	width: 105px;
	height: 95px;
}

#content .img1block4 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 180px 0px 0px 800px; 
	width: 105px;
	height: 95px;
}

#content .img1block5 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 180px 0px 0px 199px; 
	width: 105px;
	height: 95px;
}

#content .img4blocks {
	position: absolute;
	left: 0;
	margin: 90px 0px 0px 98px; 
	width: 105px;
	height: 95px;
}

#content .img4blocks2 {
	position: absolute;
	right: 0;
	margin: 90px 201px 0px 0px; 
	width: 105px;
	height: 95px;
}

#content .img4blocks3 {
	position: absolute;
	right: 0;
	margin: 90px 301px 0px 0px; 
	width: 105px;
	height: 95px;
}

#content .img4blocksmap {
	position: absolute;
	left: 0;
	margin: 10px 0px 0px 399px; 
	width: 306px;
	height: 276px;
	z-index: 30;
	overflow: hidden;
}

#content .img6blocks {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 0px 0px 0px 199px; 
	width: 107px;
	height: 95px;
}

#content .img6blocks2 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 0px 0px 0px 399px; 
	width: 107px;
	height: 95px;
}

#content .img9blocks2 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 0px 0px 0px 599px; 
	width: 107px;
	height: 95px;
}

#content .ref1 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 0px 0px 0px 0px; 
	width: 105px;
	height: 95px;
}

#content .ref2 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 0px 0px 0px 300px; 
	width: 105px;
	height: 95px;
}

#content .ref3 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 0px 0px 0px 600px; 
	width: 105px;
	height: 95px;
}

#content .ref4 {
	position: absolute;
	left: 0;
	z-index: 10;
	margin: 0px 0px 0px 800px; 
	width: 105px;
	height: 95px;
}

#content .ref5 {
	position: absolute;
	left: 0;
	z-index: 10;
	margin: 90px 0px 0px 100px; 
	width: 105px;
	height: 95px;
}

#content .ref6 {
	position: absolute;
	left: 0;
	z-index: 10;
	margin: 90px 0px 0px 400px; 
	width: 105px;
	height: 95px;
}

#content .ref7 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 90px 0px 0px 700px; 
	width: 105px;
	height: 95px;
}

#content .ref8 {
	position: absolute;
	left: 0;
	z-index: 5;
	margin: 180px 0px 0px 0px; 
	width: 105px;
	height: 95px;
}

#content .ref9 {
	position: absolute;
	left: 0;
	z-index: 5;
	margin: 180px 0px 0px 200px; 
	width: 105px;
	height: 95px;
}

#content .ref10 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 180px 0px 0px 500px; 
	width: 105px;
	height: 95px;
}

#content .ref11 {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 180px 0px 0px 800px; 
	width: 105px;
	height: 95px;
}

#content .overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;	
}

#content .overlay_map {
	z-index: 50;	
	padding: 0px;
	margin: 0px;
	width: 306px;
	height: 276px;
	overflow: hidden;
}

#content .overlay_map img { margin: 0px; padding: 0px; }
#content .overlay_relative { position: relative; width: 306px; height: 276px;}

#content .overlay_map .top {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0px;
	z-index: 1000;	
}

#content .overlay_map .right {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 5px;
	z-index: 1000;	
}

#content .overlay_map .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 0px;
	z-index: 1000;	
}

#content .overlay_map .left {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 5px;
	z-index: 1000;	
}

#content .image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;	
}

#content .image a:link, #content .image a:visited, #content .image a:hover, #content .image a img,
#content .overlay a:link, #content .overlay a:visited, #content .overlay a:hover, #content .overlay a img {
	border: 0px solid #fff;
}

h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #000; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: #000 ;  border-bottom: 1px solid #000;}
#content a:hover { color: #000;  border-bottom: 1px solid #000; }

table {margin: 5px 0px;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: olive;
}

#content img { margin: 10px 0px; }
#content img.left {	margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content ul.nodot  { margin: 10px 0px 10px -15px; list-style-type: none;}
#content ul.nodot li ul { margin: 10px 0px 10px 15px; list-style-type: disc;}

/* ------------------------------------------------------------------------- Slideshow */ 

#slideshow {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 0px 0px 0px;
  margin: 0px;
  float: left;
  width: 207px;
  height: 185px;
  z-index: 15;
}

#slideshow IMG {
  position:absolute;
  top:0;
  left:0;
  z-index:16;
  opacity:0.0;
}

#slideshow IMG.active {
  z-index:19;
  opacity:1.0;
}

#slideshow IMG.last-active {
  z-index:18;
}

/* ------------------------------------------------------------------------- Scroller */ 

.scroll-pane {
	padding-right: 3px;
	width: 270px;
	height: 144px;
	overflow: auto;
	float: left;
}

.scroll-pane-vertical {
	padding-right: 3px;
	width: 265px;
	height: 236px;
	overflow: auto;
	float: left;
}

.scroll-pane-vertical2 {
	padding-right: 3px;
	width: 265px;
	height: 236px;
	overflow: auto;
	float: left;
}

/* ------------------------------------------------------------------------- PrevNext */

#prevnext {
	position: absolute;
	margin-top: 300px;
	width: 905px;
	float: left;
}

#prevnext .prev { float: left; }
#prevnext .next { float: right; }

#prevnext .prev a:link, #prevnext .prev a:visited, #prevnext .prev a:hover,
#prevnext .next a:link, #prevnext .next a:visited, #prevnext .next a:hover {
	color: #fff;
	border-color: #fff;
}

#prev {
	position: absolute;
	left: 0;
	z-index: 20;
	margin: 186px 0px 0px 5px; 
	width: 105px;
	height: 95px;
}

#next {
	position: absolute;
	right: 0;
	z-index: 20;
	margin: 186px 95px 0px 0px; 
	width: 105px;
	height: 95px;
}

#prev a:link, #prev a:visited, #prev a:hover,
#next a:link, #next a:visited, #next a:hover {
	border: 0px solid #fff;
}

#prev a img, #next a img { border: 0px solid #fff; }



/* ------------------------------------------------------------------------- Slider */

#slider {
	margin-top: 15px;
	padding: 0px 0px;
	float: left;
	width: 100%;
}

/* ------------------------------------------------------------------------- Footer */ 

#footer {
	margin-top: 5px;
	padding: 0px 0px;
	float: left;
	width: 100%;
	height: 60px;
	font: 10px arial, verdana, sans-serif;
	color: #000;
	text-align: center;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: #000;
}

#footer a:hover { color: #fff; }

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }