html, body {height: 100%; /* héél belangrijk */}  
  
*{margin: 0;padding: 0;}

img{border: none;}
a {color: #333333;outline:none;}
a:hover {color: #0e435f;text-decoration: none;outline:none;}

body{font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;font-size: 12px;width:100%;background: #d4d8d7 url("../images/body_bg.jpg") repeat-y 0 0;}

#container{	width: 880px; float: left; height: 100%; }
	
#left{
	/*
	width: 410px;
	overflow: auto;	
  	height: 100%;
	position: absolute;
	*/
	width: 205px; 
	top: 0; 
	left: 0;
	position:fixed;
	min-height: 580px;
	height:100%;
	/*overflow:auto;*/
	}

#logo{position: absolute; top: 26px; left: 26px; z-index: 15; }

#nav{ width: 205px;	background: url("../images/subnav_bg.png") repeat-y top right; position: absolute; top: 0px; left: 0px; overflow: auto;	
/*  	height: 100%;	
*/  	z-index: 10;
	
	min-height: 100%; height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
  	}

#nav ul{list-style-type: none; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 28px; margin-top: 160px; margin-left: 26px; }

#nav ul a, #subnav a{ color: #5f5c5c; text-decoration: none; }

#nav ul a:hover, #subnav a:hover{ color: #0e435f; text-decoration: none; }

#subnavContainer{ position: absolute; top: 0; left: 0px; background: white; width: 210px; overflow:hidden; /*overflow: auto;*/	
height: 100%; background: url("../images/subnav_bg.png") repeat-y top right; margin-left: 0px; z-index: 1; }

#scrolldiv1,#scrolldiv2 { 	padding:4px 0 20px 20px; display:block; float:left; clear:both; }

a#scrollnavdown1, a#scrollnavdown2 { display:block; background: url(../images/scroll-down.gif) no-repeat; width: 45px; height: 44px; color:#cf0; text-indent: -9999px; float:left; }
a#scrollnavup1 , a#scrollnavup2{display:block; background: url(../images/scroll-up.gif) no-repeat; width: 45px; height: 44px; color:#cf0; text-indent: -9999px; float:left;}

a#scrollnavdown1:hover,
a#scrollnavdown2:hover,
a#scrollnavup1:hover,
a#scrollnavup2:hover {
background-position: -45px 0;}



#category_1, #category_2, #sub_sector, #sub_product {height:224px;	/* 28 x 8 (items) */overflow: hidden;}


#subnav{ position: relative; top: 190px; }	

#subnav ul{ list-style-type: none; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666; line-height: 28px; margin-left: 26px; }

#subnav h1 a{ font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; color: #555; line-height: 28px; margin-left: 26px; text-decoration: none; }

#left #intro{ font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #666666; line-height: 18px; position: absolute; top: 350px; left: 26px; width: 150px; z-index: 25; }

#left #contact{ position: absolute; bottom: 20px; left: 26px; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #6e6d6d; line-height: 18px; z-index: 35;}
			
#center{ width: 601px; float: left; padding-left: 200px; color: #4f5d5b; }

#center #homeImgContainer.actueel{ float: left; width: 200px; }

#center #news{ float: left; width: 400px; height: 600px; background: #fff; }

#center #news p{ margin: 0 20px 1em 20px; line-height: 18px; color: #4f5d5b; }

#center #news h1{ margin: 30px 20px 0 20px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #8c9594; font-weight: normal; }

#center #news h2{ margin: 0px 20px 2em 20px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #5e6c6a; font-weight: normal; }


#center #news .newsItem{ width: 401px; height: 100px; background: url("../images/news_item_bg.jpg") no-repeat top left; }


#center #news .newsItem a{ color: #fff; text-decoration: none; width: 400px; height: 100px; background: url("../images/news_item_bg.jpg") no-repeat top left; display: block; }

#center #news .newsItem a:hover{ background: url("../images/news_item_bg_over.jpg") no-repeat top left; }


#center #news .newsItem h1{ font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #fff; font-weight: normal; padding: 30px 0 0 20px; margin: 0; }

#center #news .newsItem p{ font-size: 13px; color: #999; margin: 0 0 0 20px; }

#center #homeImgContainer h1{ float: left; }

#center #homeImgContainer h1 a{ width: 200px; height: 200px; display: block; }

#center #homeImgContainer h1 span{ display: none; }

#center #homeImgContainer h1#img_01 a{ background: url("../images/img_01.jpg") no-repeat top left; }
#center #homeImgContainer h1#img_01 a:hover{ background: url("../images/img_01_over.jpg") no-repeat top left; }

#center #homeImgContainer h1#img_02 a{ width: 201px; background: url("../images/img_02.jpg") no-repeat top left; }
#center #homeImgContainer h1#img_02 a:hover{ background: url("../images/img_02_over.jpg") no-repeat top left; }

#center #homeImgContainer h1#img_03 a{ background: url("../images/img_03.jpg") no-repeat top left; }
#center #homeImgContainer h1#img_03 a:hover{ background: url("../images/img_03_over.jpg") no-repeat top left; }

#center #homeImgContainer h1#img_04 a{ background: url("../images/img_04.jpg") no-repeat top left; }
#center #homeImgContainer h1#img_04 a:hover{ background: url("../images/img_04_over.jpg") no-repeat top left; }

