/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### b.01.grids.custom.css ############### */




/* @group Basic Building Blocks */

#outerwrapper{	}
#pagewrapper{
	width: 960px;
	/* standard centered layout*/
	/* for left- or righthanded laoyout: set margin-left or -right to 0*/
	/*margin-left: 0;*/
	/*margin-right: 0;*/	
}

#topblock{
	overflow: hidden;
}

#header{
	background-color: #fff;
	overflow: hidden;
	height: 184px;
}

#topnav{	
	height: 50px; 
	overflow: hidden;
	position: relative;
	top: -72px;
	left: 226px;
	width: 734px;
	background-image: url(/websites/18/uploads/gfx/basics/back.topnav.png);
	background-repeat: no-repeat;
}

	#IE6 #topnav{
		background-image: url(/websites/18/uploads/gfx/basics/back.topnav.gif);		
	}

#contentsection{
	background-color: #fff;
	/*position: relative;
	top:  -55px;*/
 }
 
 #IE6 #contentsection{
	/* geen png backgrounds in IE6 : links werken niet meer... */
 }
 
#footer{
	background-color: #0071b9;
	margin-top: 2px;
}

#madeby{
	background-color: orange;
	overflow: hidden;
}

/* @end */



/* minimum height system 

First rule is mozilla + IE7
Second rule is IE6 

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

*/



/* @group 1-6 columns */

/* ############### 1 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.oneCol#header .col1{
	height: 199px;
}

.background01{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background01.jpg);}
.background02{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background02.jpg);}
.background03{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background03.jpg);}
.background04{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background04.jpg);}
.background05{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background05.jpg);}
.background06{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background06.jpg);}
.background07{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background07.jpg);}
.background08{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background08.jpg);}
.background09{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background09.jpg);}
.background10{	background-image: url(/websites/18/uploads/gfx/backgrounds-top/background10.jpg);}

.oneCol#contentsection .col1{	}

/* ############### 2 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.twoCols#header .col1{	height: 150px;	width: 200px;}
.twoCols#header .col2{	height: 150px;	width: 760px;}

.twoCols#contentsection .col1{	width: 200px;}
.twoCols#contentsection .col2{	width: 760px;}

/* ############### 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; /*background-image: url(/websites/18/uploads/gfx/basics/background.linkerkolom.gif); background-repeat: repeat-x;*/ }
.threeCols#contentsection .col2{	width: 528px; padding: 8px 16px 0 16px;}
.threeCols#contentsection .col3{	width: 200px; /*background-image: url(/websites/18/uploads/gfx/basics/background.rechterkolom.gif); background-repeat: repeat-x;*/}

.threeCols#contentsection{
	background-image: url(/websites/18/uploads/gfx/basics/background.content.jpg);
	background-repeat: no-repeat;
	
}

.twoCols#contentsection{
	background-image: url(/websites/18/uploads/gfx/basics/background.content.twocols.jpg);
	background-repeat: no-repeat;
	
}

/* ############### 4 COLUMN LAYOUT ADDONS ############### */
/*.fourCols#header .col1{	height: 150px;	width: 240px;}
.fourCols#header .col2{	height: 150px;	width: 240px;}
.fourCols#header .col3{	height: 150px;	width: 240px;}
.fourCols#header .col4{	height: 150px;	width: 240px;}

.fourCols#contentsection .col1{	width: 240px;}
.fourCols#contentsection .col2{	width: 240px;}
.fourCols#contentsection .col3{	width: 240px;}
.fourCols#contentsection .col4{	width: 240px;}*/

/* ############### 5 COLUMN LAYOUT ADDONS ############### */
/*.fiveCols#header .col1{	height: 150px;	width: 192px;}
.fiveCols#header .col2{	height: 150px;	width: 192px;}
.fiveCols#header .col3{	height: 150px;	width: 192px;}
.fiveCols#header .col4{	height: 150px;	width: 192px;}
.fiveCols#header .col5{	height: 150px;	width: 192px;}

.fiveCols#contentsection .col1{	width: 192px;}
.fiveCols#contentsection .col2{	width: 192px;}
.fiveCols#contentsection .col3{	width: 192px;}
.fiveCols#contentsection .col4{	width: 192px;}
.fiveCols#contentsection .col5{	width: 192px;}*/

/* ############### 6 COLUMN LAYOUT ADDONS ############### */
/*.sixCols#header .col1{	height: 150px;	width: 160px;}
.sixCols#header .col2{	height: 150px;	width: 160px;}
.sixCols#header .col3{	height: 150px;	width: 160px;}
.sixCols#header .col4{	height: 150px;	width: 160px;}
.sixCols#header .col5{	height: 150px;	width: 160px;}
.sixCols#header .col6{	height: 150px;	width: 160px;}

.sixCols#contentsection .col1{	width: 160px;}
.sixCols#contentsection .col2{	width: 160px;}
.sixCols#contentsection .col3{	width: 160px;}
.sixCols#contentsection .col4{	width: 160px;}
.sixCols#contentsection .col5{	width: 160px;}
.sixCols#contentsection .col6{	width: 160px;}*/

/* @end */





/* @group additional grids */
 /*############### ADDITIONAL GRIDS OR SUBGRIDS ###############*/

/* @group home */


#homegrid{
	display: inline-block;
}
#homegrid .col1{	width: 255px !important; margin:  0 15px 0 0 !important; padding: 0 !important;}
#homegrid .col2{	width: 255px !important; margin:  0 !important; padding: 0 !important;}

/* @end */
/* @group footer */
#footer .col1{	width: 150px; padding-top: 8px; padding-left: 50px;}
#footer .col2{	width: 560px; padding-top: 8px;}
#footer .col3{	width: 200px; padding-top: 8px; text-align: center;}

/* @end */


/* @end */