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



/* ############### BASIC BUILDING BLOCKS ADDONS ############### */
#outerwrapper{
	display: block;
	/*width: 960px;*/
	background-image: url(../gfx/basics/back.header.jpg);
	background-repeat: no-repeat;
	background-position: top;

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

/*#topblock{
	height: 176px;
	width: 960px;
	overflow: hidden;
}*/

#header{
	padding-top: 176px;
	overflow: hidden;
}

#topnav{
	height: 47px; 
	background-image: url(../gfx/basics/back.topnav.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	/*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{
	padding-top: 30px;

 }
 
 #IE6 #contentsection{
 }
 
#footer{
	overflow: hidden;
}

#madeby{
	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;}

*/

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

/* ############### 1 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.oneCol#header .col1{	height: 150px;	}
/*.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: 440px; padding-left: 30px}
.twoCols#contentsection .col2{	width: 460px; margin-left: 30px;}


#contentsection{
	background-image: url(../gfx/basics/background.divider.content.png);
	background-repeat: no-repeat;
	background-position: 490px 20px;
	}
	
	#contentsectionzonder{
	/*background-image: url(../gfx/basics/background.divider.content.png);*/
	background-repeat: no-repeat;
	background-position: 490px 20px;
	padding-top: 30px;
	padding-left: 30px
	
	}
	
#IE6 #contentsection{
	background-image: none;
}	
/* ############### 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 ############### */