/* ---- CSS BESTAND VOOR OPMAAK SWING RAPPORTEN --- */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* -------------- HUISSTIJL KLEUREN --------------- */
/* ---------                             ---------- */
/* --------  ALGEMEEN         : #888888	 ---------- */
/* --------  KOP 1            : #555555  ---------- */
/* --------  URL-LINK         : #0B72B5  ---------- */
/* --------  TABELACHTERGROND : #555555  ---------- */
/* ---------                             ---------- */
/* ---------    STANDAARD LETTERTYPE     ---------- */
/* -- font-family: Tahoma, Helvetica, sans-serif; - */
/* ------------------------------------------------ */
/* ------------------------------------------------ */


/* DEFAULT CSS - SWING REPORTS */

.swingreport p {
	/* font-weight:normal; //leek geen effect te hebben
	/* line-height: 1.2; // niet nodig, wordt al op body niveau geregeld  */
	color: #000;
} /*  Opmaak van paragraaftekst (profiel Standaard in Word)  */


/* CUSTOM CSS - ADDED BY ABF RESEARCH 28/3/2018 */

figure {
	page-break-inside:avoid;
	margin-left:0;
	margin-right:0;
} /* deze klasse zorgt ervoor dat alles binnen het figuur element bij elkaar blijft in geval van een page-break */

figcaption { 
    display: block;
} /* standaard definitie van een figcaption*/

.block-left { 
    width: 49%;
    float: left;
    padding-right: 1%;
} /* deze klasse zorgt ervoor dat een blok links wordt uitgelijnd op de helft van de pagina - 
met een kleine marge om titels uit elkaar te halen en een padding om te zorgen dat er niks "tussen kruipt"
*/

.block-right { 
    width: 49%;
    float: right;
    padding-left: 1%;
} /* deze klasse zorgt ervoor dat een blok rechts wordt uitgelijnd op de helft van de pagina */

/* variatie op thema */
.block-left-33 { 
    width: 32%;
    float: left;
}
.block-right-67 { 
    width: 66%;
    float: right;
}
.block-left-75 { 
    width: 74%;
    float: left;
}
.block-right-25 { 
    width: 24%;
    float: right;
}

/* BEGIN automatische nummeringen */
body { 
    counter-reset: tabelnum 0 grafieknum 0 kaartnum 0 voetnootnum 0 tabelnumtekst 0 grafieknumtekst 0 kaartnumtekst 0 voetnootnumtekst 0; 
}


.teller_tabel  {
	font-size: 0.9em;			/* Relatieve lettergrootte: 1em = 100% */	
	font-weight: bold;          /* Dikte van tekst: normal, bold (=dik), 900 (=dikker)*/
	margin: 15px 0 5px 0;
	text-align:left;
	counter-increment: tabelnum 1;
}

.teller_kaart  {
	font-size: 0.9em;			/* Relatieve lettergrootte: 1em = 100% */	
	font-weight: bold;          /* Dikte van tekst: normal, bold (=dik), 900 (=dikker)*/
	margin: 15px 0 5px 0;
	text-align:left;
	counter-increment: kaartnum 1;
}

.teller_grafiek  {
	font-size: 0.9em;			/* Relatieve lettergrootte: 1em = 100% */	
	font-weight: bold;          /* Dikte van tekst: normal, bold (=dik), 900 (=dikker)*/
	margin: 15px 0 5px 0;
	text-align:left;
	counter-increment: grafieknum 1;
}



.teller_tabel:before {
    content: "Tabel " counter(tabelnum) " | ";
}

.teller_grafiek:before {
    content: "Grafiek " counter(grafieknum) " | ";
}

.teller_kaart:before {
    content: "Kaart " counter(kaartnum) " | ";
}

.teller_tabeltekst  {
	counter-increment: tabelnumtekst 1;
}

.teller_kaarttekst  {
	counter-increment: kaartnumtekst 1;
}

.teller_grafiektekst  {
	counter-increment: grafieknumtekst 1;
}

.teller_tabeltekst, .teller_kaarttekst, .teller_grafiektekst, .teller_figuurtekst {
	font-style: italic;					/* maak tabel-, kaart-, figuur- en grafiektellers in de tekst automatisch cursief */
}

.teller_tabeltekst:before {
    content: "tabel " counter(tabelnumtekst);
}

.teller_grafiektekst:before {
    content: "grafiek " counter(grafieknumtekst);
}

.teller_kaarttekst:before {
    content: "kaart " counter(kaartnumtekst);
}

.teller_figuurtekst:before {
    content: "figuur " counter(figuurnumtekst);
}

/* beginhoofdletter - gebruik deze class in combinatie met teller_tabeltekst, teller_kaarttekst en teller_grafiektekst aan het begin van een zin */
/* bv.: <span class="teller_tabeltekst hoofdletter"></span> */

