﻿/******************************************************************************
*   MINSZW.NL
*
*   Stylesheet voor scherm en projectie (css/scherm.css)
*
*   v1.0
*	26-08-2009
*	Sebastiaan Naafs - van Dijk (http://onlinebase.nl/)
*
*	Voor deze Rijkslogo versie van het MINSZW.NL stylesheet is gretig
*	geleend van de CSS van http://minfin.nl/ aangezien zij ook hun
*	vorige HTML-structuur hoofdzakelijk overeind hebben gehouden en
*	er een Rijkslogo-schil overheen hebben gelegd.
*
*	Wel zijn er een flink aantal aanpassingen gedaan en tal van toevoegingen
*	om het CSS-schil "passend" te maken voor MinSZW. Hierdoor is dit CSS ook
*	weer redelijk uniek geworden, maar wel des 1 Logo's.
*
******************************************************************************/
/*  Met een schone lei beginnen, * selector
	slokt te veel resources op, dus alle te
	"resetten" HTML-tags benoemen
-------------------------------------------- */
	body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, img,
	table, tr, th, td,
	form, fieldset, legend, button,
	div, object { margin:0; padding:0; border:0; list-style:none; font:normal 100% verdana,helvetica,arial,sans-serif; text-align:left; vertical-align:top; }
	input, select, textarea, button { font:normal 100% verdana,helvetica,arial,sans-serif; }
	table, td, th { border-collapse:collapse; }
