/*	Cascading StyleSheet (CSS) voor 'http://www.jsb-us.nl'
	Gemaakt door:		Sebastiaan GMC Naafs - van Dijk
	Datum:				01-09-2003
	Laatst gewijzigd:	03-09-2003
*/

body {
	background:#567182;
	color:#000;
	/* Set font for IE5.x */
	font:normal normal normal x-small Verdana,Geneva,Arial,Helvetica,"sans-serif";
	/* Apply box model hack to set font for all other browsers */
	voice-family:"\"}\""; 
	voice-family:inherit;
	font:small Verdana,Geneva,Arial,Helvetica,"sans-serif";	
}
/* 'Be nice to Opera 5' */
	html>body { font:normal normal normal small Verdana,Geneva,Arial,Helvetica,"sans-serif"; }

/* MAIN CONTAINERBOX */
	#main {
		background:#fff;
		border:1px solid #000;
		color:#000;
		margin:2% 5% 2% 5%;
		padding:0px 0px 0px 0px;
		text-align:left;
	}

/* TITEL (boven content en navigatie) */
	#title h1 {
		font-size:200%;
		margin:10px 0px 10px 0px;
		padding:10px 0px 10px 0px;
		text-align:center;
		width:100%;
	}

/* NAVIGATIE (tussen titel en content) */
	#navigation, #subnavigation {
		background:#567182;
		border-top:1px dashed #000;
		border-bottom:1px dashed #000;
		margin:0px -1px 0px -1px;
		padding:10px 0px 10px 0px;
		text-align:center;
	}
/* SUBNAVIGATIE (tussen navigatie en content) */
	#subnavigation { border:none; padding:4px 0px 0px 0px; }

/* ADRESBOX (rechts bovenin content) */
	#address {
		background:#567182;
		border:1px dashed #000;
		color:#fff;
		float:right;
		margin:20px 20px 2px 2px;
		padding:3px 15px 5px 15px;
		text-align:right;
		width:190px;
	}
	#addressheader {
		background:#fff;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		color:#000;
		font-size:100%;
		font-style:italic;
		font-weight:bold;
		margin:2px -16px 2px -16px;
		padding:2px 10px 2px 0px;
	}

/* JBSLOGO (links naast content) */
	#jbslogo {
		float:left;
		margin:0px 0px 0px 0px;
		left:-20px;
		padding:0px 0px 20px 0px;
		position:relative;
		top:20px;
	}
/* CONTENT */
	#content { margin:90px 30px 20px 65px; padding:0px 0px 0px 40px; }

/* ELEMENTEN (in content) */
/* koppen, paragraven, lijsten en tekst */
	p { margin:4px 4px 4px 4px; padding:2px 2px 2px 4px; }
	h1, h2, h3 { background:#fff; color:#000; font-size:140%; margin:2px 2px 2px 2px; padding:2px 2px 2px 0px; }
	h1 { font-size:180%; }
	h3 { font-size:100%; font-style:italic; }
	ul, li { list-style-type:square; margin:6px 0px 0px 16px; padding:0px 0px 0px 0px; }
/* formulier-elementen */
	#formplaceholder { margin:0px 250px 0px 100px; padding:0px 0px 0px 0px; vertical-align:top; }
	table { background:#567182; border:1px solid #000; color:#fff; font-size:100%; padding:2px 2px 2px 2px; }
	th { background:#567182; color:#fff; font-weight:bold; margin-right:5px; padding-right:2px; text-align:right; vertical-align:top; }
	td { background:#fff; color:#000; vertical-align:top; }
	input { border:1px solid #000; font-size:90%; }

/* LINKJES */
/* navigatie-linkjes */
	a, a:link, a:visited {
		background:transparent;
		border-bottom:1px dotted #ff0;
		color:#ff0;
		font-weight:bold;
		text-decoration:none;
	}
/* bij subnavigatie andere hoofdnavigatie andere kleur maken */
	a.notactivenavigation, a.notactivenavigation:link, a.notactivenavigation:visited {
		background:transparent;
		border-bottom:1px dotted #000;
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}
	a:hover, a.notactivenavigation:hover { background:transparent; border-bottom:1px dotted #fff; color:#fff; }
/* content-linkjes */
	a.contentlink, a.contentlink:link, a.contentlink:visited {
		background:transparent;
		border:none;
		color:#390;
		font-weight:normal;
		text-decoration:underline;
	}
	a.contentlink:hover { background:transparent; color:#f60; }
/* adresbox-linkjes */
	/* home */
	#homelink, #homelink:link, #homelink:visited {
		background:transparent url("/img/home.gif") center left no-repeat;
		border:none;
		color:#ff0;
		text-decoration:none;
	}
	#homelink:hover { background:transparent url("/img/home_roll.gif") center left no-repeat; }
	/* contact */
	#contactlink, #contactlink:link, #contactlink:visited {
		background:transparent url("/img/contact.gif") center left no-repeat;
		border:none;
		color:#ff0;
		text-decoration:none;
	}
	#contactlink:hover { background:transparent url("/img/contact_roll.gif") center left no-repeat; }

/* RUIMTE TUSSEN CONTENT EN COPYRIGHT */
	#spacer { background:#567183; border-top:1px dashed #000; border-bottom:1px dashed #000; margin:-1px; padding:7px; text-align:center; }

/* COPYRIGHT */
	#copyright { background:#fff; color:#000; font-weight:bold; margin:2px; padding:4px; text-align:center; }