@font-face {
    font-family: sns-dunbar-tall;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/sns-dunbar-tall_bold.woff) format("woff")
}

@font-face {
    font-family: sns-dunbar-tall;
    font-style: normal;
    font-weight: 800;
    src: url(fonts/sns-dunbar-tall_extra-bold.woff) format("woff")
}

@font-face {
    font-family: sns-dunbar-tall;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/sns-dunbar-tall_light.woff) format("woff")
}

@font-face {
    font-family: sns-dunbar-tall;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/sns-dunbar-tall_medium.woff) format("woff")
}

@font-face {
    font-family: sns-dunbar-tall;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/sns-dunbar-tall_regular.woff) format("woff")
}

@font-face {
    font-family: mulish;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/mulish-regular.woff) format("woff")
}

@font-face {
    font-family: mulish;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/mulish-italic.woff) format("woff")
}

@font-face {
    font-family: mulish;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/mulish-bold.woff) format("woff")
}

@font-face {
    font-family: mulish;
    font-style: italic;
    font-weight: 700;
    src: url(fonts/mulish-bolditalic.woff) format("woff")
}

@font-face {
    font-family: mulish;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/mulish-black.woff) format("woff")
}

.menu-top-container .stepmenu li.stepmenu-item-answered > a:hover,
.menu-top-container .stepmenu li.stepmenu-item-answered > a:focus,
.menu-top-container .stepmenu > li.next-step:hover,
.menu-top-container .stepmenu > li.previous-step:hover,
.menu-top-container .stepmenu > li.next-step > a:focus,
.menu-top-container .stepmenu > li.previous-step > a:focus,
.menu-top-container .stepmenu-item-activeanswered,
.menu-top-container .stepmenu-item-active,
.menu-top-container .stepmenu-item-activeanswered::after,
.menu-top-container .stepmenu-item-active::after,
.current-step-tooltip,
.menu-small .stepmenu-item-activeanswered::before,
.menu-small .stepmenu-item-active::before,
#main div.tf-required-field div.tf-label-wrapper::before,
.required-active,
#main div.tf-required-field div.tf-control-wrapper fieldset::before,
table.dataTable.MijnOmgevingDataTables ~ .dataTables_paginate .paginate_button:hover,
table.dataTable.MijnOmgevingDataTables ~ .dataTables_paginate .paginate_button:focus,
.next-question-button:focus,
.next-step-button:focus,
.generic-button:focus,
.tf-dialog-content #openTFABox input[type=submit]:focus,
a.generic-button:focus {
    background: #00347a;
}

.head-tf-title .pull-right.generic-button:hover,
.head-tf-title .pull-right.generic-button:focus {
    border-color: #ca031a;
}



.progressbar .percentage,
body li.stepmenu-item-active::before,
body li.stepmenu-item-active a,
body li.stepmenu-item-activeanswered::before,
body li.stepmenu-item-activeanswered a {
    color: #ca031a;
}

.progressbar .bar,
.next-question-button,
.next-step-button,
.generic-button,
.tf-dialog-content #openTFABox input[type=submit],
.tf-dialog-content #openTFABoxWrapper input[type=submit] {
    background-color: #ca031a;
}

.next-question-button,
.next-step-button,
.generic-button,
.tf-dialog-content #openTFABox input[type=submit],
.dataTable.MijnOmgevingDataTables ~ .dataTables_paginate .paginate_button:hover,
table.dataTable.MijnOmgevingDataTables ~ .dataTables_paginate .paginate_button:focus,
a.generic-button:focus,
.login-button.btn.btn-default:hover,
.login-button.btn.btn-default:focus,
.btn-default:focus,
.tf-dialog-content #openTFABoxWrapper input[type=submit] {
    border: 1px solid #00347a;
}

    .generic-button:focus,
    .head-tf-title .pull-right.generic-button:hover,
    .head-tf-title .pull-right.generic-button:focus,
    .login-button.btn.btn-default:hover,
    .login-button.btn.btn-default:focus,
    input[type=submit].register-button:focus,
    .next-question-button:focus,
    .next-step-button:focus,
    .generic-button:focus,
    .tf-dialog-content #openTFABoxWrapper input[type=submit]:focus,
    .btn-default:focus {
        color: #fff;
    }

