html,body {
background: #FFFFFF; }
#overzicht {
margin: 4em 2em;
padding: 0;
font-weight: 400;
line-height: 175%; }
.typografie {
font-weight: 500;
fill: #386539; }
.wit {
fill: white; }
.zwart {
fill: black; }
#gecentreerd {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) }
.hoogtelijn {
fill: none;
stroke: #eb0202;
stroke-width: 1;
stroke-miterlimit: 10;
stroke-opacity: 0.3;
stroke-dasharray: 5 5; }
.hoogte {
font-weight: 500;
fill: #eb0202;
opacity: 0.3;
stroke-width:0; }
.bos {
fill: #386539;
stroke:#FFFFFF;
stroke-width:2;
stroke-miterlimit:10; }
.donker_groen {
fill: #386539;
stroke-miterlimit:10; }
.donker_groen_naar_zwart {
fill: #386539;
stroke-miterlimit:10; }
.licht_groen_donker_groen {
fill: #DCDB22;
stroke: #386539;
stroke-miterlimit:10; }
#wit {
fill: #FFFFFF; }
.licht_groen {
fill: #DCDB22;
stroke-miterlimit:10; }
.complex {
stroke: #eb0202;
stroke-width: 1;
stroke-miterlimit: 10;
fill: #DCDB22; }
#complex {
stroke: #eb0202;
stroke-width: 1;
stroke-miterlimit: 10;
fill: #eb0202; }
.complexen {
stroke: #eb0202;
stroke-width: 0;
stroke-miterlimit: 10;
fill: #eb0202; }
.stad {
fill: #8E7B33; }
.tuin {
fill: #DCDB22;
stroke:#FFFFFF;
stroke-width:2;
stroke-miterlimit:10; }
.tuinnummer {
font-weight: 500;
fill: #000000; }
.BR, .BW, .CA, .PA {
font-size: 9px; }
.KW {
font-size: 8px; }
@media screen and (orientation: landscape) {
#kaart {
overflow:scroll; }
}
@media screen and (orientation: portrait) {
#kaart {
overflow:scroll; }
}
@media screen and (max-width: 800px) {
#overzicht {
margin: 4em 1em; }
#venster {
position: fixed;
top: 25%; }
#kaart {
height: 100%;
overflow: scroll; }
}
@media screen and (max-width: 660px) {
#venster {
padding:10px; }
#overzicht {
margin: 6em 1em; }
.column_5em {
display: block; }
.column_8em {
display: block; }
.column_10em {
display: block; }
}