BODY {
    /*background: url("../images/gradient.jpg") repeat-x scroll 0 0 #EDEDED;*/
    margin: 0px;
    font-family: Arial,Verdana;
    font-size: 18px;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

td.triple, th.triple {
    box-sizing: content-box;
}


input, select, textarea {
    font-family: Arial,Verdana;
    font-size: 18px;
}




div#innersecondheader, div#header, div.containert, div.inlogcontainer, div.container2, div#disclaimer {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

div#secondheader {
    clear: both;
}

table.disclaimTable {
    width: 100%;
}


div.inlogcontainer {
    background-repeat: repeat-x;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    background-color: White;
}

#disclaimtd {
    text-align: left;
}







div.progressbar {
    width: 206px;
    height: 26px;
    background-color: white;
    display: inline-block;
    margin-top: 12px;
    float: right;
    margin-right: 20px;
}

div.progress {
    left: 3px;
    top: 3px;
    height: 20px;
    text-align: center;
    background-color: #94C2E3;
    position: absolute;
    font-family: Arial,Verdana;
    font-size: 14px;
    color: #032E62;
    font-style: italic;
    padding-top: 1px;
    float: left;
    position: relative;
    line-height: 18px;
}

#percentage {
    float: left;
    left: 5px;
    position: relative;
    color: black;
    top: 4px;
    font-size: 16px;
}

div.UnderHeader {
}

div.Melding {
    font-family: Arial,Verdana;
    text-align: right;
    padding-right: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: underline;
}

div.ButtonHolder {
    float: right;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 10px;
}

div.ButtonHolder2 {
    right: 30px;
    position: absolute;
    bottom: 30px;
}

div.containert, div.container2 {
    margin-bottom: 0px;
}



table.Vragenlijst, table.ReactieTable {
    /*border-collapse:collapse;*/
    width: 100%;
}

    table.Vragenlijst tr.vragenlijstwit:nth-child(1) td {
        border-top: 5px;
        background-color: Red;
    }





tr.vragenlijstwit {
    background-color: #FFFFFF;
}


tr.vragenlijstgrijs {
    background-color: #F5F5F5;
}

tr.vragenlijstFOUT {
    background-color: #FFECEC;
}

td.vragenlijsttussen {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

    td.vragenlijsttussen B {
        font-family: Arial,Verdana;
        color: #032E62;
    }


td.vragenlijstlinks, td.vragenlijstfull, td.vragenlijstmidden, td.vragenlijstrechts, td.vragenlijstlinksmpckop, th.vragenlijstlinksmpckop, th.vragenlijstmidden, th.vragenlijstrechts {
    font-family: Arial,Verdana;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 15px;
}

span.vragenlijstlinks {
    font-style: italic;
    font-size: 14px;
    padding-top: 8px;
    display: inline-block;
}

td.vragenlijstlinksmpckop, th.vragenlijstlinksmpckop {
    padding-left: 20px;
    vertical-align: bottom;
    font-weight: bold;
    color: #032E62;
    padding-bottom: 5px;
    text-align: left;
}




td.vragenlijstlinks, td.vragenlijstfull, th.vragenlijstlinks {
    padding-left: 20px;
    vertical-align: top;
    padding-right: 5px;
    padding-top: 18px;
    padding-bottom: 18px;
}







td.vragenlijstrechts, th.vragenlijstrechts {
    width: 510px;
}

td.vragenlijstrechts, th.vragenlijstrechts {
    border-right: 1px dashed #05386D;
}



td.vragenlijstmidden, th.vragenlijstmidden {
    width: 12px;
}

td.vragenlijstmidden, th.vragenlijstmidden {
    width: 8px;
    text-align: left;
}


td.multivraagkop {
    width: 370px;
    padding-right: 12px;
    color: #032E62;
}

td.multiantwoordkop {
    font-size: 12px;
    vertical-align: bottom;
    padding-bottom: 5px;
    font-weight: normal;
}

td.chklinks {
    padding-bottom: 7px;
    padding-right: 5px;
    vertical-align: middle;
    width: 22px;
}

td.chkrechts {
    padding-bottom: 7px;
    vertical-align: middle;
    width: 460px;
}





input.knop {
    background-color: #032E62;
    color: White;
    font-family: Arial,Verdana;
    font-weight: bold;
    font-size: 16px;
    border: none;
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    input.knop[disabled], input.knop[disabled]:hover {
        background-color: #e5e5e5;
        font-style: normal;
        color: White;
        border-color: #e5e5e5;
    }






td.knoppen {
    padding-top: 20px;
}

input.inp, input.inpnv {
    border: 1px solid #05386D;
    font-family: Arial,Verdana;
    max-width: 430px;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left:4px;
}



input.inpnv {
    max-width: 350px;
    margin-bottom: 10px;
}

input[type=number].inp {
    max-width: 70px;
}


textarea.inp {
    border: 1px solid #05386D;
    background-color: #DFDFDF;
    font-family: Arial,Verdana;
    max-width: 630px;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}



select.inp {
    height: 26px;
    border: 1px solid #05386D;
    background-color: #DFDFDF;
    font-family: Arial,Verdana;
    line-height: normal;
    max-width: 434px;
    width: 100%;
}

#lblMelding {
}



td.cmtBoven {
    font-family: Arial,Verdana;
    padding-bottom: 20px;
}

table.trgFullHeader {
    width: 100%;
}

td.cmtVraag {
    vertical-align: top;
    font-family: Arial,Verdana;
    width: 400px;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.cmtMidden {
    vertical-align: top;
    font-family: Arial,Verdana;
    padding-top: 5px;
    padding-bottom: 5px;
}


td.cmtAntwoord {
    vertical-align: top;
    font-family: Arial,Verdana;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.cmtOnder {
    font-family: Arial,Verdana;
    padding-top: 20px;
}

#Bedankt {
    padding-left: 30px;
    min-height: 300px;
    position: relative;
    padding-right: 15px;
}



#innerdisclaimer {
    font-family: Arial,Verdana;
    font-size: 10px;
    float: left;
}

    #innerdisclaimer A {
        font-family: Arial,Verdana;
        font-size: 10px;
        float: left;
        color: #003961;
    }

        #innerdisclaimer A:hover {
            color: #FF6600;
        }



