@charset "utf-8";

/***********************************************************

	SCREEN STYLESHEET FOR VANDERBORDEN.NL
	CREATED BY: DIGITAL4U.NL
	CREATED ON: 26-08-2008
	LAST CHANGE: 28-08-2008
	AUTHOR: CHRISTIAAN VAN DER WAAL
	
***********************************************************/

/* Table of Contents:

	=CONTAINER
	=TOP ELEMENTS -> ie stylesheet
	=COLUMNS -> ie stylesheet
	=FOOTER
	
*/

/***********************************************************
	=CONTAINER	
***********************************************************/

div#container {
	width: 980px;
	padding: 0;
	margin: 30px auto 0 auto;
	background: #fff url(../../images/design/bg-container.png) 0 100% no-repeat;
	position: relative;
}

/***********************************************************
	=TOP ELEMENTS -> ie stylesheet
***********************************************************/

div#top { 
	width: 980px;
	padding: 0;
	margin: 0;
	background: #ccc;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}
div#logo { display: none; }
div#header { 
	width: 980px;
	height: 243px;
	padding: 0;
	margin: 0;
	background: url(../../images/design/bg-header.png) 0 0 no-repeat;
	float: left;
}
div#headerImages {
	width: 751px;
	height: 205px;
	float: right;
	z-index: -1;
}
div#menuHorizontal { 
	width: 755px;
	height: 48px;
	padding: 0 0 0 20px;
	margin: -48px 0 0 0;
	float: left;
}
div#searchSite {
	width: 172px;
	height: 30px;
	padding: 18px 0 0 0;
	margin: -48px 0 0 0;
	float: right;
} 

/***********************************************************
	=COLUMNS -> ie stylesheet
***********************************************************/

div.column { /* Set global column style */
	padding: 0;
	margin: 0;
	float: left;
}
div.contentWrapper {
	width: 980px;
	min-height: 365px;
	padding: 25px 0 60px 0;
	margin: 243px 0 0 0; /* Sum of header and menu heights */
}
div.centerWrapper { /* Extra div for use of multiple backgrounds */
	width: 735px;
	display: inline;
}
div.center {
	width: 470px;
	min-height: 365px;
	padding: 5px 10px 30px 10px;
	margin: 0 245px;
	float: left;
}
div.left {
	width: 230px;
	padding: 12px 10px 0 5px;
	margin: 0 0 0 -735px;
}
div.right {
	width: 230px;
	padding: 12px 5px 0 10px;
}
div.clearIeBug { 
	width: 1px;
	height: 1px;
	overflow: hidden; 
}
/* Following is a custom structure for special pages */
div.customRow {
	width: 960px;
	margin: 20px 0 20px 0;
}
div.custom25 {
	width: 220px;
	margin: 0 20px 0 0;
}
div.custom50 {
	width: 460px;
	margin: 0 20px 0 0;
}
div.custom75 {
	width: 700px;
	margin: 0 20px 0 0;
}
div.custom100 {
	width: 940px;
	margin: 0 20px 0 0;
}

/***********************************************************
	=ONE COLUMN
***********************************************************/

body.oneColumn div.center {
	width: 940px;
	padding: 5px 20px 30px 20px;
	margin: 0;
}
body.oneColumn div.right { display: none; }
body.oneColumn div.left { display: none; }
body.oneColumn div.centerWrapper { width: 980px; }
body.oneColumn div.clearIeBug { display: none; }

/***********************************************************
	=TWO COLUMNS LEFT
***********************************************************/

body.twoColumnLeft div.center {
	width: 705px;
	padding: 5px 20px 30px 10px;
	margin: 0 0 0 245px;
}
body.twoColumnLeft div.right { display: none; }
body.twoColumnLeft div.left { margin: 0 0 0 -980px; }
body.twoColumnLeft div.centerWrapper { width: 980px; }
body.twoColumnLeft div.clearIeBug { display: none; }

/***********************************************************
	=TWO COLUMNS RIGHT
***********************************************************/

body.twoColumnRight div.center {
	width: 705px;
	padding: 5px 20px 30px 10px;
	margin: 0;
}
body.twoColumnRight div.left { display: none; }
body.twoColumnRight div.centerWrapper { width: 735px; }

/***********************************************************
	=FOOTER	
***********************************************************/

div#footer {
	width: 980px;
	height: 23px;
	padding: 7px 0 0 0;
	color: #006bb7;
	font-size: 88%;
	text-align: center;
	clear: both;
}