@import url('webicons.css');
 @font-face {
    font-family: KievitPro;
    font-weight: normal;
    src: url('32123E_1_0.eot');
    src: url('32123E_1_0.eot?#iefix') format('embedded-opentype'), url('32123E_1_0.woff2') format('woff2'), url('32123E_1_0.woff') format('woff'), url('32123E_1_0.ttf') format('truetype');
}
@font-face {
    font-family: KievitPro;
    font-weight: bold;
    src: url('32123E_0_0.eot');
    src: url('32123E_0_0.eot?#iefix') format('embedded-opentype'), url('32123E_0_0.woff2') format('woff2'), url('32123E_0_0.woff') format('woff'), url('32123E_0_0.ttf') format('truetype');
}
@font-face {
	font-family: KievitPro;
	font-style: italic;
    src: url('32123C_0_0.eot');
    src: url('32123C_0_0.eot?#iefix') format('embedded-opentype'), url('32123C_0_0.woff2') format('woff2'), url('32123C_0_0.woff') format('woff'), url('32123C_0_0.ttf') format('truetype');
}
@font-face {
	font-family: KievitPro;
	font-weight: 300;
    src: url('32123E_2_0.eot');
    src: url('32123E_2_0.eot?#iefix') format('embedded-opentype'), url('32123E_2_0.woff2') format('woff2'), url('32123E_2_0.woff') format('woff'), url('32123E_2_0.ttf') format('truetype');
}
@font-face {
	font-family:'Georgia';
    font-style: italic;
	src: url('322E90_0_0.eot');
	src: url('322E90_0_0.eot?#iefix') format('embedded-opentype'), url('322E90_0_0.woff2') format('woff2'), url('322E90_0_0.woff') format('woff'), url('322E90_0_0.ttf') format('truetype');
}
@font-face {
	font-family:'Georgia';
    font-weight: bold;
    font-style: italic;
	src: url('322E90_1_0.eot');
	src: url('322E90_1_0.eot?#iefix') format('embedded-opentype'), url('322E90_1_0.woff2') format('woff2'), url('322E90_1_0.woff') format('woff'), url('322E90_1_0.ttf') format('truetype');
}
@font-face {
	font-family:'Georgia';
	src: url('322E90_2_0.eot');
	src: url('322E90_2_0.eot?#iefix') format('embedded-opentype'), url('322E90_2_0.woff2') format('woff2'), url('322E90_2_0.woff') format('woff'), url('322E90_2_0.ttf') format('truetype');
}
@font-face {
	font-family:'Georgia';
    font-weight: bold;
	src: url('322E90_3_0.eot');
	src: url('322E90_3_0.eot?#iefix') format('embedded-opentype'), url('322E90_3_0.woff2') format('woff2'), url('322E90_3_0.woff') format('woff'), url('322E90_3_0.ttf') format('truetype');
}

/* --- start overrulen 2.11 software css --- */
html, body {
    overflow: visible !important;
}
html {
    background-color: transparent;
    height: 100%;
}
body {
    height: auto;
    max-width: none;
    max-height: none;
}
.layout {
    display: block;
}
/* --- einde overrulen 2.11 software css --- */

body {
	background-color: #fff;
	color: #000;
	font-family: KievitPro, Arial, sans-serif;
	font-size: 160%;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
	font-family: KievitPro, Arial, sans-serif;
}

a, 
a:hover, 
a:focus {
	color: inherit;
}

select:focus {
    outline: thin dotted !important;
}

.sr-only-focusable:active, 
.sr-only-focusable:focus {
    background-color: #ededed;
    border: 1px solid #333;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    margin: .5em;
    padding: .8em;
}

.mainpage {
	background-color: #ededed;
	position: relative;
}

.show-widgets *[data-ng-controller*="Ctrl"]:after {
   color: #fff;
   background-color: rgba(0,0,205,.8);
   border: 1px black solid;
   font-size: 10pt;
   content: attr(data-ng-controller);
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 2200;
}

.show-widgets *[data-ng-controller*="Ctrl"] {
   background-color: rgba(255,255,0,.4);
   border: 1px solid blue;
   position: relative;
}

.kantlijn {
	padding-left: 15px;
	padding-right: 15px;
}

.no-padding {
	padding: 0;
}

.rij-container-no-padding > .container, 
.rij-container-no-padding > .container > [class*='col-'] {
	padding: 0;
}

.linkje:before {
	color: #ee0000;
	content:"\e959";
	display: inline-block;
	font: normal normal normal 14px/1 webicons; /* font-size niet relatief ivm IE10 en pseudo class bug */
	font-size: inherit;
	margin-right: .5em;
}

a.linkje:focus:before, 
a.linkje:hover:before {
	text-decoration: none;
}

.tekst-afkappen {
	overflow: hidden;
	text-overflow: ellipsis;
}

.ip-widget-header {
	margin-bottom: 0;
}

.ip-widget-header h1, 
.ip-widget-header h2 {
    color: #000;
    font-family: Georgia;
    font-size: 3rem;
    font-style: italic;
    margin-bottom: 1.2em;
    text-align: center;
}

.overzichtpagina .ip-widget-header h1, 
.overzichtpagina .ip-widget-header h2,
.detailpagina-container .ip-widget-header h1, 
.detailpagina-container .ip-widget-header h2 {
    font-family: KievitPro, Arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: left;
}

.accentkader {
	background-color: #f8f7f3;
	border-left: 5px solid #c1b18e;
	padding: 15px 20px;
}


/*  
======================================
    site-header        
======================================
*/
.site-header {
    text-align: left;
    z-index: 2;
}

.site-logo {
    height: 5rem;
	text-align: center;
}

.site-logo a.textlink,
.site-logo a.textlink2 {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 1.5em;
}
.site-logo a.textlink2 {
    margin-left:1em;
}


.site-logo a.logolink {
    display: inline-block;
    position: relative;
    top: .7em;
    left: -3.3em;
    z-index: 1;
}

.site-logo img {
	height: 5rem;
}

.mobile-navbar {
	height: 5rem;
}

.mobile-navbar .sitelogo {
	height: 100%;
	text-align: center;
}

.mobile-navbar .sitelogo a {
    display: inline-block;
    position: relative;
    top: .7em;
    z-index: 1;
}

.mobile-navbar .sitelogo img {
    height: 5rem;
}

.mobile-navbar .icoon {
	font-size: 1.5em;
	height: 100%;
	line-height: 2;
    padding-top: 5px;
	text-align: center;
}

.mobile-navbar .icoon a {
	display: block;
	height: 100%;
}

.mobile-navbar .icoon a:hover, 
.mobile-navbar .icoon a:focus {
	cursor: pointer;
}

.mobile-navbar .menuknop a, 
.site-header .hoofdmenu.uitgeklapt a {
	color: inherit;
}

.mobile-navbar .zoekknop {
	border-left: 1px solid #d2d2d2;
}

.mobile-navbar .zoekknop a {
	color: #333;
}

.mobile-navbar .webicon:before {
	display: inline-block;
}


/* uitgeklapt hoofdmenu */
 .site-header .hoofdmenu.uitgeklapt ul {
	margin-bottom: 0;
}

.site-header .hoofdmenu.uitgeklapt li a {
	display: block;
	padding: .5em;
}

.site-header .hoofdmenu.uitgeklapt li a:hover, 
.site-header .hoofdmenu.uitgeklapt li a:focus {
	text-decoration: none;
}