TEXTAREA.txtarea {
    height: 150px;
    width: 95%;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Arial,Verdana;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}














td.npslb {
    border-right: solid 1px black;
}






td.npsanswer {
    border-right: solid 1px #05386D;
    border-top: solid 1px #05386D;
    border-bottom: solid 1px #05386D;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #FFF;
}









td.npsmiscrechts {
    border: solid 0px black;
    padding-left: 5px;
    padding-right: 2px;
    width: 80px;
    text-align: left;
}







td.npsmisclinks {
    border-right: solid 1px #05386D;
    padding-left: 0px;
    padding-right: 5px;
    width: 80px;
    text-align: right; /*font-weight: bold;*/
}

td.onderLogoTD {
    padding-left: 20px;
}

td.closing {
    height: 1px;
}

table.tblAntwoord {
    width: 100%;
    border-collapse: separate;
}

table.tblAntwoordNotBlok {
    border-spacing: 0 3px;
    margin-top: -1px;
}

    table.tblAntwoordNotBlok td:first-child {
        vertical-align: top;
    }

    table.tblAntwoordNotBlok td:last-child {
        padding-top: 1px;
        padding-left: 2px;
    }



#hdmpcblok {
    background: white;
}


div.mpcblokheaderz {
    display: inline-block;
    text-align: center;
    padding-bottom: 0px;
    float: left;
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    margin-bottom: 5px;
}

div.mpcblokheader {
    display: inline-block;
    text-align: center;
    padding-bottom: 0px;
    float: none;
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    height: 100%;
}

img.radiobutton {
    height: 20px;
    height: 20px;
}

table#mpcblok {
    width: 100%;
    margin-top: 10px;
}


.firstQuestion td {
    border-top: 0px !important;
}

.mpcblok td.triple {
    padding-top: 7px;
    padding-bottom: 7px;
}

td.triple_nob {
    padding-bottom: 15px;
}

span.nv {
    font-size: 16px;
}

#mpcblok > thead > tr > th {
    border-left: none;
    border-right: none;
    border-top: none;
}






table.trgHeader td {
    padding-bottom: 5px;
}

div#innersecondheader {
    background-color: #032E62;
    overflow: hidden;
    padding-bottom: 10px;
}


span#lblSecondTitel {
    font-weight: normal;
    color: white;
}

tr.widthsetter td {
    background-color: White;
    height: 0px;
}

div#headerContainer {
    background-color: White;
}

div#footerContainer {
    background-color: White;
    display: block;
    padding-top: 5px;
    height: 50px;
    bottom: 0px;
    position: absolute;
    width: 100%;
}

div#mainContainer {
    box-sizing: border-box; /* min-height: 100%;   */
    padding: 0px 0px 55px 0px;
    position: relative;
}

select#languageSelector {
    min-width: 200px;
}

div#languageSelectorContainer {
    float: right;
    padding-right: 20px;
    vertical-align: middle;
    padding-top: 10px;
}

@media screen and (max-width: 749px) {
    div#languageSelectorContainer {
        box-sizing: border-box;
        width: 100%;
        padding-left: 20px;
        padding-bottom: 10px;
        padding-top: 5px;
    }

    select#languageSelector {
        font-size: 14px;
    }
}





@media screen and (max-width: 600px) {
    div#languageSelectorContainer {
        padding-left: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
}


div.PrivacyHolder {
    padding-left: 30px;
    float: left;
    padding-top: 15px;
    font-size: 13px;
}


span#mpcComment,span#kwComment {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    display: inline-block;
}


span.faEdit {
    background: white;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    display: inline-block;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em;
}

a.faEditLink {
    margin-left: 5px;
    color: black;
}

    a.faEditLink:hover {
        color: white;
        color: blue;
        
        
    }

        a.faEditLink:hover span.faEdit {
           
        }



@media screen and (min-width: 800px) {
    img.onlyMobile {
        display: none;
    }
}

@media screen and (max-width: 799px) {
    img.onlyDesktop {
        display: none;
    }
}