* { margin: 0; padding: 0; } 
html { font-size:1px; line-height: 1rem; }
html, body { margin: 0; padding: 0;  background-color: #FFFFFF; width: 100%; height: 100%; }

img { border: 0; padding: 0; margin: 0; }
a { text-decoration: none; padding: 10rem 5rem 0 0; border: 0; }
a:link { color: #000000; }
#toelichting { display: inline-block; }
#toelichting a, span a { text-decoration: underline; padding: 0; background: none; font-family: Maps_Bold, Arial; }
#toelichting a:link, span a:link  { color: #004699; }
#toelichting a:visited, span a:visited  { color: #004699; } 
path { shape-rendering: geometricPrecision; outline: none; }

input, select { border-radius: 0;}
::placeholder { color: #666666; opacity: 1; }
.screen-reader-text {border: 0; clip-path: inset(50%); height: 1rem; margin: -1rem; width: 1rem; overflow: hidden; position: absolute !important; word-wrap: normal !important; }
.skip { position: absolute;  left: -10000rem;  top: auto;  width: 100rem;  height: 100rem; overflow: hidden; }
.noshow { display: none !important; }

header { position: relative; height: 63rem; width: 100%; background-color: #FFFFFF;  }
header .logo { position: absolute; width: 120rem; margin-left: 20rem; }
header .logo img { position: absolute; height: 43rem; margin: 11rem 0 0 0; border: 0; }
header .logo a { display: inline-block; margin: -1rem 0 0 20rem; color: #EC0000; font: normal 16rem/16rem Maps_Bold, Arial; text-decoration: none; }
header h1 { position: absolute; display: inline-block; margin: 13rem 0 0 160rem; color: #000000; font: normal 26rem Maps_Bold, Arial; }
#toelichting_knop, #contrast { display: inline-block; float: right; width: 36rem; height: 36rem; border: 0; z-index: 7; cursor: pointer;  }
#toelichting_knop { background-image: url('../_knop/help_zwart.svg'); background-color: #FFC90E; margin: 15rem 20rem 0 0; }
#toelichting_container { z-index: 3050; display: none; max-width: 600rem; margin: 0 10rem 0 0; max-height: 70%; background-color: #E5E5E5; border: 0; color: #000000; box-shadow: 0 0 2rem 2rem rgba(51,51,51,0.3); position: absolute; left: 0; bottom: 38rem; }
#toelichting_container span { display: inline-block; padding: 0; height: 35rem; }
#toelichting_container h2 { white-space: nowrap; font: normal 20rem Maps_Bold, Arial; display: inline-block; padding: 6rem 20rem 0 20rem; height: 30rem; background: none; }
#toelichting_x { cursor : pointer; padding: 0; margin: 0; float: right; border: 0; z-index: 11; width: 36rem; height:36rem; background-repeat: no-repeat; background-position: 0 0; background-color: #EC0000; background-image: url('../_knop/kruis_wit.svg'); }
#toelichting { height: 100%; padding: 0 10rem 0 20rem; border: 0; font: normal 16rem/24rem Maps_Regular, Arial; overflow: auto; background-color: #FFFFFF; color: #000000; }
#toelichting h3, #toelichting p { display: inline-block; border: 0; padding: 20rem 0 5rem 0; font: normal 19rem/30rem Maps_Bold, Arial; color: #000000; }
#toelichting strong, #toelichting h4 { display: inline-block; font: normal 16rem/24rem Maps_Bold, Arial; }
#waas { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); z-index: 90; }

#contrast { background-image: url('../_knop/contrast_uit_zwart.svg'); margin: 15rem 10rem 0 0; }
#contrast.aan { background-image: url('../_knop/contrast_aan_zwart.svg');  }

nav { position: absolute; left: 0; top: 62rem; width: 100%; padding: 0; margin: 0; height: 35rem; z-index: 200; background-color: #F5F5F5; box-shadow: 2rem 2rem 2rem rgba(51,51,51,0.3); border: 0; }
nav button {  box-shadow: none; cursor: pointer; font: normal 18rem Maps_Bold, Arial; border-radius: 0; background-color: transparent; border:0; padding: 4rem 5rem 0 5rem;}
nav a { cursor: pointer; font: normal 18rem Maps_Bold, Arial; border-radius: 0; background-color: transparent; color: #000000; border:0; padding: 4rem 5rem 0 100rem;}
nav a:hover { color: #EC0000; text-decoration: underline; }

.selectie { margin-left: 21rem;  font: normal 18rem Maps_Bold, Arial; background-color:transparent; color: #333333; padding: 8rem 10rem 4rem 16rem; border:0; cursor: pointer; }
#GB { display: none; margin-left: 11rem;}
#wissel { color: #000000;  text-align: left; margin-left:  100rem; }
/* #wissel:hover { text-decoration: underline;} */

main {padding-bottom: 9%; }

#hoofdtabel { position: relative; margin: 30rem 0 0 40rem;  z-index: 20; width: 1190rem;  border-collapse: collapse; vertical-align: bottom; }
#hoofdtabel caption {color: #004699; font: normal 14rem Maps_Bold, Arial;}
#hoofdtabel caption span { margin: 50rem 10rem 5rem 2rem;  float: left;  }
#hoofdtabel thead, #hoofdtabel tbody, #hoofdtabel tfoot { border: 1rem solid #CCCCCC; }
#hoofdtabel thead th, #hoofdtabel tfoot td { text-align: right; width: 60rem; padding: 4rem 5rem 1rem 0;}
#hoofdtabel tbody td { text-align: right; width: 60rem; padding: 0 5rem 0 0;}
#hoofdtabel tbody tr:nth-of-type(1) td { padding-top: 8rem; } 
#hoofdtabel tbody tr:nth-last-of-type(1) td { padding-bottom: 6rem; } 
#hoofdtabel .verborgen { display:none; }
#hoofdtabel .wit { background-color: #FFFFFF; color: #000000;  font: normal 14rem/24rem Maps_Regular, Arial;  border-right: 1rem solid #CCCCCC;}
#hoofdtabel .grijs { background-color: #E5E5E5; color: #000000;  font: normal 14rem/24rem Maps_Bold, Arial; border: 1rem solid #CCCCCC; }
#hoofdtabel tbody .grijs { border: 0;}
#hoofdtabel tbody .grijs.links { width: 250rem; }
#hoofdtabel tfoot tr:last-of-type td.grijs{ border: 0; }
#hoofdtabel .zwart { background-color: #767676; color: #FFFFFF;  font: normal 14rem/24rem Maps_Bold, Arial; border: 1rem solid #767676; }
#hoofdtabel .links { text-align: left; padding-left: 8rem; }
#hoofdtabel .klik:hover {text-decoration: underline; color : #EC0000 !important; cursor: pointer;}

#grafiek { margin: 30rem 0 0 30rem; background-color: #FFFFFF; z-index: 10;  width: 1220rem; height: 350rem; }
#kaart { position:relative; border: 1rem solid #CCCCCC; margin: 0 0 0 40rem; width: 1188rem; height: 720rem; top: 90rem; padding: 0; z-index: 20; }
.tooltip { color : #333333; font: normal 14rem Maps_Regular; background-color: #FFFFFF; border-radius: 0;}
.tooltip strong { font: normal 14rem Maps_Bold; }
.leaflet-tooltip-right:before { display: none; }

#subtabel { position: absolute; top: 396rem; left: 40rem; z-index: 30; display: none;  margin-bottom: 0; vertical-align: bottom;  border-collapse: collapse; border-bottom: 0 solid #FFFFFF;  border-right: 120rem solid #FFFFFF;  }
#subtabel.lager { top: 444rem; }
#subtabel caption {color: #004699; font: normal 14rem Maps_Bold, Arial; background-color: #FFFFFF;}
#subtabel caption span { margin: 10rem 10rem 5rem 2rem;  float: left;  }
#subtabel thead, #subtabel tbody, #subtabel tfoot { display: block; }
#subtabel thead th, #subtabel tfoot td { text-align: right; width: 90rem; padding: 4rem 5rem 1rem 0;}
#subtabel tbody { max-height: 307rem; overflow-y: auto; overflow-x: hidden; }
#subtabel tbody td { text-align: right; width: 90rem; padding: 0 5rem 0 0;}
#subtabel .verborgen { display:none; }
#subtabel .blauw { background-color: #004699; color: #FFFFFF;  font: normal 14rem/24rem Maps_Bold, Arial;  border: 0;}
#subtabel .kop { text-align: left; width: 420rem; padding: 5rem 5rem 4rem 8rem; font-size: 18rem; }
#subtabel .wit { background-color: #FFFFFF; color: #000000;  font: normal 14rem/24rem Maps_Regular, Arial;  border:0; cursor: url(../_img/knop_kruis_rood.svg), pointer;}
#subtabel .grijs { background-color: #E5E5E5; color: #000000;  font: normal 14rem/24rem Maps_Bold, Arial; border:0; text-align: left; padding-left: 8rem; min-width: 420rem; max-width: 420rem; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
#subtabel .grijs.klik:hover {text-decoration: underline; color : #EC0000 !important; cursor: pointer;}
#subtabel .zwart { background-color: #767676; color: #FFFFFF;  font: normal 14rem/24rem Maps_Bold, Arial; border: 0; }
#subtabel tbody tr:nth-of-type(1) td { padding-top: 8rem; } 
#subtabel tbody tr:nth-last-of-type(1) td { padding-bottom: 6rem; } 
#subtabel tbody .totaal { background-color: #E5E5E5; font: normal 14rem/24rem Maps_Bold, Arial;  }