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}
body,div,p,input,textarea {font-family:arial,helvetica,sans-serif}
body { background-color:#fff;margin-top:5px;font-size:90% }
h1,h2,h3 { font-family:tahoma,arial,helvetica,sans-serif }
a { text-decoration:none }
a:hover { text-decoration:underline }

:root { /* usage: font-size: var(--standardTextSize); */
    --h1TextLineHeight:110%;
    --h1TextSize:220%;
    --h2TextLineHeight:110%;
    --h2TextSize:125%;
    --h2SubkopLineHeight:100%;
    --h2SubkopSize:120%;
    --h3TextLineHeight:110%;
    --h3TextSize:110%;
    --standardTextLineHeight:180%;
    --standardTextSize:100%;
    --kantlijnTextLineHeight:170%;
    --kantlijnTextSize:90%;
    --mediumTextLineHeight:150%;
    --mediumTextSize:80%;
    --smallTextLineHeight:140%;
    --smallTextSize:70%;
}

/*----------------------------------------------------------ALGEMEEN----------------------------------------------------------*/
#main_container { width:1140px;margin:0 auto;padding:0 20px }
span.datum { font-style: italic;font-size:7pt;color:#777777;padding:0 0 0 10pt }
p.klein {
	line-height:100%;
	font-size:70%;
        line-height: var(--smallTextLineHeight);
        font-size: var(--smallTextSize);
	color:#707070;
	padding:0 10px 0 20pt;
	text-align:right;
}
p.klein a { color:#777777;margin-right:10px }
p.foto_onderschrift {
	line-height:9pt;
	font-size:7pt;
        line-height: var(--smallTextLineHeight);
        font-size: var(--smallTextSize);
	color:#707070;
	margin:0 2pt 1pt 0;
	text-align:right;
}
p.foto_onderschrift a { color:#777 }
p.links {
	line-height:12pt;
	font-size:8pt;
        line-height: var(--mediumTextLineHeight);
        font-size: var(--mediumTextSize);
	color:#707070;
	text-align:left;
}
p.links a { color:#707070;font-weight:normal }
span.positief { line-height:12pt;line-height:var(--mediumTextLineHeight);color:#f00;font-weight:bold }
p.tags {
    line-height: 12pt;
    font-size:8pt;
    line-height: var(--mediumTextLineHeight);
    font-size: var(--mediumTextSize);
    color:#707070;
}
p.tags a { color:#707070;font-weight:normal }
input.button {
    line-height: 10pt;
    font-size:8pt;
    line-height: var(--mediumTextLineHeight);
    font-size: var(--mediumTextSize);
    color:#252525;
    height:22px;
    width:30px;
}
input.veld {
    line-height: 16pt;
    font-size:10pt;
    line-height: var(--standardTextLineHeight);
    font-size: var(--standardTextSize);
    color:#252525;
    height:15px;
    width:120px;
}
p#status { width:100%;text-align:center;margin-top:80px }
p#status img { width:16px;height:16px }

/*-----SOCIAL MEDIA-----*/
#socialmedia_container { padding-left:5px }
#socialmedia_container img { display:inline-block;vertical-align:middle;width:20px;margin:0 5px }

#volgons_buttons { float:left;padding-left:5px }
#volgons_buttons a img { display:inline-block;width:40px;margin:0 0.2em 0 0;padding:0 }


/*-----POLL-----*/
div.uitslag_poll_optie { margin:0 0 6px 1px;line-height:12pt;font-size:10pt;color:#252525;text-align:left }
span.uitslag_poll_percentage { font-size:10px;color:#777777 }

/*-----COPYRIGHT DROP DOWN-----*/
div#copyright {
	text-align:center;
	width:100%;
	background-color:#552A80;
	opacity:0.95;
	position:fixed;
	z-index:9999;
	left:0;top:0;
	padding:1em 0 0 0;
	border-bottom:1px solid #000;
	display:none;
}
div#copyright p, div#copyright p a {
	opacity:1;
	margin:0.5em 0 0 0;
	width:100%;
	text-align:center;	
	line-height: 20pt;
	font-size:12pt;
	font-family:Tahoma, Arial, Helvetica;
	color:#FFF;
	font-weight:bold;
}
div#copyright p.first { font-size:20pt }
div#copyright p#countdown {
	line-height:10pt;
	font-size:10pt;
	font-family:Tahoma, Arial, Helvetica;
	color:#eef;
	font-weight:normal;
	font-style:italic;
	margin:1em 0 0 0;
}



/*----------------------------------------------------------HEADER EN MENU----------------------------------------------------------*/
#header { 
    width:100%;
    height:80px;
    padding:0;
    margin:0 0 1em 0;
    background: -webkit-repeating-linear-gradient(
        140deg,
        rgba(255, 255, 255, 1),
        rgba(255, 255, 255, 1) 200px,
        rgba(191, 176, 209, 1) 575px,
        rgba(191, 176, 209, 1)
    );
    background: -moz-repeating-linear-gradient(
        140deg,
        rgba(255, 255, 255, 1),
        rgba(255, 255, 255, 1) 200px,
        rgba(191, 176, 209, 1) 575px,
        rgba(191, 176, 209, 1)
    );
    background: repeating-linear-gradient(
        140deg,
        rgba(255, 255, 255, 1),   /* #FFFFFF (wit) eerste deel */
        rgba(255, 255, 255, 1) 200px, /* start gradient (wit) */
        rgba(191, 176, 209, 1) 575px, /* einde gradient (paars) */
        rgba(191, 176, 209, 1)  /* paars tot einde */
    );
    border-bottom:2px solid #552a81;
}
#header table { width:100% }
#logoclick img { height:78.5px }

/*-----'ZOEKEN' EN 'OVER ONS'-----*/
#menuutje { line-height: 13pt }
#menuutje .item { width:118px;margin:5px 5px 0 0;float:right;border:0 }
#menuutje a {
	display:block;
	width:100%;
	text-align:center;
	color:#7d3ebc;
	font-weight:normal;
	background-color:#fff;
	height:18px;
	font-size:12px;
	padding-top:0.05em;
} 
#menuutje a:hover { text-decoration:none;background-color:#7d3ebc;color:#fff }
#menuutje #zoek { display:block;width:100%;height:18px;color:#7d3ebc;text-align:center;font-size:12px;padding:0;margin:0;border:0;box-sizing:border-box }

/*-----HOOFDMENU-----*/
#menu_katern {	line-height:13pt;font-size:9pt;height:35px }
#menu_katern a { text-align:center;color:#552A80;padding:0 15px;background-color:transparent;font-weight:bold } 
#menu_katern a:hover { color:#fff;background-color:#552A80;text-decoration:none }


/*-----PAGINA BREEDTE-----*/
#body_main { width:100% }


/*----------------------------------------------------------INDEX BODY----------------------------------------------------------*/

#index_body { text-align:left;width:540px;border-right:30px solid #fff }




/*-----ARTIKEL-----*/
#index_body h1 {
	line-height: 110%;
	font-size:220%;
        line-height: var(--h1TextLineHeight);
        font-size: var(--h1TextSize);
	color:#552A80;
	font-weight:bold;
	padding:0 0 0.3em 0;
}
#index_body h2 {
	line-height:120%;
	font-size:130%;
        line-height: var(--h2SubkopLineHeight);
        font-size: var(--h2SubkopSize);
	color:#c94a21;
	font-weight:bold;
	padding:0.3em 0 0.4em 0;
}
#index_body p.tekst {
	line-height:180%;
	font-size:100%;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
	color:#252525;
	padding-bottom:1.4em;
	text-align:left;
}
#index_body p.tekst a, p a, li a { color:#552A80;font-weight:bold }
#index_body p.tekst img { width:100%;padding-bottom:10px;display:block }
#index_body div.artikel img {width:100%;padding-bottom:10px;display:block }
#index_body p.onderschrift {
	line-height: 180%;
        font-size:80%;
        line-height: var(--standardTextLineHeight);
        font-size: var(--mediumTextSize);
	padding-right:12pt;
	margin:10px 0 0 0;
	text-align:left;
	color:#777777;
}
#index_body p.onderschrift a { font-weight:normal;text-decoration:underline }

