@charset "utf-8";
/* CSS Document */

html{
	background-color:#ffffff;
	background-image: url(Achtergrondplaatje.png) no-repeat center center fixed; /*Achtergrondplaatje.png als achtergrond voor de vragenlijst*/ 
	/*background-image: none; */
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}
body {
    background-color: rgba(255,255,255,0);
}
header { margin:5px auto 0 auto; height:auto; }

#content_container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /*border: 1px solid #909191;*/
}

#header_content {
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    margin: 10px 0;
    padding-right:10px;
}

/* Logo´s */

/* Logo boven */
div#header_logo1 {
    background: url(logoOpdrachtgever.png) top right no-repeat;
    width: 35%;
    height:150%;
    background-size: contain;
    float: right;
    background-origin: content-box;
}

/* Logo onder */
div#header_logo2 {
    background: url(logoDimensus_HQ_grijs.png) top right no-repeat;
    width: 15%;
    background-size: contain;
    float: right;
    background-origin: content-box;
    margin-top:-10px;
}

/* Grijze balk bovenin */
.grey_row {
    margin: 30px 0 auto 0;
    height: 35px;
    background-color: #f1f1f1;
    border-top: 1px solid #d9d9d9;
}

.questcontainer {
    box-shadow: none;
}

/* small fix don't know option Numerical en Text questions */
.TextTable td.none.n-control span.n-checkbox, .TextTable td.noneofthese span.n-checkbox {
    left: 25px;
    position: absolute;
    margin-top: 3px;}

table.NumericTable td.none.n-control .OptionFont, table.TextTable td.none.n-control .OptionFont, table.NumericTable td.none.n-control .OptionFont>.n-checkbox {
    margin-left: 35px;
}

/* small fix don't know open ended */
table.OpenEnded td.none.n-control .OptionFont a {
    padding-top: 9px;
}

/* Navigatie knoppen vorige/volgende */
#content_container center input {
    color: #fff;
    background-color: #909291; /*Kleur die je meteen te zien krijgt*/
    border-radius:99px;
}

#content_container center input:hover {
	color:#fff; 
	background-color:#696969;} /*Kleur die je ziet als je er met de muis overheen gaat of op klikt*/

/* Progressbar */
/*Kleur van de Progressbar aan het begin*/
#Prg_Background {
    background-color: #909291;
}

/*Kleur van de Progressbar naarmate je verder in de vragenlijst komt*/
#Prg_Foreground {
    background-color: #696969;
}

#Prg_Background,#Prg_Foreground {
    margin: 0;
    height: 25px;
}

#Prg_PercTxt {
    color: #000000;
}

/* Footer tekst */
div#copy {
text-align:center;
color:#97999C;
}

/* Achtergrondkleur van radiobuttons en checkboxes */
td.radio.n-control input:checked ~ .n-radio,
td.noneradio.n-control input:checked ~ .n-radio,
td.openradio.n-control input:checked ~ .n-radio,
td.none.n-control input:checked ~ .n-radio,
.NebuJS_Slider_none input:checked ~ .n-radio,
td.checkbox.n-control input:checked ~ .n-checkbox,
td.none.n-control input:checked ~ .n-checkbox,
td.nonecheckbox.n-control input:checked ~ .n-checkbox,
td.noneofthese.n-control input:checked ~ .n-checkbox,
td.opencheckbox.n-control input:checked ~ .n-checkbox,
td.radio.n-control:hover input ~ span.n-radio,
td.noneradio.n-control:hover input ~ span.n-radio,
.NebuJS_Slider_none:hover input ~ span.n-radio,
td.openradio.n-control:hover input ~ span.n-radio,
td.checkbox.n-control:hover input ~ span.n-checkbox,
td.none.n-control:hover input ~ span.n-checkbox,
td.noneofthese.n-control:hover input ~ span.n-checkbox,
td.nonecheckbox.n-control:hover input ~ span.n-checkbox,
td.opencheckbox.n-control:hover input ~ span.n-checkbox {
    background-color: #2196F3;
}


/* Buttonize plugin*/
.NebuJS_Buttonize {width:100%; text-align:center; overflow:hidden; position:relative; background-color:#f1f1f1}
.NebuJS_Buttonize {box-shadow:none; width:100%; margin-left:auto; margin-right:auto; -moz-border-radius: 0px;-webkit-border-radius: 0px; border-radius: 3px;  background-color:#f1f1f1;border:3px solid #f1f1f1;}
.NebuJS_Buttonize:hover {background-color:#f1f1f1; box-shadow:none; border-radius: 3px; border:3px solid #909191;}
.NebuJS_Buttonize:hover .OptionFont a {color:#2196f3;!important;}
.NebuJS_Buttonize:active {background-color:#f1f1f1;}
.NebuJS_Buttonize:active .OptionFont a {color:#2196f3}
.NebuJS_Buttonize .OptionFont{ margin:0;padding:0;  font-size:14px;display:block;line-height:3em;}
.NebuJS_Buttonize_active  {background-color:#f1f1f1; border: 3px solid #909191; border-radius:3px; }
.NebuJS_Buttonize_active:hover { background-color:#f1f1f1; border:3px solid #909191; border-radius:3px;}
.NebuJS_Buttonize_active .OptionFont a {color:#2196f3!important;}
.NebuJS_Buttonize a{display:block;text-align:center;color:#0F1941;width:100%;}
.NebuJS_Buttonize input.text {background-color:#fff; width:70%; margin:3px;}
.NebuJS_Buttonize img {margin-top:5px;}
.NebuJS_Buttonize textarea,
.NebuJS_Buttonize input.text {margin:3px; background-color:#fff; border:1px solid #aaaaaa; width:80%;}