.hoofdletter {
	text-transform: capitalize;
}

/* kleine letters - gebruik deze class om tekst (bv. maandnamen als periode) naar kleine letters om te zetten */
/* bv.: <span class="kleine_letters">...</span> */

.kleine_letters {
	text-transform: lowercase;
}

/* herhaalde verwijzing naar tabellen, kaarten, grafieken en voetnoten - gebruik de class herhaal in combinatie met teller_tabeltekst, teller_kaarttekst, teller_grafiektekst of teller_voetnoottekst
   wanneer je een tweede keer naar dezelfde keer naar dezelfde tabel, kaart, grafiek of voetnoot verwijst (teller loopt niet op) */
/* bv.: <span class="herhaal teller_tabeltekst"></span> */   

.teller_tabeltekst.herhaal {
    counter-increment: tabelnumtekst 0;
}

.teller_kaarttekst.herhaal {
    counter-increment: kaartnumtekst 0;
}

.teller_grafiektekst.herhaal {
    counter-increment: grafieknumtekst 0;
}

.teller_voetnoottekst.herhaal {
    counter-increment: voetnootnumtekst 0;
}

/* verborgen tellers - gebruik deze class in combinatie met teller_tabeltekst, teller_kaarttekst of teller_grafiektekst wanneer het nummer niet in de tekst wordt vermeld */
/* bv.: <span class="teller_grafiektekst verborgen"></span> */

.verborgen {
	display: inline-block;
	visibility: hidden;
	width: 0;
	line-height: 0;
}

/* begin automatische nummering voetnoten */

.teller_voetnoot { counter-increment: voetnootnum 1; }
.teller_voetnoot::before { content: counter(voetnootnum) "."; }
.teller_voetnoottekst { counter-increment: voetnootnumtekst 1; }
.teller_voetnoottekst::before { content: "zie voetnoot\00a0" counter(voetnootnumtekst); }

/* einde automatische nummering voetnoten */

/* EINDE automatische nummeringen */

/* CUSTOM CSS - inhoudstafel */

.inhoudstafel{
  margin-left:10px;
}

.groothoofdstuk{
  margin-top:0px;
}

.subtitels{
  margin-left:17px;
  margin-top:5px;
  margin-bottom:5px;
}

.subsubtitels{
  margin-left:24px;
  margin-top: 2px;
}




/* CUSTOM CSS - GRID */

section.hoofdstuk {
	max-width:860px;
	width:100%;
	background:#fff;
	box-sizing:border-box;
	padding:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: 5px 5px 25px 0px rgba(179,179,179,1);
	-moz-box-shadow: 5px 5px 25px 0px rgba(179,179,179,1);
	box-shadow: 5px 5px 25px 0px rgba(179,179,179,1);	
	overflow:auto; /* als je te brede tabellen hebt scrollbar voorzien */
}

section.hoofdstuk-arva {
	width:1150px;
	background:#fff;
	box-sizing:border-box;
	padding:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: 5px 5px 25px 0px rgba(179,179,179,1);
	-moz-box-shadow: 5px 5px 25px 0px rgba(179,179,179,1);
	box-shadow: 5px 5px 25px 0px rgba(179,179,179,1);	
	overflow:auto; /* als je te brede tabellen hebt scrollbar voorzien */
}

div.halfbreed {
    width:49%;
    display:inline-block;
} /* half brede div voor grafieken; wordt wellicht niet meer gebruikt*/

.zweefrechts {
    float: right;
    width: 75%;
}

.zweeflinks {
    float: left;
}


/* CUSTOM CSS - LAYOUT */

/* overrulet standaard css van Swing zelf */
.j-report-content { 
	background-color: #fcfaf8;
} 


body.swingreport, div.swingreport { 
    font-family: Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3;
	background-color: #fcfaf8;
} /* deze instelling overrulen standaard instellingen */

.swingreport h1 {
	background-repeat: no-repeat;
	height: 40px;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0+ */
	display: flex;
	align-items: flex-start;
	background-image: url(2016_logo_provincies_blauw_enkel_staaf.png);
	background-color: #f2fcff;
	background-size: 100px 100px;
	overflow:hidden;
	padding-top: 15px;
	padding-bottom: 45px;
	padding-left: 110px;
	color: #999999;
	font-size: 30px;
	line-height: 1.1;
} /* aangepaste header: in een blok, en met dynamische tekstgrootte */

.swingreport h1.detailhandel {
	background-image: url(logo_detailhandel_pinc.png);
	background-size: 200px 100px;
	padding-left: 210px;
}

.swingreport h1.subtitel {
	background-image: initial;
	color: #0095c1; /* blauwe kleur van PinC-logo */
	font-size: 20px;
	height: initial;
	padding-bottom: 15px;
	padding-left: 20px;
} /* ondertitels klimaatrapporten */

