* { margin: 0; padding: 0; border: 0; text-decoration: none; list-style-type: none; }

a { outline: 0; color: #933b1a; }
a:hover { color: #4b78a8; }

html, body { height: 100%; font: 12px/16px Verdana, sans-serif; color: #443c33; background: #d2d2c7 url(images/pattern.jpg) repeat; overflow-y: scroll; }

#container { width: 950px; min-height: 100%; height: auto !important; height: 100%; background-color: white; box-shadow: 0px 0px 30px #a6a496;
	-webkit-box-shadow: 0px 0px 30px #a6a496; -moz-box-shadow: 0px 0px 30px #a6a496; -o-box-shadow: 0px 0px 30px #a6a496; position: relative; margin: 0 auto; background-image: url(images/FauxColumn.jpg); }

#main { width: 950px; overflow: hidden; padding-bottom: 25px; clear: both; }

header { width: 950px; float: left; margin-bottom: 0; }

#logo { float: left; }

#taalkeuze { height: 25px; width: 687px; background-color: white; float: left; }
	#taalkeuze ul { margin: 0 5px 0 0; }
		#taalkeuze ul li { float: right; margin: 4px 5px 0 0; font: 12px Verdana, sans-serif; }
			#taalkeuze ul li a { color: #a39d96; }
			#taalkeuze ul li a:hover { color: #4b78a8; }

#titelband { width: 687px; height: 100px; background-color: #efefe3; float: left; }
	#titelband h1 { text-indent: -9999px; background: url(images/SconeJhanType.jpg) no-repeat; width: 329px; height: 75px; float: left; margin: 15px 20px 0 25px; }
	#titelband p { font: 16px Verdana, sans-serif; color: #a39d96; margin-top: 40px; }

#beeldband { width: 687px; height: 175px; background-color: #d2d2c7; float: left; }

#artikel { width: 640px; float: left; margin-top: 20px; position: relative;	left: 25px; }
	#artikel h2 { margin: 0 0 10px; font-size: 16px; }
	#artikel h3 { margin: 30px 0 10px; font-size: 16px; clear: both; }
	#artikel h4 { font-weight: bold; margin-left: 0; margin-bottom: 2px; margin-right: 0; margin-top: 30px; font-size: 13px; }
	#artikel p { margin: 0 0 10px; }
	#artikel .quote { font-style: italic; }
	#artikel .referenties { line-height: normal; font-size: 11px; }
	#artikel ul { margin-bottom: 10px; }
	#artikel ul li	{ margin-left: 1.2em; padding-left: 0px; }
	ul.blokjes li { list-style-type: square; }
	.nextsubartikel { position: relative; top: 2em; margin: 4em 0; }

.indent2 { padding-left: 1.6em; text-indent: -1.6em; }
.indent3 { padding-left: 2.3em; text-indent: -2.3em; }

.col { text-align: left; left: 550px; position: absolute; }
.kolomLinks { width: 310px;	float: left; position: relative; margin-right: 20px; }
.kolomRechts { width: 310px; float: left; position: relative; }
.clear { clear: both; width: 100%; }

.tabel { width: 100%;border: 0 none; border-spacing: 0; border-collapse: collapse; margin-bottom: 20px; }
.tabel .header { width: 250px; }
.tabel .values { width: 50px; }
.tabel .tekst { width: 100%; }

.toggleBttn { background: none; border: none; cursor: pointer; font-size: 1.2em; font: 12px/16px Verdana, sans-serif; color: #933b1a; }
.toggleBttn .toggleIcon:after { content: "▶"; }
.toggleBttn.open .toggleIcon:after { content: "▼"; }
.toggleContent { display: none; }

#uitnodiging { text-align: center; padding: 20px; width: 580px; float: left; margin-top: 20px; position: relative; left: 25px; background: #fffebb url('images/bannerpattern.jpg'); margin-bottom: 20px; border: 10px double #f5ed8b; }
	#uitnodiging h2 { font: 16px/24px Arial; text-transform: uppercase; letter-spacing: 10px; margin-bottom: 20px; }
	.logo25j { width: 200px; margin-bottom: 20px; }
	#uitnodiging h3 { font: bold 36px/24px Arial; }
	#uitnodiging .datum { font: bold 24px/33px Arial; text-transform: uppercase; margin: 10px 0 20px 0; }
	#uitnodiging .adres { display: block; width: 400px; position: relative; left: 80px; background-color: #fffedd; font-size: 16px; line-height: 17px; padding: 10px; margin: 0 0 40px 0; }
	#uitnodiging .omschrijving { font-size: 16px; line-height: 17px; margin: 0 0 20px 0; }
	#uitnodiging .menu { background-color: #fffedd; padding: 10px; width: 400px; position: relative; left: 80px; margin: 0 0 20px 0; }
	#uitnodiging .praktisch { font-size: 12px; line-height: 17px; margin: 0 0 40px 0; }

.bullit { padding: 0; margin: 0; }
	.bullit li { list-style-type: disc; list-style-position: outside; margin-left: 17px; }

#zijbalk { width: 263px; float: left; overflow: hidden; }
	#zijbalk ul { margin: 10px 0; }
		.hoofdmenu { background-color: #d4d1c5; height: 30px; display: block; margin-bottom: 3px; margin-top: 0; padding: 5px 0 0 20px; font: 14px/24px "Trebuchet MS", sans-serif; }
		.submenu { background-color: #d4d1c5; height: 20px; display: block; margin-bottom: 3px; margin-top: 0; font: 12px/24px "Trebuchet MS", sans-serif; padding: 0 0 3px 40px; }
		#activemenu { background: #b8b5ab url(images/driehoek_right.jpg) no-repeat 241px center; }
		#activetopmenu { background: #b8b5ab url(images/driehoek_down.jpg) no-repeat 241px center; }
		#zijbalk ul li a { color: #443c33; display: block; }
		#zijbalk ul li a:hover { color: white; }

#banner { width: 238px; display: block; left: 12px; top: 20px; margin-bottom: 30px; position: relative; background-color: #f6dd81}
	#banner h3 { padding: 10px; text-align: center; }
	#banner p { padding: 10px; }

.beeldkader { width: 640px; float: left; background-color: #efefe3; margin-bottom: 30px; margin-top: 10px; clear: both; }
	.beeldkader img { float: left; }
	.beeldkader p { position: relative; float: left; font-size: 10px; width: 190px; padding-top: 10px; line-height: 13px; left: 14px; padding-right: 10px; }
	.beeldkader p.bijschrijft_1 { width: 282px;	}
	.beeldkader p.bijschrijft_2 { width: 282px;	left: 30px;	}
	.beeldkader p.bijschrijft_c { text-align: center; }
	.beeldkader p.bijschrijft_c2 { width: 200px; padding-right: 10px; text-align: center; }
.beeldkadervolgend { width: 640px; float: left; background-color: #efefe3; margin-bottom: 30px; }

#footer { width: 950px; height: 20px; background-color: #efefe3; font-size: 10px; clear: both; bottom: 0; position: absolute; }
	#footer #copyright { float: left; margin: 1px 0 1px 7px; position: relative; }
	#footer #totop { float: right; margin: 1px 10px 1px 0; }

.noscript { color: red; }