/******************* ALGEMENE INSTELLINGEN *******************/
body,div,aside,p,form,h1,h2,h3,div,p,table,tr,td,span,a,img,ul,ol,li,hr,textarea {padding:0;margin:0;border:0;box-sizing:border-box}
div,p,input,textarea {font-family:inherit}
h1, h1 a, h2, h3 {font-family:arial,sans-serif}
p, li {padding-bottom:1em}
a {font-weight:bold}
a, a:hover {text-decoration:none}
body {
    font-family:sans-serif;
    width:100%;
    background-color:#fff;
    line-height:1.5em;
    font-size:1em;
    color:#222;
}
div.bookmark {width:0;height:0;visibility:hidden}

/******************* HEADER EN MENU *******************/
div#logo-container { font-family:arial,sans-serif;border-bottom:1px solid #552A80;margin:0.5em 0.5em 0 0.5em }
div.logo p.header { line-height:0.8em;font-size:1.5em;color:#552A80;font-weight:bold;padding:0.5em 0 0 0 }
div.logo p.payoff { font-size:0.7em;color:#999;font-style:italic;padding-bottom:0.5em }

div.menu-container { font-family:arial,sans-serif;line-height:1em;margin:0 0.5em 1.5em 0.5em }
table.menu { width:100%; border-spacing:0; border-collapse:collapse } /* create cellspacing = 0 */
.menu td { width:25%;text-align:center }
.menu a {
	font-size:0.7em;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:100%;
	height:1.4em;
}
.menu a.m1 { background-color:#552A80 }
.menu a.m2 { background-color:#c94a21 }
.menu a.m3 { background-color:#da8913 }
.menu a.m4 { background-color:#ffe900;color:#552A80 }
.menu #sub4 { position:absolute;z-index:99;width:20%;visibility:hidden }
.menu #sub4 a {	border-top:1px solid #fff;background-color:#ffe900;color:#552A80;height:2.5em;padding-top:0.5em }

/******************* OPMAAK BRIEVEN *******************/
div#container_inhoudsopgave{ background:#fcedda;margin:0 10px 10px 0;padding:20px 20px }
table#inhoudsopgave p.tekst a { color:#552A80;font-weight:bold }
table#inhoudsopgave p.tekst a:hover { text-decoration:underline }
p.tekst span.eerste { color:#c2a3e1;font-weight:bold }

/******************* OPMAAK PARTIJ *******************/
div#partij_logo { background-color:#eef;width:100%;height:8em;padding:1em 0 }
div#partij_logo img { display:block;max-width:80%;max-height:100%;margin:0 auto }

table#stemmingsoverzicht td {vertical-align:top}
table#stemmingsoverzicht .links { line-height:1.2em;margin-bottom:0.4em }
table#stemmingsoverzicht .periodekopje { margin-top:0.8em;font-weight:bold }

/******************* BODYTEKST *******************/
div.feed_artikel { cursor:pointer;margin-bottom:4em }
h1 { line-height:1.1em;font-size:1.5em;color:#552A80;font-weight:bold;margin:0.2em 0 0.5em 0 }
h1 a { color:#552A80;font-weight:bold }
h2 { line-height:1.5em;font-size:1.2em;color:#c94a21;font-weight:bold;padding-bottom:0.1em }
p, p.tekst, li { line-height:1.8em;font-size:1em;color:#222;text-align:left }
ul { margin-left:1.3em }
p a, p.tekst a, li a { color:#552A80 }
p.introtekst { padding-bottom:0.2em }

p.klein {text-align:right }
p.tags, p.klein, p.links { font-size:0.8em;color:#707070;padding:0 }
p.foto_onderschrift { font-size:0.8em;line-height:1em;color:#707070;padding:0 0 0.2em 0;text-align:right }
p.tags a, p.klein a, p.links a,p.foto_onderschrift a { color:#707070;font-weight:normal }

p.links, p.links a { color:#222 }

h3.indexheader { color:#da8913;margin:1.3em 0 0.1em 0;font-size:0.9em;font-weight:bold;font-style:italic }


p.onderschrift { font-size:0.9em;color:#aaa;padding:0.5em 0 0 0 }
p.onderschrift a { text-decoration:underline;font-weight:normal }
/* linkje naar boven */
p.top { width:100%;text-align:right;margin:-0.5em 1.5em 1em 0  }
p.top a { font-size:70% }


div#main_content { margin:0 0.5em }
div#main_content { margin:0 1.0em }
div#main_content p.tekst img {
	width:100%;
	display:block;
	margin:0 auto;
	padding:0;
	margin:0 0 0.3em 0; 
}
div#main_content p.afbeelding { padding-bottom:0.2em }
div#main_content p.tekst img.voorpagina {  }
div#main_content p.katern_kopje { float:left;text-align:left;width:200px;padding:0 }
div#grafiek_container { background-color:#552a80;padding:0.5em 1em }
div#main_content .kader { background:#fdf1e3;margin: 1.5em 0;padding:0.5em 1em }
div#main_content blockquote {
	background: #fdf1e3;
	border-left: 10px solid #f0aa50;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	/* quotes: "\201C""\201D""\2018""\2019"; */
}
div#main_content blockquote:before, div#main_content blockquote:after {
	font-family:"Tahoma, Arial, Helvetica";
	color: #f0aa50;
	font-size: 6em;
	font-weight:bold;
	font-style:italic;
}
div#main_content blockquote:before { content:open-quote;line-height:0.6em }
div#main_content blockquote:after { content:close-quote;line-height:0.1em;margin-left:80% }
div#main_content blockquote p {
	margin:-0.5em 0 0 1em;
	line-height:1.8em;
	font-size:1em;
	color:#222;
	padding:0 10px 1em 0;
	text-align:left;
	font-style:italic;
}
div#main_content div.container_samenvatbullet { background-color:#eef;padding:0.5em }
div#main_content div.container_samenvatbullet p { font-style:italic }

/* Veelgestelde vragen (indien aanwezig) */
div#main_content div.faq {margin-bottom:1.2em}
div#main_content div.faq .faq_vraag {cursor:pointer;margin-bottom:0}
div#main_content div.faq div.faq_antwoord_container {display:none;margin-bottom:1.2em}
div#main_content div.faq div.faq_antwoord_container p {padding:0.4em 0 1em 0;}



div#grafiek_container h1 { color:#da8913 }
div#grafiek_container p.tekst { color:#fff }
div#grafiek_container p.klein { color:#ccc }
div#tags_container { padding:0 1em }

img#img_grafiek { width:100% }

/*-----BLOKJE GERELATEERD-----*/
#body_gerelateerd { margin: 4em 0 2em 0 }
#body_gerelateerd .body_gerelateerd_item { background-color:#FCEDDA;padding:2em 2em;margin:2em 0;cursor:pointer }
#body_gerelateerd .body_gerelateerd_item h2 a { color: #C94A21 }
#body_gerelateerd .body_gerelateerd_item p.tekst { text-align:justify }
#body_gerelateerd .body_gerelateerd_item div.img_gerelateerd {
	float:right;
	width:160px;
	height:160px;
	margin:13px 0 0 15px;
	background-size: 200% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

/*-----BANNER AFLUISTERWET-----*/
#banner { width:100%;margin-bottom:2em }
#banner img { width:100% }

div#version { width:100%;text-align:center }
div#version p.tekst { font-size:0.8em }

/* warning for wider displays */
div#version_top { display:none }
@media screen and (min-width:700px){
    div#version_top { display:block	}
    body { width:700px;margin:auto }
}

/* responsive */
/* schermen kleiner dan 450px. */
@media screen and (max-width:500px){
    #body_gerelateerd .body_gerelateerd_item div.img_gerelateerd {
        display:block;
        float: none;
        width: 100%;
        height: 140px;
        background-size:100% auto;
        margin: 13px 0 0.3em 0;
    }
    
    
}