.tf-accordion-content h1,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(255, 255, 255);
}

input[type=submit] {
    background: #00347a;
    border: 2px solid transparent;
    color: #fff;
    width: auto;
    float: right;
    font-size: 12pt;
    font-weight: bold;
}

.tf-accordion-content > input[type=submit],
.tf-dialog-content #openTFABoxWrapper input[type=submit],
.tf-dialog-content #formResumeBoxWrapper input[type=submit],
.tf-accordion-content > input[type=submit].previous-step-button,
.tf-accordion-content > input[type=submit].previous-question-button,
form[name=ogoneForm] input[type=submit] {
    float: none;
}

input[type=submit].previous-step-button,
input[type=submit].previous-question-button {
    float: left;
}

.tf-dialog-content #openTFABoxWrapper input[type=submit] {
    border: 2px solid transparent;
}

.login-button.btn.btn-default,
input[type=submit].register-button {
    font-size: 12pt;
    background: #ca031a;
    border: 1px solid transparent;
}

.btn-default:hover {
    border-color: transparent;
}

#loginForms input:focus,
.form-group input:focus {
    outline: 0;
}

.tf-question-control label {
    font-weight: normal;
}

.login-button.btn.btn-default,
input[type=submit].register-button {
    font-weight: bold;
}

input[type=submit]:focus,
.tf-dialog-content #openTFABoxWrapper input[type=submit]:focus {
    padding: 10px 15px;
}

body {
    background: #fff;
}

.tf-error {
    left: 0;
}

.tf-question-wrapper.tf-required-field .tf-control-wrapper fieldset::before {
    top: 0;
}

div.tf-question-wrapper fieldset legend {
    height: initial;
    float: left;
}

fieldset > div,
fieldset > span {
    display: block;
}



form[name=ogoneForm] {
    width: 100%;
    max-width: 1024px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

body #menubar ul.stepmenu li.stepmenu-item-active::before,
body #menubar ul.stepmenu li.stepmenu-item-activeanswered::before,
.stepmenu-item-answered::before,
body li.stepmenu-item-activeanswered a.answered {
    font-weight: normal;
    color: #000;
    text-decoration: none;
    font-size: 16px;
}

body li.stepmenu-item-activeanswered span {
    font-weight: normal;
    color: #000;
    text-decoration: none;
}

body li.stepmenu-item-activeanswered a.answered {
    text-decoration: underline;
}

.tf-control-wrapper fieldset .text.tf-question-control {
    padding-top: 0;
}

#subheader h1 {
    padding-right: 65px;
}

#wrapper #accordion-wrapper {
    border-top: 1px solid #E1E1E1;
}

.tf-accordion-step-wrapper {
    background: #f4f4f4;
    padding: 10px 15px;
    box-sizing: border-box;
}

    .tf-accordion-step-wrapper h2 {
        margin-bottom: 0;
    }

.tf-accordion-step {
    padding: 0;
    margin: 10px auto;
}

    .tf-accordion-step.tf-accordion-active {
        border-top: 0;
    }

        .tf-accordion-step.tf-accordion-active .tf-accordion-step-wrapper {
            background: #ca031a;
        }

.tf-accordion-active .tf-accordion-step-wrapper span,
.tf-accordion-active .tf-accordion-step-wrapper::after,
.tf-accordion-completed.tf-accordion-active .tf-accordion-step-wrapper::after {
    color: #fff;
}

ul.stepmenu li a,
ul.stepmenu li span {
    padding-top: 0;
}

#twocol-main #main {
    padding-right: 25px;
    padding-left: 25px;
}

.menu-top-container .stepmenu li > a,
.menu-top-container .stepmenu li > span {
    font-size: 12pt;
    font-weight: bold;
}

.datatables-filters > .generic-button {
    border-radius: 5px;
    padding: 6px 9px;
}

