/*
Mijn stylesheet
http://sikkepitje.bonhoeffer.nl
Paul Wiegmans 20070614
*/

	/* begin body type */	/* 1 - humanist sans a */

body	{
	font-size:	.66em;
	font-weight:	normal;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Verdana, Myriad Web, Syntax, sans-serif;

	font-size-adjust:	.58;
}

p, blockquote, ul, ol, dl, dd, li, dir, menu	{
	/* inherit from body */
}

small	{
	font-size:	.92em;
}

big	{
	font-size:	1.17em;
}

pre	{
	font-family:	'Monotype.com', Monotype, Courier New, monospace;
}

ol li	{
	list-style-type:	decimal;
}

ol ol li	{
	list-style-type:	lower-alpha;
}

ol ol ol li	{
	list-style-type:	lower-roman;
}

table, tbody, tr, td	{
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Verdana, Myriad Web, Syntax, sans-serif;
	font-size-adjust:	.58;
}

	/* end body type */




	/* begin header type */	/* 1 - humanist sans a */
h1,h2,h3,h4,h5,h6 {
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}
h1,h2,h3,h4,h5,h6, dt {
	font-family:	Tahoma, Verdana, Myriad Web, Syntax, sans-serif;
}
h1	{
	font-size-adjust:	.53;
	font-size:	1.75em;
	font-weight:	500;
}

h2	{
	font-size-adjust:	.53;
	font-size:	1.58em;
	font-weight:	500;
}

h3	{
	font-size-adjust:	.53;
	font-size:	1.33em;
	font-weight:	600;
}

h4	{
	font-size-adjust:	.53;
	font-size:	1.33em;
	font-weight:	600;
}

h5, dt	{
	font-size-adjust:	.53;
	font-size:	1.17em;
	font-weight:	600;
}

h6	{
	font-size-adjust:	.53;
	font-size:	1em;
	font-weight:	700;
}

tfoot, thead	{
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Verdana, Myriad Web, Syntax, sans-serif;
	font-size-adjust:	.53;
}

th	{
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family:	Verdana, Myriad Web, Syntax, sans-serif;
	font-size-adjust:	.53;
}

hr	{
	visibility:	hidden;
}

	/* end header type */


	/* begin affordances */	/* 8 - bluegold */

/* a, address, blockquote, body, cite, code, dd, del, dfn,
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 
applet, big, center, dir, font, hr, menu, pre,
abbr, acronym, bdo, button, fieldset, ins, label	*/
* {
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-decoration:	none;
	border-color:	#069;
	border-style:	none;
}

body	{
	color:		#060;
	background:	#EEE;
}

em	{
	font-style:	normal;
	font-weight:	bold;
	color:		#006600;
	background:	#EFE;
}

strong	{
	font-style:	italic;
	background:	#EFE;
	font-weight:	bold;
	color:		#006600;
}

em strong, strong em	{
	text-transform:	uppercase;
	font-style:	normal;
	font-weight:	bolder;
	background:	#006600;
	color:		#EFE;
}

b	{
	font-weight:	bold;
}

i	{
	font-style:	italic;
}

.warning	{
	text-transform:	none;
	font-style:	normal;
	font-weight:	bolder;
	background:	red;
	color:		yellow;
}

del	{
	text-decoration:line-through;
	background:	#600;
}

ins	{
	text-decoration:none;
	background:	#060;
}

var, cite, dfn, .note	{
	font-style:	italic;
}

address	{
	font-style:	normal;
	letter-spacing:	.1em;
}

acronym	{
	font-variant:	small-caps;
	letter-spacing:	0.1em;
}

h1, h2, h3, h4, /*h5, h6,*/ dt, th, thead, tfoot	{
	color:		#039;
	background:	#CFC;
}

hr	{
	color:		#369;
}

#colophon	{
	display:	none;
}

col, colgroup, table, tbody, td, tr	{
	color:		#EFE;
	text-decoration:none;
	border-color:	#369;
	border-style:	none;
	background:	#FDFDE0;
}

