/*
stramien: 90px;
gutter: 25px (12/13px)
breedtes van padding tot padding: b = x*90-25;
voor gutter tot gutter 10 bij optellen
1: 65 - 2: 155 - 3: 245 - 4: 335 - 5: 425 - 6: 515 - 7: 605 - 8: 695 - 9: 785
*/

/*---- Start reset ----*/
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, q, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
	body {line-height: 1;  color: black; background: white;}
	ol, ul {list-style: none;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {	border-collapse: separate; border-spacing: 0;}
	caption, th, td {text-align: left; font-weight: normal;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}
	ins {text-decoration: none;}
/*---- Einde reset ----*/

/*---- Start definieren elementen ----*/
	a {
		color: #000;
	}
	a:hover,
	a:focus {
		/* HIER ANDERE DEFAULT KLEUR DEFINIEREN; WORDT PER PROJECT OVERRULED */
		background: #ffc;
	}
	a:hover img,
	a:focus img {
		border: 1px solid #000;
	}
	
	acronym {
		border-bottom: 1px dotted #999;
		cursor: help;
	}
	
	body {
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-family: arial, helvetia, verdana, sans-serif;
		color: #333;
		line-height: 18px;
		background: #fff;
	}
	
	code {
		font-family: "courier new", courier, monospace;/* courier new is smaller dan courier*/
		color: #666;
	}
	
	del {
		text-decoration: line-through;
	}
	
	em {
		font-style: italic;
	}
	
	:focus {
		/*outline: 1px dotted #666;*/
	}
	
	h1,
	h2 {
		margin: 0 7px 12px 8px;
		font-weight: bold;
		color: #444;
	}
	p+h2,
	.imgbox+h2 {
		margin-top: 24px;
	}
	h1 {
		margin-top: 32px;
		border-bottom: 2px solid #444;
		padding: 0 5px;
		font-size: 18px;
		line-height: 24px;
	}
	h2 {
		font-size: 16px;
		line-height: 20px;
	}
	.section h1 {
		margin-top: 0;
		padding: 0 5px;
	}
	.textbox h1 {
		margin-left: -5px;
		margin-right: -5px;
	}
	.section h2 {
		margin-left: 0;
		margin-right: 0;
	}
	#pg-home h1 {
		margin-top: 32px;
	}
	
	h1 a,
	h2 a,
	h3 a {
		color: #444;
		border-bottom: 1px solid #444;
		text-decoration: none;
	}
	h1 a:hover,	h1 a:focus,
	h2 a:hover, h2 a:focus,
	h3 a:hover, h3 a:hover {
		border-bottom: 1px solid #fff;
	}
	h1 a,
	h1 a:hover, h1 a:focus {
		border-bottom: none;
	}
	
	h1 span,
	h1 span a,
	h2 span,
	h2 span a {
		margin-left: 5px;
		border: none;
		font-size: 14px;
		font-weight: normal;
		color: #888;
	}
	h3 {
		margin-top: 18px;
		/*font-size: 1.2em;*/
		font-weight: bold;
		color: #444;
	}
	
	h4 {
		margin-top: 18px;
		/*font-size: 1.2em;*/
		font-weight: bold;
		color: #777;
	}
	.first-h3 {
		margin-top: 0;
	}
	h3 a img {
		/* bijv voor delicious en rss */
		margin-right: 5px;
	}
	ol,
	ul {
		/*margin: 0 0 1.5em;/* t.o.v. font-size p, dus 18px */
		/*font-size: 1.2em;*/
	}
	
	ol h3,
	ul h3 {
		/*font-size: 1.0em;*//* ul en ol hebben al font-size 1.2em; h3 is tov font-size van ol/ul, dus dan ook 12px */
	}
	
	ol ol,
	ol ul,
	ul ol,
	ul ul,
	ol p,
	ul p {
		/*font-size: 1.0em;*//* ul, ol en p hebben al font-size 1.2em; geneste lists krijgen font-size tov font-size van ol/ul, dus dan ook 12px */
	}
	
	p {
		margin: 0 0 12px;/* t.o.v. font-size p, dus 12px */
		/*font-size: 1.2em;*/
	}
	
	pre {
		margin: 0 -5px 18px;
		padding: 5px;
		/*font-size: 1.2em;*/
		background: #ffd;
		overflow: auto;
	}
	
	q {
		font-style: italic;
		quotes:"\201c" "\201d";
	}
	q:before {
		content: "\201c";
	}
	q:after {
		content: "\201d";
	}
	
	strong,
	strong a {
		font-weight: bold;
		color: #444;
	}
	
	table {
		/*font-size: 1.2em;*/
		margin: 0 0 12px;
		border-collapse: collapse;
	}
	caption {
		background: #eee;
	}
	caption,
	td,
	th {
		border: 1px solid #ddd;
		padding: 4px 10px;
	}
	td {
	}
	th {
		color: #444;
		font-weight: bold;
	}
	tr:nth-child(even) {
		background: #f8f8f8;
	}
