/* Marc ten Cate */

/* CSS: General Styles */

* { margin: 0; padding: 0; }

body {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	color: #000000; background: #902390;
	}

html, body { height: 100%;}

body#home,
body#page,
body#message {
	text-align: center;
	}

a, a:link, a:visited, a:active { color: #000000; text-decoration: underline; }
a:hover { color: #993399; text-decoration: none; }

img, a img { border: 0; }

ul { padding-left: 2em; padding-bottom: 1em; }
ol { padding-left: 1.8em; }
li { }

h1, h2, h3, h4 { color: #FFD387; }
h1 { font-size: 1.2em; padding-bottom: .8em; }
h2 { font-size: 1.1em; padding-bottom: .5em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }

p { font-size: 1em; padding-bottom: 1em; }

.clear { clear: both; height: 1%; visibility: hidden; font-size: 1px; }

u { text-decoration: none; }


/* CONTAINER */

#container {
	margin: 0 auto; padding: 0; width: 926px;
	text-align: left;
	min-height: 100%;
	height: auto;
	}
* html #container {
	height: 100%;
	}

/* CONTAINER > HEADER */
#header {
	height: 141px;
	position: relative;
	overflow: hidden;
	background-color: #000000;
	}


/* CONTAINER > MAIN */
#main {}

/* CONTAINER > MAIN > BOARD */
#board { color: #000000; background: url(../img/background_bottom.gif) no-repeat center bottom; }

#board_index { color: #000000; background: url(../img/background_index.gif) no-repeat center bottom; }

#site nav {	margin-top: 0px;}

#site nav ul { margin: 0; padding: 0; list-style: none; }
#site nav li { float: left; margin: 0 0px; padding-top: 0px; } /* spaties menu's: verander 2e getal in margin */

#site nav ul ul { }
#site nav li li { margin: 0 0px; padding-top: 0; } /* spaties boeken: verander 2e getal in margin */
}

#board h1, #board h2, #board h3 { color: #FFD387; } 

#board a,
#board a:link,
#board a:visited {
	color: #000000; text-decoration: underline;
	}
#board a:hover {
	color: #000000; text-decoration: none;}
	
#board_top {height: 9px; background: url(../img/background_mid.gif) no-repeat center top;}

#board_index_top {height: 9px; background: url(../img/background_index_mid.gif) no-repeat center top;}

#board_inner {
	min-height: 400px;
	background-repeat: no-repeat;
	background-position: right bottom;
	}	
* html #board_inner {
	height: 400px;
	}
* html #home #board_inner {
	height: 390px;
	}

#column1 { 
	float: left; width: 236px; padding: 18px; overflow: hidden;
	color: #000000;
	}
* html #column1 {
	width: 236px;
	w\idth: 199px;
	}
#message #column1 { 
	width: 240px; padding: 8px 16px 45px 31px;
	color: #000000;
	}
* html #message #column1 {
	width: 336px;
	w\idth: 289px;
	}			
#home #column1 {
	padding-top: 0px;
	}

#board #column1 h1, #board #column1 h2, #board #column1 h3 { color: #FFD387; }

#column2 { 
	float: left; width: 316px; padding: 0px; overflow: hidden;
	}
* html #column2 {
	width: 316px;
	w\idth: 316px;
	}
#message #column2 { 
	float: left; width: 280px; padding: 8px 16px 45px 20px;
	color: #000000;
	}
* html #message #column2 {
	width: 280px;
	w\idth: 244px;
	}
	
#column3 { 
	float: left; width: 294px; padding: 0px 0px 0px 20px; overflow: hidden;
	}
* html #column3 {
	width: 294px;
	w\idth: 294px;
	}	
#message #column3 { 
	float: left; width: 294px; padding: 0px; overflow: hidden;
	}
* html #message #column3 {
	width: 294px;
	w\idth: 294px;
	}
		
	#column4 { 
	float: left; width: 610px; padding: 0px 0px 0px 20px; overflow: hidden;
	}
* html #column4 {
	width: 610px;
	w\idth: 610px;
	}	
#message #column4 { 
	float: left; width: 610px; padding: 0px; overflow: hidden;
	}
* html #message #column4 {
	width: 610px;
	w\idth: 610px;
	}	
	

/* CONTAINER > MAIN > CONTENT */
#content {
	padding: 15px 300px 0 20px; min-height: 110px;
	background-repeat: no-repeat;
	background-position: right top;	
	}
* html #content {
	height: 100px;
	}	

#home #content {
	min-height: 30px;
	background: url(../img/...) no-repeat right top;
	}
* html #home #content {
	height: 230px;
	}

/* CONTAINER > MAIN > FOOTER */
#footer {
	padding: 20px; padding-top: 0;
	color: #000000;
	}

#footer a,
#footer a:link,
#footer a:visited {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}	

#footer_books { margin: 0; padding: 0; list-style: none; font-weight: bold; }
#footer_books li { float: left; margin-right: 30px; padding-top: .5em; }	/* spaties voettekst: verander getal in margin-right */
	
#copyright {
	text-align: right; font-size: 85%;
	}	
#copyright a,
#copyright a:link,
#copyright a:visited {
	color: #000000;
	}