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

/*
contains:
	generic grid layouts
	
*/	



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

/* structure:

	 -------pagewrapper------
   |                        |
   |    ----------------    |
   |    | langselection |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    header	   |   |
   |    ----------------    |	
   |                        |
   |    ----------------    |
   |    |    topnav	   |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |contentsection |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    footer	   |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    madeby	   |   |
   |    ----------------    |
   |                        |
    ------------------------

*/


#outerwrapper{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#pagewrapper{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#topblock{display: block;}
#pagehead{	display: block;}
#smallpagehead{	display: block;}
#contentsection{display: block;}
#pagefooter{	display: block;}
#madeby{display: block;}


#innertopblock{display: block;}
#innerpagehead{	display: block;}
#innercontentsection{display: block;}
#innersubcontentsection{display: block;}
#innerpagefooter{	display: block;}
#innermadeby{	display: block;}

#sidenav{display: block;}
	
#topnav{display: block;}
#uppertopnav{display: block;}
#innertopnav{display: block;}	



.col1, .col2, .col3, .col4, .col5, .col6 {display: block; float: left; overflow: hidden !important; min-height: 1px;}
/* ############### 1 COLUMN LAYOUT ############### */
.oneCol .col1{ float: none;}





							/* proportional grids */
							.colA, .colB, .colC, .colD{
								margin: 0; padding: 0; border: 0; float: left; min-height:1px;
							}

							.propgrid2 .colA, .propgrid2 .colB{
								width: 50%;
								}
								

							.propgrid3 .colA, .propgrid3 .colB{
								width: 33%;
								}
							.propgrid3 .colC{
								width: 34%;
								}

				
							

							.propgrid4 .colA, .propgrid4 .colB, .propgrid4 .colC, .propgrid4 .colD{
								width: 25%;
								}