/*---- Einde definieren elementen ----*/

/*---- Start hoofd layout ----*/
	#main {
		/*width: 850px;*/ /* 9-cols */
		width: 940px;
	}
	
	#header {
		padding: 18px 20px 0; /* 1.8em tov basis font-size */
		background: #444;
		/*background: #444 url(images/bg_header.gif) no-repeat 33px 2.1em;*/
	}
	#header a:hover,
	#header a:focus {
		background: #444;
	}
	#logo {
		margin-left: 12px;
	}
	a:hover img#logo,
	a:focus img#logo {
		border: none;
	}
	
	#content1,
	#content2 {
		/* contentx loopt van stramien tot stramien; standaard 9 stramienen */
		float: left;/* zonder float steekt in IE header er onderuit */
		margin: 0 0 0 20px;
		/*width: 810px;*/ /* 9-cols */
		width: 900px;
	}
	
	#content2 {
		clear: left;
	}
/*---- Einde hoofd layout ----*/

/*---- Start menu ---- */
	#menu {
		float: right;
		margin: 0;
		/*min-width: 270px;*//* nodig voor opera: die heeft moeite met breedte van floats */
		min-width: 360px;/* nodig voor opera: die heeft moeite met breedte van floats */
	}
	#menu li {
		float: left;
		margin: 0 0 0 0;
		/*border-left: 1px solid #fff;*/
		min-width: 89px;/* nodig voor opera: die heeft moeite met breedte van floats */
	}
	#menu .active {
		background: #fff;
	}
	#menu a {
		display: block;
		/*padding: 0.4em 12px 1.1em;*/
		padding: 4px 12px 14px;
		min-width: 65px;
		border-left: 1px solid #fff;
		color: #fff;
		text-decoration: none;
	}
	#menu a:hover,
	#menu a:focus {
		border-left: 1px solid #444;
		background: #fff;
		color: #444;
	}
	#menu .active a {
		color: #444;
		/*font-weight: bold;*/
	}
	#menu .active a:hover,
	#menu .active a:focus,
	#menu li.first-mn a:hover,
	#menu li.first-mn a:focus {
		border-left: 1px solid #fff;
	}
/*---- Einde menu ---- */

/*---- start footer ---- */
	#footer {
		clear: both;
		padding-top:1px;/* 1px padding to prevent vertical margin collapsing */
	}
	#footer .ftcontent {
		margin: 18px 20px;/* margin-top icm clear: both is onvoorspelbaar; daarom extra div */
		/*min-height: 2.4em;*/
		padding: 0 12px;
		border-top: 2px solid #444;
		/*font-size: 1.2em;*/
		text-align: right;
	}
	.ftcontent a {
		color: #666;
	}
	#validation {
		/* div met links naar validatie services */
		/*display: none;*/
		/*display: inline;*/
		color: #fff;
	}
	#validation a {
		color: #fff;
	}
	#validation a:hover,
	#validation a:focus {
		color: #333;
	}
	/*
	#footer .ftcontent {
		float:left;
		margin-bottom: -200px;
		background: #f00;
	}
	*/
/*---- Einde footer ---- */

