/* maatwerk css */

.mainContent hr {border-top:solid 1px #d4d4d3;}

/*skiplinks*/
a.skipLink:focus, a.skipLink:active { top: 1em; left: 1em; z-index: 1000; color: #fff;}
a.skipLink { background-color: #00859f; color: #fff; border: 2px solid #00859f; display: block; font-size: 1.3em; left: -1000em; padding: 0.8em; position: absolute; z-index: 10;}
a.skipLink { -webkit-transition: all 0s; -moz-transition: all 0s;-o-transition: all 0s; transition: all 0s;}

a.external:after {padding-left:5px !important;}
a.noexternal:after {content: "";padding-left:0px !important;}
.no-padding-left {padding-left:0px !important}
.no-padding-right {padding-right:0px !important}
.no-margin-top {margin-top:0px !important;clear:both;}
.no-margin-bottom {margin-bottom:0px !important;clear:both;}
.normal-bottom-margin p {margin-bottom: 10px !important}

/*leadtekst*/
div.leadText {font-weight:700;}
/*descriptionlists*/
dl.dl-horizontal dt {text-align:left;}
dl.dl-horizontal dd {margin-bottom:8px;}
dl.dl-horizontal dd p {margin-bottom:0px;}
dt, dd {line-height:22px;}

@media (min-width:768px) {
.dl-pubs dt { width: 100px;}
.dl-pubs dd { margin-left: 100px;}
.dl-interventies dt { width: 100px;}
.dl-interventies dd { margin-left: 100px;}
}
/*koppen nieuwspagina's*/
@media (min-width:768px) {
h2.newsList {font-size:24px !important;margin-top:0px;}
}
@media (max-width:767px) {
h2.newsList {font-size:24px !important;margin-top:0px;}
}

/*formulieren*/
input.form-control[type="text"] {line-height: 25px!important;}
.form-control.has-error {margin-bottom: 0px!important;}
.has-error {margin-bottom: 20px;	color: #A94442;}
.has-error:before {font-family: FontAwesome;content: "\f06a  ";}
.alert-button {color: #A94442;}
.alert-hidden, .alert-succes, .alert-button {display: none;}
legend {font-size: 100%;border:0px !important;}/*reset bootstrap*/

/*buttons*/
.btn-nomarginbottom  {margin-bottom: 0px !important;}

/*list zonder bullets*/
UL.noBullets,UL.noBullets UL {list-style-type:none;list-style-image:none !important;}

/*video en transcript*/
IFRAME.videobox {border:0px;}
.transcripttekst p { padding-left:15px;background-image: url(/system/nji/img/double-arrow.png);top:4px;background-repeat:no-repeat;background-size:8px;background-position:0px 7px;}
.transcripttekst p { margin-left: 10px; margin-top: 0px  !important; margin-bottom: 5px !important;}
.transcript {background-color:#f1f1f0;padding:5px 25px 10px 15px;color:#004453;}
.videoset {max-width:570px;}

/*classes, toegekend aan images in bodyveld*/
.mainContent img.fotolinks {margin: 6px 20px 20px 0px;float: left;}
.mainContent img.fotorechts, .contentBlok img.fotorechts {margin: 6px 0px 20px 20px;float: right;}
/*classes, toegekend aan images in bodyveld, mobielafhankelijk*/
@media (min-width: 560px) {
.mainContent img,.contentBlok img {margin: 6px 20px 10px 0px;}
.mainContent img.pull-right, .contentBlok img.pull-right {margin: 6px 0px 10px 20px;}
}
@media (max-width: 560px) {
.mainContent img,.contentBlok img {margin: 6px 20px 20px 0px;}
.mainContent img.pull-right, .contentBlok img.pull-right {margin: 6px 10px 10px 0px;float:left !important;}
.clearfixMobile {clear:both !important;}
}

/*effectiviteitsniveaus*/
.effectiviteit1 {display:inline-block;padding-right:30px;background-color:#ffffff;background-image:url(/system/nji/img/effectiviteit/effectiviteit1.png); background-position: top right;background-repeat:no-repeat;background-size:26px 16px;}
.effectiviteit2 {display:inline-block;padding-right:30px;background-color:#ffffff;background-image:url(/system/nji/img/effectiviteit/effectiviteit2.png); background-position: top right;background-repeat:no-repeat;background-size:26px 16px;}
.effectiviteit3 {display:inline-block;padding-right:30px;background-color:#ffffff;background-image:url(/system/nji/img/effectiviteit/effectiviteit3.png); background-position: top right;background-repeat:no-repeat;background-size:26px 16px;}
.effectiviteit4 {display:inline-block;padding-right:30px;background-color:#ffffff;background-image:url(/system/nji/img/effectiviteit/effectiviteit4.png); background-position: top right;background-repeat:no-repeat;background-size:26px 16px;}

/*contactpersoon*/
.contactblokfoto {padding-top:20px !important;}
.contactblokdetails {padding-left:30px !important;padding-top:20px !important;}

/*publicatielijsten in dossiers*/
.publicatielijstImage {padding: 0 0 10px 15px;}

/*linklijst dossiers*/
div.dossierLinks h2 {margin-bottom:0px !important;color:#004453;font-size:18px;line-height:24px;font-weight:400;margin:0px;padding-top:12px;border-top: 1px solid #d4d4d3;}

/*cijfers inhoud*/
div.ankers .linkList li a::before {content:"\f107" !important;}

/*cijfers voorzieningen*/
td.toelichtingen div {margin-top:3px;margin-left:20px;}
span.nrtoelichting {display: inline-block;width:20px; height:20px; color:#282828; background-color:#eda497; text-align:center; line-height:20px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-size:12px;}
span.toelichting {margin-left:5px;}
td.toelichtingen div span.nrtoelichting {margin-left:-25px;}

/*popover oordeel DEI*/
.infoIcon {display: inline-block;margin-left:4px;width:16px; height:16px; border: 1px solid #7d7d7c; background-color:#fff; color:#7d7d7c; text-align:center; line-height:14px !important; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-size:12px !important; font-weight:300 !important;}
.oordeel li a {color:#000;text-decoration:none !important;}

/*correctie listLabel*/
.listContent {display: inline-block;}

/*lokaal menu*/
.themaKop a {color: #282828;}
.sideMenu li.selected a {font-size: 100%}

/*publicaties*/
.omslag {max-height: 220px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-bottom: 0px !important;border: solid 2px #e0e0de;}
img.omslagintekst {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin: 6px 0px 20px 30px;border: solid 2px #e0e0de !important;}
p.pubspecs {margin-bottom: 5px;}

/*zoekbox*/
.form-control.sitesearch {width:85% !important;}

/*facetzoeken*/
.btn-filter { white-space: normal; height: auto !important; min-height: 40px; padding-right: 20px !important;}
.btn-Filter { white-space: normal; height: auto !important; min-height: 40px; padding-right: 30px !important;}
.facet-title {font-weight: bold;}
.h3SearchStyle {margin-bottom: 0px !important}
.searchMeta {margin-bottom: 0px !important;}
.searchDescription a,.searchDescription a:hover,.searchDescription a:visited {color:#282828 !important;text-decoration:none !important;}
.resultCount {padding-left:15px;}
BUTTON.disabled.fa-angle-left {display:none;}
.CAPJcode {color:#004453 !important; width:70px;}

/*harmonica*/
div.panel-body h2 {font-size:22px; line-height:28px; margin:0px 0px 10px 0px;font-weight:400;}
div.panel-body h3 {color:#004453; font-size:20px; line-height:24px; margin:0px 0px 10px 0px;font-weight:400;}

/*fake link voor clickbox*/
div.pseudolink {position:relative;padding-left:20px;}
div.pseudolink span:before {margin-right:10px; color:#f02d00; position:absolute; left:0px; top:4px; font-family: FontAwesome; content: "\f105"; margin-top:-4px; font-size:20px;}
div.pseudolink span {color:#00859f;}
div.pseudolink span:hover {color:#00b1d4;}


/*widget linkList*/
.linkListBox ul { padding:0px; list-style-image:none; list-style-type:none;}
.linkListBox li { padding:0px; margin-bottom:5px; position:relative;}
.linkListBox li a { padding-left:20px; display:block;}
.linkListBox ul.underline li { border-bottom: solid 1px #ececed; margin-bottom:20px; padding-bottom:20px;}
.linkListBox li a:before {margin-right:10px; color:#f02d00; position:absolute; left:0px; top:4px; font-family: FontAwesome; content: "\f105"; margin-top:-4px; font-size:20px;}

/*widgets homepage*/
.UitgelichtItem {margin-top:5px;padding-top:5px;}
.UitgelichtItemTitel {margin-bottom: 3px;}
.UitgelichtImage {text-align:center;max-height:80px;}
.UitgelichtImage img {margin: 5px 0px 5px 0px !important;}
.HomepageBanner {background-size:100%;background-repeat:no-repeat;}
.HomepageBanner h1 {margin-bottom:3px;font-size:24px;}
.HomepageBanner span {color:#004453;}
@media (max-width: 560px) {.HomepageBannerTextBox {margin-top:130px;}}
@media (min-width: 561px) {.HomepageBannerTextBox {margin-top:185px;}}

/*widget themapagina*/
h2.themaWidget {color:#004453;}
.hasLogic {padding: 0px 0px 0px 15px;}
.hasText {padding: 20px !important;}
			
/* socials contact blok over nji */
.contentBlok .socialIcons li {width: 110px;}

/* social Icon in tekst*/
a.socialIconFacebook i {width:25px; height:25px; text-align:center; color:#fff; padding-top:4px; margin-right:10px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; font-size:14px;}
a.socialIconFacebook i { background-color:#3c5da1; border:solid 1px #1b3877; border-bottom-width: 2px;}
a.socialIconFacebook:hover i { background-color:#295ecb; border:solid 1px #1b3877; border-bottom-width: 2px;}


/* alle onderwerpen A-Z*/
.pagination.navAZ { margin:0px 0px 0px -5px;}
.pagination.navAZ li { display:inline-block;padding-left:5px;}
.pagination.navAZ li a { background-color:#f1f1f0; width:40px; height:40px; border:none; border-bottom: solid 2px #bebdbd; color:#004453 !important; line-height:40px; text-align:center; padding:0px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; text-decoration:none;}
.pagination.navAZ li.selected a,
.pagination.navAZ li a:hover {background-color:#00859f; border-bottom: solid 2px #004453; color:#fff !important;text-decoration:none;}
.pagination.navAZ li a.noterms:hover {background-color:#f1f1f0 !important; border-bottom: none !important;text-decoration:none;}
.AZlist { margin-bottom: 0px !important;}
.letterAZ {color: #004453;font-size: 16px;font-weight: 600;padding-left: 27px;}
@media (max-width: 480px) { 
.letterAZ {padding-left: 12px;}
}
/*licentiehouders*/
.pagination.noAZ {margin:0px;}
.pagination.noAZ li { display:inline-block;padding-left:5px;}
.pagination.noAZ li a {width: auto;padding-left: 5px;padding-right: 5px;text-decoration:none;}
.pagination.noAZ li.selected a,.pagination.noAZ li a:hover {background-color:#00859f; border-bottom: solid 2px #004453; color:#fff !important;text-decoration:none;}

/*meer minder*/
.fa-plus, .fa-minus {font-size: 14px !important;}

/*poll*/
.progress {	margin-bottom: 10px;}
.progress-bar {background-color: #006066;}
textarea.reactiepollsmall { min-height:75px; }

/*implementatiewijzer*/
.implementatieContainerSmall {height:320px;margin-left:20px; margin-bottom: 20px; min-width: 300px; max-width: 350px; float:right;}

/* correctie t.b.v. nieuwslijst*/
.contentBlok .nieuwsLijst li .date {	padding-right: 0px !important;}

/* aanpassing linkList i.o.m. Stroomt*/
.linkList.home li {padding-left: 8px;margin-left: 12px;}

/*correctie slogan small version*/
/*.slogan.small .sloganContainer li.first { margin-bottom: 16px;}*/
.slogan.small .sloganContainer li.first { margin-bottom: 17px;}

/* class voor correctie linkList met pdficoon*/
.linkList.inlineblock li a {display: inline-block !important;}

/*widget*/

@media (min-width: 560px) {
.FotoInTekst {float:right;padding:0 0 10px 30px;max-width:450px;}
}
@media (max-width: 560px) {
.FotoInTekst {display:block;width:100%;}
}

/*correctie*/

@media (min-width: 768px) {
/*.contentBlok .fullImage {min-height:393px;}*/
.hasImage {min-height:393px;}

/* quote*/
.citaat { float:right; margin: 0 0 20px 20px; width:350px; font-size:28px; line-height:39px; color:#7d7d7c; border:none; padding:0; font-style:italic;}
.citaatNormal {padding-left: 10px;}
.citaatNormal em {color:#7d7d7c; font-style:italic;}
.quoteOwner { line-height:16px; margin-top:15px;}
}

@media (max-width: 768px) {
.citaat { float:right; margin: 0 0 5px 5px; max-width:300px; font-size:18px; line-height:24px; color:#7d7d7c; border:none; padding:0; font-style:italic;}
.citaatNormal {padding-left: 10px;}
.citaatNormal em {color:#7d7d7c; font-style:italic;}
.quoteOwner { line-height:16px; margin-top:15px;}
.slogan.small .sloganContainer li.first { margin-bottom: 15px;}
}

div.quoteText {border-left: 3px solid #00859f; padding-left: 12px;margin-bottom:10px;}
div.quoteText p {margin-bottom: 7px !important}

@media (max-width: 560px) {
.language	{border-right-width: 0px !important;} 
}

@media (max-width: 480px) {
.slogan.small .sloganContainer li.first { margin-bottom: 6px;}
}

@media (min-width: 1200px) { 
}
.sml_facetedsearch_resultpane .col-sm-3 {
overflow: auto;
}

/*navigatie onderin pagina*/
.navChaptersCell {padding:10px;}
.navChaptersCell a.meerWeten {display:block;}
.previousCell {padding-left:50px;} 
.nextCell {padding-right:50px;} 
.previousCell span {float:left;margin-left:-40px;}
.nextCell span {float:right;margin-right:-40px !important;}

/*grafiek bij cijfers*/
@media (min-width: 481px) {
.grafiekBox img {float: right;margin:0px;}
.grafiekBox {float: right;min-width: 250px;padding: 4px;border: solid 1px #d4d4d3;margin: 0px 0px 8px 15px;}
.chartbox {width: 690px;min-height: 400px;margin-bottom:20px;border: 1px solid #d4d4d3; border-left: 4px solid rgba(29, 181, 206, 1)}
}
@media (max-width: 480px) {
.grafiekBox img {margin:0px;}
.grafiekBox {width: 100%;padding: 5px 0px 5px 0px;border: solid #d4d4d3;border-width:1px 0px 1px 0px;margin: 5px 0px 5px 0px;}
.chartbox {max-width: 480px;min-height: 200px;margin-bottom:20px;border: 1px solid #d4d4d3;border-left: 2px solid rgba(29, 181, 206, 1)}
}
.grafiektitel {color: #004453;font-weight: 600;font-size: 13px;line-height: 16px;padding: 0 5px 0 5px;text-align: center;}

/*tabellen*/
TABLE.halfwidth {max-width:400px !important;}
TABLE.capjTable th {color:#004453;font-wight:700;background-color:#fff;border-color: #e2e2e1 !important;border-width:0px 1px 1px 0px;}
TABLE.capjTable th, TABLE.capjTable td {vertical-align:top;}
TABLE.capjTable th.DSM, TABLE.capjTable th.ICD {width:100px;}
TABLE.cijfersTable th, TABLE.cijfersTable td {vertical-align:top;}
TABLE.cijfersTable th.year {width:40px;}
TABLE.cijfersTable td.toelichtingen {background-color:#fff;border-top:1px solid #e2e2e1;border-bottom:1px solid #e2e2e1;}
TABLE.cijfersTable td.leegveld {background-color:#fff;border-bottom:1px solid #e2e2e1;}

/*tabel programma evenement*/
.programmaTabel {margin-bottom:15px;}
.programmaTabel td {padding:3px 0px 0px 0px;}

@media (min-width: 481px) { 
.table-mobile {display:none !important}
}
@media (max-width: 480px) { 
.table-nomobile {display:none !important}
}
/*kaartjes*/
@media (min-width: 481px) {
IFRAME.MyMaps { width: 500px; height: 500px;}
}
@media (max-width: 480px) {
IFRAME.MyMaps { width: 300px; height: 500px;}
}

/*.medewerkers*/ 
img.profielFoto {height:100%; max-height:140px;}
img.profielFoto.large {max-height:160px;}

/*tekst, contactpersoon of illustratie themaingang*/
.bodyText p:last-child {margin-bottom: 0px;}
.imageThemaBox {text-align:center;}
.imageThemaBox img {margin:0px !important;}
.contactThema ul {margin-left:130px;}
.contactThema img {width:120px;height:120px;}
@media (min-width: 761px) {.contactThemaBox {padding-top:30px;}}

/*links koppen */
.h3Style a {color: #004453 !important;}
/*logo's*/
p.logobalk img {margin: 0px 10px 0px 10px;}
img.wksLogo {margin: 0px 0px 10px 10px;}

/*link alle onderwerpen*/
@media (min-width: 768px) { 
.alleonderwerpen {margin-top:-70px;float:right;margin-right:-290px;}
}

/*contacticons*/
div.contactfield .fa,dd.contactfield .fa {color:#bebdbd;margin-right: 5px;}
span.fa-envelope, span.fa-phone, span.fa-globe {color:#bebdbd;}
.contactInline .fa {margin-left:15px;margin-right:5px;}
	
/* Partners */
.contentBlok.grey { background-color:#e0e0de; border-bottom:none;}
.contentBlok .partnerContainer{list-style:none;margin:0;padding:0;text-align:left;margin-top:10px;}
.contentBlok .partnerStyle {color: #00859f;font-size: 16px;}
.contentBlok .partnerContainer li {display:inline;}
.contentBlok .partnerContainer img {display:inline-block;width:100px;padding:10px;}
img.partner {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; max-height:100%; width:100%;
}
img.partner:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
img.partner {height: 64px;width: 100px;max-width:100%;}

/* symbolen bestands linkjes */
a.pdf:after {font-family:'FontAwesome';padding-left:5px;content: "\f1c1";}
a.nopdf:after {content: "";padding-left:0px !important;}
a.word:after {font-family:'FontAwesome';padding-left:5px;content: "\f1c2";}
a.noword:after {content: "";padding-left:0px !important;}
a.excel:after {font-family:'FontAwesome';padding-left:5px;content: "\f1c3";}
a.noexcel:after {content: "";padding-left:0px !important;}

/*uitschakelen url-weergave in print*/
@media print {
  a[href]:after {
    content: none !important;
  }
}