/*
Title:     	DAS 2008 - grid layout
Author:     Poort80 - Frontend
Copyright:  2008, Poort80  All rights resevered
*/

/* grid borders (for dev. only)
============================================================================= */

body.showGrid div#wrapper {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

body.showGrid div#header {
	min-height: 100px;
	clear: both;
	border: 1px solid blue;
}

body.showGrid div#container div#container-col1,
body.showGrid div#container div#container-col2,
body.showGrid div#container div#container-col3  {
	min-height: 200px;
	border: 1px solid red;
}

body.showGrid div#footer {
	min-height: 50px;
	border: 1px solid purple;
}

/* wrapper
============================================================================= */
div#wrapper {
	width: 972px;
	margin: 0 auto;
	clear: both;
}

/* header
============================================================================= */
div#header {
	height: 171px;
	clear: both;
}

/* container
============================================================================= */
div#container {
	clear:both; 
}

/* container > container-col1 - layout switches
----------------------------------------------------------------------------- */
div#container.colspan-1-1-1 div#container-col1,
div#container.colspan-2-1 div#container-col1,
div#container.colspan-1-2 div#container-col1 {
	float: left;
	padding-bottom: 40px;
}
div#container.colspan-1-1-1 div#container-col1,
div#container.colspan-1-2 div#container-col1 {
	width: 226px;
}
div#container.colspan-2-1 div#container-col1 {
	width: 716px;
	padding-left: 10px;
}

/* container > container-col2 - layout switches
----------------------------------------------------------------------------- */
div#container.colspan-1-1-1 div#container-col2,
div#container.colspan-2-1 div#container-col2,
div#container.colspan-1-2 div#container-col2 {
	float: left;
	margin-left: 17px;
	padding-bottom: 40px;
}
div#container.colspan-1-1-1 div#container-col2,
div#container.colspan-2-1 div#container-col2 {
	width: 480px;
}
div#container.colspan-2-1 div#container-col2 {
	width: 225px;
	float: right;
}
div#container.colspan-1-2 div#container-col2 {
	float: right;
	width: 726px;
	margin-left: 0;
}

/* container > container-col3 - layout switches
----------------------------------------------------------------------------- */
div#container.colspan-1-1-1 div#container-col3,
div#container.colspan-1-2 div#container-col3 {
	float: right;
	padding-bottom: 40px;
}
div#container.colspan-1-1-1 div#container-col3 {
	width: 226px;
}
div#container.colspan-2-1 div#container-col3,
div#container.colspan-1-2 div#container-col3 {
	display: none;
}

/* footer
============================================================================= */
div#footer {
	clear:both;
	margin-left: 10px;
}