/*---- Start sections en boxen ----*/
	.section {
		/* section wordt vanaf stramien met margin op gutter gezet */
		clear: both;
		margin: 24px 7px 0 8px;
		padding: 16px 5px 0;
		border-top: 1px dotted #444;
		/*background: #ccc;*/
	}
	
	div.section.first-sc {
		/* IE<7 interpreteert .section.first-sc als .first-sc; daarom div toevoegen om specificity te verhogen */
		margin-top: 14px;
		border-top: none;
	}
	
	.imgbox {
		/* imgbox en textbox staan op gutter; daarbinnen padding. zo kunnen we zowel section als box geven */
		float: left;
		margin: 4px 0 0;
		width: 335px;
	}
	.imgbox img {
		border: 1px solid #999;
	}
	
	.imgbox p {
		margin: 0;
		font-style: italic;
		text-align: right;
		color: #666;
		/*background: #999;*/
	}
	.imgbox div .notice {
		font-style: normal;
	}
	div.imgbox div#swfbox {
		/*width: auto;*/
		margin: 0 0 6px;
		width: 333px;
		height: auto;
		border: 1px solid #000;
		line-height: 0;/* haalt overbodige witruimte onderaan weg in FF en safari */
	}
	
	.imgbox .notice {
		margin: 10px;
		padding: 8px;
		color: #333;
		line-height: 1.4;
		text-align: left;
	}
	
	.textbox {
	}
	.textbox ul {
		margin: -0.5px 0 10px;
	}
	.textbox ol {
		margin: 0 0 10px;
		list-style-type: decimal;
	}
	
	.feeds {
		margin: -5px 0 10px;
		/*font-size: 1.2em;*/
	}
	.feeds a {
		margin-right: 10px;
		padding-left: 12px;
		background: transparent url(images/bullet-bold.gif) no-repeat 0 6px;
		color: #555;
		font-weight: bold;
	}
	.feeds a:hover {
		background-color: #ffc;
		text-decoration: none;
	}
	
	.metainfo {
		margin: 0 -5px 12px; /* tov font-size .metainfo, dus resulteert in 12px. */
		padding: 2px 5px;
		font-size: 11px; /* tov basis van 10px, dus 11px */
		background: #f0f0f0;
		color: #999;
		/*background: #f5f5f5;*/
		/*background: #ccc;*/
	}
	.metainfo span {
		color: #666;
	}
	.metainfo a {
		color: #666;
	}
	
	.specs {
		margin: 0 -5px 10px;
		padding: 20px 5px;
		background: #f0f0f0;
		/*background: #f5f5f5;*/
		/*background: #ccc;*/
	}

	.footnote,
	.footnote a {
		font-weight: normal;
		color: #888;
	}

	dl.projectinfo {
		margin: -8px 0 10px;
		font-size: 11px;
		color: #999;
		/*font-style: italic;*/
	}
	dl.projectinfo a {
		color: #999;
	}
	.projectinfo dt,
	.projectinfo dd {
		display: inline;
	}
	.projectinfo dd {
		margin-right: 10px;
	}
	
	.notice {
		margin-right: -5px;
		margin-left: -5px;
		padding-right: 4px;
		padding-left: 4px;
		background: #ffc;
		border: 1px solid #e4c26a;
	}
	#maintenance.notice {
		margin: 20px 117px 0 118px;
	}
	.notice h2 {
		margin-top: 5px;
	}
/*---- Einde sections en boxen ----*/

/*---- Start formulieren ----*/
	form {
		margin: 0 0 12px;
	}
	.formblock {
		display: block;
		clear: both;
		margin: 12px 0;
		/*font-size: 1.2em;*/
	}
	/*
	label {
		clear: left;
		display: block;
		margin-bottom: 0.2em;
		font-weight: bold;
	}
	*/
	label {
		float: left;
		margin: 0 25px 0 0;/* margin-right is gelijk aan padding + gutter grid */
		width: 65px;
		text-align: right;
		font-weight: bold;
	}
	form .footnote {
		margin-left: 5px;
	}
	input,
	textarea {
		border: 1px solid #999;
		padding: 2px;
		width: 239px;
		font-family: inherit;
		font-size: 12px;/* nodig omdat textarea anders niet overneemt */
	}
	input:focus,
	textarea:focus {
		background: #ffc;
	}
	textarea {
		width: 419px;
	}
	input.primary {
		margin-left: 90px;
		border: 2px solid #999;
		padding: 2px 5px;
		width: auto;
		background: #333 url(images/bg_button.gif) repeat-x 0 0;
		color: #fff;
		font-weight: bold;
		letter-spacing: 1px;
		cursor: pointer;
	}
	input:hover.primary {
		border-color: #ccc;
		background-color: #666;
		background-position: 0 -100px;
	}
	#pg-404 input.primary {
		margin-left: 22px;
	}
	span.reqmark {
		float: left;
		margin-left: -20px;/* komt in gutter tussen 2 gridunits */
	}
	.explanation {
		color: #888;
	}
	.fail {
		margin: 10px;
		padding: 10px 10px 10px 60px;
		border: 2px solid #e07f7f;
		min-height: 26px;
		background: #ffe9e5 url(images/icon_fail.gif) no-repeat 20px 11px;
	}
	.fail a {
		color: #740000;
	}
	.fail h3 {
		margin: 0;
		color: #740000;
		font-size: 16px;
	}
	div.error {
		display: block;
		margin: 0 0 0 90px;
		padding: 10px 10px 3px;
		width: 225px;
		background: #fcc url(images/bg_formfield_error.gif) no-repeat;
		color: #740000;
		font-weight: bold;
	}