p.links_tussenkopje { margin-top:1em;margin-bottom:0.3em;font-style:italic }
p.links_kopje { margin-top:1.3em;margin-bottom:0.3em;font-weight:bold;font-style:italic;color:#505050 }

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

/*-----KADERTJES EN QUOTES-----*/
#index_body .kader { background:#fdf1e3;margin:1.5em 0;padding:0.5em 1em }
#index_body blockquote {
  background: #fdf1e3;
  border-left: 10px solid #f0aa50;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
 /* quotes: "\201C""\201D""\2018""\2019"; */
}
#index_body blockquote:before {
    	line-height:0.6em;
       	font-size:6em;
	font-family:tahoma,arial,helvetica,sans-serif;
	color:#f0aa50;
	content:open-quote;
	font-weight:bold;
	font-style:italic;
}
#index_body blockquote p {
 	line-height:180%;
	font-size:100%;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
	color:#252525;
	padding:0 10px 12pt 0;
	/* margin:-2em 0 0 1em; */
	margin:-0.5em 0 0 1em;
	text-align:left;
	font-style:italic;
}
#index_body blockquote:after {
    	line-height: 0.1em;
      	font-size: 6em;
	font-family:tahoma,arial,helvetica,sans-serif;
	display:inline-block;
	color: #f0aa50;
	content: close-quote;
	font-weight:bold;
	font-style:italic;
	margin-left: 80%;
	vertical-align: -0.4em;
	text-align:right;
}
#index_body hr { display:block;border-top:#c8ace4 1px solid;margin:1.4em 0}

