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



/* ############### BASIC BUILDING BLOCKS ADDONS ############### */
#outerwrapper{	}
#pagewrapper{
	width: 960px;
	margin-top: 20px;
}

#topblock{
	position: relative;
	z-index: 10;
	top: 192px;
	left: 890px;
	padding-right: 15px;
	width: 50px;
}

#header{
	overflow: hidden;
}

#topnav{
	background-color: #f28b00;
	height: 30px; 
	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{
	background-color: #fff;
 }
 
 #IE6 #contentsection{
 	background-image: none;
	/* geen png backgrounds in IE6 : links werken niet meer... */
 }
 
#footer{
	background-color: #f28b00;
	overflow: hidden;
	height: 28px;
	}

#madeby{
	overflow: hidden;
	margin-top: 10px;
}



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

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

*/

.threeCols#contentsection{
	background-color: lime;
}

/* ############### 1 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.oneCol#header .col1{
	margin-top: 40px;
	height: 620px;
	width: 960px;
	background-image: url(../image/templates/basics/splash.jpg);
	background-repeat: no-repeat;
	}
.oneCol#contentsection .col1{	width: 910px; padding: 0 25px 0 25px;}

/* ############### 2 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.twoCols#header .col1{	height: 156px;	width: 307px;}
.twoCols#header .col2{	height: 156px;	width: 653px;}

.twoCols#contentsection .col1{	width: 307px; padding-bottom: 25px;}
.twoCols#contentsection .col2{	width: 628px; padding: 0 25px 25px 0;}

/* ############### 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;}*/


/* ############### 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;}*/



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