a:link	{
	text-decoration:none;
	font-weight:	bold;
	color:		#36C;
	background:	transparent;
}

a:visited	{
	text-decoration:none;
	font-weight:	bold;
	color:		#69F;
	background:	#EFE;
}

a:active	{
	text-decoration:none;
	font-weight:	bold;
	color:		#09F;
	background:	#EFE;
}

a:hover	{
	text-decoration:underline;
	color:		#f90;
	background:	#EFE;
}

a.offsite	{
	text-decoration:none;
	font-weight:	normal;
	color:		#F00;
	background:	#white;
}

a, a:link, a:hover, a:active, a:visited, a.offsite {
	font-weight: 	700;
}
	/* end affordances */


	/* begin vertical */	/* 1 - pentatonic a */

	/* enkele verstekwaarden */
/* a, address, blockquote, cite, code, dd, del, dfn,
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 
applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt,
u, abbr, acronym, bdo, button, fieldset, ins, label	*/
* {
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	vertical-align:	baseline;
}

body	{
	line-height:	1.58em;
}

div > p:first-child, body > p:first-child, td > p:first-child	{
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial	{
	margin-top:	.75em;
	margin-bottom:	.75em;
}

h1, h2, h3, h4, h5, h6	{
	line-height:	1.33em;
}

h1	{
	margin-top:	1.58em;
	margin-bottom:	.33em;
}

h2	{
	margin-top:	1.44em;
	margin-bottom:	.33em;
}

h3	{
	margin-top:	1.33em;
	margin-bottom:	.33em;
}

h4	{
	margin-top:	1.26em;
	margin-bottom:	.33em;
}

h5	{
	margin-top:	1.17em;
	margin-bottom:	.33em;
}

h6	{
	margin-top:	1em;
	margin-bottom:	.33em;
}

p	{
	margin-top:	.75em;
	margin-bottom:	.75em;
}

blockquote, fieldset, form, ul, ol, dl, dir, menu	{
	margin-top:	.75em;
	margin-bottom:	.75em;
}

dt	{
	margin-top:	0;
	margin-bottom:	0;
}

dd	{
	margin-top:	0;
	margin-bottom:	.75em;
}

ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr, li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6, dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu, dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6	{
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
}

li	{
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
}

address	{
	margin-top:	1.58em;
	margin-bottom:	1.58em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
}

pre	{
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	line-height:	1.25em;
}

hr	{
	margin-top:	.75em;
	margin-bottom:	.75em;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
	height:	1px;
}

div, center	{
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
}


col, colgroup, table, tbody, td, tfoot, th, thead, tr	{
	margin-top:	0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	border-top:	0;
	border-bottom:	0;
}

td, th	{
	line-height:	1.33em;
}

	/* end vertical */


	/* begin horizontal */	/* 1 - compact */

		/* verstekwaarden */
/* a, address, blockquote, cite, code, dd, del, dfn,
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var,
applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt,
u, abbr, acronym, bdo, button, fieldset, ins, label,
col, colgroup, table, tbody, td, tfoot, th, thead, tr */
* {
	margin-left:	10;
	margin-right:	10;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
}


/*a, address, blockquote, cite, code, dd, del, dfn,
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var,
applet, b, big, center, dir, font, hr, i, menu, pre, s, strike, tt,
u, abbr, acronym, bdo, button, fieldset, ins, label */
*{
	text-align:	left;
	float:	none;
	clear:	none;
	list-style-position:	outside;
}

div > p:first-child, body > p:first-child, td > p:first-child {
	margin-left:	0;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, div + p, p.initial{
	margin-left:	10px;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
	text-align:	left;
	text-indent:	0;
}

h1, h2, h3, h4, h5, h6, address {
	margin-left:	0px;
	margin-right:	0px;
	padding-left:	10px;
}
p {
	margin-left:	10px;
	margin-right:	10px;
	padding-left:	0px;
}
blockquote	{
	margin-left:	1.58em;
}

li	{
	margin-left:	3.16em;
}

dd	{
	margin-left:	1.58em;
}

ul ul, ol ol, li address, li dl, li ol, li p, li ul, li dir, li hr,
li menu, li pre, li h1, li h2, li h3, li h4, li h5, li h6,
dd address, dd dl, dd ol, dd p, dd ul, dd dir, dd hr, dd menu,
dd pre, dd h1, dd h2, dd h3, dd h4, dd h5, dd h6	{
	margin-left:	20;
	margin-right:	0;
	padding-left:	0;
	padding-right:	0;
	border-left:	0;
	border-right:	0;
}
	
hr	{
	text-align:	left;
	width:	100%;
}

center	{
	text-align:	left;
}

col, colgroup, table, tbody, td, tfoot, th, thead, tr	{
	float:	none;
	clear:	none;
}

table	{
	text-align:	left;
}

td	{
	text-align:	left;
}

th	{
	text-align:	left;
}

caption	{
	text-align:	left;
}

p + a 	{
	margin-left: 0px;
}
	/* end horizontal */

	/* begin body box */	/* 6 - 'twelvths symmetric' */

body	{
	margin-top:	0;
	margin-left:	1%;
	margin-right:	1%;
	margin-bottom:	0;
	padding:	0;
	border:		0;
	width:	auto;
}
	/* end body box */

/* #################################### */

/*
De indeling met een vaste-breedte kolom in het midden werkt alleen met volgende doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
*/

div#layout {
	position: relative;
	width: 720px;
	border-left: 1px solid #CFC;
	border-right: 1px solid #CFC;
	margin-left:auto;
	margin-right:auto;
	background:	#EFE;
}
div#layout540 {
	position: relative;
	width: 540px;
	border-left: 1px solid #CFC;
	border-right: 1px solid #CFC;
	margin-left:auto;
	margin-right:auto;
	background:	#EFE;
}
div#layout360 {
	position: relative;
	width: 360px;
	border-left: 1px solid #CFC;
	border-right: 1px solid #CFC;
	margin-left:auto;
	margin-right:auto;
}
div div#opvul {
 	padding: 0px;
