/**
 * Cascading Style Sheet Document
 * 
 * This document contains almost no data related to the graphical presentation of the website and is mostly
 * used to initialize some defaults related to positioning and structuring the website.
 * Presentation definitions related to the content and such can be found in style.css
 *
 * Emiel Klein Ovink - http://www.kleinovink.net
 * Copyright © 2007
 */


/* -------------------------------------------------------------------------------------------------- */
/* 1. First we set some structure defaults...
/* -------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }

html, body {
	height: 100%;
} 

/* defining the width of the page */
.pagewidth { 
	width: 900px; 
}

#wrap {
	position: relative;
	height: 100%;
	width: 100%;
	text-align: center;
}

#middle {
	position: relative;
	height: auto;
	min-height: 100%; 
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -68px; /* negative footer height */
	text-align: left;
}

/* 
	And now we can move on to the header, pagebody and the footer of the website 
*/

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 110px;
	width: 100%;
	overflow: hidden;
	z-index: 3; /* to show it on top */
	text-align: center;
}


#pagebody { /* IE fix can be found on the end of this sheet */
	padding-top: 130px;
	padding-bottom: 100px;
	padding-left: 1%;
	padding-right: 1%;
}

#footer {
	margin: 0;
	clear: both; /* just to make sure it comes below the columns */ 
	position: relative;
	width: 100%;
	height: 65px;
}


/* creating a div which is centered */
#header div.pagewidth, #footer div.pagewidth {	
	position: relative;
	margin: 0 auto 0 auto;
	text-align: left;
}



/* -------------------------------------------------------------------------------------------------- */
/* 2. Creating some defaults to work with
/* -------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p  { 
	margin: 15px 0; 
}
	
ul, ol, dl, pre, blockquote, form, fieldset, address { 
	margin: 1em 15px; 
}


/* -------------------------------------------------------------------------------------------------- */
/* 3. Fixes for our most beloved webrowser Internet Explorer 6, which ofcourse does things differently
/* -------------------------------------------------------------------------------------------------- */

* html #pagebody { padding-left: 0; padding-right: 0; }
* html #middle { height: 100%; margin-bottom: -65px; /* negative footer height */ }