#kaartbeelden {
	height: 500px;
}

#kaartlegenda {
    margin-top: 20px;
}

#kaartlegenda table td {
    cursor: pointer;
}

.container_kaartbeelden {
max-width: 1140px;
	margin: 0 auto;
}

.map-container {
    width: 100%;
    margin-bottom: 2em;
    position:relative;
}

.mapHandlers {
	float: left;
	width: 100%;
	background: #f4f4f4;
    height: 5em;
}

.mapselect.period {
    visibility: hidden;
}

span.mapLegend.color {
	width:10px;
	height:10px;
	display:block;
}

.mapLegend.color1 {
	background-color:#00B050;
}
.mapLegend.color2 {
	background-color:#F79646;
}
.mapLegend.color3 {
	background-color:#FF0000;
}

.mapLegend.color4 {
	background-color: rgb(165,165,165);
}

/* FONT AWESOME NAV MAP */

.mapresetzoom {
    width: 2.5em;
    height: 2.4em;
    margin-top: 1.2em;
    margin-left: .7em;
    border: 1px solid #6e6e6e;
    border-radius: 4px;
}

.mapresetzoom .resetzoom {
    width: 2.5em;
    height: 2.2em;
}

.fa-search-minus:before {
    font-size: 1.5em;
}

.mapsearch, .mapselect {
    margin: 0 .5em 1em 0;
    padding: .5em 0 0 0px;
    height: 2em;
    width: 20em;
    border: 1px solid #6e6e6e;
    border-radius: 4px;
}

.mapselect.variable {
    margin-left: 15px;
}

.mapsearch .searchresults, .mapselect .mapselectlist {
    margin-top: 10px;
    width: 98.2%;
}

.mapsearch .searchresults .searchitem:hover, .mapselect .mapselectlist .selectitem:hover {
    background-color:#f4f4f4;
}

.custommaphover {
    stroke-width: 5px !important;
    fill-opacity: 0.4;
}

g.map path {
    cursor: pointer;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000;
}

.yearsContainer {
    position: absolute;
    margin-top: 70px;
    background: #f4f4f4;
    top: 0;
}

button.yearbutton {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

.year {
    font-size: 25px;
    padding: 25px;
    cursor: pointer;
}
.year.selected {
    background: #d4d4d4;;
    border-left: 4px solid #831625;
}

td.even {
    margin-right: 2em;
    display: inline-block;
}

.footer {
    background-color: #404040;
    height: 100px;
    max-width: 100%;
    margin: 0 auto;
}

.footer p{
max-width: 1140px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    padding: 2.8em;
}

.footer a{
    color: #fff;
}


a.archieflink {
    font-weight: bold;
    color: #005b99;
    width: auto;
    margin: 13px 15px 0 0;
    padding: 5px 32px 5px 10px;
    background-image: url(../images/header/nav-ico.png);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    font-size: 17px;
	position: absolute;
	right: 0;
}

a.archieflink:hover, a.archieflink:active {
	color: #a70b27;
	background-color: #FFFFFF;
	background-image: url("../images/header/nav-ico-red.png");
}