/* Minification failed. Returning unminified contents.
(5568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5571,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(5572,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(5803,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-y'
(5803,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-x'
 */
/** 
 * reset.css 
 * 
 * Eric Meyer's reset
 * 
 * Default styles applied to reduce browser inconsistencies.
 * 
 * @version			1.0
 * @date			2008-02-12
 * @author			Eric Meyer
 * @cssdoc			version 1.0-pre
 *
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/** 
 * grids.css 
 * 
 * Sets up different grid layouts.
 * 
 * @version			1.0.0
 * @date			2009-08-28
 * @lastmodified	2009-08-28 16:31
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/** 
 * Grid
 * 
 * @section			Styles for different column and row (line) configurations
 * @note			Don't mix 'template' and 'grid' styles, although it's possible
 *					to nest 'grid' styles inside 'template' styles (not the other way around!)
 */

.line, .last_unit { overflow: hidden; }

.line { margin-top: 0; position: relative; }

.unit { float: left; }
.unit_ext { float: right; }
.last_unit { float: none; width: auto; }

.size11 { float: none; }
.size12 { width: 50%; }

.size13 { width: 33.33333%; }
.size23 { width: 66.66666%; }

.size14 { width: 25%; }
.size34 { width: 75%; }

.size15 { width: 20%; }
.size25 { width: 40%; }
.size35 { width: 60%; }
.size45 { width: 80%; }

.size48 { width: 50%; }				/* .size12 */
.size58 { width: 62.5%; }
.size38 { width: 37.5%; }

.size212 { width: 16.666666%; }
.size312 { width: 25%; }			/* .size14 */
.size412 { width: 33.33333%; }		/* .size13 */
.size512 { width: 41.66666%; }
.size612 { width: 50%; }			/* .size12 */
.size812 { width: 66.66666%; }		/* .size23 */
.size912 { width: 75%; }			/* .size34 */

.media { width: auto; } /* extending grids to allow a unit that takes the width of its content */

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }

.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.row-cols-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-sm-1 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-md-1 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-md-2 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-md-3 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-md-5 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-md-6 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.3333333333%;
    }

    .offset-md-2 {
        margin-left: 16.6666666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.3333333333%;
    }

    .offset-md-5 {
        margin-left: 41.6666666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.3333333333%;
    }

    .offset-md-8 {
        margin-left: 66.6666666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.3333333333%;
    }

    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-lg-1 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-lg-2 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-lg-3 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-lg-5 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-lg-6 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xl-1 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xl-2 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xl-3 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-xl-4 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xl-5 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xl-6 > * {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}
*,*::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/** 
 * template.css 
 * 
 * Sets up the available (template) layouts.
 * 
 * @version			1.1.1
 * @date			2009-08-28
 * @lastmodified	2009-11-24 15:47
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/** 
 * Drop shadow 
 * 
 * @section			Drop shadow border around canvas area
 */


.content {
    position: relative;
}

.footer {
    background-color: #e6e6e6;
    margin-top: 2rem;
    /*padding-bottom: 20px;*/
    font-family: "RO Sans",Calibri,Verdana,sans-serif;
}

    .footer .container .payoff p {
        font-family: "RO Serif","Times New Roman",Times,serif;
        font-size: 1.5rem;
        padding-top: 23px;
    }

    .footer .container h2 {
        margin: 0 0 5px;
        padding: 30px 0 5px;
        color: #535353;
        font-weight: 400;
        font-size: 1.5rem;
        border-bottom: 1px solid #b4b4b4;
    }

    .footer .container ul {
        padding: 0;
    }

    .footer .container li {
        list-style: none;
        padding: 0;
        margin: 0;
        background: none;
    }

        .footer .container li a {
            padding: 0 15px 5px 0;
            color: #535353;
            font-size: 1rem;
            text-decoration: none;
        }

.footer {
    margin-top: 0;
}

    .footer.bg-brand {
        color: #000000;
        background-color: #e17000;
    }

        .footer.bg-brand .container  a {
            color: #000000;
        }

            .footer.bg-brand .container  a:hover, .footer.bg-brand a:focus {
                color: #ffffff;
            }

        .footer.bg-brand .container h2 {
            color: inherit;
            border-bottom-color: inherit;
        }

        .footer.bg-brand .container  a:hover, .footer.bg-brand a:focus {
            color: #000000;
            text-decoration: underline;
        }


.payoff {
    position: relative;
}

    .payoff .logo {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 50%;
        margin: 0 0 0 -22px;
        padding: 0;
        border-left: 44px solid #154273;
        width: 50%;
        height: 31px;
        background: 0;
        font-family: "RO Serif","Times New Roman",Times,serif;
        font-size: 0.69rem;
        padding-left: 5px;
        vertical-align: middle;
        line-height: 31px;
    }

@media (max-width: 991.98px) {
    .payoff .logo > span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border: 0;
    }
}

#service_menu {
    padding: 5px 0;
    top: 0
}

    #service_menu ul {
        border: 1px solid #e17000;
        padding: 0.5em;
    }

        #service_menu ul li {
            padding: 0;
            float: none;
        }

            #service_menu ul li a {
                padding: 0;
                text-decoration: underline;
            }
/** 
 * Containers
 * 
 * @section			Header, content and footer
 */
#header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0;
    min-height: 93px;
}

    #header:not(.with-bg-image) {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

@media (min-width: 768px) {
    #header.with-bg-image {
        min-height: 125px;
    }
}

@media (min-width: 992px) {
    #header.with-bg-image {
        min-height: 177px;
    }
}

#header.with-bg-image .logo {
    margin-left: -66px;
    position: absolute;
    padding-left: 44px;
    width: auto;
    top: 0;
    left: 50%;
    z-index: 1;
}

#header .logo {
    margin-top: -11px;
    text-decoration: none;
    padding-left: 134px;
    padding-right: 0;
}

@media (min-width: 576px) {
    #header .logo {
        margin-top: 0px;
        padding-left: 240px;
        padding-right: 0;
        min-height: 88px;
    }
}

#header .logo .wordmark {
    letter-spacing: 0.001em;
    font-family: "RO Serif","Times New Roman",Times,serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    line-height: 14px;
    display: block;
    float: right;
    padding-top: 34px;
    margin-left: 4px;
    margin-right: 0;
    width: 130px;
}

@media (min-width: 576px) {
    #header .logo .wordmark {
        font-size: 14px;
        line-height: 14px;
        margin-left: 9px;
        margin-right: 21px;
        width: 210px;
    }
}

#header .logo > span {
    display: block;
}

#header .logo .secondary-sender {
    font-style: italic;
    display: block;
    line-height: 14px;
    padding-bottom: 14px;
}

#header .header-media {
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    #header .header-media img {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

        #header .header-media img.wide {
            height: 100%;
            width: auto;
            max-width: none;
        }

        #header .header-media img.tall {
            width: 100%;
            height: auto;
        }

.header-border {
    border-top: 2px solid #535353;
}


#login .content_wrapper2 {
    border-top: none;
}


.liquid {
    margin: 0 20px;
    max-width: 100%;
}
/* max. possible width in given browser window */


/** 
 * Templates
 * 
 * @section			Styles for different template layout configurations
 * @note			Don't mix 'template' and 'grid' styles, although it's possible
 *					to nest 'grid' styles inside 'template' styles (not the other way around!)
 */

.content_main,
.content_add,
.content_supp,
.nav_sub,
.breadcrumb {
    padding-top: 50px;
    overflow: hidden;
    position: relative;
}

/* Home template (with and without 'tong') */
.content {
    overflow: hidden;
}

.content_main {
    float: left;
    width: 50%;
}

    .content_main.wide,
    .content_add {
        float: none;
        overflow: hidden;
        width: auto;
    }

.content_supp {
    float: left;
    width: 25%;
    overflow: visible;
}

/* Content template */
#content .content_main {
    left: 25%;
}

    #content .content_main.wide {
        width: 75%;
    }

#content .nav_sub {
    width: 25%;
    position: absolute;
    top: 0;
    left: 0;
}

#content .content_add {
    width: 25%;
    left: 25%;
}

/* Login template (smaller content area) */
#login .content_main {
    width: 100%;
}

/* Breadcrumb */
.breadcrumb {
    margin: 0 0 -50px 25%;
    padding-left: 0;
    padding-top: 16px;
    width: 75%;
    z-index: 999;
}

    .breadcrumb.left {
        float: none;
        margin-left: 0;
    }

    .breadcrumb p {
        padding: 0 24px 0 0;
    }


/** 
 * Miscellaneous
 * 
 * @section			Handy miscellaneous box styling classes
 */

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0;
    padding-right: 0;
}

.top {
    margin-top: 0;
    padding-top: 0;
}

.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.margin_top_5 {
    margin-top: 5em;
}

.margin_top_3 {
    margin-top: 3em;
}

.padding_1 {
    padding: 1em;
}


/** 
 * Clearing floats 
 * 
 * @section			Clear floated elements
 * @see				Clearing floats, ttp://sonspring.com/journal/clearing-floats
 *					Easy clearing, http://www.positioniseverything.net/easyclearing.html
 */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after, .nav_main:after, .nav_bar:after, .title_bar:after, .search ul:after, .visual:after, .banner:after, .toolbox:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix, .nav_main, .nav_bar, .title_bar, .search ul, .visual, .banner, .toolbox {
    display: inline-block;
}

* html .clearfix, * html .nav_main, * html .nav_bar, * html .title_bar, * html .search ul, * html .visual, * html .banner, * html .toolbox {
    height: 1%;
}

.clearfix, .nav_main, .nav_bar, .title_bar, .search ul, .visual, .banner, .toolbox {
    display: block;
}

/**
 * type.css
 *
 * Sets up some sensible default typography.
 *
 * @version			1.1.3
 * @date			2009-08-28
 * @lastmodified	2010-04-26 15:41
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/**
 * Default
 *
 * @section			Default font settings
 * @note			Default font-size percentage is 62.5% for a
 *					base font size of 10px (0.625 * 16px = 10px).
 */

