/*@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 400;
 src: local('Roboto'), local('Roboto-Regular'), url('/roboto.woff2') format('woff2');
 font-display: swap;
}*/

BODY {height:100%;padding:0;margin:0;font-family:Arial;font-size:16px}
H1 {margin:0;padding:17px 0 12px;font-size:30px;text-shadow:#005B5B 0 1px 5px}
H2 {font-family:Arial;font-size:18px;margin:0 0 5px 0}
IMG {border:0}
A {color:#008}
A:hover {color:#03C}

INPUT,TEXTAREA,SELECT {font-family:Roboto,Arial,sans-serif;font-size:13px;border:2px solid #005B5B;padding:6px;outline:none;border-radius:7px;background-color:#FFF;}
INPUT:focus {border:2px outset #333;}
.button {border-color:#DDD;background:#EEE}
#inputsearch {width:200px;background:#FFF url('/pics/sprites.png') -440px 0 no-repeat;color:#999;font-size:14px;padding:8px 6px 7px 36px}
#inputsearch:focus {color:#000}
#lijstsearch {position:relative;top:-2px;width:244px;max-height:0px;transition:max-height 0.4s ease-in-out;overflow:hidden;z-index:9999;background:#3F3F3F linear-gradient(to bottom,#3F3F3F 40%,#222);border:0}
#lijstsearch A {color:#FFF;border-bottom:1px solid #000;border-top:1px solid #555}
#lijstsearch A:hover {background-color:#555}

header {width:100%;background:#6bb130;text-align:center;border-bottom:2px solid #005B5B;box-shadow:0px 2px 5px #BBB}

.breadcrumbs {list-style:none;margin-bottom:18px;padding:0;margin:0 0 17px 0;color:#005B5B}
.breadcrumbs LI {display:inline-block;font-size:12px}
.breadcrumbs LI A {color:#040}
.breadcrumbs LI A:hover {color:#DFD}
.breadcrumbs LI B {margin:0 15px 0 12px}

nav A .circle {display:block;background:#090;width:64px;height:54px;border-radius:32px;padding-top:10px}
nav A .circle DIV {width:40px;height:40px;margin:auto;background-image:url('/pics/sprites.png')}
nav A:hover .circle {background:#A9E569;padding-top:10px}
nav A {float:left;width:90px;color:#FFF;font-size:11px}
nav A:hover {color:#BFB}
nav .active {font-weight:bold;color:#000;text-decoration:none}
nav .active:hover {color:#000}

#mainwrapper {max-width:1024px;min-height:700px;margin:32px auto;font-family:Roboto,Arial,sans-serif;padding-left:5px}
#content {float:left;min-width:65%;max-width:805px}


aside .table {float:left;margin:0 10px 35px 35px;width:150px;}
aside {padding-left:10px;}

.weer_deg1 {font-weight:bold;font-size:29px;color:#085;text-shadow:#AAA 1px 1px 5px}
.weer_deg2 {position:relative;top:-2px;left:2px;font-size:16px;color:#000}

.foto {border:1px solid #DDD;padding:2px;box-shadow:0px 4px 2px -3px #BBB}

TABLE,.table {font-size:14px;border-collapse:collapse;background:#FAFAFA linear-gradient(to bottom,#FFF,#F9F9F9 60px);box-shadow:0px 2px 2px -2px #555}
.table {padding:6px;border:1px solid #F1F1F1;background:#F9F9F9 linear-gradient(to bottom,#FFF,#F9F9F9 60px)}
.tabletitle {color:#005B5B;margin-bottom:5px}
.tabletitlebig {color:#005B5B;font-size:16px}
.light {color:#AAA;font-size:12px;text-align:right;padding-right:5px}
TR:hover {color:#080;background:#F9F9F9 linear-gradient(to bottom, #FFF 30%,#F9F9F9);}
TD {padding:4px 2px 4px 7px}
TH {color:#005B5B;font-weight:normal;padding:4px;background:#FFF;text-align:left}
.tablesmall {max-width:800px;background:none;box-shadow:none}
.tablesmall TR {background:none}
.tablesmall TD {padding:1px 2px 2px 7px}
.tablesmall A:visited {color:#77A}

.lijst {background:#F6F9F6 linear-gradient(to bottom,#FFF 30%,#F6F9F6);border:1px solid #EEE}
.lijst A {display:block;background-image:url('/pics/dot.png');background-repeat:no-repeat;background-position:left;line-height:30px;padding:8px 0 6px 30px;border-bottom:1px solid #EEE;text-decoration:none;text-align:left}
.lijst A:hover {background-color:#6bb130;color:#000}

.listtable li {min-width:225px;width:33%;max-width:250px;float:left;}

.balkperc {display:inline-block;background:#A9E569;height:11px;border:1px solid gray;margin-right:8px;padding-right:5px;text-align:right;font-size:11px;line-height:12px}

.Aplaats {text-decoration:none;background:#FFF;border:1px solid #A9E569;border-radius:5px;padding:1px 6px 1px 6px;white-space:nowrap;font-size:12px}
.Aplaats:hover {border-color:#005B5B}

footer {clear:both;width:100%;min-height:120px;background:#3F3F3F linear-gradient(to bottom,#3F3F3F 40%,#222);border-top:1px solid #777;color:#B80;text-shadow:#000 0px 1px 2px;margin-top:64px;font-size:14px;box-shadow:0px -3px 4px #BBB}
footer DIV {float:left;margin:30px 30px 0 30px}
footer #footcontent {display:table;max-width:1030px;margin:auto;float:none}
footer A {color:#B80}
footer A:hover {color:#299}
footer .divider {width:1px;background:#000;height:75px;border-right:1px solid #555;margin:20px 70px 0 70px}

#plattegrondtop {box-sizing:border-box;background:#F9F9F9;width:100%;border:1px solid #CCC;border-bottom:none;padding:0 10px 2px 10px;border-radius:9px 9px 0 0}
#plattegrondtop A {font-size:11px;margin-right:18px}

.boxtext {max-width:770px;background:#F6F9F6 linear-gradient(to bottom,#FFF 30%,#F6F9F6);border:1px solid #EEE;border-radius:10px;font-size:14px;padding:12px;margin-bottom:4px;box-shadow:0px 1px 3px #BBB}
.boxtextnr {position:relative;top:5px;left:-5px;border:1px solid #555;border-radius:30px;background:#6bb130;color:#FFF;padding:0 6px 0 6px;margin-right:2px}
.boxtextlabel {position:relative;top:-22px;left:-4px;float:right;color:#A06}

.lighttext {color:#777;font-size:12px}
.lighttext A {color:#777;text-decoration:none}
.lighttext A:hover {text-decoration:underline}

.smalltext {font-size:13px}

.tabs {padding:20px 0 16px 0;height:50px}
.tabs A {border-radius:6px;padding:4px 20px 3px 20px;margin-right:20px;font-size:16px;margin-bottom:16px;float:left}
.tabs A:hover {background:#A9E569;}
.tabs .active {margin-bottom:25px;background:#F6F9F6;border: 2px solid #005B5B;text-decoration:none;color:#000;cursor:default;}
.tabs .active:hover {background:#F6F9F6;}
.tabarrow-down {width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid #F6F9F6;position:relative;top:42px;left:-50px;margin-right:-32px}
.tabarrow-down SPAN {width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #005B5B;position:absolute;top:-18px;left:-20px;z-index:-1}

.adsize_97090 {width:100%;height:100px;}
@media(min-width:1001px) {.adsize_97090 {width:970px;height:90px;}}
.adsize_160600 {width:100%;height:50px;}
@media(min-width:1001px) {.adsize_160600 {width:160px;height:600px;}}


#cookieconsent {position:fixed;left:0;bottom:0;width:100%;padding:12px 0 7px 10px;background-color:#eee;color:#555;font-size:12px;z-index:999}
#cookieconsent #disclaimer {color:#333}
#cookieok {float:right;background-color:#6bb130;color:white;padding:6px 40px 6px 40px;margin:-6px 20px 0px 20px;border-radius:6px;text-decoration:none}
#cookieok:hover {background-color:#7c2}

@media (min-width: 1001px) {
 header {height:204px;min-width:1030px;}
 #toptop {width:1000px;margin:auto}
 #topsearch {float:right;padding-top:25px;height:60px;overflow:visible}
 nav {width:1000px;margin:auto;overflow-y:visible}
 nav A .circle {margin:6px auto 6px;}
 nav .active {height:104px;padding-top:5px;background:#EEE;border:2px solid #005B5B;border-radius:8px}
 nav .active .circle {margin-top:8px}
 nav .active:hover .circle {background:#090;padding-top:10px}
 .arrow-down {width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid #EEE;position:relative;top:12px;left:27px}
 .arrow-down DIV {width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #005B5B;position:relative;top:-18px;left:-20px;z-index:-1}
 #openmenu {display:none;}
 #openzoek {display:none;}
 .sluit {display:none;}
 #content {width:805px}
 aside {float:left;width:164px}
}

@media (max-width:1001px) {
 header {min-height:104px;}
 #topsearch {z-index:9999;background:#DDD;width:0;height:0;transition:height 0.4s ease-out;box-shadow:1px 2px 5px #000;position:fixed;top:0;right:0;overflow:hidden}
 nav {z-index:9999;background:#DDD;width:0;height:0;transition:left 0.4s ease-out;box-shadow:1px 2px 5px #000;position:fixed;top:0;left:-200px;overflow-y:hidden}
 nav {padding-left:8px}
 nav A {color:#555}
 nav A .circle {margin:18px auto 6px;}
 nav .active .circle {background:#A9E569}
 #openmenu {float:left;background:#6bc130;border:1px solid #6ba130;border-radius:5px;margin:5px;padding:4px;text-decoration:none;font-size:12px;color:#000}
 #openmenu HR {width:35px;border:1px solid #000;margin:4px 0;box-shadow:0px 1px 1px #388}
 .sluit {display:block;float:right;margin-left:200px;padding-top:5px;width:35px;height:30px;background:#CCC;font-size:20px;text-decoration:none;font-weight:bold;color:#000}
 #openzoek {float:right;background:#6bc130 url('/pics/sprites.png') -440px 0 no-repeat;border:1px solid #6ba130;border-radius:5px;margin:5px;padding:29px 7px 1px 7px;text-decoration:none;font-size:12px;color:#000}
 #sluitzoek {margin-bottom:5px}
 .arrow-down {display:none}
 footer .divider {display:none}
 #overlay {background-color:#000;opacity:0;filter:alpha(opacity=0);transition:opacity 0.5s;width:0;height:0;position:fixed;top:0;left:0;z-index:5000;}
}

@media (min-width:770px) {
 #lijstprovincies {width:230px;}
}

@media (max-width:525px) {
 #kaartnl {display:none;}
 aside .table {width:95%;margin-left:0}
 .fullwidthonmobile {width:98%;margin:0}
 table {width:98%}
}
@media (max-width:700px) {
 #content {width:98%}
 #lijstprovincies A {float:left;width:50%;box-sizing:border-box;}
 .listtable {max-height:400px;overflow-y:auto}
}