/*-----SECTIE MET NAME BIJ BRIEVEN AAN DE POLITIEK GEBRUIKT-----*/
#index_body div.container_samenvatbullet { background-color:#eef;margin:0 10px 10px 0;padding:10px 10px 7px 10px }
#index_body div.container_samenvatbullet p { 
        line-height:12pt;
        font-size:10pt;
        line-height:var(--standardTextLineHeight);
        font-size:var(--standardTextSize);
        color:#252525;
        padding:0 10px 12pt 0;
        text-align:left;
        font-style:italic 
}

/* linkje naar boven */
#index_body p.top { text-align:right;margin:-0.5em 1.5em 1em 0 }
#index_body p.top a { font-size:70%;font-size:var(--smallTextSize); }

/* alternatief voor een tussenkopje */
#index_body p.tekst span.eerste { color:#c94a21;font-weight:bold }

/* inhoudsopgave */
div#container_inhoudsopgave { width:90%;margin:0 0 2em 0;padding:0.2em 1em 1em 1em;background:#fcedda }
div#inhoudsopgave { margin-top:1em }
div#inhoudsopgave div { min-width:120px;width:45%;margin-right:5%;float:left }
#index_body div#inhoudsopgave div a { line-height:120% }
div#inhoudsopgave::after { content:"";clear:both;display:block }

/* oude constructie voor de inhoudsopgave van de brieven aan de politiek */
table#container_inhoudsopgave { margin:0 10px 0 0;padding:20px;background:#fcedda;border-bottom:10px solid #fff }
table#container_inhoudsopgave h2 { 
    line-height:110%;
    font-size:150%;
    line-height:var(--h2TextLineHeight);
    font-size:var(--h2TextSize);
    font-weight:bold;
    color:#c94a21;
    text-decoration:none
}
table#inhoudsopgave p.tekst a, #index_body ul li a { 
        line-height:12pt;
        font-size:10pt;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
        color:#552A80;
        font-weight:bold 
}
table#inhoudsopgave p.tekst a:hover, #index_body ul li a:hover { text-decoration:underline }

/*-----OPSOMMINGEN-----*/
#index_body ul, #index_body ol {
	line-height:16pt;
	font-size:10pt;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
	color:#252525;
	text-align:left;
	padding:0 10px 12pt 20px;
	text-indent:0;
}
#index_body ul li, #index_body ol li {
        line-height:16pt;
        font-size:10pt;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
        color:#252525;
        text-align:left
}
#index_body ul, #index_body ul li { list-style-type:disc }
#index_body ul li a,#index_body ol li a {
        line-height:12pt;
        font-size:10pt;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
        color:#552A80;
        font-weight:bold
}

/*-----HOMEPAGE-----*/
#index_body div.feed_artikel { margin-bottom:3em }
#index_body div.feed_artikel h1 { 
    line-height:110%;
    font-size:150%;
    line-height: var(--h2TextLineHeight);
    font-size: var(--h2TextSize);
    padding:0.3em 0 0.3em 0;
}
#index_body div.feed_artikel h1 a { 
    line-height:110%;
    font-size:150%;
    line-height: var(--h2TextLineHeight);
    font-size: var(--h2TextSize);
    color:#552A80;
    font-weight:bold;
    text-decoration:none
}
#index_body div.feed_artikel p.tekst { padding: 0 10px 0 0;text-align: justify }
#index_body div.feed_artikel p.tekst img { width:180px;float:right;margin:5px 0 0 10px;padding-bottom:0 }