/* toegevoegd omdat by default h5 te klein was */
.swingreport h2 {
    font-size: 1.5em;
}
.swingreport h3 {
    font-size: 1.33em;
}
.swingreport h4 {
    font-size: 1.17em;
}
.swingreport h5 {
    font-size: 1em;
}

.swingreport .printonly {
    display:none;
} /* dit stuk wordt enkel weergegeven in print-weergave */




.swingreport .onzichtbare_tekst {
    opacity: 0;
} /* voor onzichtbare tellers */


.swingreport a {														
	color:#000;
	text-decoration:underline;
} /* Opmaak van hyperlinks */

.swingreport a:hover {
	color:#000;
	text-decoration:none;
} /* Opmaak van hyperlinks door (muis)cursor */

.swingreport img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    display: inline-block; /* inline-block zorgt ervoor dat afbeeldingen standaard naast elkaar worden weergegeven */
}

/* uitgecommentaterieerd omdat Joost dit lelijk vindt :)
.header-color {
	background: #000;		
	color: #fff;			
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:11px; /* Relatieve lettergrootte: 1em = 100% */
} /* Opmaak van de balk boven het rapport */

/* dit stuk nagaan of het nog gebruikt wordt */

.swingreport .limkop1 {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 30px 0 15px 0;
	color:#ab303e;
} /* Opmaak van limkop1 (boven inhoudelijke hoofdkop: steekkaart of rapport)*/

.swingreport .limkop1bis {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	border-bottom: #000 2px solid;
	color:#ab303e;
} /* Opmaak van limkop1bis (inhoudelijke hoofdkop) */

.swingreport .limkop2 {
	font-size: 20px;			/* Relatieve lettergrootte: 1em = 100% */	
	font-weight: bold;			/* Dikte van tekst: normal, bold (=dik), 900 (=dikker)*/
	line-height: 25px;			/* Regelafstand */
	margin: 20px 0 10px 0;		/* Witruimte (in px) rond Kop 2 (buiten het element): boven - rechts - onder - links */
    color:#86b91f;
} /* Opmaak van limkop2 */

.swingreport .limkop3 {
	font-size: 16px;			/* Relatieve lettergrootte: 1em = 100% */	
	font-weight: bold;			/* Dikte van tekst: normal, bold (=dik), 900 (=dikker)*/
	margin: 20px 0 10px 0;
	color:#ab303e;
} /*  Opmaak van limkop3  */

.swingreport .limkop4 {
	font-size: 14px;			/* Relatieve lettergrootte: 1em = 100% */	
	font-weight: bold;			/* Dikte van tekst: normal, bold (=dik), 900 (=dikker)*/
	margin: 20px 0 10px 0;
} /*  Opmaak van limkop4  */

.swingreport .limkopfig  {
	font-size: 12px;			/* Relatieve lettergrootte: 1em = 100% */	
	font-weight: bold;          /* Dikte van tekst: normal, bold (=dik), 900 (=dikker)*/
	margin: 15px 0 5px 0;
	text-align:left;
} /*  Opmaak van limkopfig */

.swingreport ul.limops {												
	margin: 0 0 0 0;								/* Witruimte (in px) rond de lijst (buiten het element): boven - rechts - onder - links */
	padding: 0 0 0 0;								/* Witruimte (in px) rond de lijst (binnen het element): boven - rechts - onder - links */
	font-family: Tahoma, Helvetica, sans-serif;		/* Standaard lettertype */
	font-size: 12px;	                            /* Relatieve lettergrootte: 1em = 100% */
	font-weight:normal;
	line-height: 16px;								/* Regelafstand */
	color: #000;
	padding-left: 25px;
} /* Opmaak van limops (een opsomming) */


.swingreport li.limops {												
	list-style-type: disc;                          /* Nummering: decimal (1,2,3), lower-latin (a,b,c), upper-latin (A,B,C);  */
	padding-left: 10px;																
} /*  Opmaak van elementen in een lijst (limops) Opsommingstekens: disc (gevulde cirkel), circle (open cirkel), square (vierkant), none (geen teken)  */ 


.swingreport p.j-report-footnote {
	font-size: 90%;
}

/* CUSTOM CSS - PAGEBREAKS */

.keeptogether {
	page-break-inside: avoid !important;
} /*  Houdt samen wat in een object met deze eigenschap staat */  
 
.nobreakafter {
    page-break-after: avoid;
} /* vermijdt page-break na deze div */   
        
 
.pagebreak        { 
    page-break-before: always; 
} /* Forceert weergave op een volgende pagina bij de export naar PDF en Word */


.limpagebreak	{ 
	page-break-before: always; 
} /* Forceert weergave op een volgende pagina bij de export naar PDF en Word */
	
