/* CSS Document */
/* ############### tales.be css/html5 framework v2 (by kvd) ###############  */
/* ############### b01_grids_custom.css ############### */



/* ############### BASIC BUILDING BLOCKS ADDONS ############### */

html{background-color: #eee; margin-left: auto; margin-right:auto}
body{margin-left: auto; margin-right:auto;}
body.IE7{	width: auto;}

#outerwrapper{	}
#pagewrapper{ }



#topnav { 
	background-color:#fff;
	}
	#innertopnav{
		width: 960px;
		margin:0 auto;
		height: 40px; 
		overflow: hidden;
		position:relative;
		}
		

#language {
	margin:0 auto;
	position:absolute;
	margin-top:8px;
	left:0 !important;
	}
	.IE7 #language{width:50px;}
#language ul{ margin:0; padding:0;}
#language li{ 
	float:left; 
	display:inline-block; 
	margin-right:5px !important;
	background-color:#ccc;
	}
#language a:link, #language a:visited{
	color:#FFF !important;
	font-size:9px;
	padding:2px !important;
	text-decoration:none !important;
	}
	#language li.selected{ background-color:#ddd !important;}
	#language li.selected a{ cursor: default;}
	

//#pagehead {	background-image:url(../image/basics/bg_header.jpg);background-color:black;	}
//#smallpagehead {	background-image:url(../image/basics/bg_header.jpg;background-color:black;)	}

#pagehead {	background-color:#111111;	}
#smallpagehead {	background-color:#111111;)	}


	#innerpagehead{
		width: 960px;
		margin:0 auto;
		background-color:#fff;
		overflow: hidden;}

#filter {
	background-color:#111;
}
	#innerfilter{
		width: 960px;
		margin:0 auto;
/*		height: 45px;*/
		padding:30px 0; 
		overflow: hidden;}

#contentsection { }
	#innercontentsection{
		width: 960px;
		min-height:500px;
		margin:0 auto;
		background-color:#FFF;	}
 
#pagefooter {}
	#innerpagefooter{
		width: 960px;
		margin:0 auto;
		overflow: hidden;	}
		
#madeby{}
	#innermadeby{
		overflow: hidden;
		text-align: right;
		padding-top: 30px;	}


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

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

*/


/* ############### 1 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.oneCol#pagehead .col1{	height: 250px;}
.oneCol#smallpagehead .col1{	height: 100px;}
.oneCol#contentsection .col1{
	padding:30px 50px;
	/*min-height:300px;*/}

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

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

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

.threeCols#innerfilter .col1{
	width: 390px; 
	margin:0 20px 0 0; 
	padding:15px; 
	background-color:#457297;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	}
.threeCols#innerfilter .col2{	
	width: 226px; 
	margin:0 20px 0 0; 
	padding:15px;
	background-color:#457297;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; }
.threeCols#innerfilter .col3{ width: 240px;}

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


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

.fourCols#innerfilter .col1{	width: 230px; margin:5px 10px 0 0;  }
.fourCols#innerfilter .col2{	width: 230px; margin:5px 10px 0 0; }
.fourCols#innerfilter .col3{	width: 230px; margin:5px 10px 0 0; }
.fourCols#innerfilter .col4{	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#pagehead .col1{	height: 150px;	width: 192px;}
.fiveCols#pagehead .col2{	height: 150px;	width: 192px;}
.fiveCols#pagehead .col3{	height: 150px;	width: 192px;}
.fiveCols#pagehead .col4{	height: 150px;	width: 192px;}
.fiveCols#pagehead .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#pagehead .col1{	height: 150px;	width: 160px;}
.sixCols#pagehead .col2{	height: 150px;	width: 160px;}
.sixCols#pagehead .col3{	height: 150px;	width: 160px;}
.sixCols#pagehead .col4{	height: 150px;	width: 160px;}
.sixCols#pagehead .col5{	height: 150px;	width: 160px;}
.sixCols#pagehead .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;}

/* ######### proportional grids customisation ######### */
						

							.propgrid2 .colB{
								/*text-align: right;*/
							
								}
								
						
						
						
	

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