/* ############### BASIC BUILDING BLOCKS ADDONS ############### */
#outerwrapper{	}
#pagewrapper{
	background-image:url(../gfx/basics/bg_pagewrapper.gif);
	background-repeat:repeat-y;
	width: 980px;
	/* standard centered layout*/
	/* for left- or righthanded laoyout: set margin-left or -right to 0*/
	/*margin-left: 0;*/
	/*margin-right: 0;*/	
}

#topblock{
	position:absolute;
/*	width:600px;*/
	padding-left:20px;
}

#header{
	background-image:url(../gfx/basics/bg_header.gif);
	background-repeat:repeat-y;
	overflow: hidden;
	width: 970px;
}

#topnav{
	background-image:url(../gfx/basics/bg_topnav.gif);
	background-repeat:no-repeat;
	height: 64px; 
	overflow: hidden;
	/* relative positioning: pull #topnav up or down, to the left or right, it will layer itself above the header */
	/*position: relative;
	left: 257px;
	top: -38px;*/
}

#contentsection{ margin-top:10px; padding-bottom:50px; }
 
 #IE6 #contentsection{
 	background-image: none;
	/* geen png backgrounds in IE6 : links werken niet meer... */
 }

#crumbpath{ margin-bottom:16px; }

#footer{
	background-image:url(../gfx/basics/bg_footer.gif); 
	background-repeat:repeat-y;
	overflow: hidden;	
}

#madeby{
	background-image:url(../gfx/basics/bg_footer.gif); 
	background-repeat:repeat-y;
	overflow: hidden;
}



/* minimum height system */
/*
First rule is mozilla + IE7
Second rule is IE6 

.oneCol#header .col1 {min-height: 200px;}
*html* .oneCol#header .col1 {height: 200px;}

*/

/* ############### 2 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.twoCols#header .col1{	height: 70px;  width: 512px; margin-left:10px; padding-top:76px;}
.twoCols#header .col2{	height: 150px;	width: 348px;	float:right;	background-image: url(../gfx/basics/trucks_head.jpg);	background-repeat: no-repeat;	background-position: right 0px;
	}

.twoCols#contentsection .col1{ margin-top:24px; width: 268px;}
		#IE6 .twoCols#contentsection .col1{margin-left:5px; }
.twoCols#contentsection .col2{width: 620px; padding:0 0 40px 40px;}


.twoCols#contentsection .col2 #productlistheader{ display:block; padding-bottom:40px;}
.twoCols#contentsection .col2 #productlistheader .productlistheaderCol1{ width:340px; float:left; }
.twoCols#contentsection .col2 #productlistheader .productlistheaderCol2{ margin-left:340px; width:274px;}

#fichetabs{ display:block; width:100%; float:left}

/* ############### 3 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.threeCols#header .col1{	height: 150px;	width: 200px;}
.threeCols#header .col2{	height: 150px;	width: 560px;}
.threeCols#header .col3{	height: 150px;	width: 200px;}

.threeCols#contentsection .col1{	width: 200px;}
.threeCols#contentsection .col2{	width: 560px;}
.threeCols#contentsection .col3{	width: 200px;}

.threeCols#footer .col1{	width: 32%; margin-left:40px; margin-right:-40px; overflow: hidden;}
.threeCols#footer .col2{	width: 32%; margin-left:40px; margin-right:-40px; overflow: hidden;}
.threeCols#footer .col3{	width: 32%; margin-left:40px; margin-right:-40px; overflow: hidden;}

.threeCols#madeby .col1{	width: 30%; margin-left:40px; margin-right:-40px; margin-top:50px;}
.threeCols#madeby .col2{	width: 30%; margin-left:40px; margin-right:-40px; margin-top:30px;}
.threeCols#madeby .col3{	width: 30%; margin-left:-40px; margin-right:40px; margin-top:50px;}



/* ############### ADDITIONAL GRIDS OR SUBGRIDS ############### */

#topblock .col1{
	display:block;
	float:left; 
	}
#topblock .col2{
	display:block;
	margin-left:40px;
	}
	

/*  ##################################  */
/*  ########### SEARCH RESULT PAGE GRID ###########  */

#gridcontainer{
	display:block;
	width:620px;
	padding-bottom:10px;}
	
	#gridcontainer .fourCols{
		float:left;
		margin:0 8px 10px 0;
		position: relative;
		width:145px;
		border:1px solid #8b7a6e;
		/*max-height:130px;*/
		overflow:hidden;	}
		
		#gridcontainer .fourCols .row1{
			overflow:hidden;
			text-align:center;
			height:109px;
			overflow:hidden;}
							
			#gridcontainer .title{ 
				font-weight:normal;
				font-size:95%;
				margin-bottom:5px; 
				color: #716156}
						
		#gridcontainer .fourCols .row2{
			padding-left:5px;
			padding-right:3px;
			height: 35px;
			overflow:hidden;}