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

/* grid debug on body.cssDebug
============================================================================= */

.cssDebug div.c1,
.cssDebug div.c2,
.cssDebug  div.c3,
.cssDebug div.c4,
.cssDebug div.welcome {
	background-color: #ccc;
	overflow: hidden;
	position: relative;
}

/* common
============================================================================= */

html, body {
	height: 100%;
}

/* wrapper
============================================================= */

div#wrapper {
	height: auto !important;
	min-height: 100%;
	position: relative;	
}

/* wrapperBlock
============================================================= */

div.wrapperBlock,
div.homeBlocks {
	position: relative;
	width: 857px;
	margin: 0 auto;
	padding: 0 19px;
}

/* header
============================================================= */

div#header {
	margin-bottom: 21px;
}

/* contentWrapper
============================================================= */

div#contentWrapper {
	overflow: hidden;
	padding-bottom: 70px;
	margin: 0 auto;
}

div#contentWrapper div.sideBar {
	width: 208px;
	float: left;
}

div#contentWrapper div.mainContent {
	margin-left: 240px;
	margin-right: 5px;
}
div#contentWrapper div.mainContent p,
div#contentWrapper div.mainContent ul {
	margin-right: 20px;
}

/* 4 colums - c1-c2-c3-c4
============================================================= */

div.c1-c2-c3-c4 {
	overflow: hidden;
	clear: both;
	position: relative;
}

div.c1-c2-c3-c4 div.c1 {
	width: 205px;
	float: left;
	margin-right: 12px;
}

div.c1-c2-c3-c4 div.c2 {
	width: 205px;
	float: left;
	margin-right: 12px;
}

div.c1-c2-c3-c4 div.c3 {
	width: 205px;
	float: left;
	margin-right: 12px;
}

div.c1-c2-c3-c4 div.c4 {
	width: 205px;
	float: right;
	height: 1%;
}

/* 4 to 5 colums adaption landingpage - c1-c2-c3-c4
============================================================= */

.landingpage div.c1-c2-c3-c4 {
	overflow: hidden;
	clear: both;
	position: relative;
}

.landingpage div.c1-c2-c3-c4 div.c1 {
	width: 165px;
	float: left;
	margin-right: 8px;
}

.landingpage div.c1-c2-c3-c4 div.c2 {
	width: 165px;
	float: left;
	margin-right: 8px;
}

.landingpage div.c1-c2-c3-c4 div.c3 {
	width: 165px;
	float: left;
	margin-right: 8px;
}

.landingpage div.c1-c2-c3-c4 div.c4 {
	width: 165px;
	float: left;
	margin-right: 8px;
}

.landingpage div.c1-c2-c3-c4 div.c5 {
	width: 165px;
	float: right;
	height: 1%;
}

/* footer
============================================================= */

div#footer {
	position:absolute;
	bottom:0;
	clear:both;
	display:block;
	height:64px;
	padding:20px 0 0;
	width:100%;	
}

div#footer .wrapperBlock,
div#footer .homeBlocks {
	height: 60px;	
}

div#contentWrapper .mainContent .tabMenu .p80jq_tabs{
	margin-right:1px;
}