#center #homeImgContainer h1#img_05 a{ width: 201px; background: url("../images/img_05.jpg") no-repeat top left; }
#center #homeImgContainer h1#img_05 a:hover{ background: url("../images/img_05_over.jpg") no-repeat top left; }

#center #homeImgContainer h1#img_06 a{ background: url("../images/img_06.jpg") no-repeat top left; }
#center #homeImgContainer h1#img_06 a:hover{ background: url("../images/img_06_over.jpg") no-repeat top left; }

#center #homeImgContainer h1#img_07 a{ background: url("../images/img_07.jpg") no-repeat top left; }
#center #homeImgContainer h1#img_07 a:hover{ background: url("../images/img_07_over.jpg") no-repeat top left; }

#center #homeImgContainer h1#img_08 a{ width: 201px; background: url("../images/img_08.jpg") no-repeat top left; }
#center #homeImgContainer h1#img_08 a:hover{ background: url("../images/img_08_over.jpg") no-repeat top left; }

#center #homeImgContainer h1#img_09 a{ background: url("../images/img_09.jpg") no-repeat top left; }
#center #homeImgContainer h1#img_09 a:hover{ background: url("../images/img_09_over.jpg") no-repeat top left; }


#center #contentImg{ width: 70px; float: left; }

#center #contentImg img{ padding: 5px 5px 0 15px; }

#center #contentText{ width: 400px; padding: 0 45px; float: left; font-family: Helvetica, arial, sans-serif; }

#center #contentText h1{ font-size: 22px; font-weight: normal; color: #8c9594; margin-top: 45px; margin-bottom: 14px; }

#center #contentText h2{ font-size: 13px; font-weight: bold; color: #333; font-family: Helvetica, arial, sans-serif; margin:0; padding: 4px 0 2px 0; border-top:#cecfcf solid 1px; }

#center #contentText h3{ font-size: 14px; font-weight: normal; color: #333; font-family: Helvetica, arial, sans-serif; padding: 10px 8px; margin: 30px 0 0 0; border-top:#8c9594 solid 1px; background:url(../images/backh3.jpg) no-repeat; }

#center #contentText p{ margin: 0 0 1em 0; line-height: 18px; color: #4f5d5b; }


#center #contentText ul{ font-size: 14px; font-weight: normal; padding:0; margin:0 0 20px 0; list-style:none; border-bottom:#b6b7b7 solid 1px; }

#center #contentText ul li{ padding: 0px 0 0 10px; margin:0; background:url(../images/backlist.jpg) no-repeat; height:35px; /* 35 - padding */ }

#center #contentText ul a { color: #666666; text-decoration:none; padding: 11px 0 8px 22px; margin:0; background: url(../images/pijl.png) no-repeat  0px 10px; display:block; }
#center #contentText ul a:hover { color: #333333; background-position: 0px -14px; }
	
#right { width: 30px; float: left; }

#right #actueel span, #right #home span { display: none; }	
#right #actueel, #right #home {margin-top: 18px;}	
#right #actueel a {background: url("../images/actueel.gif") no-repeat top left; width: 29px; height: 85px; display: block; }	
#right #actueel a.selected { background: url("../images/actueel_selected.gif") no-repeat top left;}	
#right #home a {background: url("../images/home.gif") no-repeat top left; width: 29px; height: 85px; display: block; }	

#right #scrolldiv { margin-top: 424px; }
 
a#scroll_up {background: url("../images/up.gif") no-repeat top left; display: block; width: 23px; height: 26px; }
a:hover#scroll_up { background: url("../images/up_over.gif") no-repeat top left; }
a#scroll_down { background: url("../images/down.gif") no-repeat top left; display: block; width: 23px; height: 26px; }
a:hover#scroll_down { background: url("../images/down_over.gif") no-repeat top left; }
#right #scroll_up span, #right #scroll_down span { display: none; }

/*	--------------------------------------	*/
/*	Machines								*/
/*	--------------------------------------	*/

#center #contentText .machineblok { padding: 10px 0 20px 0; border-top:#cecfcf solid 1px; }
#center #contentText .machineblok .naarboven { padding: 10px 0 10px 0;}
#center #contentText .machineblok h2 { font-size:140%; border:none; padding-bottom:20px;}

#center #contentText .machineblok ul { font-size:12px; padding:0; margin:0 0 20px 0; list-style:none; border:none;}
#center #contentText .machineblok ul li { border:none; padding:0 0 0 10px; margin:0; background: url(../images/pijl.gif) no-repeat 0px 4px; height:auto;}
.machineblok ul a { }
.machineblok ul a:hover { }

/*	--------------------------------------	*/
/*	Zoeken								*/
/*	--------------------------------------	*/

#center #contentText .searchblok { padding: 10px 0 20px 0; border-top:#cecfcf solid 1px; }
#center #contentText .searchblok h2 { font-size:140%; border:none; padding-bottom:6px;}
.machineblok ul a { }
.machineblok ul a:hover { }



input.searchbox { 
	margin-top:3px; 
	width:185px; 
	height:18px; 
	margin-right:5px; 
	font-size:12px; 
	padding:0px; 
	padding-left:20px; 
	border:none; 
	padding-top:4px;
	background:url(../images/searchbox.png) no-repeat 0px 0px; 
	}


	
/***********************************************/		
.clearfix{
	clear: both;
	}	

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}