/*  Basisdefinities
-------------------------------------------- */
	body { position:relative; border-top:1px solid #535353; padding-top:2.65em; font-size:11px; line-height:1.5; }
	h1 { margin:.4em 0 .2em; color:#47145c; font-family:Arial,Helvetica,sans-serif; font-size:195%; font-weight:normal; line-height:1.22; }
	.home h1 { position:absolute; top:-10000px; }
	h2 { color:#47145c; font-size:110%; font-weight:bold; margin:.9em 0 .4em; }
	.home h2 { font-family:Arial,Helvetica,sans-serif; font-size:135%; line-height:1.22; }
	#inhoudbox h2 { clear:left; }
	h2.meerinfo { color:#47145c; border-top:3px solid #cc003d; margin-top:1em; padding-top:1em; }
	h3, h4 { color:#47145c; font-size:100%; font-weight:bold; line-height:1.4; margin:.9em 0 .3em; }
	h4 { font-weight:normal; }
	.home h1, .home h3 { margin:0; }
	.home h2 { margin-bottom:0; padding-bottom:.4em; }
	p { margin:0 0 1.4em 0; line-height:1.4; }
	p.intro { font-weight:bold; line-height:1.4; }
	p.kenmerken { margin:0; color:#535353; }
	p.kenmerken.kenmerkenDatum { margin-bottom:1.0em; }
	span.kenmerken { padding-left:0; color:#47145c; }
	p.subtitel { color:#535353; position:relative; top:-1.2em; margin-bottom:0; }
	p.onderschrift { margin:.3em 0 1.9em; color:#535353; }
	p.voetnoot { color:#535353; margin-top:-.5em; }
	abbr, acronym { font-style:normal; border:none; }
	a { color:#154273; }
	a:visited { color:#696969; }
	a:hover { color:#0162cd; }
	a.extern { background:url(../img/rijks_sprite.png) no-repeat 100% .3em; padding-right:12px; }
	a.meerinfo { background:url(../img/rijks_sprite.png) no-repeat -2360px .6em; color:#154273; display:block; padding:.2em 0 .2em 12px; text-decoration:none; }
	a.meerinfo:hover { color:#0162cd; text-decoration:underline; }
/*  Algemene classes
-------------------------------------------- */
	.hidden { display:none; }
	.clear { clear:both; }
	strong { font-weight:bold; }
	em { font-style:italic; }
	.naarBoven { font-size:0.9em; float:right; padding-top:0; }
	.moerSleutel { float:right; }
	.moerSleutel img { padding-top:3px; }
	.floatLeft { float:left; }
	.floatRight { float:right; }
	.imgFloatLeft, .imgFloatRight { padding:3px 0 0 0; }
	.imgFloatRight { padding-left:5px; }
	.imgFloatLeft { padding-right:5px; }
	address { font-style:normal; }
/*	Hoofdindeling site
-------------------------------------------- */
	body { background-color:#f3f5f6; }
	#directnaar { position:absolute; top:-1000px; }
	#centerbox { margin:0 auto; position:relative; width:960px; }
	.schaalbox { max-width:960px; min-width:756px; position:relative; width:100%; }
	/*	Woordmerk
	-------------------------------------------- */
		#woordmerk { display:block; height:75px; left:458px; position:absolute; top:0; width:235px; z-index:100; }
		#woordmerk a, #woordmerk img { display:block; height:75px; text-decoration:none; width:235px; }
	/*	Inhoudbox met hoofdindeling in inhoud-,
		attentie- en navigatiekolom
	-------------------------------------------- */
		#inhoudbox { background:transparent url(../img/rijks_sprite.png) repeat-y -960px 0; margin:0; padding:0 0 70px 0; position:relative; width:960px; }
		#inhoudbox .schaalbox { padding:97px 10px 0 10px; }
		#inhoudbox .schaalbox:after { clear:both; content:" "; display:block; height:0; visibility:hidden; }
		#hoofdkolom { float:right; width:710px; }
		#navigatiekolom { float:left; margin-top:4.2em; padding-top:30px; position:relative; top:0; width:230px; }
		#inhoudkolom { border-left:none; float:left; margin-top:4.2em; padding:12px 0 25px 0; width:440px; }
		.home #inhoudkolom { border-left:20px solid #fff ! important; }
		#inhoudkolom h1 { margin-bottom:.8em; }
		#inhoudkolom div { position:relative; }
	/*	Sitemap, uitgebreid zoeken, zoekresultaat,
		verlofwijzer maken gebruik van 2/3 van de
		sitebreedte (inclusief schaalbeeldruimte)
	-------------------------------------------- */
		#inhoudbox.breed #inhoudkolom, #inhoudbox.extrabreed #inhoudkolom { width:94%; }
		#inhoudbox.halfbreed #inhoudkolom { width:65%; }
		#inhoudbox.extrabreed #hoofdkolom { padding-left:10px ! important; width:97%; }
		#inhoudbox.extrabreed #navigatiekolom, #inhoudbox.extrabreed #attentiekolom,
		#inhoudbox.breed #attentiekolom, #inhoudbox.halfbreed #attentiekolom { display:none; }
		#inhoudkolom div div { border-left:0; padding-right:0; }
		#attentiekolom { float:right; margin:4.2em 0 0 0; padding:30px 0 0 20px; position:relative; right:60px; width:190px; }
		.home #attentiekolom { right:40px; }
		#inhoudbox.breed #attentiekolom { display:none; }
/*	Homepage:Collages boven Actueel
-------------------------------------------- */
	#inhoudbox #actueelBalk { clear:both; height:84px; width:430px; }
/*	Homepage:Afwijkende layout
-------------------------------------------- */
	.home #hoofdkolom { float:none; width:auto; }
	.home #inhoudkolom { background-color:#fff; margin-left:0; padding-top:28px; width:440px; }
	.home #inhoudkolom div { padding:0; }
	.home #attentiekolom { background-color:#fff; float:right; margin-left:20px; padding-top:38px; width:205px; }
	.home #attentiekolom div { padding-right:0; }
	.home #attentiekolom div div { padding-left:0; }
/*	Homepage:Bewindspersoon
-------------------------------------------- */
	.home #attentiekolom .bewindspersoon { height:190px; }
	.home #attentiekolom .bewindspersoon ul { border-top:none; margin-top:0; }
	.home #attentiekolom .bewindspersoon li { position:relative; }
	.home #attentiekolom .bewindspersoon li.portret, .home #attentiekolom .bewindspersoon li.portretgroot {
		border-bottom:none !important;
		margin-bottom:1.9em;
		padding-bottom:0;
	}
	.home #attentiekolom .bewindspersoon li:after { clear:both; content:" "; display:block; height:0; visibility:hidden; }
	.home #attentiekolom .bewindspersoon h3 { padding-top:1em; }
	.home #attentiekolom .bewindspersoon strong { display:block; float:right; width:70px; }
	.home #attentiekolom .bewindspersoon img { display:block; margin:0; width:100%; }
	.home #attentiekolom .bewindspersoon div { bottom:.2em; position:absolute; width:140px; }
/*	Homepage:Navigatie onderwerpen
-------------------------------------------- */
	.home #navigatiekolom { border-right:20px solid #fff; float:right; padding:0; position:relative; right:5px; width:210px; }
	.home #navigatiekolom div { margin:0; padding:0 0 1.9em 0; }
	.home #navigatiekolom div.onderwerpen {
		background-color:#cc003d;
		border-top:10px solid #cc003d;
		margin:0 0 0 -10px;
		padding:28px 10px 10px;
		position:relative;
		top:-10px;
		z-index:200;
	}
	.home #navigatiekolom div.onderwerpen h2 { color:#fff; }
	.home #navigatiekolom div.onderwerpen ul { margin:0; }
	.home #navigatiekolom div.onderwerpen li a, .home #navigatiekolom div.onderwerpen li a:visited { background-position:-8080px .6em; color:#fff; }
/*	Kop en voet
-------------------------------------------- */
	#kop {
		background:transparent url(../img/rijks_sprite.png) no-repeat 0 0;
		height:10px;
		left:0;
		position:absolute;
		top:-10px;
		width:960px;
	}
	#voet {
		background:transparent url(../img/rijks_sprite.png) no-repeat 0 -15px;
		clear:both;
		height:50px;
		width:960px;
	}
/*	Navigatie gedeeld
-------------------------------------------- */
	#navigatie { left:10px; position:absolute; top:0; width:940px; z-index:100; }
	#navigatie .schaalbox {}
	#navigatie .schaalbox:after { clear:both; content:" "; display:block; height:0; visibility:hidden; }
	#navigatie h2, #navigatie h2 span, #subnavigatie h2 { margin:0; position:absolute; top:-10000px; }
	#navigatie #rssfeed { left:.5em; position:absolute; }
	#navigatie a.rss { background:url(../img/icon_rss.gif) no-repeat .4em .7em; padding-left:17px; }
/*	Hoofdmenu en servicemenu
-------------------------------------------- */
	#hoofdmenu {
		background:#cc003d;
		display:block;
		padding-top:2.4em;
		padding-left:20px;
		padding-right:20px;
		border-bottom:10px solid #f2b2c5;
		position:absolute;
		top:87px;
		width:900px;
		z-index:50;
	}
	#servicemenu { float:right; margin-top:-2.5em; padding:0 .3em; }
	#hoofdmenu li, #servicemenu li { display:block; float:left; }
	#hoofdmenu a {
		color:#fff;
		float:left;
		font-family:arial,helvetica,sans-serif;
		font-size:110%;
		font-weight:bold;
		height:1.5em;
		padding:.3em 10px .1em 10px;
		text-decoration:none;
	}
	#servicemenu a { color:#535353; float:left; padding:.5em .6em .6em .6em; text-decoration:none; }
	#servicemenu a:visited { color:#535353; text-decoration:none; }
	#servicemenu a:hover, #servicemenu a:visited:hover { color:#696969; text-decoration:underline; }
	ul#hoofdmenu a:hover, ul#hoofdmenu .actief a, ul#hoofdmenu .actief a:hover { background-color:#f2b2c5; color:#000; }
/*	Zoeken
-------------------------------------------- */
	#zoeken { left:720px; position:absolute; top:87px; width:230px; z-index:110; }
	#zoeken a { text-decoration:none; }
/*	Zoekmenu
-------------------------------------------- */
	#zoekmenu { margin-right:-2.4em; padding-top:2.4em; }
	#zoekmenu li { display:block; float:left; padding:0 2.4em 0 0; }
	.en #zoekmenu { margin-right:-2.7em; }
	.en #zoekmenu li { padding:0 2.7em 0 0; }
	#zoekmenu a, #zoekmenu a:visited { color:#fff; float:left; padding:.3em 0 .4em 0; }
	#zoekmenu a:hover { text-decoration:underline; }
/*	Zoekformulier
-------------------------------------------- */
	#zoekform { left:0; margin:0; padding:0; position:absolute; top:9px; width:176px; }
	#zoekform h2 { position:absolute; top:-10000px; }
	#zoekform p { background:#fff; border:1px solid #000; height:1.5em; margin:0; padding:0; width:174px; }
	#zoekform #zoek-trefwoord { background:transparent; float:left; border:0; font-size:100%; vertical-align:top; width:124px; }
	#zoekform #zoek-submit {
		background:transparent;
		border-left:1px solid #000;
		color:#000;
		float:left;
		font-size:100%;
		font-weight:bold;
		height:100%;
		line-height:1;
		margin:0;
		padding:0;
		text-align:center;
		text-transform:lowercase;
		width:47px;
	}
/*	Formulieren - met labels boven de velden
-------------------------------------------- */
	.formulier { margin-top:.9em; padding:.4em 0; border-top:3px solid #cc003d; border-bottom:3px solid #cc003d; width:100%; }
	.formulier input, .formulier select, .formulier textarea { border:1px solid #767676; }
	.formulier fieldset { border:none; padding:0; margin:0 0 .4em 0; }
	.formulier fieldset:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
	.formulier h2 { margin-bottom:.9em; }
	.formulier fieldset legend { display:none; }
	.formulier label { display:block; margin:1em 0 .5em 0; color:#000; font-weight:bold; }
	.formulier p { margin:0 0 .8em; }
	.formulier select { margin-right:.2em; }
	.formulier textarea#vraag { margin:0 0 .8em; }
	.formulier textarea#opmerkingen { margin-right:5em; }/* fix voor Opera ivm plaatsing submit-button */
	span.label { display:block; margin:.8em 0 .2em; color:#000; }
	.formulier .breed { width:27em; }
	.formulier select.breed { width:27.15em; }
	.formulier .privacy { margin-top:.8em; margin-bottom:0; }
	.formulier .periode { margin-bottom:0; }
	.formulier select.datum { width:8em; }
	.formulier .radiofield input { float:none; display:inline; width:auto; }
	.formulier .radiofield label {
		display:inline;
		margin:0 1.5em 0 0;
		position:relative;
		top:-0.2em;
		color:#000;
		cursor:pointer;
	}
	.formulier button { float:right; margin:1.8em 0 1.2em; }
	.formulier input#periode-van, .formulier input#periode-tot { border:1px solid #767676; padding:1px; width:23.4%; }	
	button {
		display:block;
		margin:0;
		border:0;
		padding:.1em 3em .2em;
		background:#cc003d;
		color:#fff;
		font-weight:bold;
		cursor:pointer;
	}
/*	Formulieren - opmaak classes
-------------------------------------------- */
	form.kort button { display:inline; padding:0 .5em .1em .5em; }
	form.kort .veld { margin-left:.3em; border:1px solid #767676; width:18em; }
	.geboortelandInformatie { color:#000 !important; margin-top:1.0em; padding:0.7em; width:26.4em; }
	.verplicht { display:block; margin-bottom:.7em; width:100%; color:#4e8c96; text-align:right; }
	.label { color:#000; }
	.fout, .geenResultaat { color:#f00 !important; border-color:#f00 !important; }
	p.fout { margin-top:1.1em; margin-bottom:-.4em; font-weight:bold; font-size:90% }
	.geenResultaat { font-weight:bold; }
/*	Formulieren - uitgebreid zoeken
	(fieldset in een fieldset, bijv. bij
	groepen radiobuttons)
-------------------------------------------- */
	.formulier fieldset fieldset { margin-top:1.35em; margin-bottom:-.4em; }
	.formulier fieldset fieldset legend { display:block; font-weight:bold; padding-bottom:.5em; }
	.formulier fieldset fieldset label { font-weight:normal; display:inline; margin-left:.5em; }
	.formulier fieldset fieldset ul { margin-bottom:0.4em !important; margin-left:0 !important; float:left; width:100%; display:inline; }
	.formulier fieldset fieldset li {
		padding:.1em 0 .1em 0 !important;
		margin:0 0 0 2em !important;
		background:none !important;
		float:left;
		width:38%;
	}
	.formulier fieldset fieldset li label { position:relative; top:-.3em; }
	.formulier fieldset fieldset li.alle { margin-left:0 !important; width:100%; }
	.formulier #resultcount { text-align:right; }
	/* SEBASTIAAN NAAFS - VAN DIJK aanpassing begin
		in zoekscherm uitgebreid moet bij periode
		beperkt twee invoervelden getoond worden
		door middel van Javascript
	*************************************************/
		.formulier .periode { margin-bottom:38px; width:100%; }
		.formulier #field3 { float:left; width:25%; }
		.formulier #periodeUitgebreid { float:right; width:70%; }
	/* SEBASTIAAN NAAFS - VAN DIJK aanpassing einde
	*************************************************/
	.formulier #aantreg, .formulier #sortering { margin-left:.15em; }
	.formulier #aantreg { text-align:right; }
	.check { border:none !important; }
/*	Formulieren - labels naast de velden
-------------------------------------------- */
	.formulier.alt fieldset fieldset legend span { float:left; width:27%; display:block; padding-top:1em; }
	.formulier.alt fieldset fieldset ul label { float:none; font-weight:normal; display:inline; margin-left:.5em !important; }
	.formulier.alt fieldset fieldset li { margin:.35em 0 !important; }
	.formulier.alt fieldset fieldset ul { width:73%; margin-left:27% !important; margin-top:0 !important; padding-top:0.5em !important; }
	.formulier.alt label { float:left; margin:1em 0 0 0; font-weight:bold; width:27%; clear:left; padding-top:0.5em !important; }
	.formulier.alt select, .formulier.alt input { margin:1em .15em .35em .15em; }
	.formulier.alt fieldset fieldset { margin:1em 0; padding-top:0 !important; }
	.formulier.alt fieldset fieldset input { float:none; margin:0 !important; }
	#zoeken button { display:block; margin:0; border:0; padding:.1em 3em .2em; background:#000; color:#fff; cursor:pointer; }
/*	Formulieren:Tussenschermen
-------------------------------------------- */
	#formsummary { border:none; }
	#formsummary td, #formsummary th { vertical-align:top; border:none; }
	#formsummary .fieldname { font-weight:bold; padding-right:20px; }
	#formbuttons { width:100%; }
	#formbuttons form, #formbuttons input, #formbuttons button { clear:none !important; display:inline !important; margin-right:5px !important; }
	#formbuttons input { display:none !important; }
/*  Subnavigatie op contentpagina's
-------------------------------------------- */
	#inhoudbox #navigatiekolom #subnavigatie { padding:0; }
	#inhoudbox #navigatiekolom #subnavigatie ul { margin:0; padding:0; list-style:none; }
	#inhoudbox #navigatiekolom #subnavigatie li { margin:0; padding:0; border:none; background:#fff; }
	#inhoudbox #navigatiekolom #subnavigatie li.open { background-color:#f9d9e2 ! important; }
	#inhoudbox #navigatiekolom #subnavigatie li strong, #inhoudbox #navigatiekolom #subnavigatie li a:hover { background-color:#f2b2c5 ! important; }
	#inhoudbox #navigatiekolom #subnavigatie .noContent { margin:0 0 0 32px; }
	/* WORDT OP DIT MOMENT NIET TOEGEPAST
	#inhoudbox #navigatiekolom #subnavigatie li.first a { background:#f9d9e2 url(../img/rijks_sprite.png) no-repeat -3220px .6em; }
	#inhoudbox #navigatiekolom #subnavigatie li.first strong { background:#f2b2c5 url(../img/rijks_sprite.png) no-repeat -3220px .6em; } */
	#inhoudbox #navigatiekolom #subnavigatie li.open li.actief a strong, #inhoudbox #navigatiekolom #subnavigatie li.open li.actief strong a { background-image:none; padding:0; width:auto; }
	#inhoudbox #navigatiekolom #subnavigatie li.open li, #inhoudbox #navigatiekolom #subnavigatie li.actief li { background-color:#fff; }
	/* Diepere niveau's in subnavigatie
	-------------------------------------------- */
	#inhoudbox #navigatiekolom #subnavigatie li a,
	#inhoudbox #navigatiekolom #subnavigatie li strong {
		background:url(../img/rijks_sprite.png) no-repeat -2340px .6em;
		color:#000;
		display:block;
		font-weight:normal;
		padding:.2em 10px .3em 32px;
		text-decoration:none;
		width:188px;
	}
	#inhoudbox #navigatiekolom #subnavigatie li.open li a,
	#inhoudbox #navigatiekolom #subnavigatie li.actief li a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.actief strong {
		background:url(../img/rijks_sprite.png) no-repeat -2328px .6em;
		font-weight:normal;
		padding:.2em 10px .3em 44px;
		width:176px;
	}
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.actief li a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.actief strong {
		background:url(../img/rijks_sprite.png) no-repeat -2316px .6em;
		padding:.2em 10px .3em 56px;
		width:164px;
	}
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.actief li a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.actief strong {
		background:url(../img/rijks_sprite.png) no-repeat -2304px .6em;
		padding:.2em 10px .3em 68px;
		width:152px;
	}
	/* open link, 5 nivos diep
	-------------------------------------------- */
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.open li a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.actief li a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li li.actief strong {
		background:url(../img/rijks_sprite.png) no-repeat -2292px .6em;
		padding:.2em 10px .3em 80px;
		width:140px;
	}
	#inhoudbox #navigatiekolom #subnavigatie li.open a,
	#inhoudbox #navigatiekolom #subnavigatie li.open strong { background-position:-3220px .6em; }
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open strong { background-position:-3208px .6em; }
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open strong { background-position:-3196px .6em; }
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.open a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.open strong  { background-position:-3184px .6em; }
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.open li.open a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.open li.open strong { background-position:-3172px .6em; }
	/* actief en open actief link, alle nivos
	-------------------------------------------- */
	#inhoudbox #navigatiekolom #subnavigatie li.actief a,
	#inhoudbox #navigatiekolom #subnavigatie li.actief strong,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.actief a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.actief strong,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.actief a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.actief strong,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.actief a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.actief strong,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.open li.actief a,
	#inhoudbox #navigatiekolom #subnavigatie li.open li.open li.open li.open li.actief strong { background-color:#f2b2c5; }
/* Linklijsten
	Vormgeving van verschillende linklijsten verdeeld over site.

	ul
		Basissituatie:grijze lijn + >
		Normale en mouseoverstates in CSS.
		Drie versies:
			.home ul       - homepage
			ul.linklijst   - contentpages
			.linklijst ul  - onderwerpen
	ul li.extern
		Extern linkje met grijze lijn + [>
		Normale en mouseoverstates in CSS.
	ul li.download
		Extern linkje met grijze lijn + V_
		Normale en mouseoverstates in CSS.
	ul li.anker
		Extern linkje met grijze lijn + V
		Normale en mouseoverstates in CSS.
	ul li.bloklink
		Speciaal, gehele lijstitem werkt als clickable area.
		Wel lijntje in CSS, geen icoontje in de hyperlink zelf.
	ul.js-aan li
	ul.js-aan li.over
		Item in JS enabled browser, waarin icoontje in list-item wordt gehangen
	ul.js-aan li.download
	ul.js-aan li.extern
	ul.js-aan li.anker
	+ hoverstates
		Items met bijzondere icoontjes.

	NB:javascript hangt gedrag aan lijsten op homepage en op lijsten met de class "linklijst" op vervolgpagina's

	Indien in een li een class 'bloklink' voorkomt, wordt een class 'js-aan' aan de ul gehangen

	Door CMS worden voor de items met een h2/h3/p in de li een class 'bloklink' aan deze li gehangen.
	De pijltjes hangen voor deze bloklink items op het [p] element (onder uitgelijnd).
	Beperking is dus:1 paragraaf in item.
-------------------------------------------- */
	#inhoudbox ul.linklijst, #inhoudbox .linklijst ul { display:block; margin-bottom:.6em; }
	.home #inhoudbox ul { display:block; margin-bottom:.6em; }
	#inhoudbox .linklijst li ul, .home #inhoudbox li ul { border-top:0; margin:0; }
	#inhoudbox .linklijst li, .home #inhoudbox li { background:none; display:block; margin:0 0 .3em; padding:0; }
	#inhoudbox .linklijst li ul li, .home #inhoudbox li ul li { margin:0; padding:0 0 0 1.1em; }
	#inhoudbox .linklijst a, .home #inhoudbox li a { color:#154273; display:block; padding:.2em 0 .2em 12px; text-decoration:none; }
	.home #inhoudbox li a { background:url(../img/rijks_sprite.png) no-repeat -2360px .6em; }
	#inhoudbox .linklijst a:hover, .home #inhoudbox li a:hover { text-decoration:underline ! important; }
	#inhoudbox .linklijst a:hover, .home #inhoudbox li a:hover { color:#154273; }
	#inhoudbox .linklijst a:visited, .home #inhoudbox li a:visited { color:#696969; }
	#inhoudbox .linklijst a.more, .home #inhoudbox li a.more { font-weight:bold; }
/* li.bloklink
-------------------------------------------- */
	#inhoudbox .linklijst .bloklink, .home #inhoudbox .bloklink { margin:0; padding:0 0 .65em 0; }
	#inhoudbox .linklijst li.bloklink a, #inhoudbox .linklijst li.bloklink a:hover,
	.home #inhoudbox li.bloklink a, .home #inhoudbox li.bloklink a:hover { background-image:none; border:0; color:#154273; display:inline; padding:0; }
	#inhoudbox .linklijst li.bloklink a:hover, .home #inhoudbox li.bloklink a:hover { color:#0162cd; }
	#inhoudbox .linklijst .bloklink h2 { font-size:100%; font-weight:bold; margin:0; padding:.3em 0 .2em 0; }
	#inhoudbox .linklijst .bloklink h3, #inhoudbox .linklijst .bloklink h4 { font-weight:bold; margin:0; padding:.3em 0 0 0; }
	#inhoudbox .linklijst .bloklink p, .home #inhoudbox .bloklink p { line-height:1.4; margin-top:0; margin-bottom:0; padding:.25em 0 .2em 0; }
	#inhoudbox .linklijst .bloklink p.kenmerken, .home #inhoudbox .bloklink p.kenmerken { padding:.2em 0; }
	#inhoudbox .linklijst .extern a, .home #inhoudbox .extern a, .home #inhoudbox .js-aan .extern a { background:url(../img/rijks_sprite.png) no-repeat -3680px .6em; }
	#inhoudbox .linklijst .extern a:visited, .home #inhoudbox .extern a:visited, .home #inhoudbox .js-aan .extern a:visited { background:url(../img/rijks_sprite.png) no-repeat -4120px .6em; }
/* ul.js-aan
-------------------------------------------- */
	.home #inhoudbox .js-aan .bloklink a, #inhoudbox .linklijst.js-aan .bloklink a { background-image:none; color:#154273; text-decoration:underline; }
	.home #inhoudbox .js-aan .bloklink a:visited, #inhoudbox .linklijst.js-aan .bloklink a:visited { color:#535353; }
	.home #inhoudbox .js-aan .bloklink a:hover, .home #inhoudbox .js-aan .bloklink a:visited:hover, #inhoudbox .linklijst.js-aan .bloklink a:hover, #inhoudbox .linklijst.js-aan .bloklink a:visited:hover { color:#0162cd; }
	.home #inhoudbox .js-aan .bloklink, #inhoudbox .linklijst.js-aan .bloklink { cursor:pointer; }
	.home #inhoudbox .js-aan .bloklink a:hover,
	.home #inhoudbox .js-aan li.over a, .home #inhoudbox .js-aan li.over a:visited,
	.home #inhoudbox .js-aan li.downloadOver a, .home #inhoudbox .js-aan li.downloadOver a:visited,
	.home #inhoudbox .js-aan li.ankerOver a, .home #inhoudbox .js-aan li.ankerOver a:visited,
	#inhoudbox .linklijst.js-aan .bloklink a:hover,
	#inhoudbox .linklijst.js-aan li.over a, #inhoudbox .linklijst.js-aan li.over a:visited,
	#inhoudbox .linklijst.js-aan li.downloadOver a, #inhoudbox .linklijst.js-aan li.downloadOver a:visited,
	#inhoudbox .linklijst.js-aan li.ankerOver a, #inhoudbox .linklijst.js-aan li.ankerOver a:visited { background-image:none; color:#0162cd; }
	.home #inhoudbox .js-aan li.over, .home #inhoudbox .js-aan li.externOver, .home #inhoudbox .js-aan li.downloadOver { background-color:#e4dce7; }
	.home #inhoudbox .js-aan li.over h4 a, .home #inhoudbox .js-aan li.externOver h4 a, .home #inhoudbox .js-aan li.downloadOver h4 a { color:#0162cd; }
	#inhoudbox .linklijst.js-aan li.over, #inhoudbox .linklijst.js-aan li.externOver, #inhoudbox .linklijst.js-aan li.downloadOver { background-color:#e4dce7; }
	#inhoudbox .linklijst.js-aan li.over h4 a, #inhoudbox .linklijst.js-aan li.externOver h4 a, #inhoudbox .linklijst.js-aan li.downloadOver h4 a { color:#0162cd; }
/* Bijzondere links:extern, download, anker
-------------------------------------------- */
	#inhoudbox .linklijst.js-aan .extern a,
	#inhoudbox .linklijst.js-aan .extern a:hover,
	#inhoudbox .linklijst.js-aan .extern a:focus,
	#inhoudbox .linklijst.js-aan .extern a:visited,
	#inhoudbox .linklijst.js-aan .externOver a,
	#inhoudbox .linklijst.js-aan .externOver a:hover,
	#inhoudbox .linklijst.js-aan .externOver a:focus,
	#inhoudbox .linklijst.js-aan .externOver a:visited { background:url(../img/rijks_sprite.png) no-repeat 100% .5em; padding-right:12px; }
	#inhoudbox .linklijst.js-aan .externOver a, #inhoudbox .linklijst.js-aan .externOver a:visited { color:#0162cd; }
/* Bijzondere links:download bijlage
-------------------------------------------- */
	#inhoudbox .linklijst .bijlage { line-height:1.4; padding:0em; }
	#inhoudbox .linklijst .bijlage a { margin-left:-1.1em; padding-left:1.1em; }
/*  Linklijst:landingpagina
	              		==> verwijsgids
	              		==> onderwerpen (dossiers A-Z)
		div.linklijst	==> alternatief in html voor ul linklijst, met uitgebreidere tekst
		.verwijsgids	==> extra class voor de afwijkende vormgeving in verwijsgids
		.kolom			==> class die alleen op onderwerpenpagina voorkomt
-------------------------------------------- */
	#inhoudbox div.linklijst { border-left:none; }
	#inhoudbox .linklijst p { margin-bottom:1.4em; }
	/* hierdoor komen er twee > in brede linklijsten
	-------------------------------------------- */
		#inhoudbox .linklijst a, #inhoudbox.breed .linklijst a { background:url(../img/rijks_sprite.png) no-repeat -2360px .6em; display:block; padding:.2em 0 .2em 12px; text-decoration:none; }
	/* met dit nieuwe plaatje verwijderen we die 2de > in brede linklijsten (hiaat 1 Logo design / rijkssprite)
	-------------------------------------------- */
		#inhoudbox.breed .linklijst a { background:url(../img/rijks_sprite_linklijst_breed.png) no-repeat 1px .6em; }
	/* ankers hebben een eigen plaatje
	-------------------------------------------- */
		#inhoudbox .linklijst .anker a { background:url(../img/rijks_sprite.png) no-repeat -3240px .6em; width:425px; }
/*  Inhoud attentiekolom op vervolgpagina's
	   .schaalbeeld	==> div met foto indien aanwezig
	   .meerweten
	   .zieook		==> divs met verwijzingen
-------------------------------------------- */
	#attentiekolom div { border:none; margin-left:0; padding:0; }
	#attentiekolom .schaalbeeld { margin-top:0; padding:0; }
	#attentiekolom .schaalbeeld img { width:210px; }
	#attentiekolom .schaalbeeld .moerSleutel img { width:16px !important }
/*	WORDT IN DEN BEGINNE GEDEELTELIJK TOEGEPAST
	Nieuwsblokken
    .nws-thumbs  drie items+thumbnail op regel
    .nws-normaal klein item, twee op regel
    .nws-midden  item met afbeelding links
    .nws-groot   item met kolombrede afb.
-------------------------------------------- */
/* Datum in nieuwskop
	.home #inhoudbox p.datum { position:absolute; top:.2em; right:0; color:#767676; } */
/* Nieuwsblok */
	#inhoudbox .nieuws ul { border:0; margin:0 0 1.4em 0; }
	#inhoudbox .nieuws ul:after { clear:both; content:" "; display:block; height:0; visibility:hidden; }
/* Nieuws thumbnails
-------------------------------------------- 
	#inhoudbox .nws-thumbs ul { margin-right:-15px; margin-bottom:1.4em; padding:.3em 0 .75em; border:0; }
	#inhoudbox .nws-thumbs ul:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
	#inhoudbox .nws-thumbs li { width:135px; float:left; margin:0 15px 0 0; }
	#inhoudbox .nws-thumbs li a, #inhoudbox .nws-thumbs li a:hover { padding:0; border-bottom:0; background:none; font-weight:bold; font-size:95%; color:#154273; }
	#inhoudbox .nws-thumbs li a:visited { color:#696969; }
	#inhoudbox .nws-thumbs li a:visited:hover, #inhoudbox .nws-thumbs li a:hover { color:#0162cd; }
	#inhoudbox .nws-thumbs li img { display:block; float:left; }
	#inhoudbox .nws-thumbs li strong { display:block; margin-left:45px; } */
/* Nieuws normaal
-------------------------------------------- */
	#inhoudbox .nieuws li.nws-normaal { margin:1em 0; padding:.4em 0 .7em; width:440px; }
	#inhoudbox .nieuws li.oneven { margin:1em 20px 1em 0; }
	#inhoudbox li.nws-normaal a { font-weight:bold; }
	#inhoudbox li.nws-normaal h3 { color:#154273; font:bold 100% verdana,geneva,sans-serif; margin:0 0 .4em; padding-top:.2em; }
	#inhoudbox li.nws-normaal span { display:block; width:100%; }
	#inhoudbox li.nws-normaal img { width:100%; }
/* Nieuws midden
--------------------------------------------  */
	.home #inhoudbox li.nws-midden, #inhoudbox li.nws-midden { clear:left; margin:0 0 1em; padding:0; width:100%; }
	#inhoudbox li.nws-midden:after { clear:both; content:" "; display:block; height:0; visibility:hidden; }
	#inhoudbox li.nws-midden a { font-weight:bold; }
	#inhoudbox li.nws-midden h3 { font:bold 100% verdana,geneva,sans-serif; margin:0 0 .4em; margin-left:230px; padding-top:.25em; }
	#inhoudbox li.nws-midden p { margin-left:230px; padding-bottom:.5em; }
	#inhoudbox li.nws-midden span { display:block; float:left; width:210px; }
	#inhoudbox li.nws-midden img { width:100%; }
/* Nieuws groot
-------------------------------------------- 
	#inhoudbox li.nws-groot { margin-bottom:1.4em; }
	#inhoudbox li.nws-groot a { font-weight:bold; }
	#inhoudbox li.nws-groot h3 { margin:1em 0 .4em; }
	#inhoudbox li.nws-groot span { display:block; width:440px; }
	#inhoudbox li.nws-groot img { width:100%; } */
/* Meer
-------------------------------------------- */
	#inhoudbox .nieuws li.meer { clear:left; width:440px; }
/* Uitgelicht
-------------------------------------------- */
	#inhoudbox .uitgelicht { margin-left:20px; }
	#inhoudbox .uitgelicht h2 { margin-bottom:.4em; }
	#inhoudbox .uitgelicht ul { border:0; margin:0 0 1.4em 0; }
	#inhoudbox .uitgelicht ul:after {  clear:both;content:" "; display:block; height:0; visibility:hidden;}
	#inhoudbox .uitgelicht li { float:left; width:210px; }
	#inhoudbox .uitgelicht li.oneven { margin:0 20px 0 0; }
	#inhoudbox .uitgelicht li a { font-weight:bold; }
	#inhoudbox .uitgelicht li h3 { font:bold 100% verdana,helvetica,arial,sans-serif; margin:0; padding-top:1em; }
	#inhoudbox .uitgelicht li span { display:block; width:100%; }
	#inhoudbox .uitgelicht li img { margin-bottom:3px; width:100%; }
	#inhoudbox .uitgelicht li p { line-height:1.4; }
	.home #inhoudbox .uitgelicht { margin-left:0; }

/*  Contentpagina's:specifieke onderdelen
	   #kruimelpad	==> kruimelpad + dossiertitel
	   .naarBoven	==> vormgeving naar boven link
	   .teruglink	==> vormgeving terug link
	   .meerinfo	==> class voor blauw lijntje op linklijst
-------------------------------------------- */
	/* Kruimelpad en teruglink
	-------------------------------------------- */
		#inhoudbox #kruimelpad { color:#666; line-height:1.4em; margin:.3em 0 1em 0; position:relative; }
		#inhoudbox .teruglink { line-height:1.4em; margin-left:-12px; position:relative; }
		#inhoudbox #kruimelpad span, #inhoudbox .teruglink span { position:absolute; top:-10000px; }
		#inhoudbox #kruimelpad a, #inhoudbox .teruglink a, #inhoudbox #kruimelpad em {
			background:url(../img/rijks_sprite.png) no-repeat -2358px .3em;
			color:#154273;
			padding:0 0 0 12px;
		}
		#inhoudbox .teruglink a { background-position:-7200px .3em; }
		#inhoudbox #kruimelpad a:hover, #inhoudbox .teruglink a:hover { color:#0162cd; }
		#inhoudbox #kruimelpad em { color:#696969; font-style:normal; }
		#inhoudbox #kruimelpad a.homelink { background:none; padding:0; }
	/* Dossiertitel
	-------------------------------------------- */
		#inhoudbox #kruimelpad span.dossiertitel {
			background-image:none;
			color:#cc003d;
			display:block;
			font-family:Arial,Helvetica,sans-serif;
			font-size:195%;
			font-weight:normal;
			line-height:1.22;
			margin:0 0 .8em 0;
			padding:0;
			position:relative;
			text-decoration:none;
			top:.53em;
		}
		#inhoudbox h1.dossiertitel { color:#cc003d; margin-top:0em; }
	/*  Naar boven link
	-------------------------------------------- */
		#inhoudbox .naarBoven:after { clear:both; content:" "; display:block; height:0; visibility:hidden; }
		#inhoudbox .naarBoven a {
			background:url(../img/rijks_sprite.png) no-repeat -6320px .6em;
			color:#535353;
			display:block;
			float:right;
			margin:0 0 .8em;
			padding:.4em 0 .4em 12px;
			text-decoration:none;
		}
		#inhoudbox .naarBoven a:visited { color:#767676; }
		#inhoudbox .naarBoven a:hover { background-position:-6760px .6em; color:#000; text-decoration:underline; }
	/* Afwijkende bovenlijn en iets meer witruimte voor 'meer informatie' lijst
	-------------------------------------------- */
		#inhoudbox ul.meerinfo { border-top:1px solid #000; margin-top:.5em; margin-bottom:1.4em; }
/*  Lijsten:ul en ol
-------------------------------------------- */
	#inhoudbox ul { list-style-type:none; margin:0 0 1.4em 0; padding:0; }
	#inhoudbox ul li, #inhoudbox ol ul li, #inhoudbox ol.alfa ul li, #inhoudbox ol.roman ul li {
		background:url(../img/rijks_sprite.png) no-repeat -7640px .4em;
		line-height:1.4;
		list-style-type:none;
		margin:0 0 0 .6em;
		padding:0 0 0 1.1em;
	}
	#inhoudbox ol { line-height:1.4; margin:0 0 1.4em .6em; padding:0; }
	#inhoudbox ol ol, #inhoudbox ul ul, #inhoudbox ol ul, #inhoudbox ul ol { margin:0; }
	#inhoudbox ol li { display:list-item !important; list-style-type:decimal; list-style-position:outside; background:none; margin:0 0 0 2.2em; padding:0; line-height:1.4; }
	#inhoudbox ol.alfa li { margin:0 0 0 2.7em; list-style-type:lower-alpha; }
	#inhoudbox ol.roman li { margin:0 0 0 2.7em; list-style-type:lower-roman; }
/*  NIEUW
	Lijst overzichten:
	zoekfilter en zoekresultaten
	   .sorteer		==> class op omsluitende div voor filter
	   .resultaten	==> class op omsluitende div met resultatenlijst
-------------------------------------------- */
	#inhoudbox .resultaten { border-left:none; }
	#inhoudbox .resultaten p.kenmerken { background-image:none !important; margin-left:4px; }
	#inhoudbox .resultaten ul.linklijst { border-top:none; margin:0 -3px; }
	#inhoudbox .resultaten ul.linklijst .bloklink h2 { font-size:100%; font-weight:bold; padding:.6em 1.8em .2em .3em; margin:0; }
	#inhoudbox .resultaten ul.linklijst { margin:0 -3px; border-top:none; }
/*  Bladeren en paginering
-------------------------------------------- */
	#inhoudbox .bladeren {  border-bottom:3px solid #cc003d; padding:.6em 0; }
	#inhoudbox .bladeren.onder { border-top:3px solid #cc003d; border-bottom:0; clear:left; margin-top:1.4em; margin-bottom:1.9em; position:relative; top:-1px; }
	#inhoudbox .bladeren:after { clear:both; content:" "; display:block; height:0; visibility:hidden; }
	#inhoudbox .bladeren li { background:none; border-right:1px solid #47145c; color:#47145c; float:left; line-height:1.2em; margin:0 0 .6em 0; padding:.2em .6em .3em; text-align:center; }
	#inhoudbox .bladeren li.vorige { font-weight:bold; padding-left:0; }
	#inhoudbox .bladeren li.volgende { border-right:none; font-weight:bold; }
	#inhoudbox .bladeren li a { color:#154273; display:block; margin:-.2em -.6em -.3em; padding:.2em .6em .3em; text-decoration:none; }
	#inhoudbox .bladeren li a:hover { color:#000; text-decoration:underline; }
	#inhoudbox .bladeren li span { color:#000; display:block; margin:-.2em -.6em -.3em; padding:.2em .6em .3em; font-weight:bold; }
	/* voor pagination.cfc */
		#inhoudbox .bladeren a,
		#inhoudbox .pagination .current,
		#inhoudbox .pagination .missing,
		#inhoudbox .pagination .previous,
		#inhoudbox .pagination .next,
		#inhoudbox .pagination .first,
		#inhoudbox .pagination .last {
			background:none;
			border-right:1px solid #47145c;
			color:#47145c;
			float:left;
			line-height:1.2em;
			margin:0 0 .6em 0;
			padding:.2em .6em .3em;
			text-align:center;
		}
		#inhoudbox .pagination .previous, #inhoudbox .pagination .next, #inhoudbox .pagination .current { font-weight:bold; }
		#inhoudbox .pagination .previous { border-left:none; }
		#inhoudbox .pagination .next { border-right:none; }
		#inhoudbox .pagination a { color:#154273; text-decoration:none; }
		#inhoudbox .pagination a:hover { color:#000; text-decoration:underline; }
/*  Sitemap
-------------------------------------------- */
	#inhoudbox #sitemap ul { background-color:#fff; float:left; line-height:1.6em; margin:0; padding:0; }
	#inhoudbox #sitemap ul li { background-image:none; clear:both; margin:0 0 0 20px; padding:0; }
	#inhoudbox .linklijst.sitemaplijst a { background:transparent url(../img/rijks_sprite_linklijst_breed.png) no-repeat 0 .6em ! important; }
	#inhoudbox #sitemap .eerste.dossier, #inhoudbox #sitemap .dossier .volg,
	#inhoudbox #sitemap .linklijst.sitemaplijst.niveau2 .volg { font-weight:bold; }
	#inhoudbox #sitemap .linklijst.sitemaplijst.niveau2 .volg { font-style:italic; }
/*  Tabel in inhoudskolom
-------------------------------------------- */
	#inhoudkolom caption { border-bottom:2px solid #ff4500; color:#ff4500; font-weight:normal; margin-bottom:0; padding-bottom:4px; text-align:left; }
	#inhoudkolom .smal caption { width:50%; margin-right:2%; }
	#inhoudkolom table { margin-bottom:1.4em; background-color:transparent; }
	#inhoudkolom table.breed { width:100%; }
	#inhoudkolom table.smal { float:left; width:50%; margin-right:2%; }
	table .bedrag { text-align:right !important; white-space:nowrap; }
	#inhoudkolom thead th { color:#000; text-align:left; font-weight:bold; }
	#inhoudkolom th, #inhoudkolom td { border-bottom:1px solid #fff; border-left:10px solid #fff; padding:4px; }
	#inhoudkolom th.col1, #inhoudkolom td.col1 { border-left:0; }
	#inhoudkolom th { background-color:#c7b8ce; font-weight:bold; }
	#inhoudkolom td { background-color:#e4dce7; }
/*  Hulplink
-------------------------------------------- */
	.hulp { color:#154273 !important; display:inline; float:right; margin:2.4em .6em 1em 0; position:relative; z-index:1000; }
	.hulp:hover { color:#0162cd !important; }
/*  Persberichten
-------------------------------------------- */
	#inhoudbox #pers .linklijst li a, #inhoudbox .linklijst.pers li a { min-height:1.5em; padding-left:9.1em; position:relative; }
	#inhoudbox .published { display:block; left:0; margin-right:20px; min-height:1.5em; position:absolute; text-align:right; width:7.3em; }
	#inhoudbox strong .published { display:block; float:left; margin-right:20px; min-height:2.7em; position:relative; text-align:right; width:7em; }
	#inhoudbox .koplink { color:#000; min-height:1em !important; }
	#inhoudbox #pers .linklijst, #inhoudbox .linklijst.pers { margin-top:.5em; margin-right:0 !important; }
	#inhoudbox #pers.kamerstukken .linklijst li a { min-height:1.5em; padding-left:9.1em; position:relative; }
	#inhoudbox .kamerstukken .linklijst ul { margin:-1px 0 0; }
	#inhoudbox #pers.kamerstukken .linklijst .sublijst a { background:transparent url(../img/rijks_sprite_linklijst_breed.png) no-repeat 90px .6em; }
/*  Wetgevingskalender 
-------------------------------------------- */
	body #inhoudkolom ol.wgkalender { border-top:2px solid #cc003d; color:#cc003d; float:left; margin:.5em 0 1em 0; width:100%; }
	body #inhoudkolom .wgkalender li { border-bottom:1px solid #cc003d; font-weight:bold; list-style-position:inside !important; margin:0; padding:.5em 0 .5em .75em !important; }
	body #inhoudkolom .wgkalender li span, body #inhoudkolom .wgkalender li em { color:#000; font-weight:normal; font-style:normal; }
	body #inhoudkolom .wgkalender li.actief { background-color:#cc003d; color:#fff; }
	body #inhoudkolom .wgkalender li.actief strong { font-weight:normal; }
/* Video embedding govvid
-------------------------------------------- */
	span.metageg { color:#aaa; display:block; }
	.moviecontent, .audiocontent { width:400px; } /* a default value will be replaced by movie width */
	.moviecontent ul, .audiocontent ul { border:0; list-style:none; margin:0; overflow:hidden; padding:0 0 1px 0; }
	.moviecontent li, .audiocontent li { background-image:none; border:0; padding:0; margin:0; }
	.moviecontent h3, .audiocontent h3 { border-bottom:1px solid #dedede; color:#000; font-size:100%; margin:0; padding:0; }
	.moviecontent li h3 a, .audiocontent li h3 a { border:1px solid #fff; color:#000; }
	.moviecontent li h3 a:hover, .audiocontent li h3 a:hover { color:#000; }
	.moviecontent li a, .audiocontent li a { background:transparent url("images/pijl.gif") right top no-repeat; border-bottom:1px solid #dedede; color:#000; display:block; font-weight:bold; height:1%; padding:2px 15px 3px 0; text-decoration:none; }
	.moviecontent li li a, .audiocontent li li a { font-weight:normal; padding:2px 15px 3px 0; }
	.moviecontent li a:hover, .audiocontent li a:hover { background:transparent url("images/pijl-hover.gif") right top no-repeat; border-bottom:1px solid #000; color:#000; }
	.moviecontent li p a, .audiocontent li p a { background-color:#fff; border:0; color:blue; display:inline; font-weight:normal; margin:0; padding:0; text-decoration:underline; }
	.moviecontent li p a:hover, .audiocontent li p a:hover { background-color:#fff; border:0; color:blue; display:inline; margin:0; padding:0; text-decoration:underline; }
	.moviecontent li img, .audiocontent li img { margin-bottom:-4px; }
	.moviecontent li a.open, .audiocontent li a.open { background:url("images/pijl-open.gif") right top no-repeat; }
	.moviecontent li a.open:hover, .audiocontent li a.open:hover { background:url("images/pijl-open-hover.gif") right top no-repeat; }
	.moviecontent ul.open, .moviecontent div.open, .moviecontent p.open,
	.audiocontent ul.open, .audiocontent div.open, .audiocontent p.open { display:block; }
	.moviecontent li a.close, .audiocontent li a.close { background:url("images/pijl.gif") right top no-repeat; }
	.moviecontent li a.close:hover, .audiocontent li.close:hover { background:url("images/pijl-hover.gif") right top no-repeat; }
	.moviecontent ul.close, .moviecontent div.close, .moviecontent p.close,
	.audiocontent ul.close, .audiocontent div.close, .audiocontent p.close  { display:none; }
	.moviecontent li.transcription div, .audiocontent li.transcription div { border-bottom:1px solid #eee; margin:0; padding:0; }
	.moviecontent li.transcription span.actor, .audiocontent li.transcription span.actor { font-weight:bold; }
	.moviecontent li.transcription span.handeling, .moviecontent li.transcription span.audiobeschrijving, 
	.moviecontent li.transcription span.gebaar, .moviecontent li.transcription span.sfeer, 
	.moviecontent li.transcription span.geschreventekst,
	.audiocontent li.transcription span.handeling, .audiocontent li.transcription span.audiobeschrijving, 
	.audiocontent li.transcription span.gebaar, .audiocontent li.transcription span.sfeer, 
	.audiocontent li.transcription span.geschreventekst  { font-style:italic; }
