/*******************************************************************************
   filename    :  gouwe.css
   version     :  1.x.y
   date        :  2006-12-24
   author      :  Ed Claus <ed·claus©subhome·net>
   copyright   :  EJC 2006
*******************************************************************************/

html {
	margin: 2px 0px 0px 0px;
}

body {
	background: #535769;
	text-align: center;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	color: #004679;
	margin: 0px;
	padding: 0px;
}

h1 { 
	color: #004679;
	font: bold 1.6em Verdana, Arial, Helvetica, sans-serif;
}

h2 { 
	color: #004679;
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
}

h3, h4, h5, h6 { 
	color: #004679;
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	margin: 0px auto;					/* to fix centering in Mozilla */
	background: url('images/page-bg.gif') repeat-y;
	text-align: left;
	width: 949px;						/* width should be the same as the background image */
	padding: 0px 17px 0px 17px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 915px;
}
	html>body #wrapper { width: 915px; }
	
#footer {
	margin: 0px auto;				/* to fix centering in Mozilla */
	background: url('images/gouwe-bottom.gif') no-repeat;
	width: 949px;					/* width should be the same as the background image */
	color: #B1B5C1;
	padding: 10px 0px 10px 0px;
}

#headerTop {
	height: 96px;
	background: url('images/bgkop.jpg') #B4C9D4 no-repeat;
}

#headerBottom {
	height: 24px;
	background: url('images/headerBottom.jpg') #006599 no-repeat;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #FFDF1B;
	padding: 0px;
	margin: 0px;
}

	#headerBottom input {
		background-color: #006599;
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
		color: #FFDF1B;
		padding-left: 3px;
	}
	
	#headerBottom ul {
		list-style: none;			/* removes list marker */
		padding: 0px;				/* removes left indent */
		margin: 0px;
	}
	
	#headerBottom ul li {
		display: inline;			/* sets list items to display in a row */
		padding-left: 10px;			/* puts space in between list items */
	}
	
	#headerBottom a:link, #headerBottom a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	#headerBottom a:active, #headerBottom a:hover {
		color: #EDDF7D;
		text-decoration: none;
	}
	
#leftcol {
	width: 200px;
	float: left;
	padding: 10px 8px 8px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 184px;
}
	html>body #leftcol { width: 184px; }

#maincol {
	width: 714px;
	float: left;
	padding: 10px 15px 10px 15px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 682px;
}
	html>body #maincol { width: 682px; }

.clear { clear: both; }

.sectionMenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
	.sectionMenu a:link, .sectionMenu a:visited, .sectionMenu a:hover {
		display: block;
		font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
		color: #004679;
		text-decoration: none;
		padding: 5px;
		width: 183px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 173px;
	}
		html>body .sectionMenu a:link, html>body .sectionMenu a:visited, html>body .sectionMenu a:hover {
			width: 173px;
		}
	.sectionMenu a:hover {
		color: #FFE01C;
	}

.chapterMenu {
	list-style: none;
	background: #006699;
	padding-left: 0px;
	margin: 0px;
}
	.chapterMenu a:link, .chapterMenu a:visited, .chapterMenu a:hover {
		display: block;
		font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
		color: #FFDF1B;
		text-decoration: none;
		padding: 0px 0px 0px 12px;
		width: 183px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 170px;
	}
		html>body .chapterMenu a:link, html>body .chapterMenu a:visited, html>body .chapterMenu a:hover {
			width: 170px;
		}
	.chapterMenu a:hover {
		background: url('images/chapter_bullet.gif') no-repeat;
		color: #DD3333;
	}
	.chapterMenu a:active {
		background: url('images/chapter_bullet.gif') no-repeat;
		color: #FF0000;
	}

a:link, a:visited {
	color: #006699;
	text-decoration: none;
	font-weight: bold
}
a:hover {
	color: #FFDF1B
}
a:active {
	color: #FF0000
}

.clock	{
	font-size: 12px;
	font-weight: bold
	color: #282858;
	font-family: monospace
}

.hidden	{
	color: #535769;
	font-weight: normal;
	font-style: normal;
	font-size: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	.hidden a:link, .hidden a:visited, .hidden a:hover, .hidden a:active {
		color: #535769;
		font-weight: normal;
		font-style: normal;
		font-size: 1px;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.tandjekleiner {
		font-size: .8em;
}
.plaatje-links_tekst-uitvullen {
	float: left;
	padding-right: 10px;
}

.tekst-onder-plaatje {
	clear: both;
}

.plaatje-rechts_tekst-uitvullen {
	float: right;
	padding-left: 10px;
}

.greyout {
	color : #90A5B0;
}

#jumpstation input {
	background-color: #006599;
	text-align: right;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #FFDF1B;
	padding-left: 3px;
}

.highlight {
	background-color: #FFFF80;
	font-weight: bold;
}

.forumHeader {
	background-color: #006599;
	color: #FFDF1B;
	font-weight: bold;
}

.forumSubject {
	background-color: #A8BDC8;
}

.forumForm {
	background-color: #A8BDC8;
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
}

.forumMeassage {
	background-color: #A8BDC8;
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
}

.forumForm input, textarea {
	background-color: #006599;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #FFDF1B;
	padding-left: 3px;
}