.head-tf-title .pull-right.generic-button:hover,
.head-tf-title .pull-right.generic-button:focus,
.login-button.btn.btn-default:hover,
.login-button.btn.btn-default:focus,
input[type=submit].register-button:focus,
input[type=submit].register-button:hover,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
.tf-dialog-content #openTFABoxWrapper input[type=submit]:focus,
.btn-default:hover,
.btn-default:focus {
    background: #ca031a;
}

.head-tf-title .pull-right.generic-button:focus {
    outline: 2px solid #525248;
    outline-offset: -1px;
    border-width: 2px;
}

.datatables-filters > .generic-button,
.head-tf-title .pull-right.generic-button {
    font-size: 12pt;
}

.mainmenu .navbar {
    border: 0;
    background: #ca031a;
    color: #fff;
}

.main-navigation > .mainMenuItem > a,
.main-navigation > .mainMenuItem > a:focus,
.main-navigation > .mainMenuItem > a:hover,
#footer a,
a.generic-button,
.generic-button,
footer.space-footer h2,
footer.space-footer div a,
.menu-top-container .stepmenu-item-activeanswered a,
.menu-top-container .stepmenu-item-active a,
.main-navigation > .mainMenuItem button:hover,
.main-navigation > .mainMenuItem button:focus,
.btn-default:active:focus,
.tf-dialog-content #openTFABoxWrapper input[type=submit] {
    color: #fff;
}

.main-navigation > .mainMenuItem a:hover,
.main-navigation > .mainMenuItem a:focus {
    border-color: #fff;
}

.main-navigation > .mainMenuItem .dropdown-menu a:hover,
.main-navigation > .mainMenuItem .dropdown-menu a:focus {
    border-color: #525248;
}

.main-navigation .focused-menu > a {
    border-color: #fff;
}

li.dropdown > a:hover,
li.dropdown > a:focus,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:hover {
    background-color: #fff;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #000;
}

.main-navigation > .mainMenuItem button:hover,
.main-navigation > .mainMenuItem button:focus {
    background: none;
}

a.generic-button,
a.generic-button:hover,
.datatables-filters > .generic-button {
    font-weight: bold;
}

.correspondence_filename {
    width: 70%;
}

.MOCase_Correspondence_Date {
    width: 20%;
}

.repositoryFileUpload input[type=file] {
    margin-bottom: 10px;
}

footer.space-footer,
#footer {
    background: #ca031a;
}

body a {
    color: #ca031a;
}

    body a:focus,
    body a:visited {
        color: #000;
    }

@media screen and (max-width: 985px) {
    body ul li.stepmenu-item-activeanswered a.answered {
        display: none;
    }

    .pagination-stepmenu ul li.stepmenu-item-activeanswered a.active {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

.datatables-filters > .generic-button,
input[type=submit],
.toolbar-button,
a.generic-button,
a.generic-button:hover,
.menu-top-container .stepmenu li:first-child,
.menu-top-container .stepmenu li:last-child,
input[type=submit].login-button,
input[type=submit].register-button,
.btn {
    border-radius: 0;
}

label,
legend,
.matrix label,
.matrix legend,
.matrix .tf-question-label {
    font-weight: normal;
}

.tf-accordion-content {
    /* Zelfde breedte als .matrix */
    width: 100%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 72px;
    /* 30px + previous/next button height */
}

.label-active {
    font-weight: bold;
    color: #00347a;
}

.header {
	font-family: sns-dunbarr-tall, Arial, sans-serif;
    font-size: 110%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #000;
}

.required {
    color: #ca031a;
}

.title {
    font-family: sns-dunbarr-tall, Arial, sans-serif;
	font-size: 120%;
	font-weight: 800;
    color: #000;
}

#header-wrapper {
    width: 100%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

#accordion-wrapper .tf-accordion-content > input[type=submit] {
    float: right;
    width: auto !important;
    height: auto;
}

#accordion-wrapper input[type=submit].previous-step-button,
#accordion-wrapper input[type=submit].previous-question-button {
    float: left;
}
/*# sourceMappingURL=zhuisstijl.css.map */