/* maxi modus */
.site-header .maxi .sitemenu {
	height: 100%;
    margin-bottom: 0;
    padding: 0;
}

.site-header .maxi .sitemenu .item {
	display: inline-block;
    font-weight: bold;
	height: 100%;
}

.site-header .maxi .sitemenu .item.icoon {
	font-size: 1.2rem;
}

.site-header .maxi .sitemenu .item:not(.icoon) {
    font-size: 1.9rem; 
    text-align: center;
}

.site-header .maxi .sitemenu .webicon {
    vertical-align: middle;
}

.site-header .maxi .sitemenu .taalknop {
    text-align: left;
}

.site-header .maxi .sitemenu .taalknop .webicon {
    font-size: 1.3em;
    margin-right: 1.2rem;
}

.site-header .maxi .sitemenu .zoekknop {
    text-align: right;
}

.site-header .maxi .sitemenu .zoekknop .webicon {
    font-size: 1.6em;
    margin-left: .8rem;
}   

.site-header .maxi .sitemenu a {
	color: #fff;
	display: inline-block;
	height: 100%;       
    padding-top: 1em;
	width: 100%;
}

.site-header .maxi .sitemenu .item.icoon a {
    padding: 2.1em .5em .5em;
}

.site-header .sitemenu li a:hover, 
.site-header .sitemenu li a:focus {
	text-decoration: none;
}

.site-header .hoofdmenu.uitgeklapt, 
.mobile-navbar .menuknop {
    background-color: #ee0000;
	color: #fff;
} 
.site-header .hoofdmenu.uitgeklapt li a:hover, 
.site-header .hoofdmenu.uitgeklapt li a:focus {
	background-color: #b60000;
	border-left-color: #c4b28f;
}

.site-header .hoofdmenu.uitgeklapt li {
	border-bottom: 1px solid #c4b28f;
}

.site-header .hoofdmenu.uitgeklapt li a {
	border-left: 4px solid #ee0000;
}

/*  
======================================
    header-home
======================================
*/
.header-home {
    position: relative;     
}

.header-home .achtergrond {
    background-color: #ededed;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.header-home .cover {
    overflow: hidden;
    position: relative;
    text-align: center;
}

.header-home .cover-image {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.header-home .site-header {
    position: absolute;
    top: 0;
    width: 100%;
}

.header-home .widgetinhoud {   
    position: relative;
    padding-bottom: 30px;
}

.header-home .widgetinhoud > .container {   
    position: relative;
}

.header-home .site-header .maxi {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .7) 0%, transparent 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .7) 0%, transparent 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, transparent 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73444444', endColorstr='#00000000', GradientType=0); 
    height: 100%;
}

.header-home .site-header .sitemenu li a:hover, 
.header-home .site-header .sitemenu li a:focus {
    background-color: rgba(0,0,0,.3);
}

.header-home .site-header .maxi .sitemenu {
    height: 6.1rem;
}

.header-home div.titel {
    bottom: auto;
    left: auto;
    position: relative;
}

.header-home .titel h1 {
    color: #fff;
    font-family: Georgia;
    font-size: 4.5rem;
    font-style: italic;
    margin: 0;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .header-home ~ .mainpage {
        position: relative;
        top: -16vh;
    }    
}


/*  
======================================
    header-vervolg
======================================
*/
.header-vervolg {
    position: relative;
    z-index: 2;
}

.header-vervolg .site-header .maxi {
    background-color: #ee0000;  
    box-shadow: 0px 1px 3px 0px rgba(6, 6, 6, 0.15);
    height: 5.8rem;
}

.header-vervolg .site-header .maxi .sitemenu li.item {
    border-bottom: 3px solid transparent;
    height: 6.1rem;
}

.header-vervolg .site-header .sitemenu li.item:not(.icoon).active,
.header-vervolg .site-header .sitemenu li.item:hover:not(.icoon),
.header-vervolg .site-header .sitemenu li.item:focus:not(.icoon) {
    border-bottom-color: #C3B28F;
}

.header-vervolg .site-header .sitemenu li.item:not(.icoon).active a,
.header-vervolg .site-header .sitemenu li.item:hover:not(.icoon) a,
.header-vervolg .site-header .sitemenu li.item:focus:not(.icoon) a {
    background-color: #b60000;
}


/*  
======================================
    site-footer
======================================
*/

.site-footer .footer-logo {
    height: 5rem;
    text-align: center;
}

.site-footer .footer-logo a {
    display: block;
    position: relative;
    top: -1.2rem;
    z-index: 3;
}

.site-footer .footer-logo img {
    height: 5rem;
}

.site-footer .footer-menu {
    background-color: #ededed;
    line-height: 1.5;
    padding: 2.5rem 0 7rem;
}

.site-footer .footer-menu ul.list-unstyled {
    margin-bottom: 0;
}
.site-footer h2 {
    color: #0e0e0e;
    font-size: 1em;
    font-weight: bold;
    margin: 2.5rem 0 1.8rem 0;
}

.site-footer .link-list {
    color: #0e0e0e;
}

.site-footer .link-list a:focus:before,
.site-footer .link-list a:hover:before {
    color: #ee0000;
}

.site-footer .link-list a:focus,
.site-footer .link-list a:hover {
    cursor: pointer;
}

.site-footer .link-list a:before {
    color: #818181;
    content: "\e959";
    display: inline-block;
    font: normal normal normal 14px/1 webicons;
    font-size: 1.1rem;
    margin-right: 1em;
}


@media screen and (min-width: 992px) {
    .header-home ~ .site-footer {
        position: relative;
        top: -16vh;
    }    
}

/*  
======================================
    startpagina + hoofdinhoud  
======================================
*/

.hoofdinhoud-container > .container {
    padding: 0;
}

.hoofdinhoud {
	background-color: #fff;
    border-radius: 2px;
	margin-top: 3em;
}

.startpagina-cover {
    position: relative;
    text-align: center;
}
.startpagina-cover img {
	max-width: 100%;
}

.startpagina-cover ~ div.hoofdinhoud-container,
.startpagina-cover ~ div.hoofd-rij {
    position: relative;
	top: -3vh;
}

.startpagina-cover ~ div.hoofdinhoud-container .hoofdinhoud {
    margin-top: 0;   
}
.startpagina {
	color: #292929;
	position: relative;
}

.startpagina.product-pagina > p:first-of-type,
.startpagina > .lead,
.startpagina > .content > .lead {
    color: #191919;
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.4;
} 

.startpagina > .lead small,
.startpagina > .content > .lead small{
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
}