/*----------------------------------------------------------KANTLIJN----------------------------------------------------------*/
div.container .artikelicoon {
	width:30%;
	height:48px;
	float:left;
	margin:2px 0 0 0;
	padding:0;
	background-size: 150% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
div.container .artikel_recentpop { float:right;width:65% }
div.container .artikel_recentpop p.tekst { line-height:140% }
div.container .einde_lijstitem { clear:both;margin-bottom:8pt }


.standaardkantlijn { text-align:left;width:280px }



.standaardkantlijn div.container { padding:20px 20px;border-bottom:20px solid #fff;overflow:none }
.standaardkantlijn h1 { 
    font-family:arial,helvetica;
    line-height:110%;
    font-size:150%;
    line-height: var(--h2TextLineHeight);
    font-size: var(--h2TextSize);
    font-weight:bold;
    padding:0;margin:0 0 0.3em 0;
}
.standaardkantlijn h1 a { font-weight:bold }
.standaardkantlijn h2 {
    font-family:arial,helvetica;
    line-height:110%;
    font-size:110%;
    line-height: var(--h3TextLineHeight);
    font-size: var(--h3TextSize);
    font-weight:bold;
    color:#552A80;
    padding:0;
    margin:1em 0 0.5em 0
}
.standaardkantlijn h2 a { font-weight:bold;color:#552A80 }
.standaardkantlijn p.tekst { 
    line-height:19px;
    font-size:12px;
    line-height: var(--kantlijnTextLineHeight);
    font-size: var(--kantlijnTextSize);
    color:#303030;
    padding-bottom:6pt;
    text-align:justify 
}
.standaardkantlijn p.tekst a { }
.standaardkantlijn p.tekst img { width:100%;display:block;padding:1pt 0 4pt 0 }
.standaardkantlijn img { width:100%;display:block;padding:1pt 0 4pt 0 }
.standaardkantlijn p.klein { padding:0 }
.standaardkantlijn hr { display: block;border-top:#fff 2px solid;margin:1.4em 0}

/*-----FOTO ONDERSCHRIFT-----*/
.standaardkantlijn p.onderschrift { text-align:left }
.standaardkantlijn p.onderschrift a { font-weight:normal }
.standaardkantlijn p.onderschrift, .standaardkantlijn p.onderschrift a { line-height:7pt;font-size:7pt;color:#777 }

/*-----EMBEDDED VIDEO-----*/
.standaardkantlijn div.container object { width:100%;display:block;padding:1pt 0 4pt 0;margin:0 }
.standaardkantlijn div.container embed { width:210px }

/*-----POLITIEKE PARTIJEN-----*/
.standaardkantlijn .politieke_partijen_container {width:100%}
.standaardkantlijn .politieke_partijen_container p {width:45%;padding:0 10px;line-height:10px;margin-bottom:0.5em;display:inline-block;vertical-align:middle}
.standaardkantlijn .politieke_partijen_container p a {line-height:10px}

/*-----INDEX KANTLIJN 1-----*/
#index_kantlijn { border-right:10px solid #fff;background:#eef }
#index_kantlijn div.container { background:#eef }
#index_kantlijn h1, #index_kantlijn h1 a { color:#da8913 }

/*-----INDEX KANTLIJN 1 NIEUWS EN OPINIE -----*/
#index_kantlijn_artikel p { 
    line-height:19px;
    font-size:12px;
    line-height: var(--kantlijnTextLineHeight);
    font-size: var(--kantlijnTextSize);
}



/*-----INDEX KANTLIJN 2-----*/
#index_kantlijn_2 {	border-left:10px solid #fff;background:#fcedda }
#index_kantlijn_2 div.container {	background:#fcedda }
#index_kantlijn_2 h1, #index_kantlijn_2 h1 a { color:#c94a21 }









/*----------------------------------------------------------OVERIG----------------------------------------------------------*/
p.zoek_kop, p.zoek_kop a { line-height:15pt;font-size:15pt;font-family:Tahoma,Arial,Helvetica;color:#552A80;font-weight:bold }
p.zoek_kop { padding-top:8pt 0 2pt 0;margin:0 }

ul.lijst {
	list-style-position: inside;
	list-style-image: url("images/pix_paars.gif");
/*	list-style-type: disc;		*/
	line-height: 16pt;
	font-size:10pt;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
	font-family:	Arial, Helvetica;
	color:#252525;
	padding:0 30pt 0 20pt;
	margin:0;
	text-align:left;
}
ul.lijst a {
	line-height: 16pt;
	font-size:10pt;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
	font-family:	Arial, Helvetica;
	color:#552A80;
	font-weight: bold;
	text-decoration:none;
}

/*-----MOBIEL OF DESKTOP VERSIE-----*/
div#version { width:100%;text-align:center }
div#version p.tekst, div#version p.tekst a { line-height:19px;font-size:12px }
div#version p.tekst { text-align:center }
div#version p.tekst a { font-weight:bold;color:#552A80 }


/*----------------------------------------------------------OVERZICHT BODY----------------------------------------------------------*/
#overzicht {
	line-height: 16pt;
	font-size:10pt;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
	font-family:	Arial, Helvetica;
	color:#252525;
	padding:0 30pt 0 0;
	margin:0;
}
#overzicht a {
	line-height: 12pt;
	font-size:8pt;
	font-family:	Arial, Helvetica;
	color:#707070;
	text-decoration:none;
	padding:0;
	margin:0;
}
#overzicht a:hover {
	text-decoration:underline;
}
table.overzicht_tabel {
	line-height: 16pt;
	font-size:9pt;
	font-family:	Arial, Helvetica;
	color:#252525;
	padding:0 3px 3px 3px;
	margin:0;
}
table.overzicht_tabel td.regel {
	width:300px;
	text-align:left;
	background-color:#fff;
}
table.overzicht_tabel td.on {
	width:35px;
	text-align:center;
	background-color:#eeeeff;
}
table.overzicht_tabel td.ev {
	width:35px;
	background-color:#ffffff;
	text-align:center;

}
table.overzicht_tabel a.overzicht_kop {
	line-height: 16pt;
	font-size:9pt;
	font-family:arial,helvetica;
	color:#252525;
	text-decoration:none;
	padding:0;
	margin:0;
}
table.overzicht_tabel a.overzicht_kop:hover {
	text-decoration:underline;
}

p.overzicht_grafiek {
	border: 0pt none;
	margin: 0pt;
	padding-left: 20pt;
	text-align: right;
}
p.overzicht_grafiek img {
	margin: 10pt 2pt 0 0;
	padding: 0pt;
	width:375px;
}

/*----------------------------------------------------------VERKIEZINGEN----------------------------------------------------------*/
#verkiezingen_container { } 
#verkiezingen_button {
	line-height: 16pt;
	font-size:10pt;
        line-height: var(--standardTextLineHeight);
        font-size: var(--standardTextSize);
	font-family:	Arial, Helvetica;
	padding:0pt;
	margin:0pt;
	border:5pt solid #da8913;
	text-decoration:none;
	display:block;
	width:100%;
	height:50pt;
	background-color:#552A80;
	text-align:center;
}
#verkiezingen_button p {
	padding:0;
	margin:0;
	font-family:	Arial, Helvetica;
	color:#fff;
}
#verkiezingen_button h3 {
	line-height: 24pt;
	font-size:24pt;
	font-family:	Arial, Helvetica;
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
	font-family:	Arial, Helvetica;
	color:#fff;
}