/*	margin: 16 px;*/
}
table  {
	font: 10pt verdana,arial;
	color: #006699;
	padding: 8px;
	margin-left: 12px;
	vertical-align: top;
	background-color: #FFFFCC;
	border: 0px;
	border-spacing: 0;
	border-collapse: collapse;
}
td {
	color: #006699;
	padding: 8px;
	border: 1px solid #006699 ;
}


hr  {
	height: 0;
	border: 0;
	border-top: 3px solid rgb(255, 30, 30);
}
hr#fancier  {
	height: 6;
	border: 0;
	border-top: 2px solid #FF2211;
	border-bottom: 2px solid #1155FF;
}


p {
	margin-left:	20;
}

/*===================== DIVKOLOMMEN.CSS ============================*/
/* GEBRUIK:
<div id="divtable3" class="cfix">
<div>

Kolom 1 Blabla

</div>
<div>

Kolom 2 Blabla

</div>
<div class="clear"></div>
</div>

*/

/* Stijl voor 2 kolommen */
#divtable2 {
width: 720px;
border: 0px solid #0FF;
padding: 0px;
}
#divtable2 div {
display: block;
width: 360px;
height: auto;
border: 0px solid #FF00FF;
float: left;
padding: 0px;
}

/* Stijl voor 3 kolommen */
#divtable3 {
width: 720px;
border: 0px solid #0FF;
padding: 0px;
}
#divtable3 div {
display: block;
width: 240px;
height: auto;
border: 0px solid #FF00FF;
float: left;
padding: 0px;
}

/* Stijl voor 4 kolommen */
#divtable4 {
width: 720px;
border: 0px solid #0FF;
padding: 0px;
}
#divtable4 div {
display: block;
width: 180px;
height: auto;
border: 0px solid #FF00FF;
float: left;
padding: 0px;
}

.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}

/* clearfix after+contents */
.cfix:after {
content: "."; 
display: block; 
height: 0; 
overflow:hidden;
clear: both; 
visibility: hidden;
}

/* algemeen id voor blockwaargave */
div#blok {
display: block;
}