.startpagina section {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.zoom-10 {
    zoom: 10%;
    -moz-transform: scale(0.1);
    -moz-transform-origin: top;
}
.zoom-20 {
    zoom: 20%;
    -moz-transform: scale(0.2);
    -moz-transform-origin: top;
}
.zoom-30 {
    zoom: 30%;
    -moz-transform: scale(0.3);
    -moz-transform-origin: top;
}
.zoom-40 {
    zoom: 40%;
    -moz-transform: scale(0.4);
    -moz-transform-origin: top;
}
.zoom-50 {
    zoom: 50%;
    -moz-transform: scale(0.5);
    -moz-transform-origin: top;
}
.zoom-60 {
    zoom: 60%;
    -moz-transform: scale(0.6);
    -moz-transform-origin: top;
}
.zoom-70 {
    zoom: 70%;
    -moz-transform: scale(0.7);
    -moz-transform-origin: top;
}
.zoom-80 {
    zoom: 80%;
    -moz-transform: scale(0.8);
    -moz-transform-origin: top;
}
.zoom-90 {
    zoom: 90%;
    -moz-transform: scale(0.9);
    -moz-transform-origin: top;
}
.zoom-100 {
    zoom: 100%;
    -moz-transform: scale(1);
    -moz-transform-origin: top;
}
.zoom-110 {
    zoom: 110%;
    -moz-transform: scale(1.1);
    -moz-transform-origin: top;
}
.zoom-120 {
    zoom: 120%;
    -moz-transform: scale(1.2);
    -moz-transform-origin: top;
}
.zoom-130 {
    zoom: 130%;
    -moz-transform: scale(1.3);
    -moz-transform-origin: top;
}
.zoom-140 {
    zoom: 140%;
    -moz-transform: scale(1.4);
    -moz-transform-origin: top;
}
.zoom-150 {
    zoom: 150%;
    -moz-transform: scale(1.5);
    -moz-transform-origin: top;
}


@media screen and (min-width: 768px) {
    .startpagina-cover ~ div.hoofd-rij {
        top: -5vh;
    } 
    
    .startpagina-cover ~ div.hoofdinhoud-container {
        top: -10vh;
    }
}

@media screen and (min-width: 992px) {    
    .startpagina-cover ~ div.hoofdinhoud-container {
        top: -15vh;
    }
}

@media screen and (min-width: 1200px) {
    .startpagina-cover ~ div.hoofd-rij {
        top: -9vh;
    } 
    
    .startpagina-cover ~ div.hoofdinhoud-container {
        top: -25vh;
    }
}

@media print {
   
    .hoofdinhoud {
        margin: 0;
    }
    .hoofdinhoud-container > .container {
        margin: 0;
    }
    
    .detailpagina .startpagina {
        margin: 0;
        padding: 0;
    }
}

/* headers */
.startpagina > h1.paginatitel,
.startpagina > h1.pagina-titel {
	color: #ee0000;
    font-family: Georgia;
	font-size: 4.1rem;
	font-style: italic;
    font-weight: normal;
    margin-bottom: 1.7rem;
}

.startpagina h2 {
	color: #ee0000;
    font-size: 2.8rem;
	font-weight: bold;
    margin-top: 2.8rem;
    margin-bottom: 1.3rem;
}

.startpagina h3:not(.popover-title) {
	color: #191919;
    font-size: 2.4rem;
	font-weight: bold;
    margin-bottom: .8rem;
    margin-top: 3.6rem;
}

.startpagina h4 {
    color: #191919;
    font-size: 1.9rem;
	font-weight: bold;
}


/* linkjes */
.startpagina > :not(.geen-startpagina-css) a:not(.button):not(.btn) {
	color: inherit;
	text-decoration: underline;
}

.startpagina > :not(.geen-startpagina-css) a:not(.button):hover, 
.startpagina > :not(.geen-startpagina-css) a:not(.button):focus {
	text-decoration: none;
}


/* tabel */
.startpagina:not(.formulier) table {
	border: 0;
    border-bottom: 1rem solid #fff;
    margin-top: 1.6rem;
	width: 100%;
}

.startpagina:not(.formulier) table caption {
	background-color: #ee0000;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
    height: 6.6rem;
	padding: 0;
}

.startpagina:not(.formulier) table caption:before {
    content: '';
    display: inline-block;  
    height: 100%;
    vertical-align: middle;
}

.startpagina:not(.formulier) table thead tr {
	background-color: #b60000;
	color: #fff;
    height: 3.9rem;
}

.startpagina:not(.formulier) table th {
	border: 0;
	font-size: 1em;
	font-weight: normal;
	padding: 0 5px;
	text-align: left;
	text-transform: uppercase;
}


.startpagina:not(.formulier) table th[scope="row"] {
    border-bottom: 1px solid #fff;
}

.startpagina:not(.formulier) table td {
	border: 0;
    border-bottom: 1px solid #fff;
    color: #2a2a2a;
	font-size: 1em;
	padding: 1.7rem .5rem;
}

.startpagina:not(.formulier) table caption,
.startpagina:not(.formulier) table thead tr th:last-of-type,
.startpagina:not(.formulier) table tr td:last-of-type {
    padding-right: 1rem;
}

.startpagina:not(.formulier) table tbody tr:nth-child(odd) {
	background-color: #ede8dd;
}

.startpagina:not(.formulier) table tbody tr:nth-child(even) {
	background-color: #f3f0e9;
}

@media screen and (max-width: 768px) {
    .startpagina:not(.formulier) table th,
    .startpagina:not(.formulier) table td {
        white-space: nowrap;
    }
}

/* afbeelding */
.startpagina figure {
    display: table; 
}

.startpagina .imgcaption {
    background-color: #efefef;
    color: #0e0e0e;
    display: block;
    font-size: 1.2rem;
	margin-bottom: .5rem;
    padding: 1.1rem .5rem;
	position: relative;
	text-align: right;
}

.startpagina img.no-auto-caption + .imgcaption {
    display: none;
}

.detailpagina .startpagina img {
    height: auto;
    width: 100%;
}

.detailpagina .startpagina img.inline-image {
    height: auto;
    width: auto;
}

/* pip-button */
.startpagina .pip-button {
    background-color: #fff;
    border: 1px solid #ee0000;
    border-radius: 2px;
    box-shadow: 0px 1px 3px 0px rgba(6, 6, 6, 0.15);
    color: #ee0000;
    display: inline-block;
    font-size: initial;
    font-weight: bold;
    margin-bottom: .5em;
    padding: 1em 2rem;
}

.startpagina .pip-button:hover,
.startpagina .pip-button:focus {
    background-color: #ee0000;
    color: #fff;
    text-decoration: none;
}

.startpagina .pip-button:before {
    color: inherit;
	content:"\e959";
	display: inline-block;
	font: normal normal normal 14px/1 webicons; /* font-size niet relatief ivm IE10 en pseudo class bug */
	font-size: 1.5rem;
	margin-right: 1.5rem;
}

.startpagina .pip-button:focus:before, 
.startpagina .pip-button:hover:before {
    color: inherit;
	text-decoration: none;
}


@media screen and (min-width: 768px) {
    .startpagina .pip-button {
        min-width: 300px;
        padding: 1em 4rem;
    }
}

/* ul, ol */
.startpagina ol:not(.list-unstyled), 
.startpagina ul:not(.list-unstyled):not(.nav):not(.ui-select-choices):not(.expliciet) {
	list-style: none;
    margin-bottom: 2rem;
    margin-top: 2rem;
	padding-left: 27px;
}

.startpagina ol:not(.list-unstyled) ol, 
.startpagina ul:not(.list-unstyled):not(.nav):not(.ui-select-choices):not(.expliciet) ul {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.startpagina ul:not(.list-unstyled):not(.nav):not(.ui-select-choices):not(.expliciet) > li::before {
	display: inline-block;
	margin-left: -1em;
	transform: scale(1.7);
	width: 1em;
}

.startpagina ul:not(.list-unstyled):not(.nav):not(.ui-select-choices):not(.expliciet) > li {
	margin-bottom: 1.5rem;
}

.startpagina ol:not(.list-unstyled) > li {
    margin-bottom: .4rem;
}

.startpagina ul:not(.list-unstyled):not(.nav):not(.ui-select-choices):not(.expliciet) > li::before {
	color: #d50000;
	content:"\2022";
}

.startpagina ul:not(.list-unstyled):not(.nav):not(.ui-select-choices):not(.expliciet) > li > ul {
    line-height: 1.1;
    margin-left: 7px;
    margin-top: 2.7rem;
}

.startpagina ul:not(.list-unstyled):not(.nav):not(.ui-select-choices):not(.expliciet) > li > ul > li::before {
    color: #191919;
	content:"\2013";
}


.startpagina ol:not(.list-unstyled) {
	counter-reset: listitem;
}

.startpagina ol:not(.list-unstyled) > li::before {
    content: counter(listitem);
    counter-increment: listitem;
    display: inline-block;
    font-weight: bold;
    margin-left: -1.3em;
    width: 1.3em;
}

.startpagina ol:not(.list-unstyled) > li::marker {
    content: '';
}


/*  
======================================
    bijlagen
======================================
*/
.bijlagen {
    font-size: 1.6rem;
}
.bijlagen .ip-widget-header {
    position: relative;
}

.bijlagen .ip-widget-header h2,
.bijlagen .ip-widget-header h3 {
    color: #2f2f2f;
    font-family: KievitPro, Arial, sans-serif;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 0 0 2.2rem 2rem;
    text-align: left;
}

.bijlagen .ip-widget-header .teller {
    bottom: 0;
    color: #2a2a2a;
    padding: 0 2rem 2.2rem 0;
    position: absolute;
    right: 0;
}

.bijlagen .item {
    margin-bottom: 6px;
}

.bijlagen .item > a {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f8f8f8;
    border-left: 6px solid #c3b28f;
    color: #2a2a2a;
    padding: 1rem 2rem;
}

.bijlagen .item.archiefweb > a {
    background-color: #c3b28f;
}

.bijlagen a:focus, 
.bijlagen a:hover {
    text-decoration: none;
}

.bijlagen a:focus .naam, 
.bijlagen a:hover .naam {
    text-decoration: underline;
}

.bijlagen .webicon {
	color: #484845;
}

.bijlagen .pagina .webicon {
	font-size: 1.4em;
	padding-top: 10px;
}

.bijlagen .file {
	font-size: 3.7rem;
    margin-right: 2.6rem;
}

.bijlagen .meta {
    align-self: center;
	font-size: 1.2rem;
	display: block;
}

.bijlagen .extensie {
	display: none;
}

.bijlagen .size {
	display: inline-block;
	width: 50px;
}

.bijlagen .datum {
	display: inline-block;    
	width: 105px;
}

.bijlagen .naam {
	font-weight: bold;
}

.bijlagen .read {
	font-size: 1.8rem;
	padding-top: 5px;
	text-align: right;
	width: 50px;
}

.bijlagen .meer-link {
    color: #000;
    font-weight: bold;
	margin-top: 1.6rem;
}

.bijlagen .meer-link .linkje:before {
	color: #8f8f8f;
	font-size: .95em;
    margin-right: 1.5rem;
}

.bijlagen .meer-link a {
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
}

.bijlagen .meer-link a:focus,
.bijlagen .meer-link a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .bijlagen .inhoud {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    .bijlagen .item > a {    
        height: 5rem; /* naast min-height ook een height nodig bij align-items in IE10 */
        min-height: 7.6rem;        
        padding: 0 2rem;
    }
    
    .bijlagen .extensie {
        display: inline-block;
    	text-transform: uppercase;
    	width: 40px;
    }
}
@media screen and (min-width: 992px) {
	.bijlagen .inhoud {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		box-sizing: border-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding-top: 8px;
	}
    
	.bijlagen .naam {
		box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

/*  
======================================
    persoonlijk portaal
======================================
*/

.portaal.persoonlijk .layout-links {
    padding-left: 0;
}
.portaal.persoonlijk .layout-rechts {
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 0 0 rgba(6, 6, 6, 0.13);
	padding: 1.3em .5em;
}
@media screen and (min-width: 768px) {
	.portaal.persoonlijk .layout-rechts {
		padding: 2.5rem 1rem;
	}
}
@media screen and (min-width: 992px) {
	.portaal.persoonlijk .layout-rechts {
		padding: 3rem;
	}
}


/*  
======================================
    ingediende aanvragen
==> Niet langer nodig ivm standaard loketconfiguratie
======================================


.ingediende-aanvragen {
    margin-bottom: 2rem;
}

.ingediende-aanvragen section {
    border: 0;
}

.ingediende-aanvragen .item {
    background-color: #fbfafa;
    color: #000;
    font-weight: normal;
    margin-bottom: 2px;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}

.ingediende-aanvragen .item a {
    color: inherit;
    text-decoration: none;
}

.ingediende-aanvragen .item > a {
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
}

.ingediende-aanvragen .item:hover, 
.ingediende-aanvragen .item:focus,
.ingediende-aanvragen .item a:hover, 
.ingediende-aanvragen .item a:focus {
    background-color: #fff;
    text-decoration: none;
}

.ingediende-aanvragen .item > a:hover .linkje:before, 
.ingediende-aanvragen .item > a:focus .linkje:before {
    color: #333;
}

.ingediende-aanvragen .item .linkje:before {
    font-size: 1.2rem;
    margin-right: 1.8rem;
}
.ingediende-aanvragen .item h3 {
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0;
}

.ingediende-aanvragen .item .actie-teller {
    margin-right: 2rem;
}

.ingediende-aanvragen .item .actie-teller:after {
    background-color: #888;
    border-radius: 30px;
    color: #fff;
    content: attr(data-teller);
    font-weight: bold;
    margin-left: 5px;
    padding: 2px 10px 0;
}
.ingediende-aanvragen .item .sub {
    color: #6d6b68;
    font-size: 1.4rem;
}

.ingediende-aanvragen .item .datum > span {
    color: #000;
}

.ingediende-aanvragen .item .signaal .webicon {
    background-color: #e7e0d2;
    border-radius: 50%;
    color: #45433f;
    display: block;
    height: 25px;
    margin-right: 1.3rem;
    padding-top: 5px;
    text-align: center;
    width: 25px;
}

.ingediende-aanvragen .item .actions {
    border-left: 2px solid #e9e9e9;
    color: #afafaf;
    margin: 1rem 0;
    width: 5rem;
}

.ingediende-aanvragen .item .actions a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.ingediende-aanvragen .item .actions .webicon:before {
    display: inline-block;
}

.ingediende-aanvragen .actions a:hover,
.ingediende-aanvragen .actions a:focus {
    color: #333;
    cursor: pointer;
}



@media screen and (min-width: 992px) {
    .ingediende-aanvragen .item {
        padding-left: 3rem;
        padding-right: 1.2rem;
    }
    
    .ingediende-aanvragen .item > a {
        padding-bottom: 1.2rem;
        padding-right: 2rem;
        padding-top: 1.2rem;
    }
}

@media screen and (min-width: 1200px) {
    .ingediende-aanvragen .item {
        padding-left: 4rem;
        padding-right: 1.5rem;
    }
    
    .ingediende-aanvragen .item > a {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
}
*/

/*  
======================================
    spacer
======================================
*/
.spacer {
    display: block;
    height: 2.5rem;
}

@media screen and (min-width: 992px) {
    .spacer {
        display: block;
        height: 3rem;
    }
}

@media screen and (min-width: 1200px) {
    .spacer {
        display: block;
        height: 3.5rem;
    }
}

/*  
======================================
    contact-specifiek
======================================
*/

.balie-specifiek,
.detailpagina .startpagina section.balie-specifiek:last-child {
    background-color: #fff;
    border-left-width: 6px !important;
    border-left: 6px solid #e1141d;
    font-size: 1.6rem;
    padding: 2.4rem 3.5rem;
}

.detailpagina .balie-specifiek,
.detailpagina .startpagina section.balie-specifiek:last-child {
    background-color: #f8f7f3;
    border-left-color: #c3b28f;
}

.balie-specifiek h3 {
    color: #2c2c2c;
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 0;
}

.balie-specifiek .balie > p {
    color: #4f4f4f;
    font-size: 1.9rem;
    margin-bottom: 1.5rem;
}

.balie-specifiek a.knop {
    background-color: #ee0000;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 rgba(6, 6, 6, .21);
    color: #fff;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: bold;
    min-height: 5.7rem;
    padding: 1.7rem 3.8rem 0;
    text-align: center;
}

.balie-specifiek a.knop:before {
    color: #fff;
    font-size: 1.5rem;
    margin-right: 1.1rem;
}

.balie-specifiek a.knop:focus,
.balie-specifiek a.knop:hover {
    background-color: #fff;
    box-shadow: 0 1px 3px 1px rgba(6, 6, 6, .21);
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.balie-specifiek a.knop:focus:before,
.balie-specifiek a.knop:hover:before {
    color: #ee0000;
}

.detailpagina .balie-specifiek a.knop {
    background-color: #fff;
    color: #333;
}

.detailpagina .balie-specifiek a.knop:before {
    color: #ee0000;
}

.detailpagina .balie-specifiek a.knop:focus,
.detailpagina .balie-specifiek a.knop:hover {
    background-color: #ee0000;
    color: #fff
}

.detailpagina .balie-specifiek a.knop:focus:before,
.detailpagina .balie-specifiek a.knop:hover:before {
    color: #fff;
}

.balie-specifiek .balie {
    padding-right: 15px;
}
.balie-specifiek .tijden {
    color: #333;
    margin-top: 2em;
}

.balie-specifiek .tijden strong {
    color: #000;
}


@media screen and (min-width: 768px) {
    .balie-specifiek,
    .detailpagina .startpagina section.balie-specifiek:last-child {
        padding-bottom: 4.8rem !important;
        padding-top: 4.8rem;
    }
    
    .balie-specifiek .tijden {
        margin-top: 0;
    }

}



/*  
======================================
    navbalk - navigatie + persoonlijk  
======================================
*/
.navbalk {
    background-color: #fff;    
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: 1px solid #d1d1d1;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    color: #000;
    font-size: 1.4rem;
    height: 7rem;
    position: relative;    
    z-index: 1;
}

.navbalk ul {  
    background-color: inherit;
    height: 100%;
    margin: 0;
}

.navbalk li { 
    background-color: inherit;
    border-left: 1px solid #d6d6d6;
    height: 100%;
    padding: 0;
}

.navbalk li:last-of-type {
    border-right: 1px solid #d6d6d6;
}

.navbalk li.active {
    border-bottom: 3px solid #c3b28f;
    color: #ee0000;
    font-weight: bold;
}

.navbalk li a {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    height: 100%;
    line-height: 1;
    padding: 0 2.6rem;
    position: relative;
    width: 100%;
}

.navbalk li a:hover, 
.navbalk li a:focus {
    background-color: #fff;
}

.navbalk li .webicon {
    color: #ee0000;
    display: inline-block;
    font-size: 1.2rem;
    padding-right: 1.7rem;
}


.navbalk.affix ~ .nav-content section {
    margin-bottom: 0; 
}
.navbalk.affix ~ .nav-content section > h1:before {
    display: block; 
    content: ""; 
    height: 75px; 
}

.navbalk.affix ~ .nav-content section > h1 + .chip {
    margin-top: 75px;
}


@media screen and (max-width: 767px) { 
    .navbalk {
        height: auto;
    }
    
    .navbalk li { 
        border: 0;
        height: 3rem;
    }
    
    .navbalk li:last-of-type {
        border-right: 0;
    }
    
    .navbalk li.active {
        border-bottom: 0;
        border-left: 3px solid #c3b28f;
    }
}

@media screen and (min-width: 768px) {   
    .navbalk {
        background-color: #f9f9f9;
    }
    .navbalk ul {
        margin: 0 10rem;
    }
    
    .navbalk.affix, 
    .navbalk.affix-bottom {
        width: 100%;
        margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	}

	.navbalk.affix {
		position: fixed;
		top: 0;
	}

	.navbalk.affix-bottom {
		position: absolute;
	}

	.navbalk.affix-bottom > .nav, 
    .navbalk.affix > .nav {
        margin-bottom: 0;
		margin-top: 0;
	}
    
}

@media screen and (min-width: 992px) {
    .navbalk.affix, 
    .navbalk.affix-bottom {
    	width: 940px;
	}

	.navbalk.affix {
		position: fixed;
		top: 0;
	}

	.navbalk.affix-bottom {
		position: absolute;
	}

	.navbalk.affix-bottom > .nav, 
    .navbalk.affix > .nav {
        margin-bottom: 0;
		margin-top: 0;
	}
}

@media screen and (min-width: 1200px) {
	.navbalk.affix-bottom, 
    .navbalk.affix {
		width: 1140px;
	}
}

/*  
======================================
    detailpagina  
======================================
*/

.detailpagina-container {
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 40vh;
}

.detailpagina-container:not(.cover) .kruimelpad {
    position: relative;
    top: 4rem;
}
.detailpagina-container.cover .kruimelpad {
    padding-top: 1em;
    position: absolute;
}

.detailpagina-container.cover .detailpagina.hoofdinhoud {
    margin-top: 20vh;
}

.detailpagina-container.cover .kruimelpad {
    top: 15vh;
}

.detailpagina.hoofdinhoud {
    padding: 0 .3rem;
    margin-bottom: 1rem;
}

.detailpagina .links {
    padding: 0;
}

.detailpagina .rechts {
    padding-right: 0;
    padding-top: 5.7rem;
}

.detailpagina-meta {
    border-bottom: 2px solid #ececec;
    color: #0e0e0e;
	font-size: 1.3rem;
    height: 5.3rem;
}

.detailpagina-meta ul {
    height: 100%;
    margin: 0;
    position: relative;
}

.detailpagina-meta ul:before {
    content: '';
    display: inline-block;  
    height: 100%;
    vertical-align: middle;
}

.detailpagina-meta li {
    padding: 0;
}

.detailpagina-meta li strong {
    margin-left: .5em;
}

.detailpagina-meta li:nth-child(2) {
    float: right;
    position: absolute;
    right: 0;
    top: 32%;
}
    
.detailpagina .startpagina {
    color: #191919;
    font-size: 1.9rem;
    line-height: 3.2rem;
    margin-top: 2rem;
}

.detailpagina .startpagina iframe {
    max-width: 100%;
}

.detailpagina .startpagina > .geen-startpagina-css {
    font-size: initial;
    line-height: 1.42857;
}

.detailpagina .gerelateerd-pagina .ip-widget-header h2,
.detailpagina .beeldbank .ip-widget-header h2 {
    color: #ee0000;
    font-family: KievitPro, Arial, sans-serif;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 2rem;
    text-align: left;
}

.detailpagina .startpagina.bestuurder-pagina .ip-widget-header h2 {
    color: #ee0000;
    font-family: KievitPro, Arial, sans-serif;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 10px;
}



/* kantlijnen */
.detailpagina .detail-kantlijnen,
.detailpagina .startpagina > *:not(table):not(figure):not(img):not(.imgcaption):not(.geen-detail-kantlijn):not(.balie-specifiek):not(#PaginaContainer) {
    margin-left: .9rem;  
}

.detailpagina .startpagina img.maximalebreedte + .imgcaption,
.detailpagina .startpagina img.maximalebreedte {
    height: auto;
    margin-left: -.9rem;
    width: calc(100% + .9rem);
}

.detailpagina .startpagina img.maximalebreedte {
    margin-top: 1.5rem;
}

.detailpagina .gerelateerd-vac .ip-widget-header h2,
.detailpagina .bijlagen .ip-widget-header h2,
.detailpagina .bijlagen .ip-widget-header h3,
.detailpagina .bijlagen .intro,
.detailpagina .bijlagen .meer-link,
.detailpagina .startpagina table caption,
.detailpagina .startpagina table thead tr th:first-of-type,
.detailpagina .startpagina table tr th[scope="row"],
.detailpagina .startpagina table tr th[scope="col"]:first-of-type,
.detailpagina .startpagina table tr td:first-of-type,
.detailpagina .startpagina table tr td:first-of-type {
    padding-left: .9rem;
}

.detailpagina .bijlagen .item > a {
    padding-left: calc(1.2rem - 6px);
}


/* responsive detailpagina */
.detailpagina .toggle-zijbalk {
    background-color: #ee0000;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    color: #fff;
    font-size: 2.5rem;
    height: 56px;
    line-height: 2.6;
    position: fixed;
    right: 30px;
    text-align: center;
    top: 65px;
    width: 56px;  
    z-index: 5;
}

.detailpagina .toggle-zijbalk:focus,
.detailpagina .toggle-zijbalk:hover {
    background-color: #fff !important;
    color: #ee0000;
    text-decoration: none;
}
.detailpagina .rechts.sidenav {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    display: block !important;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}

.detailpagina .rechts.sidenav .detail-context {
    background-color: #fff;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    height: 100%;
    overflow-y: auto;
    padding: 4.5rem 2.5rem 2.5rem;
    position: fixed;
    right: 0;
    top: 0;
    width: 50%;
}

.detailpagina .rechts.sidenav .close-zijbalk {
    position: absolute;
    right: 20px;
    top: 20px;
}

@media screen and (min-width: 768px) {
    .detailpagina-container.cover .detailpagina.hoofdinhoud {
        margin-top: 25vh;
    }
    
    .detailpagina-container.cover .kruimelpad {
        top: 21vh;
    }
    .detailpagina .toggle-zijbalk {
        font-size: 3rem;
        line-height: 2.3;
        right: 50px;
        top: 70px;
    }
    .detailpagina .rechts.sidenav .detail-context {
        width: 30%;
    }
}

@media screen and (min-width: 992px) {
    .detailpagina-container {
        min-height: 60vh;
    }
    
    .detailpagina-container.cover .detailpagina.hoofdinhoud {
        margin-top: 30vh;
    }
    
    .detailpagina-container.cover .kruimelpad {
        top: 26vh;
    }

    .detailpagina.hoofdinhoud {
        padding: 0 4rem;
        margin-bottom: 2rem;
    }

    .detailpagina-meta {
        margin: 0 -5px;
    }
    .detailpagina-meta li:first-of-type {
        margin-right: 3.1rem;
    }
    
    .detailpagina-meta li:nth-child(2) {
        float: none;
        position: relative;
        right: auto;
        top: auto;
    }

    .detailpagina .detail-kantlijnen,
    .detailpagina .startpagina > *:not(table):not(img):not(figure):not(.imgcaption):not(.geen-detail-kantlijn):not(.balie-specifiek):not(#PaginaContainer) {
        margin-left: 5.5rem;    
        margin-right: 4.5rem;
    }
    
    .detailpagina .startpagina {
        margin-top: 5.6rem;
    }
    
    .detailpagina .startpagina img.maximalebreedte + .imgcaption,
    .detailpagina .startpagina img.maximalebreedte {
        margin-left: -5.5rem;
        width: calc(100% + 10rem);
    }
    
    .detailpagina .gerelateerd-vac .item > div,
    .detailpagina .gerelateerd-vac .ip-widget-header h2,
    .detailpagina .bijlagen .ip-widget-header h2,
    .detailpagina .bijlagen .ip-widget-header h3,
    .detailpagina .bijlagen .intro,
    .detailpagina .bijlagen .meer-link,
    .detailpagina .startpagina table caption,
    .detailpagina .startpagina table thead tr th:first-of-type,
    .detailpagina .startpagina table tr th[scope="row"],
    .detailpagina .startpagina table tr th[scope="col"]:first-of-type,
    .detailpagina .startpagina table tr td:first-of-type,
    .detailpagina .highlights .row {
        padding-left: 5.5rem !important;
    }
    
    
    .detailpagina .contact-kaart .item,
    .detailpagina .balie-specifiek,
    .detailpagina .startpagina section.balie-specifiek:last-child,
    .detailpagina .bijlagen .item > a {
        padding-left: calc(5.5rem - 6px);
    }
    
    .detailpagina .gerelateerd-vac .item > a,
    .detailpagina .gerelateerd-vac .item > div,
    .detailpagina .contact-kaart .item,
    .detailpagina .balie-specifiek,
    .detailpagina .startpagina section.balie-specifiek:last-child,
    .detailpagina .bijlagen .item > a,
    .detailpagina .bijlagen .ip-widget-header .teller,
    .detailpagina .highlights .row {
        padding-right: 4.5rem !important;
    }    

}

@media screen and (min-width: 1200px) {
    .detailpagina-container.cover .detailpagina.hoofdinhoud {
        margin-top: 35vh;
    }
    
    .detailpagina-container.cover .kruimelpad {
        top: 31vh;
    }
}

/*  
======================================
    detail-navigatie
======================================
*/

.detail-navigatie {
    color: #0e0e0e;
    font-size: 1.4rem;
    font-weight: normal;
}

.detail-navigatie li {
    background-color: #fff !important;
    border-left: 2px solid #c2c0ba;
    margin-bottom: 2px !important;
}

.detail-navigatie li.active {
    background-color: #fff !important;
    border-color: #ff0000;
}

.detail-navigatie li.active a,
.detail-navigatie li.active:hover a,
.detail-navigatie li.active:focus a {
    color: inherit !important;
    font-weight: bold !important;
}

.detail-navigatie li a {
    color: inherit !important;
    display: inline-block;
    height: 100%;
    padding: 1rem 1rem 1rem 2rem !important;
    text-decoration: none !important;
    width: 100%;
}

.detail-navigatie li a:hover,
.detail-navigatie li a:focus {
    background-color: #eeeeee !important;
}

.detail-context {
    background-color: #fff;
}

@media screen and (min-width: 992px) {
    .detail-context.affix, 
    .detail-context.affix-bottom {
		width: 213px;
	}

	.detail-context.affix {
		position: fixed;
		top: 20px;
	}

	.detail-context.affix-bottom {
		position: absolute;
	}

	.detail-context.affix-bottom > .nav, 
    .detail-context.affix > .nav {
        margin-bottom: 0;
		margin-top: 0;
	}
}

@media screen and (min-width: 1200px) {
	.detail-context.affix-bottom, 
    .detail-context.affix {
		width: 166px;
	}
}


/*  
======================================
    product pagina 
======================================
*/
.startpagina.product-pagina .notice {
    background-color: #f3f0e9;
	border-left: 4px solid #c3b28f;
    color: #50493a;
	font-size: 1.5rem;
	line-height: 1.2;
	margin: 0 0 2rem;
	padding: 1.8rem 2.2rem;
}

.startpagina.product-pagina .notice > p:first-of-type:before {
    content: "Let op!";
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
}

.startpagina.product-pagina .notice > p:last-of-type {
	margin-bottom: 0;
}

.startpagina.product-pagina .balie-specifiek a.linkje {
    text-decoration: none;
}

/*  
======================================
    aanvraagbox 
======================================
*/
.aanvraagbox {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 1px 3px 0px rgba(6, 6, 6, .15);
    color: #000;
    font-size: 1.6rem;
    line-height: initial;
    margin-bottom: 1em;
	padding: 2.5rem 2rem;
	width: 100%;
}

.aanvraagbox h2, 
.aanvraagbox h3,
.aanvraagbox header {
    color: #000;
	font-size: 2.5rem;
    font-weight: bold;
    margin: 0 0 .5rem;
    padding: 0;
}

.aanvraagbox p.intro {
    font-size: 1.9rem;
    margin: 0 0 2rem;
}

.aanvraagbox a.button {
	background-color: #ee0000;
	border: 1px solid #ee0000;
	border-radius: 2px;
    box-shadow: 0px 1px 3px 0px rgba(6, 6, 6, 0.15);
	color: #fff;
	display: inline-block;
    font-size: initial;
    font-weight: bold;
	margin-bottom: .5em;
	padding: 1em 2rem;
}

.aanvraagbox a.button:hover, 
.aanvraagbox a.button:focus {
	background-color: #fff;
	color: #ee0000;
	text-decoration: none;
}

.aanvraagbox a.button .webicon {
	font-size: 1.5rem;
	padding-right: 1.5rem;
}

.aanvraagbox .caption {
	color: #333;
    font-size: initial;
	margin: 0;
}

.aanvraagbox .caption img {
	height: 30px;
	padding-right: .9rem;
	width: auto;
}

@media screen and (min-width: 768px) {
    .aanvraagbox {
        padding: 3.8rem 4.5rem 3.8rem 5.5rem;
    }
    
    .aanvraagbox a.button {
    	min-width: 300px;
    	padding: 1em 4rem;
    }
}

/*  
======================================
    contact-kaart  
======================================
*/
.contact-kaart .item {
    background-color: #f8f8f8;
    border-left: 6px solid #ee0000;
    color: #191919;
    padding: 2.5rem 2rem;
}

.contact-kaart .item img {
    -webkit-align-self: center;
    align-self: center;
    margin-right: 3.7rem;
    width: 150px;
}

.contact-kaart .item h2 {
    color: inherit !important;
    font-size: 1.9rem;
    font-weight: bold;
    margin: 0;
}
.contact-kaart .item a {
    color: inherit;
}
.contact-kaart .item .subtitel {
    font-size: 1.9rem;
    font-weight: 300;    
    margin-bottom: 1.5rem;
}
.contact-kaart .item .contact {
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    font-size: 1.4rem;
}

.contact-kaart .item .contact h3 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 0;
}

.contact-kaart .item .telefoon {
    padding-right: 1.5rem;
}

.contact-kaart .item .telefoon > p {
    font-size: 1.4rem;
    font-weight: 300;
}

.contact-kaart .item .contactbox {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #edeae3;
    font-size: 1.4rem;
    font-style: italic;
    height: 4rem;
    margin-top: 4px;
}

.contact-kaart .item .contactbox .webicon {
    background-color: #d8ceb9;
    color: #000;
    display: inline-block;
    font-size: 2rem;
    height: 4rem;  
    padding-top: 6px;
    text-align: center;
    width: 4rem;
}

.contact-kaart .item .contactbox .webicon:before {
    vertical-align: middle;
}

.contact-kaart .item .contactbox > span:last-of-type {
    justify-content: center;
}

.contact-kaart .item .telefoon > div,
.contact-kaart .item .social > div {
    width: 100%;
}
.contact-kaart .item .social {
    flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    padding-left: 1.5rem;
}
.contact-kaart .item .social a {
    display: block;
}

.contact-kaart .item .social a:not(:last-of-type) {
    margin-bottom: 1rem;
}

.contact-kaart .item .social .webicon {
    background-color: #e0d7c5;
    border-radius: 50%;
    color: #000;
    display: inline-block;
    font-size: 1.4rem;
    height: 25px;
    margin-right: 1.3rem;
    padding-top: 4px;
    text-align: center;
    width: 25px;
    vertical-align: middle;
}

.contact-kaart .item .social .webicon:before {
    vertical-align: middle;
}

@media print {
    .contact-kaart .item img {
        display: block !important;
    }   
}

@media screen and (min-width: 768px) {
    
    .contact-kaart .item .social {
        flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
    }

    .contact-kaart .item {
        padding-bottom: 5.2rem;
        padding-top: 5.2rem;
    }

}



/*  
======================================
    overzichtpagina  
======================================
*/
.overzichtpagina.hoofdinhoud {
    border-radius: 2px;
    box-shadow: 0px 1px 10px 0px rgba(6, 6, 6, 0.13);
    margin-top: 0;
}


.overzichtpagina .startpagina {
	margin-bottom: 0;
	padding: 1.3em .5em;
}

.overzichtpagina .startpagina > h1.paginatitel,
.overzichtpagina .startpagina > h1.pagina-titel {
    color: #ee0000;
    font-family: KievitPro, Arial, sans-serif;
    font-size: 2rem;
	font-style: normal;
	font-weight: bold;
}

.overzichtpagina .startpagina > .lead,
.overzichtpagina .startpagina > .content > .lead {
    color: #0e0e0e;
    font-size: 1.8rem;
    margin-bottom: 0;
} 

.overzichtpagina .startpagina > .lead > p:last-of-type,
.overzichtpagina .startpagina > .content > .lead > p:last-of-type {
    margin-bottom: 0;
}

.overzichtpagina .icoon {
    color: #c3b28f;
    font-size: 10rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
}

@media screen and (min-width: 768px) {
    .overzichtpagina .startpagina {
    	margin-bottom: 0;
		padding: 2.5rem 1rem;
	}
    
    .overzichtpagina .startpagina > h1.paginatitel,
    .overzichtpagina .startpagina > h1.pagina-titel {
        font-size: 2.7rem;
    }
    
    .overzichtpagina .startpagina > .lead,
    .overzichtpagina .startpagina > .content > .lead {
        font-size: 2.2rem;
        line-height: 1.2;
    } 

}

@media screen and (min-width: 992px) {
	.overzichtpagina .startpagina {
        min-height: 14rem;
		padding: 3rem;
	}
    
    .overzichtpagina .startpagina > h1.paginatitel,
    .overzichtpagina .startpagina > h1.pagina-titel {
        font-size: 3.6rem;
    }
    
    .overzichtpagina .startpagina.icon > .lead {
        padding-right: 10.5rem;
    }
    
    .overzichtpagina .startpagina > .lead,
    .overzichtpagina .startpagina > .content > .lead {
        font-size: 2.6rem;
        line-height: 1.2;
    } 
}

@media screen and (min-width: 1200px) {
    .overzichtpagina .startpagina {
        min-height: 15rem;
		padding: 4rem;
	}
    
    .overzichtpagina .icoon {
        right: 3rem;
        top: 3rem;
    }

}



/* 
======================================
    Specifieke aanpassingen widgets binnen detailpagina / startpagina
    Moet op applicatie nivo ivm FireFox.
======================================
*/
.detailpagina .social-delen p {
    font-weight: bold;
}

.detailpagina .social-delen li.hide-zijbalk {
    display: none;
}

.startpagina .actiepunten .item > a, 
.startpagina .actiepunten .item > div, 
.startpagina .bijlagen .item > a,
.startpagina .contact-kaart .item {
    background-color: #f3f0e9 !important;
    border-left-color: #c3b28f !important;
}
.startpagina .contact-kaart .item .contactbox {
    background-color: #e9e4d7;
}
.startpagina .contact-kaart .item .contactbox .webicon {
    background-color: #d6cbb3;
}

.detailpagina .gerelateerd-vac .item > a {
    padding-left: 8.5rem !important;
}
.detailpagina .gerelateerd-vac .item > a:before {
    left: 5.5rem !important;
}
    
.geokaart {
    position: relative;
    padding-bottom: 60%; // (450 ÷ 500 = 0.9 = 90%)
    height: 0;
    overflow: hidden;
}
.geokaart iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.geokaart-widget {
    position: relative;
    padding-bottom: 70%; // (450 ÷ 500 = 0.9 = 90%)
    height: 0;
    overflow: hidden;
}
.geokaart-widget iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 
======================================
    decentrale regeling (cvdr)
======================================
*/

.decentraleregeling-pagina .bijlage {
    overflow-x: auto;
}

.decentraleregeling-pagina #PaginaContainer {
    font-size: 1.6rem;
}

.decentraleregeling-pagina #PaginaContainer table {
    font-size: 1.5rem;
}

.decentraleregeling-pagina #PaginaContainer #cvdr_meta > *:not(table):not(img):not(figure):not(.imgcaption),
.decentraleregeling-pagina #PaginaContainer #broodtekst .intitule,
.decentraleregeling-pagina #PaginaContainer #broodtekst .aanhef > *:not(table):not(img):not(figure):not(.imgcaption),
.decentraleregeling-pagina #PaginaContainer #broodtekst .regeling-tekst > *:not(div),
.decentraleregeling-pagina #PaginaContainer #broodtekst .regeling-tekst > div > *:not(table):not(img):not(figure):not(.imgcaption),
.decentraleregeling-pagina #PaginaContainer #broodtekst .bijlage > *:not(table):not(img):not(figure):not(.imgcaption),
.decentraleregeling-pagina #PaginaContainer #broodtekst .regeling-sluiting,
.decentraleregeling-pagina #PaginaContainer #broodtekst .nota-toelichting,
.decentraleregeling-pagina #PaginaContainer #inhoud > h2 {
    margin-left: .9rem;  
}

@media screen and (min-width: 992px) {
    .decentraleregeling-pagina #PaginaContainer #cvdr_meta > *:not(table):not(img):not(figure):not(.imgcaption),
    .decentraleregeling-pagina #PaginaContainer #broodtekst .intitule,
    .decentraleregeling-pagina #PaginaContainer #broodtekst .aanhef > *:not(table):not(img):not(figure):not(.imgcaption),
    .decentraleregeling-pagina #PaginaContainer #broodtekst .regeling-tekst > *:not(div),
    .decentraleregeling-pagina #PaginaContainer #broodtekst .regeling-tekst > div > *:not(table):not(img):not(figure):not(.imgcaption),
    .decentraleregeling-pagina #PaginaContainer #broodtekst .bijlage > *:not(table):not(img):not(figure):not(.imgcaption),
    .decentraleregeling-pagina #PaginaContainer #broodtekst .regeling-sluiting,
    .decentraleregeling-pagina #PaginaContainer #broodtekst .nota-toelichting,
    .decentraleregeling-pagina #PaginaContainer #inhoud > h2 {
        margin-left: 5.5rem;    
        margin-right: 4.5rem;
    }
}