body { color: #000; font-family: Verdana, Arial, sans-serif; font-size: 62.5%; line-height: 1.5; } 

/**
 * Headings
 *
 * @section			Headings definitions
 * @note			Calculation of line-height if font-size is 15px and line-height
 */

h1, h2, h3, h4, h5, h6 { color: #000; }

h1 { font-family: Arial, Verdana, sans-serif; font-size: 2.2em; font-weight: normal; line-height: 1.2; margin-bottom: 0.6em; margin-top: -0.1em; }
h2 { font-size: 2rem; font-weight: normal; line-height: 1.2; margin-bottom: 0.75em; margin-top: 1.25em; }
h3, .content_add h2 { font-size: 1.2em; font-weight: bold; line-height: 1.3333; margin-bottom: 0.4343em; margin-top: 1em; }
h4,
h5,
h6 { font-size: 1.1em; font-weight: bold; line-height: 1.4545; margin-bottom: 0.4343em; }

.equalize h2, .equalize h3, .equalize h4,
#login .equalize h2, #login .equalize h3, #login .equalize h4,
h3, h4, h5, h6,
.box h2.head, .box h2.head, .box h3.head, .box h4.head, .box h5.head, .box h6.head { font-family: Arial, Verdana, sans-serif; font-size: 1.5em; font-weight: bold; line-height: 1.2; margin-bottom: 0.2em; margin-top: 0; }
.box h2.head.small, .box h2.head.small, .box h3.head.small, .box h4.head.small, .box h5.head.small, .box h6.head.small { font-size: 1.2em; }

.title_bar { font-family: Arial, Verdana, sans-serif; font-size: 1.8em; font-weight: bold; line-height: 1.7; }
.title_bar h1 { font-size: 1em; font-weight: bold; line-height: 1.7; margin-bottom: 0; margin-top: 0; }


/**
 * Text elements
 *
 * @section			Basic text element styles
 */

a:link { color: #154273; text-decoration: none; }
a:visited { color: #696969; }
a:hover, a:visited:hover, a:active, a:focus { color: #0162cd; text-decoration: underline; }

.nav_main { font-family: Arial, Verdana, sans-serif; font-size: 1.2em; font-weight: bold; }

p { font-size: 1rem; margin-bottom: 1.4545em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

blockquote { margin: 1.4545em; color: #474747; font-style: italic; font-weight: bold; }
blockquote p { margin-bottom: 0.4em; }
/*
blockquote p:before { content: '\201c'; }
blockquote p:after { content: '\201d'; }
*/
strong { font-weight: bolder; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { font-size: 0.9em; line-height: 0; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }

pre, code {
	margin: 1.5em 0;
	/*white-space: pre-wrap;*/			/* css-3 */
	/*white-space: -moz-pre-wrap;*/		/* Mozilla, since 1999 */
	/*white-space: -pre-wrap;*/			/* Opera 4-6 */
	/*white-space: -o-pre-wrap;*/		/* Opera 7 */
	/*word-wrap: break-word;*/			/* Internet Explorer 5.5+ */
}
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/**
 * Lists
 *
 * @section			List style defenitions
 */

ul, ol { font-size: 1.1em; line-height: 1.6; list-style-position: outside; margin-bottom: 2.2em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }


/**
 * Forms
 *
 * @section			Form element styles
 */

form.form_ll fieldset label,
form.form_ll fieldset p { font-size: 1em; }

form input.text,
form textarea { font-family: Arial, Verdana, sans-serif; font-size: 1.1em; line-height: 1.5; }
form input.text { line-height: 1; }

form input.submit { font-size: 1em; }


/**
 * Tables
 *
 * @section			Basic table styling
 * @note			Information about table markup: http://www.456bereastreet.com/archive/200410/bring_on_the_tables/
 */

table { border-collapse: separate; border-spacing: 0.2em; margin: 0 0 2.2em -0.2em; text-align: left; min-width: 50%; }
th { font-size: 1.1em; font-weight: normal; background: #e1e1e1; }
th.empty { background: #fff; }
th, td { padding: 0.4em 0.9em 0.4em 0.5em; }
td { background: #f5f5f5; }
tr.even td { background: #f0f0f0; }
tfoot { font-style: italic; }
caption { font-weight: bold; padding-left: 0.2em; padding-bottom: 1em; text-align: left; }
table th { white-space: nowrap; }
.table { padding-right: 20px; }



/**
 * Miscellaneous
 *
 * @section			Handy miscellaneous text styling classes
 */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875; }
.large { font-size: 1.2em; line-height: 2.5; margin-bottom: 1.25em; }
.hide { display: none; }


/**
 * Image replacement
 *
 * @section			Class for resuable (inline and block) image replacement
 * @note			Yet Another Image Replacement Method:
 *					http://www.evotech.net/blog/2007/09/css-image-replacement-method/
 */

.imgreplacement {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	/*color: rgba(255,255,255,0);*/
	font: 0/0 sans-serif;
	overflow: hidden;
	text-indent: -9000px;
	padding: 0;
	vertical-align: middle; /* options: middle, bottom, top, text-bottom, text-top */
	/*display: -moz-inline-box;*/ /* inline-block fix for Firefox 3 and older */
	display: inline-block;
}
/**
 * forms.css
 *
 * Sets up (default) styling for forms.
 *
 * @version			1.1.2
 * @date			2009-10-03
 * @lastmodified	2010-04-13 16:17
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/**
 * Baisc form
 *
 * @section			Lables, fieldset, legend, submit, etc. definitions
 */

form ol, form ul { list-style-type: none; margin: 0; padding: 0; }
form fieldset { min-inline-size: unset;}
form legend { color: #000; font-weight: bold; padding-bottom: 1em; white-space: normal; }
form label { font-weight: normal; }

form fieldset li { margin-top: 0.1em; }
form fieldset fieldset legend { font-weight: normal; padding-bottom: 0.2em; }

form em { font-style: normal; color: #666; }
form p { margin-top: 1.4em; }
form p.mandatory { color: #444; font-size: 1em; margin-bottom: -1.8em; text-align: right; }

form input.text,
form textarea { background: #fff; color: #000; border: 1px solid #000; width: 22.2em; padding: 0.2em; }

form input.submit {
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin: 0;
    border: none;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.75rem 1rem;
    border-radius: 0.313rem;
    background-color: #154273;
}

form input.submit, x:-moz-any-link { padding: 0.2em 1em; } /* Firefox only */

form .sr { font-size: 1px; line-height: 1px; width: 924px; position: absolute; left: -1000px; }


/**
 * Two column setup form
 *
 * @section			Lables left and inputs right aligned, grey background, two column specific style definitions
 */

form.form_ll legend { padding-bottom: 0.8em; }
form.form_ll label { display: inline-block; vertical-align: top; }

form.form_ll p,
form.form_ll fieldset { margin-bottom: 1.8em; padding: 0; }
form.form_ll p.mandatory { margin-bottom: -1.8em; }
form.form_ll fieldset li { background: #f5f5f5; border-bottom: 0.2em solid #fff; list-style: none; padding: 0.4em 1em 0.4em 1em; }

form.form_ll fieldset fieldset { border: none; margin: 0.3em 0 0; }
form.form_ll fieldset fieldset legend { font-weight: normal; padding-bottom: 0.2em; }
form.form_ll fieldset fieldset label { display: block; width: auto; }

form.form_ll label { width: 12.2em; }
form.form_ll fieldset fieldset label { margin-left: 12.3em; }

form.form_ll fieldset p { margin: 0; padding: 0 0 0 12.5em; }

form.form_ll input.text,
form.form_ll textarea { width: 22.2em; }

form.form_ll input.submit { position: relative; }



/**
 * Global search
 *
 * @section			Global search specific definitions
 */

.search { position: absolute; top: 1.2em; right: 5.7em; width: 17.5em; }
.search.centered { top: 1.6em; }

.search form legend,
.search form label { font-size: 0; line-height: 0; width: 924px; position: absolute; left: -9000px; }

.search form ol { clear: both; margin: 0; padding: 0; }
.search form li { margin-top: 0; }

.search form input { float: left; margin: 0; }

.search form input.text { width: 10.2em; }
.search form input.text, x:-moz-any-link { /*padding-bottom: 0.1em;*/ } /* To horizontally align input.text and input.submit in Firefox on Windows */

.search form input.submit { background-color: #fff; font-size: 1.1em; margin: 0 0 0 -1px; padding: 0.1em 0 0.2em; height: 1.7em; width: 3.9em; }
.search form input.submit, x:-moz-any-link { /*padding: 0 0 0.3em;*/ width: 3.7em; } /* Firefox only */

.search ul { clear: both; margin: 0; padding: 0; }
.search ul li { background: none; float: left; margin: 0; padding: 0; }
.search ul li.advanced_search { float: right; }


/**
 * Search results
 *
 * @section			Search results search box ('zoekterm') specific definitions
 */

form.search_box.top { margin: 1em 0 2em; }
form.search_box.bottom { margin: 2em 0 1em; }
form.search_box ol { text-align: center; }
form.search_box legend { display: none; }
form.search_box label { display: inline; vertical-align: baseline; }
form.search_box input.text { padding-bottom: 0.3em; padding-top: 0.3em; width: 23.9em; }
form.search_box input.submit { padding-bottom: 0.4em; padding-top: 0.3em; left: 0; }
form.search_box input.submit, x:-moz-any-link { padding-bottom: 0.2em; } /* Firefox only */


/**
 * Form inside module
 *
 * @section			Style definitions of form inside a module and/or box
 */

.mod form { padding-right: 20px; }
.mod.box form { padding-right: 0; }

.mod form input.text,
.mod form textarea { width: 100%; }

/* white background on colored or grey background */
.mod.closed form input.submit { background-color: #fff; }


/**
 * Messages
 *
 * @section			Error and notice (info) message definitions
 */

form input.err { border-color: #d52b1e; outline: 1px solid #d52b1e; }

input.admin-input {
    width: 6rem;
}
/**
 * colors.css
 *
 * Definition of all 16 available Rijksoverheid brand identity colors.
 *
 * @version			1.0.1
 * @date			2009-08-28
 * @lastmodified	2010-04-26 16:17
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 * @colordef		#623327; dark-brown 1 (full)		| 01
 * @colordef		#d1c1be; dark-brown 2 (lighter)
 * @colordef		#e8e1df; dark-brown 3 (lightest)
 *
 * @colordef		#42145f; purple 1 (full)			| 02
 * @colordef		#c6b8cf; purple 2 (lighter)
 * @colordef		#e3dce7; purple 3 (lightest)
 *
 * @colordef		#275937; dark-green 1 (full)		| 03
 * @colordef		#becdc3; dark-green 2 (lighter)
 * @colordef		#dfe6e1; dark-green 3 (lightest)
 *
 * @colordef		#ca005a; ruby (full)				| 04
 * @colordef		#efb2ce; ruby (lighter)
 * @colordef		#f7d9e7; ruby (lightest)
 *
 * @colordef		#d52b1e; red 1 (full)				| 05
 * @colordef		#f2bfbb; red 2 (lighter)
 * @colordef		#f9dfdd; red 3 (lightest)
 *
 * @colordef		#a90061; violet (full)				| 06
 * @colordef		#e5b2cf; violet (lighter)
 * @colordef		#f2d9e7; violet (lightest)
 *
 * @colordef		#777c00; moss-green 1 (full)		| 07
 * @colordef		#d6d7b2; moss-green 2 (lighter)
 * @colordef		#ebebd9; moss-green 3 (lightest)
 *
 * @colordef		#94710a; brown 1 (full)				| 08
 * @colordef		#dfd4b5; brown 2 (lighter)
 * @colordef		#efeada; brown 3 (lightest)
 *
 * @colordef		#39870c; green 1 (full)				| 09
 * @colordef		#c3dbb6; green 2 (lighter)
 * @colordef		#e1eddb; green 3 (lightest)
 *
 * @colordef		#007bc7; azure 1 (full)				| 10
 * @colordef		#b2d7ee; azure 2 (lighter)
 * @colordef		#d9ebf7; azure 3 (lightest)
 *
 * @colordef		#8fcae7; light-blue 1 (full)		| 11
 * @colordef		#ddeff8; light-blue 2 (lighter)
 * @colordef		#eef7fb; light-blue 3 (lightest)
 *
 * @colordef		#f092cd; pink 1 (full)				| 12
 * @colordef		#fadef0; pink 2 (lighter)
 * @colordef		#fdeff8; pink 3 (lightest)
 *
 * @colordef		#f9e11e; yellow (full)				| 13
 * @colordef		#fdf6bb; yellow (lighter)
 * @colordef		#fefbdd; yellow (lightest)
 *
 * @colordef		#ffb612; dark-yellow (full)			| 14
 * @colordef		#ffe9b7; dark-yellow (lighter)
 * @colordef		#fff4dc; dark-yellow (lightest)
 *
 * @colordef		#76d2b6; mint-green 1 (full)		| 15
 * @colordef		#d6f1e9; mint-green 2 (lighter)
 * @colordef		#ebf8f4; mint-green 3 (lightest)
 *
 * @colordef		#e17000; orange (full)				| 16
 * @colordef		#f6d4b3; orange (lighter)
 * @colordef		#fbead9; orange (lightest)
 *
 */

/* Colors 16 (orange) */
.orange .title_bar { background: #fbead9; }
.orange .nav_bar { background: #e17000; }
.orange .nav_main a { color: #000; }
.orange .nav_main a:hover { background: #f6d4b3; }
.orange .sel a { color: #000; }

.orange .visual { background-color: #fbead9; }
.orange .tong { background-color: #e17000; }
.orange .tong h1, .orange .tong h2, .orange .tong h3, .orange .tong h4, .orange .tong h5,
.orange .tong h6, .orange .tong ul, .orange .tong ol, .orange .tong dl, .orange .tong p, .orange .tong a, .orange .tong blockquote { color: #000; }

.orange .search li a, .orange .search li a:hover { color: #000; }

.orange .nav_sub li a:hover { background-color: #f6d4b3 !important; }

.orange .nav_sub li.open a,
.orange .nav_sub li.open li.open a,
.orange .nav_sub li.open li.open li.open a,
.orange .nav_sub li.open li.open li.open li.open a,
.orange .nav_sub li.open li.open li.open li.open li.open a { background-color: #fbead9; }

.orange .nav_sub li.active a,
.orange .nav_sub li.open li.active a,
.orange .nav_sub li.open li.open li.active a,
.orange .nav_sub li.open li.open li.open li.active a,
.orange .nav_sub li.open li.open li.open li.open li.active a,
.orange .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #f6d4b3; }

.orange .hl_lighter { background-color: #f6d4b3; }
.orange .hl_lightest { background-color: #fbead9; }

.orange .hl_color15 { background-color: #76d2b6; }	/* mint-green instead of orange */

.orange .banner,
.orange .banner a,
.orange .banner h3,
.orange .banner h4 { color: #fff; }

.orange .banner.hl_lighter,
.orange .banner.hl_lightest,
.orange .banner.hl_color11,
.orange .banner.hl_color12,
.orange .banner.hl_color13,
.orange .banner.hl_color14,
.orange .banner.hl_color15,
.orange .banner.hl_lighter a,
.orange .banner.hl_lightest a,
.orange .banner.hl_color11 a,
.orange .banner.hl_color12 a,
.orange .banner.hl_color13 a,
.orange .banner.hl_color14 a,
.orange .banner.hl_color15 a,
.orange .banner.hl_lighter h3,
.orange .banner.hl_lightest h3,
.orange .banner.hl_color11 h3,
.orange .banner.hl_color12 h3,
.orange .banner.hl_color13 h3,
.orange .banner.hl_color14 h3,
.orange .banner.hl_color15 h3,
.orange .banner.hl_lighter h4,
.orange .banner.hl_lightest h4,
.orange .banner.hl_color11 h4,
.orange .banner.hl_color12 h4,
.orange .banner.hl_color13 h4,
.orange .banner.hl_color14 h4,
.orange .banner.hl_color15 h4 { color: #000; }

.orange .box.open.lighter h2,
.orange .box.open.lighter h3,
.orange .box.open.lighter h4,
.orange .box.open.lighter h5,
.orange .box.open.lighter h6 { background-color: #f6d4b3; }
.orange .box.open.lighter { border: 1px solid #f6d4b3; }

.orange .box.open.lightest h2,
.orange .box.open.lightest h3,
.orange .box.open.lightest h4,
.orange .box.open.lightest h5,
.orange .box.open.lightest h6 { background-color: #fbead9; }
.orange .box.open.lightest { border: 1px solid #fbead9; }

.orange .box.closed h2,
.orange .box.closed h3,
.orange .box.closed h4,
.orange .box.closed h5,
.orange .box.closed h6 { background-color: #f6d4b3; }
.orange .box.closed { background-color: #fbead9; border: 1px solid #f6d4b3; }

.orange .box.open.contrast_lighter h2,
.orange .box.open.contrast_lighter h3,
.orange .box.open.contrast_lighter h4,
.orange .box.open.contrast_lighter h5,
.orange .box.open.contrast_lighter h6 { background-color: #dfd4b5; }
.orange .box.open.contrast_lighter { border: 1px solid #dfd4b5; }

.orange .box.open.contrast_lightest h2,
.orange .box.open.contrast_lightest h3,
.orange .box.open.contrast_lightest h4,
.orange .box.open.contrast_lightest h5,
.orange .box.open.contrast_lightest h6 { background-color: #efeada; }
.orange .box.open.contrast_lightest { border: 1px solid #efeada; }

.orange .box.closed.contrast h2,
.orange .box.closed.contrast h3,
.orange .box.closed.contrast h4,
.orange .box.closed.contrast h5,
.orange .box.closed.contrast h6 { background-color: #dfd4b5; }
.orange .box.closed.contrast { background-color: #efeada; border: 1px solid #dfd4b5; }


/* arrow color black in 'tong' */
.orange .tong ul li { background-position: left -180px; }

.orange .nav_sub li.open li a,
.orange .nav_sub li.open li.open li a,
.orange .nav_sub li.open li.open li.open li a,
.orange .nav_sub li.open li.open li.open li.open li a,
.orange .nav_sub li.open li.open li.open li.open li.open li a { background-color: transparent; }

/*
* Banners
*
* @section			Set the background (highlight) color for banners
*/

.hl_color1 { background-color: #623327; }	/* dark-brown */
.hl_color2 { background-color: #42145f; }	/* purple */
.hl_color3 { background-color: #275937; }	/* dark-green */
.hl_color4 { background-color: #ca005a; }	/* ruby */
.hl_color5 { background-color: #d52b1e; }	/* red */
.hl_color6 { background-color: #a90061; }	/* violet */
.hl_color7 { background-color: #777c00; }	/* moss-green */
.hl_color8 { background-color: #94710a; }	/* brown */
.hl_color9 { background-color: #39870c; }	/* green */
.hl_color10 { background-color: #007bc7; }	/* azure */
.hl_color11 { background-color: #8fcae7; }	/* light-blue */
.hl_color12 { background-color: #f092cd; }	/* pink */
.hl_color13 { background-color: #f9e11e; }	/* yellow */
.hl_color14 { background-color: #ffb612; }	/* dark-yellow */
.hl_color15 { background-color: #76d2b6; }	/* mint-green */
/**
 * screen.css
 *
 * Screen styles (all parts) for <website name>.
 *
 * @version			1.1.3
 * @date			2009-08-28
 * @lastmodified	2010-04-26 16:17
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 * @colordef		#f3f5f6; background (light grey)
 * @colordef		#535353; text links on background (dark grey) layer
 * @colordef		#154273; text links (blue)
 *
 */

/**
 * Miscellaneous
 *
 * @section			Miscellaneous style definitions
 */

html {
	overflow-y: scroll;
}
/* Always force a scrollbar in non-IE (Double scrollbars occur in Opera <= 10.11alpha, if used along with height: 100% ) */
hr {
	border: none;
}

:focus {
	outline: 2px dotted #000;
	outline-offset: 0;
	-webkit-box-shadow: 0 0 0 2px #fff;
	box-shadow: 0 0 0 2px #fff;
	z-index: 1010;
}

img {
	margin-bottom: 1.4545em;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
	padding: 0;
}

/**
 * Header
 *
 * @section			Header, main navigation and functional links style definitions
 */

.nav_bar {
	margin: 0;
	padding: 2.8em 0 0;
	text-align: left;
	position: relative;
}

/* Main navigation */
.nav_main {
	list-style: none;
	margin: 0;
	padding: 0 24px;
}

	.nav_main li {
		background: none;
		float: left;
		margin: 0;
		padding: 0;
	}

	.nav_main a {
		display: block;
		padding: 0.16em 0.9091em 0.24em;
		text-decoration: none;
	}

		.nav_main a:hover {
			color: #000;
			text-decoration: none;
		}

.sel a {
	color: #000;
}

/* Title bar */
.title_bar {
	margin: 0;
	padding: 0 0 0 24px;
	text-align: left;
	position: relative;
}

	.title_bar em {
		font-weight: normal;
		font-style: italic;
	}

	.title_bar a {
		color: #000;
		text-decoration: none;
	}

		.title_bar a:hover {
			text-decoration: none;
		}

/* Functional links */
.func_links {
	width: 100%;
	position: absolute;
	top: -1.6em;
}

	.func_links h2,
	.func_links h3,
	.func_links h4,
	.func_links h5 {
		display: none;
	}

	.func_links ul {
		color: #535353;
		display: inline;
		list-style: none;
		margin: 0 8px;
		padding: 0;
	}

	.func_links li {
		background: none;
		float: left;
		margin: 0;
		padding: 0;
	}

	.func_links a {
		padding: 0.3636em 0.9091em;
		text-decoration: none;
	}

		.func_links a:link {
			color: #535353;
		}

		.func_links a:visited {
			color: #535353;
		}

		.func_links a:hover {
			color: #000;
			text-decoration: underline;
		}

		.func_links a.minus,
		.func_links a.plus {
			background-image: url(skin/icons.png);
			background-repeat: no-repeat;
			font-size: 0.8em;
			padding: 0 0.24em;
			text-decoration: none;
		}

		.func_links a.minus {
			background-position: left top;
			height: 12px;
			margin-right: -7px;
			width: 12px;
		}

		.func_links a.plus {
			background-position: left -37px;
			height: 12px;
			width: 12px;
		}

	.func_links .rss {
		background: url(skin/icons.png) 11px -68px no-repeat;
		height: 11px;
		padding-left: 24px;
		width: 12px;
	}

	.func_links .font_size {
		padding-left: 0.9091em;
	}

/**
 * Vertical navigation
 *
 * @section			Vertical (sub) navigation style definitions
 */

.nav_sub h2,
.nav_sub h3,
.nav_sub h4,
.nav_sub h5 .nav_sub h6 {
	display: none;
}

.nav_sub ul {
	font-size: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	.nav_sub ul ul {
		margin: 0.1em 0;
	}

	.nav_sub ul li {
		background: none;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.nav_sub ul li a {
			color: #000;
			font-size: 1.1em;
		}

			.nav_sub ul li a:hover {
				text-decoration: none;
			}

.nav_sub li a {
	background: url(skin/arrows.png) 1.8em 7px no-repeat;
	text-decoration: none;
	display: block;
	padding: 0.2em 1em 0.2em 2.8em;
	width: 17.6em;
}

.nav_sub li.open li a,
.nav_sub li.active li a {
	background: url(skin/arrows.png) 2.8em 7px no-repeat;
	padding: 0.2em 1em 0.2em 3.8em;
	width: 16.6em;
}

.nav_sub li.open li.open li a,
.nav_sub li.open li.active li a {
	background: url(skin/arrows.png) 3.8em 7px no-repeat;
	padding: 0.2em 1em 0.2em 4.8em;
	width: 15.6em;
}

.nav_sub li.open li.open li.open li a,
.nav_sub li.open li.open li.active li a {
	background: url(skin/arrows.png) 4.8em 7px no-repeat;
	padding: 0.2em 1em 0.2em 5.8em;
	width: 14.6em;
}

.nav_sub li.open li.open li.open li.open li a,
.nav_sub li.open li.open li.open li.active li a {
	background: url(skin/arrows.png) 5.8em 7px no-repeat;
	padding: 0.2em 1em 0.2em 6.8em;
	width: 13.6em;
}

.nav_sub li.open li.open li.open li.open li.open li a,
.nav_sub li.open li.open li.open li.open li.active li a {
	background: url(skin/arrows.png) 6.8em 7px no-repeat;
	padding: 0.2em 1em 0.2em 7.8em;
	width: 12.6em;
}

.nav_sub li.open a {
	background-position: 1.8em -82px;
}

.nav_sub li.open li.open a {
	background-position: 2.8em -82px;
}

.nav_sub li.open li.open li.open a {
	background-position: 3.8em -82px;
}

.nav_sub li.open li.open li.open li.open a {
	background-position: 4.8em -82px;
}

.nav_sub li.open li.open li.open li.open li.open a {
	background-position: 5.8em -82px;
}

/**
 * Content
 *
 * @section			Content specific style definitions
 */

p.intro {
	font-weight: bold;
}

p.caption {
	color: #767676;
	margin-bottom: 1.2em;
	margin-top: -1em;
}

p.date {
	color: #6a6a6a;
	margin-bottom: 0;
	margin-top: -0.2em;
}

p a:link {
	text-decoration: underline;
}

p a.continue {
	display: inline;
}

p.back_to_top a:visited {
	color: #154273;
}

p.password a:visited {
	color: #154273;
	text-decoration: underline;
}

p.password a:hover {
	color: #154273;
	text-decoration: none;
}

.breadcrumb {
	color: #767676;
	line-height: 1.8;
}

	.breadcrumb a:link {
		color: #154273;
		text-decoration: underline;
	}

	.breadcrumb a:visited {
		color: #154273;
		text-decoration: underline;
	}

	.breadcrumb a:hover {
		color: #0162cd;
		text-decoration: underline;
	}

	.breadcrumb em {
		display: none;
	}

	.breadcrumb span {
		white-space: nowrap;
	}

	.breadcrumb .imgreplacement {
		background-image: url(skin/arrows.png);
		height: 7px;
		margin: 0 3px;
		width: 7px;
	}

h3 a, h4 a, h5 a, h6 a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7333em;
	text-decoration: underline;
}

h2.header_link {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}

	h2.header_link a:link, h2.header_link a:visited {
		background: url(skin/arrows.png) right -179px no-repeat;
		color: #000;
		padding-right: 11px;
		text-decoration: none;
	}

		h2.header_link a:hover, h2.header_link a:visited:hover {
			text-decoration: underline;
		}

/**
 * Lists
 *
 * @section			List style defenitions
 */

ol {
	margin-left: 2.4em;
}

ul {
	list-style-type: none;
}

	ul li {
		background: url(skin/arrows.png) left 6px no-repeat;
		margin-bottom: 0.5em;
		padding-left: 11px;
	}

	ul a,
	ul a:link {
		color: #154273;
		text-decoration: none;
	}

		ul a:visited {
			text-decoration: none;
		}

			ul a:hover, ul a:visited:hover {
				color: #154273;
				text-decoration: underline;
			}

	ul li.more {
		font-weight: bold;
	}

	ul.anchors li {
		margin-bottom: 0.2em;
		background: none;
		padding-left: 0;
	}

	ul.anchors a,
	ul.anchors a:link {
		color: #154273;
		text-decoration: underline;
	}

		ul.anchors a:visited {
			text-decoration: underline;
		}

		ul.anchors a:hover {
			text-decoration: none;
		}

	ul.bullets {
		list-style-position: inside;
		list-style-type: square;
	}

		ul.bullets li {
			background: none;
			margin-bottom: 0.2em;
			padding-left: 0;
		}

	/* external link lists and individual external links  */
	ul.external li, li.external {
		background-position: left -371px;
	}

/* lists in error and/or info box */
.message_err ul,
.message_info ul,
.message_err ol,
.message_info ol {
	margin: 0;
}

/* default list */
.list {
	border-bottom: 3px solid #ccc;
	border-top: 3px solid #ccc;
	font-size: 1em;
	margin: 0.6em 20px 0.6em 0;
	padding: 0 0 1em 0;
}

	.list li, .list h2, .list p {
		background: none;
		padding: 0;
	}

	.list h2 {
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.5;
		margin-bottom: 0;
	}

		.list h2 a,
		.list h2 a:link,
		.list h2 a:visited {
			color: #154273;
			text-decoration: underline;
		}

			.list h2 a:hover {
				text-decoration: none;
			}

	.list p {
		margin-bottom: 0;
	}

		.list p.details {
			color: #535353;
		}

/* search results list */
.search_results {
	color: #154273; /*list-style-type: decimal-leading-zero;*/
	list-style-type: decimal;
	padding-left: 2.3em;
}

	.search_results p {
		color: #000;
	}

	.search_results.wide li {
		padding-right: 6em;
	}

/* pagenavigation */
.nav_page {
	color: #767676;
	font-size: 1.1em;
	padding-right: 20px;
}

	.nav_page span {
		color: #000;
	}

	.nav_page a,
	.nav_page a:link,
	.nav_page a:visited {
		color: #154273;
		text-decoration: underline;
	}

		.nav_page a:hover {
			text-decoration: none;
		}

		.nav_page a.prev {
			background: url(skin/arrows.png) left -469px no-repeat;
			padding-left: 11px;
		}

		.nav_page a.next {
			background: url(skin/arrows.png) right 4px no-repeat;
			padding-right: 11px;
		}

/* sitemap */
.header_sitemap {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0;
}

	.header_sitemap a,
	.header_sitemap a:link,
	.header_sitemap a:visited,
	.list_sitemap li a,
	.list_sitemap li a:link,
	.list_sitemap li a:visited {
		color: #154273;
		text-decoration: underline;
	}

		.header_sitemap a:hover,
		.list_sitemap li a:hover {
			text-decoration: none;
		}

.list_sitemap li {
	font-weight: bold;
}

	.list_sitemap li li {
		font-weight: normal;
	}

.list_sitemap ul {
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 0;
	margin-top: -0.4em;
}

.list_sitemap ul {
	list-style-type: none;
	padding-right: 0;
	padding-top: 0.8em;
}

.list_sitemap li {
	background: transparent url(skin/sm_hor_line.gif) left 1.2em no-repeat;
	border-left: 1px solid #dcdcdc;
	margin-bottom: -2px;
	margin-left: 1px;
	padding: 0.4em 0 0.4em 8px;
}

.list_sitemap .last_item {
	background: transparent url(skin/sm_last_item.gif) left 0.2em no-repeat;
	border-left: none;
	padding-left: 9px;
}

/* tool box links */
.toolbox {
	border: 1px solid #ccc;
	margin-right: 20px;
	padding: 4px 10px 2px;
}

	.toolbox li {
		background: none;
		float: left;
		padding: 0;
		width: 50%;
	}

.content_add .toolbox li {
	float: none;
	width: auto;
}

.toolbox a,
.toolbox a:link,
.toolbox a:visited {
	color: #154273;
}

.toolbox a {
	background-image: url(skin/icons.png);
	background-repeat: no-repeat;
	height: 11px;
	padding-left: 16px;
	width: 12px;
}

	.toolbox a.email {
		background-position: left -147px;
	}

	.toolbox a.print {
		background-position: left -184px;
	}

	.toolbox a.document {
		background-position: left -221px;
	}

	.toolbox a.audio {
		background-position: left -256px;
	}

	.toolbox a.play {
		background-position: left -294px;
	}

	.toolbox a.table {
		background-position: left -342px;
	}

	.toolbox a.edit {
		background-position: left -597px;
	}

	.toolbox a.delete {
		background-position: left -671px;
	}

	.toolbox a.zoom {
		background-position: left -708px;
	}

	.toolbox a.star {
		background-position: left -746px;
	}

	.toolbox a.author {
		background-position: left -857px;
	}

	.toolbox a.group {
		background-position: left -893px;
	}

	.toolbox a.lock {
		background-position: left -930px;
	}

/**
 * Modules
 *
 * @section			Content specific (modules) style definitions
 */

/* scale images together with font resize */
p.full {
	line-height: 0;
}

	p.full img {
		float: none;
		height: auto;
		margin: 0.4em 0 0 0;
		padding: 0;
		width: 100%;
	}

.mod {
	margin-right: 20px;
	padding: 10px;
}

	.mod h1, .mod h2, .mod h3, .mod h4, .mod h5, .mod h6, .mod ul, .mod ol, .mod dl, .mod p, .mod blockquote {
		padding-right: 0;
	}

/* module 'tong' */
.tong {
	margin-bottom: 30px;
	padding-top: 50px;
	position: relative;
	margin-left: -10px;
	margin-top: -50px;
}

/* module 'visual' */
.visual img {
	font: 0/0 sans-serif;
	float: left;
	margin: -10px 20px -10px -10px;
	padding: 0;
}

.size11 .visual img {
	height: auto;
	width: 67.4311%;
}
/* width: (588/(892-20))*100=67.4311 */
.size812 .visual img,
.size23 .visual img {
	height: auto;
	width: 63.3803%;
}
/* width: (360/(588-20))*100=63.3803 */
.size512 .visual img {
	height: auto;
	width: 61.1765%;
}
/* width: (208/(360-20))*100=61.1765 */
.size23 .visual.half img,
.size12 .visual.half img {
	height: auto;
	width: 50%;
}
/* width: (284/(588-20))*100=50 */

/* module 3 column 'visual' */
.mod.three_col .size13 img {
	height: auto;
	width: 100%;
}

.mod.three_col {
	margin-right: 20px;
	padding: 10px 0;
}

	.mod.three_col h1, .mod.three_col h2, .mod.three_col h3, .mod.three_col h4, .mod.three_col h5, .mod.three_col h6, .mod.three_col ul, .mod.three_col ol, .mod.three_col dl, .mod.three_col p, .mod.three_col blockquote {
		padding-left: 10px;
		padding-right: 20px;
	}

/* module 'banner' */
.banner {
	display: block;
	margin-bottom: 2em;
	margin-top: 0.9em;
	text-decoration: none;
}

	.banner.bottom {
		margin-bottom: 0.4em;
	}

	.banner img {
		float: left;
		margin: -10px 10px -10px -10px;
		height: auto;
		width: 31.9149%;
	}

	.banner h3, .banner h4, .banner h3, .banner h4 {
		font-family: Verdana, Arial, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.2;
		margin: 0;
		padding: 0;
	}

		.banner h3 a, .banner h4 a, .banner h3 a, .banner h4 a, .banner p a {
			font-size: 1em;
			text-decoration: none;
		}

			.banner h3 a:hover, .banner h4 a:hover, .banner h3 a:hover, .banner h4 a:hover, .banner p a:hover {
				text-decoration: underline;
			}

	.banner p, .banner p a {
		line-height: 1.2;
		margin: 0;
		padding: 0;
	}

/* module 'box' */
.box {
	margin-bottom: 2em;
}

.mod.box {
	padding: 0;
}

	.mod.box h2,
	.mod.box h3,
	.mod.box h4,
	.mod.box h5,
	.mod.box h6,
	.mod.box ul,
	.mod.box ol,
	.mod.box dl,
	.mod.box p,
	.mod.box blockquote {
		margin: 0;
		padding: 10px;
	}

	.mod.box legend {
		padding: 10px 10px 0;
	}

.box h2.head,
.box h3.head,
.box h4.head,
.box h5.head,
.box h6.head {
	margin: 0;
	padding: 0.2em 12px 0.3em;
}

	.box h2.head.small,
	.box h3.head.small,
	.box h4.head.small,
	.box h5.head.small,
	.box h6.head.small {
		padding: 0.5em 12px;
	}

/* 'box' header subdued (grey) color */
.container .box.subdued h2,
.container .box.subdued h3,
.container .box.subdued h4,
.container .box.subdued h5,
.container .box.subdued h6 {
	background-color: #e1e1e1;
}

.container .box.closed.subdued {
	background-color: #f1f1f1;
	border: 1px solid #e1e1e1;
}

.container .box.open.subdued {
	background-color: #fff;
	border: 1px solid #e1e1e1;
}

/* Message + info box */
.message_err,
.message_info {
	background-position: 0.5em 0.5em;
	background-repeat: no-repeat;
	margin-top: 3em;
	margin-bottom: -1em;
	padding: 8px 10px 5px 34px;
}

.message_err {
	background-color: #f2bfbb;
	background-image: url(skin/message_err.png);
}

.message_info {
	background-color: #fdf6bb;
	background-image: url(skin/message_info.png);
	background-position-y: center;
}

	.message_err h2,
	.message_info h2,
	.message_err h2,
	.message_info h2 {
		font-size: 1.3em;
		margin-top: 0;
	}

	.message_err p,
	.message_info p {
		margin-bottom: 0.1em;
	}


.sr-only {
	clip: rect(1px,1px,1px,1px);
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}


.skipnav {
	margin-top: -1px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

@media (min-width: 768px) {
	.skipnav {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.6666666667%;
		-ms-flex: 0 0 16.6666666667%;
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}
}

.skipnav a {
	padding: 0.5rem;
}

.list-group.skipnav a {
	background: transparent;
	color: #01689b;
}
@font-face {
    font-family: "RO Sans";
    src: url(../Content/fonts/RO-SansWebText-Regular.eot#iefix) format("eot"),url(../Content/fonts/RO-SansWebText-Regular.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RO Sans";
    src: url(../Content/fonts/RO-SansWebText-Bold.eot#iefix) format("eot"),url(../Content/fonts/RO-SansWebText-Bold.woff) format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "RO Sans";
    src: url(../Content/fonts/RO-SansWebText-Italic.eot#iefix) format("eot"),url(../Content/fonts/RO-SansWebText-Italic.woff) format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "RO Serif";
    src: url(../Content/fonts/RO-SerifWeb-Regular.eot#iefix) format("eot"),url(../Content/fonts/RO-SerifWeb-Regular.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "RO Serif";
    src: url(../Content/fonts/RO-SerifWeb-Bold.eot#iefix) format("eot"),url(../Content/fonts/RO-SerifWeb-Bold.woff) format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "RO Serif";
    src: url(../Content/fonts/RO-SerifWeb-Italic.eot#iefix) format("eot"),url(../Content/fonts/RO-SerifWeb-Italic.woff) format("woff");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'icons';
    src: url('../Content/fonts/icons.woff') format('woff'), url('../Content/fonts/icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
 * adjusteded elements similar to http://www.ggo-vergunningverlening-zoeken.nl/
 */

/*
 * width suited for a 1280px resolution display
 */

/*
 * Bug fix
 */
.ie9-scroll-fix {
    /*this should fix the bug*/
    min-height: 0%;
}

/*remove the nagging blue outlines*/
html, body, div, span, applet, object, iframe, td, caption {
    outline: 0 !important;
}

/* Make sure the horizontal scrollbars do not disappear if they are being used. */
.scroll_horizontal:focus {
    overflow-x: auto;
}

.scroll_vertical:focus {
    overflow-y: auto;
}


/* active menu item also contains strong element */
.nav_main .sel strong {
    font-weight: bold;
}


/*
 * addition on screen.css
 */
.mod.message_info h3 {
    font-size: 1.3em !important;
    margin-top: 0;
}

/*
 * specified font text for sorttext in tabel
 */
.sorter {
    font-size: 1.2em;
    text-decoration: underline !important;
    color: #000 !important;
}

.pager, .select_all {
    display: none !important;
}

    .pager .numberofsubstances {
        padding: 0px 5px;
        width: auto;
        white-space: nowrap;
        text-align: center;
        font-size: 1.2em;
    }

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

div.scroll_horizontal {
    overflow-y: auto;
}

.collapsible fieldset {
    padding: 0 2px !important;
}

.collapsible table {
    border-spacing: 0.2em;
    text-align: left;
    width: 100%;
    /*margin: 0px 0px 2.2em -0.2em;*/
    margin-bottom: 0;
    margin-left: 0;
}

.checkbox + label, .selectAllCheckboxes + label {
    font-size: 11px !important;
}

div.scroll_horizontal {
    padding-right: 20px;
}

.pagedisplay {
    font-size: 1.2em;
}

table caption {
    font-size: 1.6em;
    font-weight: normal;
}

table.crosstable a, h2 a {
    color: #000 !important;
}

div.scroll_horizontal table th, div.scroll_horizontal table td {
    table-layout: fixed;
    white-space: normal !important;
    word-wrap: break-word;
    text-align: left;
    max-width: 350px;
}

.substancelist_norms .box, #home .substancelist_norms .mod.box h4.head, .substancelist_norms li {
    margin: 0;
}

.substancelist_norms .mod.box ul {
    padding-top: 0;
}

.zzs-lijst h1 {
    margin-top: 1em;
}

.zzs-lijst.index a:link, .zzs-lijst.index a:visited {
    color: black;
}

.zzs-lijst.index a.strong:link, .zzs-lijst.index a.strong:visited, .zzs-lijst tbody td a:link, .zzs-lijst tbody td a:visited {
    text-decoration: underline;
}

.zzs-lijst span.strong, .zzs-lijst a.strong {
    font-weight: bold;
}

div.dataTables_scrollHead {
    margin-left: -0.2em;
}

div.dataTables_scrollBody thead, div.dataTables_scrollBody thead tr, div.dataTables_scrollBody thead tr th {
    height: 0 !important;
    line-height: 0 !important;
    background-color: white;
}

.zzs-lijst table {
    margin-bottom: -0.1em;
}

    .zzs-lijst table thead th {
        background-color: #f6d4b3;
    }

    /* even rows background color */
    .zzs-lijst table tbody tr:nth-child(2n) td {
        background-color: #fbead9;
    }

    .zzs-lijst table th {
        white-space: normal;
        text-align: center;
        vertical-align: top;
    }

    .zzs-lijst table tbody td.bronnaam {
        text-align: center;
    }

    .zzs-lijst table tbody td:nth-child(1), .zzs-lijst table tbody td:nth-child(2) {
        white-space: nowrap;
    }

.zzs-lijst .voetnoten {
    margin-top: 1em;
}

.zzs-lijst dl, .zzs-lijst dl * {
    background-color: white;
    width: auto;
    border: none;
    line-height: normal;
    padding: 0;
}

    .zzs-lijst dl dt {
        width: 5em;
    }

    .zzs-lijst dl dd {
        width: auto;
        margin: 0;
    }

.zzs-lijst p {
    max-width: 75em;
}

.zzs-lijst .actions {
    border: 2px solid #f6d4b3;
    border-radius: 5px;
    float: right;
    margin: -5em 0 0 0;
    padding: 0.6em 0.6em 0.4em;
}

    .zzs-lijst .actions.bottom {
        margin-top: 0;
    }

a[href*="_"][href*="http"]:hover {
    text-decoration: none;
}

.content {
    overflow: visible;
}
/*
     * Substance List Aspect Values Crosstable
     */
div.scroll_horizontal table.slav th {
    min-width: 160px;
    vertical-align: top;
}

div.scroll_horizontal table.slav td, table.slav th.cellheader {
    min-width: 230px !important;
}

div.scroll_horizontal table.slav.admin-mode td {
    min-width: 230px;
    max-width: 500px;
}
/*
     * Substance List Aspect Values Crosstable
     */

/*
     * Norms Crosstable
     */
div.scroll_horizontal table.ccnv th {
    min-width: 160px;
}

    div.scroll_horizontal table.ccnv th.headerCategorie {
        min-width: 280px !important;
    }

    div.scroll_horizontal table.ccnv th.headerCompartiment, table.ccnv tr th.cellheader {
        min-width: 140px !important;
    }

    div.scroll_horizontal table.ccnv th.headerNorm {
        min-width: 230px !important;
    }

div.scroll_horizontal table.ccnv.admin-mode th {
    min-width: 290px;
    max-width: 500px;
}
/*
     * End of Norms Crosstable
     */

/*
     * ADR Crosstable
     */
div.scroll_horizontal table.adr th {
    min-width: 160px;
}

div.scroll_horizontal table.adr td {
    min-width: 230px !important;
}

div.scroll_horizontal table.adr.admin-mode td {
    min-width: 230px;
    max-width: 500px;
}
/*
     * ADR Crosstable
     */

/* (temporary) fix to sattisfy US 12 requirement of same column size for each substance in an easy way, as opposed to the (much) more cumbersom implementation of calculating each column-width over separate (substancelist) tables */
div.scroll_horizontal table th:first-child {
    width: 200px;
}

th.selectAll, th.selectAllWithoutIcon {
    width: 150px;
}

th.selectAllWithoutIcon {
    background-image: none !important;
}

.detailselection.hidden, .nextactionbutton.hidden {
    display: block;
}

select.maxwidth {
    width: 100%;
    max-width: 70%;
}

/*
 * odd and even rows
 */
td.oddRow {
    background-color: #f5f5f5;
}

td.evenRow {
    background-color: #fff;
}

td.empty, th.empty {
    background-color: #e1e1e1;
}

table.crosstable tr:hover th, table.crosstable tr:hover td, table.crosstable tr.selected th, table.crosstable tr.selected td {
    background-color: #FFCF8B;
    min-height: 0%;
}

    table.crosstable tr:hover td.preview, table.crosstable tr.selected td.preview {
        background-color: rgba(246, 212, 178, 0.8);
        min-height: 0%;
    }

.crosstable td p:last-child, dd p:last-child {
    margin-top: 0;
    margin-bottom: 0;
}

.crosstable.admin-mode td.preview {
    background-color: rgba(255, 225, 90, 0.5);
}

.crosstable.no-min-width th {
    min-width: 0;
}

.unit .submit {
    margin-bottom: 20px;
}

#dialog.hidden {
    display: none;
}

/*Make sure thead table padding stand correctly*/
/*table {
    padding-right: 20px;
}*/
.box.closed {
    margin: 2px !important;
}

.last_unit .mod {
    margin-right: 0;
}

.optionborder .collapse span.h3 {
    margin-left: 6px;
    background-color: red;
}

.collapse h1, .no-collapse h1, .collapse h2, .no-collapse h2 {
    font-size: 2rem;
    margin: 0;
}

.searchResultContainer .mod.message_info.SubstanceSearchResultList {
    margin-bottom: 0;
    margin-right: 0;
}

.collapsible .mod.box.closed, .collapsible .mod.box.closed .mod.box.open.lightest, .collapsible .mod.box.closed .mod.box.open.lightest h2 {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

    .collapsible .mod.box.closed .mod.box.open.lightest h4 {
        background: rgba(255,0,0,0) !important;
        font-size: 1.2em !important;
    }

    .collapsible .mod.box.closed h2 {
        background-color: #e1e1e1;
    }

/*
 *footer and source
 *scientific
 *policy
 *info
 */

.footnote {
    /*float: right;
    position: relative;*/
    width: 12px;
    height: 12px;
    margin: 0 4px;
}

    /*.footnote span {
        position: absolute;
        right: 0;
        bottom: 0;
    }*/

    /*.footnote span.javascript, .footnote span.scientific, .footnote span.policy {
            bottom: -9px;
        }*/

    .footnote img {
        margin: 0;
    }

    .footnote .additionalInfo, .footnote .remarks, .additionalInfoLink .additionalInfo {
        background: url(../Images/SVG_info_Blauw.svg) no-repeat;
        background-size: 18px 18px;
        width: 18px;
        height: 18px;
        line-height: 10px;
    }

.additionalInfo a, .remarks a {
    text-decoration: none;
}

.footnote span.additionalInfo, .footnote span.remarks, .additionalInfoLink span.additionalInfo {
    display: inline-block;
    vertical-align: top;
}

.additionalInfoLink .additionalInfo span, div.message_info > span, div.message_err > span,
.footnote .additionalInfo span, .footnote .remarks span {
    height: 0px;
    position: absolute;
    left: -100000px;
}

span.value {
    display: block;
    float: left;
}

div.footnotesContainer {
    float: right;
    height: 18px;
}

    div.footnotesContainer .footnote {
        float: left;
    }

/*.scientific {
    background: url(../Content/custom/scientific.svg) no-repeat;
    background-size: 18px 18px;
}

.policy {
    background: url(../Content/custom/policy.svg) no-repeat;
    background-size: 18px 18px;
}*/

.scientific img, .policy img {
    width: 18px;
    height: 18px;
    background-color: #ffcf8b;
    border-radius: 18px;
}
/*
 * End of footer
 */

/*
 * stof/detail
 */
dl {
    background-color: #E1E1E1;
    width: 100%;
    max-width: 90em;
    padding: 0;
}

dt {
    border-top: 2px solid #fff;
    padding-left: 10px;
    clear: left;
    float: left;
    font-size: 11px;
    line-height: 26px;
    width: 40%;
    white-space: normal;
}

dd {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    background-color: #F5F5F5;
    margin: 0 0 0 40%;
    clear: right;
    font-size: 11px;
    line-height: 18px;
    min-height: 18px;
    padding: 4px 0 4px 10px;
    word-wrap: break-word;
    width: 60%;
}
/*
 * End of stof/detail
 */

.turnedoff {
    /*display: none !important;*/
    visibility: hidden;
}

.small-font ul li {
    font-size: 1em !important;
}

.no-icon ul li {
    background-image: none;
    padding-left: 0;
}

h2.head {
    font-size: 12px !important;
    padding: 6px 0 6px 3px !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.autoOverflow {
    overflow: auto;
}

.displayhide {
    padding: 0px 0 0px 25px;
    position: absolute;
    right: 30px;
}

    .displayhide a {
        color: black;
    }

div.collapse {
    padding: 0;
    margin: 0 0 10px 0;
    cursor: pointer;
}

    div.collapse :focus {
        outline: 0.2em solid blue !important;
    }

    /*
    https://www.iconfinder.com/icons/308956/arrow_next_icon#size=16
*/
    div.collapse.open span.displayhide {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYklEQVQ4je3NQQpAUBSF4W9OyTYkbNWGlClLkTUwMXipF08myqk7uff8/+XPaynRI7vRzY9uES5rrBguJDlGLKjOx+5CEsJN7ENMcguOSZLgs2TCnAqHku2YZDiUtE/hj2QHlTsXCLpfdekAAAAASUVORK5CYII=) no-repeat left center;
    }

    div.collapse.close span.displayhide {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4je3SsQ1AUBiF0dOTiDVEeKtaSKJlFDEDhdep/KLi9t+pLi+tRvsEGLAhRYEC449ckBl7FCmxZKCPxBNWdB+JOa8cjqFCE41v7QB2JRcIe6C+8QAAAABJRU5ErkJggg==) no-repeat left center;
    }

    div.collapse.open span.displayhide span.close {
        display: none;
    }

    div.collapse.close span.displayhide span.open {
        display: none;
    }

.userinfo {
    float: right;
    margin-right: 20px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

input.wide {
    width: 75%;
}

input.w98 {
    width: 98%;
}

.adminmode {
    float: right;
    margin: 0 10px;
}

body.dialog {
    border: none;
    overflow: hidden;
    width: 650px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

    body.dialog dl {
        width: 250px;
    }

    body.dialog dt {
        width: 272px;
    }

    body.dialog dd {
        margin: 0 0 0 271px;
        width: 346px;
    }

.remarks-textarea {
    width: 624px !important;
    height: 90px !important;
}

colgroup .substancegroups.sortorder, colgroup .footnotes.sortorder, colgroup .footnotes.status {
    width: 12%;
}

colgroup .substancegroups.adminmode, colgroup .footnotes.adminmode {
    width: 11%;
    float: none;
}

colgroup .footnotes.url, colgroup .footnotes.remarks {
    width: 40%;
}

colgroup .substances.selecteer {
    width: 13%;
}

colgroup .substances.casnummer, colgroup .substances.unnummer colgroup .substances.ecnummer {
    width: 15%;
}

/*
 * Specific print styling
 */
div.print.proclaimer {
    margin-bottom: 1.5em;
}

    div.print.proclaimer p.h1 {
        font-size: 1.5em;
        font-weight: bold;
    }

    div.print.proclaimer p {
        margin-bottom: .5em;
    }

div.print.proclaimer, div.print.titel {
    display: none;
}

/** Tracking cookie Information bar **/
.information-bar {
    font-family: verdana,helvetica,arial,sans-serif;
    border-bottom: 1px solid #000000;
    overflow: hidden;
    background-color: #FFF7C5;
    padding: 5px 0;
    text-align: left;
    color: #000000;
    position: absolute;
    z-index: 10000;
    margin: -22px 0 0;
    width: 100%;
    right: 0;
}

    .information-bar p {
        float: left;
        padding-left: 10px;
        margin: 0;
    }

    .information-bar ul.links {
        float: right;
        margin: 0;
        padding-right: 10px;
        list-style: none;
    }

        .information-bar ul.links li {
            display: inline;
            padding-left: 10px;
        }

    .information-bar a {
        color: #086bc8;
    }

.cookiebarmargin {
    margin-top: 30px !important;
}

.cookieli {
    font-family: verdana,helvetica,arial,sans-serif;
    border: 1px solid #000000;
    overflow: hidden;
    background-color: #FFF7C5;
    text-align: left;
    color: #000000;
}

/*background: url('skin/arrows.png') no-repeat scroll left -372px*/

.downloadbutton {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    font-family: arial,sans-serif; /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

/*
 * Add-on for the message box, giving it more space at the bottom, not conflicting with other elements.
 */
.mod.message_info.margin_bottom_3, .mod.message_err.margin_bottom_3 {
    margin-bottom: 1em;
}

/* Checkbox for selection in table have a label, but these should not have a width. */
form.form_ll label.no-width {
    width: auto;
}

form.form_ll div.field {
    display: table;
    margin-bottom: 1.5rem;
}

form.form_ll div.field label {
    display: block;
    width: auto;
    font-size: 1rem;
    color: #154273;
    line-height: 1rem;
    margin-bottom: 1rem;
}

form.form_ll div.field input {
    border: 1px solid #01689b;
    border-radius: 5px;
    padding: 0.625rem;
    min-width: 20rem;
}

td.datetime {
    min-width: 12em;
}

/* Submit buttons */
form.form_ll .unit size612 + .unit.size412 {
    width: auto;
}

/*form.form_ll .unit.size412.last_unit input.submit {
    left: 0em;
}*/

/* pager buttons */
.pager button, #resultaten thead button {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
}

    .pager button img {
        margin-bottom: 0;
    }

.overlay {
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
}

    .overlay #loading {
        background: url("../Images/loading.gif") center center no-repeat;
        width: 300px;
        height: 300px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -150px;
        margin-top: -150px;
    }

/* Admin styles */
div.dropdown-with-filter select {
    display: block;
    width: 100%;
    margin-top: 0.2em;
}

.markDownPreview {
    border: 1px solid #959694;
    margin: 10px;
    padding: 5px;
}

fieldset .CodeMirror, fieldset .CodeMirror-scroll {
    min-height: 150px;
    max-height: 150px;
}

.DownloadLink {
    border: 2px solid #f6d4b3;
    margin: 0;
    padding: 0.6em 0.6em 0.4em;
}

.ui-button-icon-only {
    text-indent: -9999999px;
}

/*toggle switch on SZW-list overview*/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: #eee;
    border-radius: 20px;
}

    .switch::after {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: white;
        top: 1px; /* TO GIVE AN EFFECT OF CIRCLE INSIDE SWITCH.*/
        left: 1px;
        transition: all 0.3s;
    }

.checkbox.toggle:checked + .switch::after {
    left: 20px;
}

.checkbox.toggle:checked + .switch {
    background-color: #e17000;
}

.checkbox.toggle {
    display: none;
}

/* Custom RvS styling. */

/* Highlight the target element if the url specifies a page anchor */
/*:target {
   background-color: #FFCF8B;
}*/

form.form_ll label.wide {
    width: 24.4em;
}

form.form_ll #selectedSubstances {
    margin: 1em 0 .5em;
    padding-left: 1em;
}

.clearboth {
    clear: both;
}

.onlySR, .only-sr {
    height: 0;
    position: absolute;
    left: -100000px;
}

/* Fix for list nesting */
ol ol, ol ul, ul ol, ul ul {
    font-size: 1em;
    margin-left: 0.2em;
    margin-top: 0.6em;
}

ul li {
    background-image: url("skin/arrow_right.png");
}

/* Styling for beter responsiveness on mobile */

.substance_search .size612, .substance_search .size412 {
    max-width: 600px;
    width: 100%;
}

/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 500px) {
    #aspects .unit.size14, #Action .unit.size412.last_unit, #aspects .unit.size812, #aspects .unit.size12 {
        width: 100%;
    }

    .unit.last_unit {
        float: left;
    }

    #aspects .unit.size13 > div {
        margin: 0;
    }

        #aspects .unit.size13 > div > ul {
            padding: 0;
        }

    form.form_ll label, #aspects .unit.size12.norms label {
        width: auto;
    }
}

.unit.size14.substancelist label, .unit.size12.norms label, .unit.size14.hazardclassifications label {
    width: 23em;
}

#clusterlist {
    max-width: 60em;
}

    #clusterlist.expand .expandable {
        display: inline-block
    }

    #clusterlist.expand.low .expandable {
        display: none
    }

.expand .expand-control .all {
    display: none;
}

.expand .expand-control span.control {
    text-align: right;
    margin-left: 5em;
    padding-left: 20px;
}

.expand.low .expand-control .all {
    display: inline;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4je3SsQ1AUBiF0dOTiDVEeKtaSKJlFDEDhdep/KLi9t+pLi+tRvsEGLAhRYEC449ckBl7FCmxZKCPxBNWdB+JOa8cjqFCE41v7QB2JRcIe6C+8QAAAABJRU5ErkJggg==) no-repeat left center;
}

.expand .expand-control .low {
    /*padding-left: 20px;*/
    display: inline;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYklEQVQ4je3NQQpAUBSF4W9OyTYkbNWGlClLkTUwMXipF08myqk7uff8/+XPaynRI7vRzY9uES5rrBguJDlGLKjOx+5CEsJN7ENMcguOSZLgs2TCnAqHku2YZDiUtE/hj2QHlTsXCLpfdekAAAAASUVORK5CYII=) no-repeat left center;
}

.expand.low .expand-control .low {
    display: none;
}

h3.substance-group {
    font-size: 1.1em;
    display: inline;
    line-height: inherit;
    font-family: inherit;
}

.substance-group-emission > p {
    min-width: 54em;
    width: 50%;
}

.substance-group-emission span.substance-group, .substance-group-emission span.emission {
    font-weight: bold;
}

.substance-group-emission span.emission {
    width: 20em;
    padding-right: 10px;
    float: right;
}

table.navigator {
    min-width: 60em;
    width: 50%;
}

    table.navigator > thead td.substance-emission-status {
        font-weight: bold;
    }

    table.navigator > thead th {
        font-weight: bold;
    }

        table.navigator > thead th.cas-number {
            width: 8em;
        }

        table.navigator > thead th.emission-status {
            width: 10em;
        }

        table.navigator > thead th.details {
            width: 6em;
        }

    table.navigator > tbody {
        overflow: auto;
    }

    table.navigator tbody th {
        white-space: normal;
    }

.substance_search_result td span, .substance_search_result td a {
    display: table-cell;
    min-width: 5em;
    /*padding-left: 1em;*/
}

    .substance_search_result td span.branch {
        padding-left: 2em;
    }

    .substance_search_result td span.subbranch {
        padding-left: 4em;
    }

.substance-group-emission span.substance {
    font-weight: bold;
}

td.compartment {
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

#similarity-header, #structure-image {
    margin: 10px;
}

    #similarity-header dl {
        background-color: transparent;
    }

    #similarity-header dt {
        background-color: #e1e1e1;
        width: 140px;
    }

    #similarity-header dd {
        margin-left: 150px;
        width: auto;
    }

textarea.maxwidth {
    width: 80em !important;
    max-width: 100%;
}

#similarity-results {
    margin: 10px;
}

div.similarity-method-result {
    overflow-x: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

table.similarity {
    width: auto;
    min-width: 700px;
    word-break: break-word;
}

    table.similarity tr.similar td, table.similarity tr.similar th {
        background-color: #f6d4b3;
    }

    table.similarity .substance {
        white-space: normal;
        width: 300px;
    }

    table.similarity .cas-number {
        width: 100px;
    }

    table.similarity .ec-number {
        width: 100px;
    }

    table.similarity .smiles {
        width: 300px;
    }

    table.similarity td.similar {
        width: 40px;
        text-align: center;
    }

    table.similarity .toxicity {
        text-align: center;
        width: 60px;
    }

    table.similarity td.toxicity span {
        display: inline-block;
    }

        table.similarity td.toxicity span.C {
            width: 15px;
        }

        table.similarity td.toxicity span.M {
            width: 15px;
        }

        table.similarity td.toxicity span.R {
            width: 15px;
        }

        table.similarity td.toxicity span.PBT {
            width: 25px;
        }

        table.similarity td.toxicity span.vPvB {
            width: 30px;
        }

    table.similarity .details {
        width: 40px;
        text-align: right;
    }

    table.similarity .image {
        width: 60px;
        text-align: center;
    }

.molecule-structure {
    display: inline;
    float: left;
    width: 50%;
}

.molecule-structure-header {
    height: 2em;
}

.structure-image-small {
    width: 200px;
    height: 200px;
}

.structure-image-medium {
    width: 300px;
    height: 300px;
}

.margin_bottom_3 {
    margin-bottom: 3em;
}

span.extlink,
.informAboutContainer span.extlink {
    position: relative;
    display: inline-block;
    top: -5px;
}

span.ext,
.informAboutContainer span.ext {
    position: relative;
    display: inline-block;
}

    span.ext::before,
    .informAboutContainer span.ext::before {
        content: "\e98e";
        color: inherit;
        display: inline-block;
        font-family: icons;
        line-height: 1;
        position: relative;
        top: 1px;
    }

.nav_main a.ext {
    display: inline-block;
}

.nav_main a.ext {
    padding: 0.16em 0 0.24em 0.9091em;
}

div.search-header {
    padding-left: 1em;
    background-color: #f6d4b3;
}

ul.tabs {
    display: flex;
    margin-top: 4em;
    margin-bottom: 1.5rem;
}

ul.tabs li {
    font-size: 1rem;
    background-image: none;
    margin-bottom: 0;
    padding: .75rem 1.25rem;
    border-radius: 0.375rem 0.375rem 0 0;
    border: 2px solid #f6d4b3;
    border-bottom: none;
}

ul.tabs li.sel {
    background-color: #f6d4b3;
}
/*******************
*     ScreeningTool     *
*******************/

.screeningtool a:link,
.screeningtool a:visited {
    text-decoration: underline;
}

.screeningtool p {
    line-height: 1.4;
}

.screeningtool .result-container {
    line-height: 30px;
    padding: 0;
    margin: 3em 20px 10px 0;
    border: 1px solid #f6d4b3;
}

.screeningtool .container-header h2 {
    padding-left: .5em;
    display: inline;
    font-size: 1.8em !important;
    vertical-align: middle;
}

.screeningtool .container-header {
    background-color: #f6d4b3;
}

.screeningtool .result-container .feedback {
    padding-left: 1em;
}

    .screeningtool .result-container .feedback p {
        margin-bottom: 0.5em;
        margin-top: 1em;
        padding-left: .8em;
    }

    .screeningtool .result-container .feedback dl {
        width: 60em;
        background-color: #e1e1e1;
    }

        .screeningtool .result-container .feedback dl dt {
            width: 60%;
            background-color: #e1e1e1;
        }

        .screeningtool .result-container .feedback dl dd {
            margin: 0 0 0 60%;
            width: 44%;
        }

            .screeningtool .result-container .feedback dl dd ul {
                margin-bottom: 0;
            }

                .screeningtool .result-container .feedback dl dd ul li {
                    list-style: disc;
                    padding-left: 0;
                    margin-left: 1em;
                }

.screeningtool .result-container .download-area {
    float: right;
    padding-right: 0.1em;
    text-align: right;
}

    .screeningtool .result-container .download-area #downloadCSV {
        clear: right;
        float: right;
    }

.download-area p {
    border: 1px solid #e1e1e1;
    padding: 1em;
    max-width: 50%;
    line-height: 1.5;
    width: 70em;
    text-align: left;
}

.screeningtool .result-container .download-area p {
    float: right;
    clear: both;
}

form.form_ll fieldset {
    margin-bottom: 0;
}

form.form_ll fieldset legend {
    font-size: 1rem;
    font-weight: normal;
    padding: 0;
    margin-bottom: 1.5rem;
}

form fieldset li {
    background: none;
}

#screeningtool-results {
    margin: 10px;
}

    #screeningtool-results h4 {
        font-size: medium;
    }

.screeningtool table.screeningtool {
    width: auto;
    /* min-width: 700px; */
    word-break: break-word;
}

.screeningtool div.screeningtool-result {
    overflow-x: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.screeningtool-result ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 1em;
    margin-bottom: 1em;
}

    .screeningtool-result ul li {
        padding-left: 0.5em;
        background-image: none;
        margin-bottom: 0;
        line-height: 1.2;
        list-style-position: outside;
    }

.screeningtool-result dl.score-explanation {
    width: 37em;
    float: left;
    background: none;
}

    .screeningtool-result dl.score-explanation dt {
        width: 65%;
        background-color: #e1e1e1;
    }

    .screeningtool-result dl.score-explanation dd {
        margin: 0 0 0 65%;
        width: 35%;
    }

.score {
    background-repeat: no-repeat;
    background-position-x: 0.5em;
    padding-left: 3em;
    background-position-y: 10px;
}

.score-explanation .score {
    background-position-y: center;
}

.score.low-to-moderate {
    background-image: url('images/1-low-to-moderate.png');
}

.score.high {
    background-image: url('images/2-high.png');
}

.score.very-high {
    background-image: url('images/3-very-high.png');
}

.blank, th.blank, td.blank{
    background: white !important;
}

.narrow, th.blank.narrow, td.blank.narrow {
    width: 0px !important;
    padding: 0px !important;
    border-spacing: 0em;
}

#resultaten col:nth-child(3), #resultaten col:nth-child(9), #resultaten col:nth-child(15) {
    width: 15px !important
}

a.button {
    background-color: #f6f6f6;
    border: 1px solid #c5c5c5;
    color: #454545;
    padding: 0.5em 1em;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0.5em;
}

    a.button:hover {
        background-color: #ededed;
        border: 1px solid #cccccc;
        color: #454545;
        text-decoration: none;
    }

div.button-row {
    margin-bottom: 2em;
}

.tox-tinymce {
    height: 7em !important;
    width: 98%;
    display: inline-flex !important;
}

.szwlist-properties col:not(:first-child) {
    width: 300px;
}

.szwsubstancedetails input {
    width: 98%;
}

th.active {
    background-color: #f6d4b3;
}

.szwlist-properties select {
    width: 100%;
}

.szwlist-properties .setting select, .szwlist-properties .setting input {
    width: 50px;
}

.loader {
    top: 2px;
    position: relative;
    width: 1em;
    height: 1em;
    border: 2px solid #000;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.szwoverview .fa {
    font-size: 20px;
    color: #808080;
}

.version_footer {
    width: 100%;
    text-align: center;
}

.languages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background-color: #fff
}

.languages__wrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: center;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end: -16px;
    -webkit-margin-start: -16px;
    margin-inline-start: -16px; 
    padding-inline: 16px;
}

p.languages__label {
    -webkit-margin-before: 2rem;
    margin-block-start: 2rem;
    -webkit-margin-after: 0.5rem;
    margin-block-end: 0.5rem;
    font-size: 1.5rem;
}

.languages__list {
    flex-grow: 0;
    flex-shrink: initial;
    flex-basis: 100%;
    max-width: 100%;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 1.5rem;
    margin-block-end: 1.5rem;
}

li.languages__list-item {
    background: none;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
    margin-block: 0.5rem;
    padding: 0;
    list-style: none !important;
    color: #01689b;
    font-size: 1.3rem;
    line-height: 1.6;
}

    li.languages__list-item.selected {
        font-weight: bold;
        background-color: #d9e8f0;
        color: #01689b;
    }

.languages__list-item.selected, a.languages__link {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    border: 1px solid #01689b;
    color: inherit;
    font-size: 1.3rem;
    text-decoration: none;
}

    .languages__list-item.selected:hover, a.languages__link:hover {
        color: #000;
        background-color: #4d95b9;
        text-decoration: none;
    }

    .languages__list-item.selected:focus, a.languages__link:focus, a.languages__link:visited {
        outline-offset: 3px;
        text-decoration: none !important;
    }

#structural-formula-div {
    display: inline-block;
    margin-left: 10px;
}
#header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0;
    min-height: 93px;
}

    #header:not(.with-bg-image) {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

@media (min-width: 768px) {
    #header.with-bg-image {
        min-height: 125px;
    }
}

@media (min-width: 992px) {
    #header.with-bg-image {
        min-height: 177px;
    }
}

#header.with-bg-image .logo {
    margin-left: -66px;
    position: absolute;
    padding-left: 44px;
    width: auto;
    top: 0;
    left: 50%;
    z-index: 1;
}

#header .logo {
    margin-top: -11px;
    text-decoration: none;
    padding-left: 134px;
    padding-right: 0;
}

@media (min-width: 576px) {
    #header .logo {
        margin-top: 0px;
        padding-left: 240px;
        padding-right: 0;
        min-height: 88px;
    }
}

@media (min-width: 576px) {
    #header .logo .wordmark {
        font-size: 14px;
        line-height: 14px;
        margin-left: 9px;
        margin-right: 21px;
        width: 210px;
    }
}

#header .logo .wordmark {
    letter-spacing: 0.001em;
    font-family: "RO Serif","Times New Roman",Times,serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    line-height: 14px;
    display: block;
    float: right;
    padding-top: 34px;
    margin-left: 4px;
    margin-right: 0;
    width: 130px;
}

#header .logo > span {
    display: block;
}

#header .logo .secondary-sender {
    font-style: italic;
    display: block;
    line-height: 14px;
    padding-bottom: 14px;
}

#header .header-media {
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    #header .header-media img {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

        #header .header-media img.wide {
            height: 100%;
            width: auto;
            max-width: none;
        }

        #header .header-media img.tall {
            width: 100%;
            height: auto;
        }

.content {
    padding: 0;
}

.orange .content_wrapper2 {
    border-top: none;
}

.restyle-component * {
    font-family: "RO Sans", Calibri, Verdana, sans-serif;
}

.content_wrapper2, .restyle-component .container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .content_wrapper2, .restyle-component .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .content_wrapper2, .restyle-component .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .content_wrapper2, .restyle-component .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .content_wrapper2, .restyle-component .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .content_wrapper2, .restyle-component .container {
        max-width: 1320px;
    }
}

.rvs-home {
    padding-left:0!important;
}

.restyle-component a.ext {
    display: inline-block;
}

.rvs-nav li {
    padding: 0;
    font-size: 1em;
    line-height: 64px;
}

.restyle-component ul, .restyle-component ol {
    font-size: 1em!important;
}

.restyle-component ul li {
    background-image: none;
}

.rvs-site {
    margin-left: auto;
}

.rvs-menu, .rvs-home {
    font-weight: 700;
}

.rvs-menu .dropdown-item {
    font-weight: 400;
}

.dropdown-menu {
    border-radius: 0;
    font-size: 1em;
    padding: 0;
    box-shadow: 0 3px 8px #646464;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
    .dropdown-menu ul {
        padding-left: 0.5em;
    }


.rvs-home span::before {
    content: url("../Content/custom/home-icon.png");
    padding-right: 0.5em;
}

.rvs-menu span::before {
    content: url("../Content/custom/menu-icon.png");
    padding-right: 0.5em;
}

.rvs-home {
    padding-left: 0;
}

.dropdown-item {
    padding: 0.5rem;
}

.dropdown-item a::before {
    content: url("../Content/custom/delta-right.png");
    padding-right: 1em;
}

.restyle-component .rvs-menu li {
    line-height:60px;
}

.restyle-component .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.restyle-component .navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

    
.restyle-component .nav-link {
    display: block;
    text-decoration: none;
    background: none;
    border: 0;
}


.restyle-component .dropup,
.restyle-component .dropend,
.restyle-component .dropdown,
.restyle-component .dropstart,
.restyle-component .dropup-center,
.restyle-component .dropdown-center {
    position: relative;
}

.restyle-component .dropdown-menu {
    position: absolute;
    z-index: 10;
    display: none;
    width: 350px;
    margin: 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
}

.restyle-component .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.restyle-component .dropdown-menu.show {
    display: block;
}

.restyle-component .dropdown-toggle.show, .dropdown-item:hover, .dropdown-item:focus {
    background-color: #FBEAD9;
}

.restyle-component .dropdown-menu ul {
    padding: 0em;
}

.orange .restyle-component .sel a {
    background-color: #fff;
}

.restyle-component .navbar-titlebar {
    font-size: 22.4px;
    background-color: #F6D4B3;
    line-height: 2.0em;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #212529;
}

.restyle-component .navbar-bottombar {
    font-size: 22.4px;
    background-color: #E17000;
    min-height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 33.6px;
}

    .restyle-component .navbar-bottombar ul {
        margin: 0;
    }

    .restyle-component .navbar-bottombar li {
        margin-bottom: 0;
        list-style-type: none;
    }

        .restyle-component .navbar-bottombar li a {
            text-decoration: none;
            color: #000;
            padding: 0 16px;
            display: block;
        }

            .restyle-component .navbar-bottombar li a:hover {
                text-decoration: none;
                color: #000;
            }

            .restyle-component .navbar-bottombar li a:active {
                text-decoration: none;
                color: #000;
            }

.restyle-component .rvs-nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.restyle-component span.extlink {
    top: 0;
}

.footer.restyle-component .nav-item {
    font-weight: 400;
}

.footer.restyle-component {
    border-top: none;
}

.footer.restyle-component .container li, .footer.restyle-component .container ul {
    margin: 0;
}

.footer.restyle-component .container li a {
    padding: 0;
}

    .footer.restyle-component .container ul {
        padding-bottom: 50px;
    }