/*---- Einde formulieren ----*/

/*-- Start #allprojects --*/
	#allprojects h3 {
		margin-top: 16px;
	}
	#allprojects h3.first-h3 {
		margin-top: 0;
	}
	.linklist,
	ul ul {
		/* ul lu komt bijv voor bij blog */
		color: #666;
		/*color: #888;*/
		/*list-style: outside url(images/bullet.gif);*/
	}
	.linklist li,
	.textbox li,
	ul ul li {
		padding-left: 10px;
		background: url(images/bullet.gif) no-repeat 0 6px;
	}
	.textbox ol li {
		padding-left: 0;
		background: none;
		list-style-position: inside;
	}
	.linklist a,
	ul ul a {
		color: #666;
		text-decoration: none;
		border-bottom: 1px solid #e0e0e0;
	}
	ul ul a {
		border-bottom: none;/* sidebar blog; te druk met border omdat daar ook boven h3's border staat */
	}
	.linklist a:hover,
	.linklist a:focus,
	ul ul a:hover,
	ul ul a:focus {
		/*text-decoration: none;*/
		text-decoration: underline;
		border-bottom: none;
	}
/*-- Einde #allprojects --*/
	
/*-- Start projectankeilers --*/
	.projects .project {
		/*margin: 0 5px;*/
		margin: 0;
		width: 245px;
		padding: 10px 0;
		border-top: 1px solid #e5e5e5;
		/*background: #f90;*/
	}
	
	.projects img {
		float: left;
		margin-top: 3px;
		border: 1px solid #000;
		width: 63px;
	}
	
	.projects h3 {
		margin-top: 0;
		margin-left: 90px;
		/*padding-left: 90px;*/
	}
	.projects p {
		margin-left: 90px;
		margin-bottom: 0;/* nodig omdat IE anders margin van p onder floatende img plaatst */
	}
/*-- Einde projectankeiler --*/

/*-- Start hulpcomponenten --*/
	#grid {
		/* hulpdiv met grid wordt getoond door debug.css */
		display: none;
	}
	.floatfixer {
		clear: both;
		margin: 0;
		padding: 0;
		line-height: 0;
		font-size: 0;
		border: none;
	}
/*-- Einde hulpcomponenten --*/

/*---- Start layout home ----*/
	#pg-home #content1 {
		/* content1 loopt van stramien tot stramien; op homepage over 7 stramienen */
		margin: 0 0 0 20px;
		/*width: 540px;*/ /* 9-cols */
		width: 630px;
	}
	
	#pg-home #content2 {
		/* content2 loopt van stramien tot stramien */
		clear: none;
		float: left;
		margin: 0 20px 0 0;
		width: 270px;
	}
	#pg-home #content2 .first-sc h2,
	#pg-bloghome .miniposts h2 {
		margin-top: 6px;
	}
	
	#pg-home .imgbox,
	#pg-bloghome .imgbox {
		margin-top:21px;
		margin-bottom: 24px;
		width: 155px;
	}
	#pg-home .imgbox img {
		width: 153px;
	}
	
	#pg-home .minipost {
		padding-top: 6px;
	}
	
	#pg-home .minipost .imgbox,
	#pg-bloghome .minipost .imgbox {
		margin-top:3px;
		/*margin-bottom: 24px;*/
		margin-bottom: 12px;
		width: 65px;
	}
	#pg-home .minipost .imgbox img,
	#pg-bloghome .minipost .imgbox img {
		width: 63px;
	}
	#pg-home .textbox {
		margin-left: 180px;
	}
	#pg-home .minipost .textbox {
		margin-left: 90px;
	}
	#pg-home #content2 .textbox {
		margin-left: 0;
	}
	#pg-home #content2 .first-sc h2 {
	}
	#pg-home .projects .first-pr {
		border-top: none;
	}
/*---- end layout home ----*/