.limnobreak {
	page-break-inside: avoid;
} /* Houdt samen wat in deze div staat */    

.limnobreakafter {
	page-break-after: avoid;
} /* vermijdt page-break na deze div */    


/* CUSTOM CSS - PRESENTATION */

.swingreport .ds {
	font-style: italic;						/* Tekenstijl: normal (normaal), italic (cursief) */
	font-size: 85%;							/* Tekengrootte (hier relatief t.o.v. de instelling van de tekengrootte van de body) */
	margin-top: 15px;						/* Witruimte boven de bronvermelding */
	margin-bottom: 20px;					/* Witruimte onder de bronvermelding */
} /* Opmaak van de klasse voor de bronvermelding */

.swingreport .caption {
	margin-bottom: 0;						/* Witruimte onder de bronvermelding */				
	margin-top: 40px;						/* Witruimte boven de titel */
} /* Opmaak van de klasse voor de presentatie- en tabeltitel */


/* CUSTOM CSS - TABLE */

/* GEMIGREERD NAAR report_table.css omdat dit heel erg lang werd */

/* CUSTOM CSS - POP-UPS */

.swingreport a:not(a.sp-cancel):not(a.disabled) {
	text-decoration: underline;
} /* Zorgt ervoor dat links in pop-ups (bv. 9900_gebiedsniveaus.html) toch onderstreept worden */


/* CUSTOM CSS - MEDIA QUERIES */

/* de volgende twee zorgen ervoor dat bij smallere schermen deze blokken onder elkaar ipv naast elkaar getoond worden */
@media screen and (max-width: 790px) {
            div.block-left, div.block-right, div.block-right-67, div.block-left-33 {
                        width: 100%;
            }
}

@media screen and (max-width: 790px) {
	div.halfbreed{
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	.swingreport H1{
		font-size: 25px;
		padding-top: 10px;
		padding-bottom: 50px;
	}
} /* verklein de tekst van de titel om deze (meestal) binnen zijn vakje te laten vallen */

@media screen and (max-width: 650px) {
	.swingreport H1{
		font-size: 20px;
		padding-top: 5px;
		padding-bottom: 55px;	
	}
	.zweefrechts{
		width: 100%;
	}
	.zweeflinks{
		width: 100%;
	}
} /* verklein de tekst van de titel om deze (meestal) binnen zijn vakje te laten vallen */

@media screen and (max-width: 400px) {
	.swingreport H1{
		font-size: 15px;
		padding-top: 1px;
		padding-bottom: 59px;
	}
} /* verklein de tekst van de titel om deze (meestal) binnen zijn vakje te laten vallen */


/* CUSTOM CSS - MEDIA PRINT */

@media print {
    
    body{
        margin:0;
        padding:0;
        width: 860px;
        font-size: 1.2em !important;
    }
    
/*    body.swingreport, div.swingreport,body.swingreport td,body.swingreport th,body.swingreport p{
        -moz-font-size:1.3em!important;
        -ms-font-size:1.3em!important;
    }    
*/    
    .swingreport H1{
		font-size: 30px;
	}
    
    .dontprint {
        visibility: hidden;
        display: none;
    } /* dit stuk wordt niet weergegeven in print-weergave */
    
    .swingreport .printonly {
    display:inline;
    } /* dit stuk wordt enkel weergegeven in print-weergave */



  
    table.j_report_table.table_begrippen--2 thead tr{
        display:table-row;
    }


    thead { 
        display: table-row-group 
    }  
  
	.limpagebreak { 
		page-break-before: always; 
	}
	
	.pagebreak        { 
    page-break-before: always; 
    } /* Forceert weergave op een volgende pagina bij de export naar PDF en Word */

	.limnobreak {
		page-break-inside: avoid;
	}

	div.swingreport, body.swingreport {
	    background-color: white;
	}

	section.hoofdstuk {
		-webkit-box-shadow: none;
		-moz-box-shadow:  none;
		box-shadow:  none;
		background: white;
		page-break-after: always;
		overflow:hidden;
	}

	section.hoofdstuk-arva {
		-webkit-box-shadow: none;
		-moz-box-shadow:  none;
		box-shadow:  none;
		background: white;
		page-break-after: always;
		overflow:hidden;
	}

    section.hoofdstuk:last-child{
		page-break-after:avoid;
		overflow:hidden;
	}	

/* een link als stukje tekst dat in de export naar PDF toevallig over twee lijnen valt, zorgt ervoor dat de hele paragraaf
linkt naar de href van die link. Gebruik onderstaande class enkel indien dit issue zich voordoet. De weergave wordt dan geforceerd op één lijn */
    a.singleline {
         display: inline-block;
	}
}
    
} /* Forceert weergave op een volgende pagina bij de export naar PDF en Word */




/* CUSTOM CSS - speciale gevallen */