html{margin-top:0px;}

body
{
    line-height: 150%;
    font-family: 'Open Sans', sans-serif;
    background-color: #f5f5f5;
	margin-top:0px;
        overscroll-behavior-y: contain;
}

.wrapper
{
   width:96%;
    max-width:900px;
    padding-left:2%;
    padding-right:2%;
    margin-left: auto;
    margin-right:auto;
    background-color: #ffffff;
}

@media (max-width: 900px) {

}

h1{font-size: 160%; font-weight:400; margin-top:0px; color: #1e3c78;}
h2{font-size: 120%; font-weight:400;}
h3{font-size: 110%; font-weight:400;}
a{color: #494747; font-weight: 400;}

span.onderzoek-title {float: right; width: 66%; padding-top: 2rem; padding-left: 2%; padding-right: 2%; line-height: 150%;}
header img {max-width: 30%;}

section{padding-left:2%; padding-right:2%; margin-top:2rem;}
.highlight{-webkit-box-shadow: 0 0 2px rgba(0,0,0,.16); -moz-box-shadow: 0 0 2px rgba(0,0,0,.16);
    box-shadow: 0 0 2px rgba(0,0,0,.16); float:right; color:#1e3c78; padding: 2%; margin-left: 8%;
    margin-bottom: 2%; width: 40%; margin-top: 0px;
}
.cor-highlight{-webkit-box-shadow: 0 0 2px rgba(0,0,0,.16); -moz-box-shadow: 0 0 2px rgba(0,0,0,.16); display:inline-block;    box-shadow: 0 0 2px rgba(0,0,0,.16); color:#1e3c78; padding: 2%; margin-bottom: 2%; width: 96%; margin-top: 0px;}
footer{position:relative; min-height: 8rem;}
.footer-uitvoerder{display: block; max-width: 200px; text-align: center; position: absolute; right: 0px; bottom: 0px;}
.footer-uitvoerder-text{font-size: 60%;}
.footer-uitvoerder img {width: 100%; margin-bottom: 1rem;}
.button 
{
color: #fff;
    padding: .3em 1.3em;
    border: 1px solid #1e3c73;
    -webkit-box-shadow: 2px 2px 2px #d2d2d2;
    box-shadow: 2px 2px 2px #d2d2d2;
    background-color: #243d90;
    background-image: -o-linear-gradient(top,#284ba0,#1e2878);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#284ba0),to(#1e2878));
    background-image: linear-gradient(to bottom,#284ba0,#1e2878);
    background-repeat: repeat-x;
	margin-top: 1rem;
    margin-bottom: 1rem;
    display: inline-block;
}
a.button {text-decoration: none;}
.button-single-line {display: block; width:auto; width: max-content; width: fit-content;}
a.button.button-single-line.button-grey {
    border: 1px #fafafa solid;
    -webkit-box-shadow: 1px 1px 1px #d2d2d2;
    box-shadow: 1px 1px 1px #d2d2d2;
    background-color: #fbfbfb;
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));
    background-image: linear-gradient(to bottom,#fff,#f5f5f5);
    background-repeat: repeat-x;
    display: inline-block;
    font-family: "FrutigerLTW01-65Bold","Open Sans",arial,sans-serif;
    color: #6e6e6e;
    padding-top: .2em;
	font-weight: bold;}

label{display:block;}

.question_radio {margin-right: 1rem;}
.question_radio_label {margin-bottom: 0.2rem; cursor:pointer;}
input#check_textarea[type="checkbox"] {margin-right: 0.5rem;}
div#error_message {color: #be0f28; margin-bottom: 1rem;}
div#progress_wrapper {margin-top: 0.5rem; margin-bottom: 2rem;}
#progress_indicator{background-color: #1e3c78 !important;}
.enquete_intro_meer_info{font-size: 0.88rem; color: #444;}
img#kaart {margin-top: 1rem; margin-left: 1rem; float:right; width:40%;}
img.enquete_intro_map{margin-top: 1rem; margin-left: 5%; float:right; width:44%; margin-bottom:1rem;}

a.button.opm_button {color: #255c9f; background-color: #fff; background-image: none; border: 1px solid #d2d2d2;}
.opm_button > span {font-weight: bold;}
div#enquete_opm_checkboxes_wrapper h2 {font-size: 110%;	font-weight: normal;}
label.opm_cat_label > input {margin-right: 0.6rem;}
div#enquete_opm_checkboxes {margin-bottom: 0.5rem;}
div#opm_verwerkt {font-size: 120%; font-weight: bold; color: #255c9f; font-style: italic; padding-bottom: 1rem;}
#enquete_closed_question_instruction img {max-width: 100%;}
.map_filter_select{float:left; width:33%;}
#frm_map_filter > .map_filter_select > a.button {margin-top: 0px;}
@media (max-width: 960px) {.map_filter_select{float:left; width: 90%; margin-bottom: 1rem;}
}
@media (max-width: 800px) {
	.highlight{margin-bottom: 2rem; width: 96%;}
	div#map_opm {height: 20rem !important; width: 90% !important;}
}
@media (max-width: 667px) {
	span.onderzoek-title {width: 96%; margin-bottom: 2rem; text-align: left;}
	header h1 {text-align: center;}
	header img {width: 170px; margin-left:auto; margin-right:auto;}
	img#kaart {width:100%; float:none; margin-left: 0rem;}
	img.enquete_intro_map {margin-top: 0rem; margin-left: 0rem; float: none; width: 100%;}	
}