/*---- start layout projectdetail ----*/
	#pg-projectdetail .textbox {
		margin-left: 360px;
		margin-bottom: -12px;/* neutraliseert margin-bottom van <p>'s; zo krijgen we juiste margin-top bij sections in content2 (margin van sections collapsen niet met die van p omdat div.content2 ertussen zit) */
	}

	#pg-projectdetail #content2 .section {
		clear: none;
		float: left;
	}
	
	/*-- Start imgbox -- */
		#pg-projectdetail .imgbox div {
			float: left;
			width: 155px;
			margin-top: 10px;
		}
		#pg-projectdetail .imgbox div.first-dv {
			margin-top: 0;
			width: 335px;
		}
		#pg-projectdetail .imgbox div.odd {
			margin-left: 25px;
		}
		
		#pg-projectdetail .imgbox img {
			width: 153px;
		}
		#pg-projectdetail .imgbox div.first-dv img {
			width: 333px;
		}
		/*#pg-projectdetail .imgbox a {*/
		.imgbox a {
			position: relative;/* nodig om doorklik icoontjes absoluut te kunnen positioneren */
		}
		#main .imgbox a.hasProjectUrl .targeticon,
		#main .imgbox a.hasBigImage .targeticon {
			/* voor specificity moeten we een id in de selector hebben (anders pakt hij breedte van #projectdetail .imgbox div); #main is altijd aanwezig */
			/* links voor vergroting en website(vergrootglas) */
			position: absolute;
			border: 1px solid #000;
			height: 20px;
			width: 20px;
			bottom: 10px;
			right: 10px;
			background: url(images/icon_website.png) no-repeat top;
		}
		#main .imgbox a.hasBigImage .targeticon {
			/* voor specificity moeten we een id in de selector hebben (anders pakt hij breedte van #projectdetail .imgbox div); #main is altijd aanwezig */
			background: url(images/icon_vergrootglas.png) no-repeat top;
		}
		a.hasBigImage img,
		.hasBigImage .targeticon {
			/*cursor: url(images/cursor_zoom_in.cur), pointer;*/
			cursor: url(/css/images/cursor_zoom_in.cur), pointer;
			/*cursor: url(http://www.wishlistr.com//images/highslide/zoomin.cur), pointer;*/
		}
		#main .imgbox a:hover.hasProjectUrl .targeticon,
		#main .imgbox a:hover.hasBigImage .targeticon {
			/* voor specificity moeten we een id in de selector hebben (anders pakt hij breedte van #projectdetail .imgbox div); #main is altijd aanwezig */
			background-position: bottom;
		}
	/*-- Einde imgbox -- */
	
	#pg-projectdetail .projects h2 {
		padding: 0 5px;
	}
	
	#pg-projectdetail .projects div.project.first-pr {
		margin-top: -12px;
		border-top: 1px solid #fff; /* border in zelfde kleur als bg; dan hoeven we geen margin aan te passen */
	}
	/*-- Start section voor alle projecten */
		#pg-projectdetail #allprojects {
			/*width: 525px;*/ /* 9-cols */
			width: 605px;
		}
		#pg-projectdetail #allprojects h2 {
		}
		#pg-projectdetail #allprojects div {
			float: left;
			margin-left: 25px;
			width: 155px;
		}
		#pg-projectdetail #allprojects .set.first-st {
			margin-left: 0;
		}
	/*-- einde section voor alle projecten */
/*---- Einde layout projectdetail ----*/

/*---- Start layout projecten ----*/
	#pg-projecten #content1 {
		margin-left: 110px;
		width: 810px;
	}
	#pg-projecten .section {
		margin-top: 20px;
	}

	#pg-projecten .section.first-sc {
		margin-top: 14px;
	}

	#pg-projecten h2 {
		margin-bottom: 0;
		padding-bottom: 10px;/* nodig omdat IE bij floats volgend op element met margin-bottom die margin-bottom ook op float toepast */
	}

	#pg-projecten .set {
		clear: both;
		/*background: #ccc;*/
	}

	#pg-projecten .project {
		float: left;
		margin-left: 25px;
		/*border-top-color: #000;*/
		/*background: #f90;*/
	}
	
	#pg-projecten .first-st .project {
		/* projecten in first set */
		padding-top: 0;
		border-top: none;
	}
	#pg-projecten .project.first-pr {
		margin-left: 0;
	}
	
/*---- Einde layout projecten ----*/

/*---- Start layout contact ----*/
	#pg-contact #content1 {
		/* content1 loopt van stramien tot stramien; op homepage over 7 stramienen */
		margin: 0 0 0 20px;
		/*width: 630px;*/
		width: 540px;
	}
	
	#pg-contact #content2 {
		/* content2 loopt van stramien tot stramien */
		clear: none;
		float: left;
		margin: 0 20px 0 0;
		/*width: 170px;*/
		width: 260px;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	#pg-contact .textbox {
		margin-left: 90px;
	}