/*----------------------------------------------------------PARTIJEN----------------------------------------------------------*/
#show { color:#552A80;font-weight:bold;cursor:pointer }

/*---------------------------------------------------FLEXBOX---------------------------------------------------*/
.flowcontainer {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flowcontainer > div {	/* "0 1 auto" = regel de breedte van de kolommen gewoon via width property van de verschillende kolommen */
	-webkit-box-flex: 0 1 auto;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 1 auto;         /* OLD - Firefox 19- */
	-webkit-flex: 0 1 auto;          /* Chrome */
	-ms-flex:0 1 auto;              /* IE 10 */
	flex:0 1 auto;                  /* lengte gelijk aan de andere flexboxen in deze groep */
}
#index_body {
	-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
	-ms-flex-order: 1;              /* TWEENER - IE 10 */
	-webkit-order: 1;               /* NEW - Chrome */
	order: 1;
}
#index_kantlijn {	/* of de aside bij nieuws artikel*/
	-webkit-box-ordinal-group: 2;  
	-moz-box-ordinal-group: 2;     
	-ms-flex-order: 2;     
	-webkit-order: 2;  
	order: 2;
}
#index_kantlijn_2 {	
	-webkit-box-ordinal-group: 3;  
	-moz-box-ordinal-group: 3;     
	-ms-flex-order: 3;     
	-webkit-order: 3;  
	order: 3;
}

/*---------------------------------------------------RESPONSIVE---------------------------------------------------*/
@media only screen and (max-width:1050px) {
    #main_container { width:1040px }
    #index_body { width:500px }
    .standaardkantlijn { width:250px }
}
@media only screen and (max-width:800px) {
    #main_container { width:790px }
    #index_kantlijn_2 { display:none }
}