/*  
======================================
    flex layout 
======================================
*/
.flex-layout-row, 
.flex-layout-column,
.flex {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex-layout-row {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.flex-layout-column {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.flex {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flex-layout-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*  
======================================
    animatie        
======================================
*/
.animate-hover {
	transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, transform 0.2s linear;
	-webkit-transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, transform 0.2s linear;
	-moz-transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, transform 0.2s linear;
	-ms-transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, transform 0.2s linear;
	-o-transition: background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, transform 0.2s linear;
}

.animate-show {
	line-height: inherit;
	opacity: 1;
}

.animate-show.ng-hide-add, 
.animate-show.ng-hide-remove {
	transition: all linear 0.5s;
}

.animate-show.ng-hide {
	line-height: 0;
	opacity: 0;
}

/*  
======================================
    inhoud.css        
======================================
*/
.uitlijnen-verticaal-boven {vertical-align: top;}
.uitlijnen-verticaal-midden {vertical-align: middle;}
.uitlijnen-verticaal-onder {vertical-align: bottom;}
.uitlijnen-horizontaal-links {text-align: left;}
.uitlijnen-horizontaal-midden {text-align: center;}
.uitlijnen-horizontaal-rechts {text-align: right;}
.uitlijnen-horizontaal-uitvullen {text-align:justify; }
.zwevend-links {float: left; padding-right: 10px;}
.zwevend-rechts {float:right; padding-left: 10px;}


/*  
======================================
    formulieren        
======================================
*/
.ip-form .ui-select-container {
    padding: 0 !important;
}

.ip-form .ip-bijlage-remove,
.ip-form .ip-bijlage, 
.ip-form .dropdown .ui-select-toggle {
    background-color: #fff !important;    
}

.ip-form .ip-bijlage-remove {
    color: #909090 !important;
}

.ip-form .actionbar .btn {
    background-color: #fff !important;
    color: #323232 !important;
}

.ip-form .controleer-overzicht-knop .ip-button,
.ip-form .actionbar button.btn:last-of-type {
    background-color: #ee0000 !important;
    color: #fff !important;
}


.verticaal .checkbox.horizontal label {
    display: block;
    flex-grow: 1;
    margin-right: 2px;
    padding-right: 4px;
    width: 100%;
}

.verticaal .checkbox.horizontal {
    display: inherit;
}

.form-group.group_verticaal .ip-fieldset .radio.horizontal,
.form-group.group_verticaal .ip-fieldset .checkbox.horizontal {
   display: block;
}

.form-group.group_verticaal .ip-fieldset .radio.horizontal label,
.form-group.group_verticaal .ip-fieldset .checkbox.horizontal label {
    display: block;
    width: 100% !important;
}

.form-group.niettonen .form-control-wrapper {
    background-color: white;
}

.btn-ip-button-nieuwsbrief{
    border: 0;
    display: block !important;
    min-width: 0;
    height: 2em;
    width: 8em;
    color: #fff;
    font: 16px KievitPro, Arial, sans-serif;
    background-color: #ee0000; 
}

/******************* AA 15-03-2022 meldingen op schema's ********************/
.melding{    
    color: #ee0000 !important; 
}