/*---- end layout contact ----*/

/*---- Start layout overmij ----*/
	#pg-overmij h2 {
		margin-left: 180px;
	}
	#pg-overmij #content1 .imgbox {
		width: 155px;
		text-align: right;
	}
	#pg-overmij #content1 .textbox {
		margin-left: 180px;
	}
	.entry {
		clear: both;
		margin-top: 18px;
	}
	.label {
		float: left;
		margin: 0;
		width: 155px;
		font-size: 11px;
		color: #888;
		text-align: right;
		/*background: #ccc;*/
	}
	.entrydata {
		margin-left: 180px;
	}
	.entrydata ul {
		margin: -6px 0 12px 15px;
		list-style-type: square;
		/*list-style-position: inside;*/
		list-style-position: outside;
	}
	.locality {
		font-weight: normal;
	}
	
	.vcard .entry {
		margin: 0;
	}
	.vcard .entrydata {
		/*font-size: 1.2em;*/
	}
	
	#skills table {
		margin-left: 180px;
		/*background: #ccc;*/
	}
	#skills tr {
		background: transparent;
	}
	#skills td,
	#skills th {
		border: none;
		padding: 0 10px 0 0;
	}
/*---- Einde layout overmij ----*/

/*---- Start blog ----*/
	.post-edit-link {
		display: none;
	}
	.minipost {
		clear: both;
		border-top: 1px solid #e5e5e5;
	}
	.minipost.first-mp {
		border-top: none;
	}
	.minipost .postdate {
		margin-top: 0;
	}
	.minipost h3 {
		margin-top: 12px;
	}
	.minipost .feeds {
	}
	
	.wp-caption-text {
		/* captions bij imgs moet zelfde zijn als .imgbox p */
		margin: 0;
		font-style: italic;
		text-align: right;
		color: #666;
	}
	
	.navigation {
		/*text-align: center;*/
		/*font-size: 1.2em;*/
	}
	.weak {
		color: #888;
		font-weight: normal;
	}
	.navigation .prev {
		/*float: left;*/
	}
	.navigation .next {
		/*float: right;*/
	}
	
	a.hasBigImage {
		/* voor thickbox; */
	}
	
	.blog #content2 h3 {
		margin-top: 9px;
		border-top: 1px solid #e5e5e5;
		padding-top: 9px;
	}
	.blog #content2 h3.first-h3 {
		/*margin-top: 18px;*/
		margin-top: 6px;
		padding-top: 0;
		border-top: none;
	}
	.blog #content2 .minipost h3 {
		border-top: none;
		padding-top: 0;
	}
	/* Start sharing options */
		.share {
		}
		.tweet-this-nl,
		.tweet-this-en {
			float: left;
			overflow: hidden;
			margin: 0 10px 18px 0;
			/*margin-bottom: 18px;*/
		}
		.tweet-this-nl a {
			display: block;
			width: 150px;
			height: 36px;
			background: transparent url(images/icons.gif) 0 -240px no-repeat;
		}
		.tweet-this-nl a:hover {
			background: transparent url(images/icons.gif) 0 -300px no-repeat;
		}
		.tweet-this-en a {
			display: block;
			width: 145px;
			height: 36px;
			background: transparent url(images/icons.gif) 0 -120px no-repeat;
		}
		.tweet-this-en a:hover {
			background: transparent url(images/icons.gif) 0 -180px no-repeat;
		}
		.tweet-this-nl a span,
		.tweet-this-en a span {
			margin-left: -200px;
		}
		.facebook-like {
			float: left;
			margin-top: 6px;
			width: 400px;
		}
	/* Start sharing options */
	
	/*-- Start sidebar --*/
		.blog #content2 .rss h3,
		.blog #content2 .delicious h3 {
			padding-left: 24px;
			background: transparent url(images/icons.gif) 0 9px no-repeat;
		}
		.blog #content2 .rss h3.first-h3 {
			background-position: 0 0;
		}
		.blog #content2 .delicious h3 {
			padding-left: 24px;
			background: transparent url(images/icons.gif) 0 -71px no-repeat;
		}
		/* start twitter */
			.blog #content2 .twitter {
				position: relative;
			}
			.blog #content2 .twitter h3 a,
			.blog #content2 .twitter h3 a:hover,
			.blog #content2 .twitter h3 a img,
			.blog #content2 .twitter h3 a:hover img {
				border: none;
				background: none;
			}
			#tweetsholder {
				display: none;
				position: absolute;
				left: -330px;
				top: -28px;
				padding: 0 8px 0 0;
				background: url(images/bg_balloon_edge.gif) right top no-repeat;
			}
			#twitter_update_list {
				border: 1px solid #90a4c1;
				border-right: none;
				padding: 10px;
				width: 300px;
				background: #e9edf3;
				color: #333;
			}
			#twitter_update_list li {
				margin-bottom: 5px;
				border-bottom: 1px solid #ced7e4;
				padding: 0 0 5px;
				background: none;
			}
			#twitter_update_list li:last-child {
				border-bottom: none;
				padding-bottom: 0;
			}
			#twitter_update_list a {
				/* tijden */
				display: block;
				color: #999;
			}
			#twitter_update_list a:hover {
				background-color: #f4fbff;
			}
			#twitter_update_list span a {
				/* usernames */
				display: inline;
				color: #315487;
			}
		/* start twitter */
		
		/* Start best related posts */
			div#bestrelatedposts div {
				/* hide the div that says "Grab this widget" */
				display: none;
			}
		/* Einde best related posts */
		
		.categories,
		.archive {
			float: left;
			width: 110px;
		}
		.categories {
			margin-right: 25px;
		}
		.delicious {
			clear: both;
			padding-top: 1px;/* voorkomt margin collapsing */
		}
		#content2 #searchform input[type="text"] {
			width: 160px;
		}
		#searchform input.primary {
			margin-left: 0;
			/*width: 100px;*/
		}
	/*-- Einde sidebar --*/
	
	/*---- Start layout bloghome ----*/
		#pg-bloghome #content1 {
			/* content1 loopt van stramien tot stramien; op homepage over 7 stramienen */
			width: 630px;
		}
		
		#pg-home .minipost h3 {
			display: inline;
		}
		#pg-home .minipost .postdate {
			display: inline;
			margin-top: 12px;
			margin-left: 6px;
			font-weight: normal;
		}
		
		#pg-bloghome #content2,
		#pg-blogdetail #content2 {
			/* content2 loopt van stramien tot stramien */
			clear: none;
			float: left;
			margin-left: 0;
			/*width: 180px;*/ /* 9-cols */
			width: 270px;
		}
		#pg-bloghome #content2 .section,
		#pg-blogdetail #content2 .section {
		}
		
		#pg-bloghome .imgbox {
			/*gedefinieerd bij #pg-home .imgbox*/
		}
		#pg-bloghome .imgbox img {
			width: 153px;
		}
		#pg-bloghome #content1 .textbox {
			margin-left: 180px;
		}
		#pg-bloghome #content2 .textbox {
			margin-left: 90px;
		}
		
		/* Start sidebar pg-bloghome */

			
		/* Einde sidebar pg-bloghome */
	/*---- End layout home ----*/
	
	/*---- Start layout blogdetail ----*/
		#pg-blogdetail #content1 {
			margin: 0 0 0 20px;
			width: 630px;
			/*
			margin-left: 110px;
			width: 540px;
			*/
		}
		#pg-blogdetail #content2 {
			width: 270px;
		}
		#pg-blogdetail .imgbox {
			float: none;
			margin: 4px auto;
			padding: 0;/* op blogdetail zit imgbox in textbox, en die heeft al padding van 5px */
			width: auto;
			/*text-align: center;*/
			text-align: left;
		}
		#pg-blogdetail .imgbox p {
			text-align: left;
		}
		/*-- Start comments --*/
			ol.commentlist {
				margin-bottom: 10px;
				border-bottom: 1px dotted #444;
			}
			.comment,
			.pingback {
				border-top: 1px dotted #ccc;
				padding: 16px 0 0;
			}
			#comment-2 {
				/* eerste comment heeft altijd id comment-2, dus te gebruiken als vervanging voor class first */
				border-top: none;
				padding-top: 0;
			}
			.comment .textbox {
				margin-left: 44px;
			}
			.comment .notice {
				/* voor wacht-op-moderatie-melding */
				margin-right: 10px;
				margin-left: 10px;
			}
			img.avatar {
				float: left;
				margin-left: -44px;
				border: 1px solid #ccc;
			}
			.commentlist .metainfo {
				margin-top: -6px;
				padding: 0 5px;
				background: none;
				font-size: 11px;/* tov font-size van ol(1.2em, dus 11px)*/
			}
			.commentlist .metainfo .comment-author,
			.commentlist .metainfo .commentmetadata {
				display: inline;
			}
		/*-- Einde comments --*/
		
		/*-- Start reactie formulier --*/
		#respond textarea {
			/*width: 513px;*/
		}
		/*-- Start reactie formulier --*/
	/*---- End layout blogdetail ----*/
	
	
	/*-- Start post --*/
		.postdate {
			margin-top: -6px;
			font-size: 11px;
			color: #999;
		}
		.postdate span {
			color: #666;
		}
		.metainfo div.category {
			display: inline;
		}
		.metainfo div.comments {
			/* NB: deze weer samenvoegen met .metainfo div.editpost a als we categorieen gaan tonen */
			display: inline;
		}
		/*.metainfo div.comments,*/
		.metainfo div.editpost a {/* voor editpost willen we niet de div een border geven, maar de a omdat de div altijd getoond wordt, ook als er geen content is.*/
			display: inline;
			margin-left: 10px;
			padding-left: 10px;
			border-left: 1px solid #888;
		}
		.metainfo div.editpost {
			display: inline;
		}
		
		.hiddeninfo {
			display: none;
		}
	/*-- Einde post --*/
	
	img#wpstats {
		display:none;/* hide smiley generated by wpstats; als deze niet wordt verborgen wordt in IE7 header te hoog */
	}

	
