/*
	Title:      Grid styles
	Author:     Poort80 - Frontend
	Copyright:  2009, Poort80  All rights resevered
*/

html, body{
	height:100%;}
body{
	/*overflow-y:scroll;*/
	overflow:-moz-scrollbars-vertical;}

/* wrapper
============================================================================= */
form.wrapper{
	background:transparent url(../gfx/BG/BG_tb.png) repeat-y 0 0;
	width:928px; margin:0 auto; position:relative;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
}
	

/* header
============================================================================= */
#header {
	margin:0px 39px; padding:0px; position:relative; height:198px; width:850px;
	background:transparent url(../gfx/BG/BG_TOP_home.jpg) no-repeat left top; }
	
#header .content_header {
	margin:0px auto; padding:0px; width:830px; height:154px; }
	
/* header > content_header > header_primary
=========================================== */
.content_header .header_primary {
	margin:0px; padding:0px; width:513px; float:left; }
	
/* header > content_header > header_secondary
============================================= */
.content_header .header_secondary {
	margin:0px; padding:0px; width:303px; float:right; }

/* header > navigation
====================== */
#navigation{
	width:830px; margin:4px 14px 0; overflow:hidden; 
	height:13px; position:absolute; bottom:27px;}




/* container
============================================================================= */
#container {
	margin:17px 39px; padding:0 0 100px; 
	position:relative; overflow:hidden; }
	
/* container > content_main
=========================== */
#container .content_main {
	margin:0px; padding:0px; float:left; width:500px; }
	
/* container > content_main > main_primary
========================================== */
.content_main .main_primary {
	margin:0px; padding:0px; float:left; width:100%; }
	
/* container > content_main > main_secondary
============================================ */
.content_main .main_secondary {
	margin:0px; padding:0px; float:left; }
	
/* container > content_side
=========================== */	
#container .content_side {
	margin:0px; float:right; width:313px; }
	
/* container > content_side > side_primary
========================================== */	
.content_side .side_primary {
	margin:0px; padding:0px; }
	
/* container > content_side > side_secondary
============================================ */	
.content_side .side_secondary {
	margin:0px; padding:0px; }

/* container > grid1/grid2 content_main and content_side
============================================ */	

body.grid1 #container .content_main,
body.grid2 #container .content_side{
	float:right;}
body.grid1 #container .content_side,
body.grid2 #container .content_main{
	float:left;}


/* footer
============================================================================= */
#footer {
	margin:0px 49px; padding:0px;	position:absolute; bottom:0; width:839px; }
#footer .content_footer {
	margin:0px auto; padding:0px; }
	
/* footer > content_footer > footer_primary
=========================================== */
.content_footer .footer_primary {
	margin:0px; padding:0px; float:left; width:100%; overflow:hidden; }
	
/* footer > content_footer > footer_secondary
============================================= */
.content_footer .footer_secondary {
	margin:0px; padding:10px 0; float:left; width:100%; text-align:center; }