/*---- Einde blog ----*/





/*---- Start Thickbox ----*/
	*{padding: 0; margin: 0;}
	
	#TB_secondLine {
		float:left;
		padding:7px 30px 10px 25px;
		color:#666666;
	}
	
	#TB_window a:link {color: #666;}
	#TB_window a:visited {color: #666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666;}
	#TB_window a:focus{color: #666;}
	
	#TB_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
	}
	
	.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
	.TB_overlayBG {
		background-color:#000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	
	* html #TB_overlay { /* ie6 hack */
		 position: absolute;
		 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
	#TB_window {
		/* linkerbovenhoek komt in midden van scherm; op plaats zetten met margin-left en margin-top */
		display:none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 102;
		padding: 0 5px;
		background: #ffffff;
		color:#000000;
		border: none;
		text-align:left;
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;
		/*margin-top: 70px;*/
		margin-top: 25px;/* nb: margins staan ook in thickbox.js, bijv tbwMinMarginTop */
	}
	
	* html #TB_window { /* ie6 hack */
		position: absolute;
		/*margin-top: 70px;*/
		margin-top: 25px;
	}
	
	#TB_window img#TB_Image {
		display:block;
		margin: 0;
		border: none;
	}
	
	#TB_closeWindow{
		/*height:25px;*/
		padding:11px 25px 10px 0;
		float:right;
	}
	
	#TB_closeAjaxWindow{
		padding:7px 10px 5px 0;
		margin-bottom:1px;
		text-align:right;
		float:right;
	}
	
	#TB_ajaxWindowTitle{
		float:left;
		padding:7px 0 5px 10px;
		margin-bottom:1px;
	}
	
	#TB_title{
		background-color:#e8e8e8;
		height:27px;
	}
	
	#TB_ajaxContent{
		clear:both;
		padding:2px 15px 15px 15px;
		overflow:auto;
		text-align:left;
		line-height:14px;
	}
	
	#TB_ajaxContent.TB_modal{
		padding:15px;
	}
	
	#TB_ajaxContent p{
		padding:5px 0px 5px 0px;
	}
	
	#TB_load{
		position: fixed;
		display:none;
		height:13px;
		width:208px;
		z-index:103;
		top: 50%;
		left: 50%;
		margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}
	
	* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	
	#TB_HideSelect{
		z-index:99;
		position:fixed;
		top: 0;
		left: 0;
		background-color:#fff;
		border:none;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		height:100%;
		width:100%;
	}
	
	* html #TB_HideSelect { /* ie6 hack */
		 position: absolute;
		 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
	#TB_iframeContent{
		clear:both;
		border:none;
		margin-bottom:-1px;
		margin-top:1px;
		_margin-bottom:1px;
	}
	
	/* toegevoegd JB */
	#TB_window h2 {
		margin: 6px 0;
		text-align: center;
		/*font-size: 1.2em;*/
	}
	#TB_closeIcon {
		float: right;
		margin: -19px 5px;
		cursor: pointer;
	}
	#TB_imgHolder {
		overflow: hidden;
		/*overflow: auto;*/
		/*margin: 15px;*/
		border: 1px solid #666;
	}
	
	#TB_ImageOff {
		/*cursor: url(images/cursor_zoom_out.cur), pointer;*/
		cursor: url(/css/images/cursor_zoom_out.cur), pointer;
	}
/*---- Einde Thickbox ----*/