@font-face
{
    font-family: 'Doppio One';
    src: url('/Content/fonts/doppioone-regular-webfont.eot');
    src: url('/Content/fonts/doppioone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/doppioone-regular-webfont.woff') format('woff'), url('/Content/fonts/doppioone-regular-webfont.ttf') format('truetype'), url('/Content/fonts/doppioone-regular-webfont.svg#webfont') format('svg');
}

body
{
    font-size: 14px;
    line-height: 19px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666666;
}

header, footer, nav, section
{
    display: block;
}

a
{
    color: #d1174d;
    text-decoration: underline;
}

    a:focus, a:hover
    {
        color: #90052e;
        outline: 0;
    }

h1.description
{
    display: none;
}

.btn-cont
{
    display: flex;
}

.btn-voion
{
    background: #D1174D;
    padding: 6px 9px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: white !important;
    text-decoration: none !important;
    font-family: 'Karla', Arial;
    font-weight: bold;
    display: flex;
    border: none;
}

.btn-right
{
    display: inline-block;
    padding: 6px 25px 6px 9px;
}

.btn-voion:visited
{
    text-decoration: none;
}

.btn-voion:hover
{
    text-decoration: none !important;
    color: white;
}

.btn-right i
{
    margin-left: 10px;
    font-size: 2rem;
    position: absolute;
}

.btn-left i
{
    margin-left: 0;
    margin-right: 10px;
    font-size: 2rem;
    transform: rotate(180deg);
}

.icon
{
    width: 1rem;
    display: inline-flex;
}

.sprite
{
    background: url(/content/images/sprite.png) top left no-repeat;
    background-position-x: left;
    background-position-y: top;
}

label
{
    font-weight: 400;
}

.showonmobile
{
    display: none;
}

#container
{
    margin: 0 auto;
    position: relative;
}

#header
{
    height: 102px;
}

#logo
{
    position: absolute;
    top: 10px;
    left: 15px;
    width: 205px;
    height: 75px;
}

@media (min-width: 992px)
{
    #logo
    {
        top: 20px;
    }
}

#logoprint
{
    width: 205px;
    margin: 20px 0;
}

#utils
{
    float: right;
    margin: 0;
    padding: 0;
}

    #utils ul
    {
        margin: 0;
        padding: 0;
    }

        #utils ul li
        {
            float: left;
        }

            #utils ul li a
            {
                text-decoration: none;
                color: #666666;
                border-right: 1px dotted #666666;
                font-family: Verdana;
                font-size: 11px;
                padding: 0 15px 0 15px;
                text-transform: lowercase;
            }

            #utils ul li.last a
            {
                border: 0;
                padding: 0 0 0 15px;
            }

#MainNav
{
    clear: both;
    float: right;
    list-style: none;
    padding: 0;
    margin: 30px 0 30px 0;
    position: relative;
    z-index: 10;
}

    #MainNav ul
    {
        margin: 0;
        padding: 0;
        background: pink;
    }

        #MainNav ul li
        {
            float: left;
            padding: 0 0 0 30px;
            font-size: 14px;
            color: #d1174d;
            font-family: 'Karla', Arial;
        }

            #MainNav ul li a, #MainNav ul li span
            {
                display: flex;
                text-decoration: none;
                padding: 0 0 8px 0;
                font-size: 16px;
                color: #d1174d;
                font-family: 'Karla', Arial;
                text-transform: lowercase;
            }

                #MainNav ul li a:hover
                {
                    color: #000;
                }

    #MainNav li:hover ul, #MainNav li.sfhover ul
    {
        left: auto;
    }

    #MainNav ul li.active a
    {
        color: #000;
    }

    #MainNav ul ul li.active a
    {
        color: #000 !important;
    }

    #MainNav li:hover, #MainNav li.hover
    {
        position: static;
    }

/* Submenu styling (global) */
.submenu-styling > ul
{
    padding: 5px 0 20px 15px;
    margin: 0;
}

.submenu-styling ul
{
    padding: 5px 0 20px 15px;
    margin: 0;
}

.submenu-styling > ul > li > a
{
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
    color: #E2772A;
    margin-bottom: 0.5rem;
}

.submenu-styling > ul ul
{
    list-style-type: disc;
    margin-bottom: 1rem;
    padding-bottom: 0;
}

.submenu-styling > ul a
{
    text-decoration: none;
    list-style-type: disc;
}

.submenu-styling > ul > li
{
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: solid 1px lightgray;
}

    .submenu-styling > ul > li a + ul
    {
        margin-top: 0.5rem;
    }

    .submenu-styling > ul > li:last-child,
    .submenu-styling > ul > li:last-child > a,
    .submenu-styling > ul > li:last-child > ul
    {
        border-bottom: none;
    }

    .submenu-styling > ul > li:has(ul) > a
    {
        border-top: none;
        border-bottom: none;
        margin-bottom: 0;
    }

    .submenu-styling > ul > li > ul li
    {
        color: black;
        margin-left: 1.5rem;
        margin-bottom: 0.3rem;
        list-style-type: disc;
        font-size: 14px;
    }

    .submenu-styling > ul > li > ul > li > ul > li > a
    {
        color: #000000;
    }

    .submenu-styling > ul > li > ul > li > ul > li > ul > li > a
    {
        color: #000000;
    }

    .submenu-styling > ul > li > ul > li > a
    {
        color: inherit;
        font-size: 1.4rem;
        text-decoration: none;
        padding-left: 1.2rem;
        display: block;
    }

/* submenu lvl 3 */
.submenu-styling ul > li > ul > li > a:hover
{
    text-decoration: underline;
}

.submenu-styling > ul > li > ul > li > ul
{
}

#topicsnav
{
    user-select: none;
}

    #topicsnav:hover a,
    #topicsnav:hover span
    {
        color: black;
    }

    #topicsnav a,
    #topicsnav span
    {
        cursor: pointer;
    }

        #topicsnav span:after
        {
            content: "\f105";
            font-family: fontawesome;
            font-size: 2.2rem;
            font-weight: 300;
            display: block;
            position: relative;
            margin-left: 1rem;
            transform-origin: center center;
            transform: rotate(90deg);
            transition: 0.1s transform ease;
        }

    #topicsnav .topicsnav-trigger.active
    {
        color: black;
    }

        #topicsnav .topicsnav-trigger.active:after
        {
            transform: rotate(-90deg);
        }

#topicsnav-full
{
    position: absolute;
    top: 160px;
    left: 217px;
    z-index: 10000;
    width: 632px;
    background: white;
    border: 1px solid #ddd;
    display: none;
}

@media only screen and (min-width:1200px)
{

    #topicsnav-full
    {
        left: 420px;
    }
}

#topicsnav-full-arrow
{
    position: absolute;
    top: -20px;
    left: 160px;
}

#topicsnav-full > div
{
    padding-bottom: 10px;
}

#topicsnav-panel-arbeidsmarkt-en-mobiliteit
{
    width: 330px;
    border-right: 1px solid #eee;
}

#topicsnav-panel-veilig-gezond-en-vitaal-werken
{
    width: 300px;
}

#topicsnav-full h5
{
    border-bottom: 3px solid white;
    padding-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 30px 19px;
    font-weight: 600;
}

#topicsnav-panel-arbeidsmarkt-en-mobiliteit h5
{
    border-color: #ff964a;
}

#topicsnav-panel-veilig-gezond-en-vitaal-werken h5
{
    border-color: #a0ce99;
}

#topicsnav-full ul
{
    margin: 16px;
}

#topicsnav-full a
{
    color: #666;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    position: relative;
}

    #topicsnav-full a:hover
    {
        text-decoration: underline;
    }

#topicsnav-full i
{
    position: absolute;
    right: 5px;
    top: 0;
    display: block;
}

#slider
{
    width: 100%;
    height: 342px;
    background: #e8e9e6;
    overflow: hidden;
    z-index: 1;
    margin: 0 0 30px 0;
}

#headerimage
{
    width: 100%;
    height: 213px;
    background: #e8e9e6;
    margin: 0 0 30px 0;
    overflow: hidden;
}

    #headerimage img
    {
        width: 100%;
        min-height: 213px;
    }

.searchform
{
    width: 300px;
}

#zoekveldContainer
{
    width: 374px;
    height: 43px;
    background-position: -100px -9005px;
    position: relative;
    float: right;
    clear: right;
    margin: 20px 0px 0 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: none;
}

    #zoekveldContainer input.q
    {
        height: 25px;
        width: 320px;
        margin: 7px 0 0 10px;
        border: 0;
        font-size: 18px;
        line-height: 22px;
        color: #666666;
        font-family: 'Karla', Arial;
    }

    #zoekveldContainer label.placeholder
    {
        height: 25px;
        width: 320px;
        margin: 7px 0 0 10px;
        border: 0;
        font-size: 18px;
        line-height: 22px;
        color: #666666;
        font-family: 'Karla', Arial;
        font-style: italic;
    }

    #zoekveldContainer .zoek_btn
    {
        position: absolute;
        top: 7px;
        right: 13px;
        cursor: pointer;
        margin: 0;
        width: 24px;
        height: 25px;
        background-position: -269px -10px;
        border: 0;
        font-size: 0;
        color: #fff;
    }

    #zoekveldContainer #searchLoader
    {
        position: absolute;
        right: 50px;
        top: 14px;
        display: none;
    }

@media only screen and (min-width: 992px)
{
    #zoekveldContainer
    {
        display: block;
    }
}

#search-progress
{
    display: none;
    background: white;
    color: #666;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
    height: 43px;
    width: 100%;
    border: 1px solid #666;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    #search-progress h4
    {
        margin: 0;
    }

    #search-progress strong
    {
        color: #d1174d !important;
    }

    #search-progress.double
    {
        height: 60px;
        margin-top: -3px;
    }

    #search-progress.triple
    {
        height: 80px;
        margin-top: -20px;
    }

.cloudwolk
{
    position: relative;
    width: 100%;
    height: 342px;
}

#tagcloud
{
    width: 850px;
    padding: 70px 40px 40px 40px;
    text-align: center;
}

    #tagcloud a
    {
        text-decoration: none;
        line-height: 1.5em;
        padding-right: 1.3em;
        display: block;
        color: #ffffff;
        border: 1px solid #00ff00;
        padding: 1em;
        border: 1px solid #ff0000;
    }

#programmalijn-blokken
{
    margin-bottom: 30px;
}

    #programmalijn-blokken .banner
    {
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
    }

    #programmalijn-blokken .blok
    {
        height: 330px;
        position: relative;
    }

    #programmalijn-blokken a.titel
    {
        float: left;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        font-family: 'Karla', Arial;
        text-decoration: none;
        width: 100%;
        display: block;
        padding: 7px 0 5px 0;
    }

    #programmalijn-blokken .blok ul
    {
        margin: 10px 0 0 15px;
        clear: both;
    }

        #programmalijn-blokken .blok ul li
        {
            list-style-type: square;
        }

        #programmalijn-blokken .blok ul a
        {
            color: #000;
        }

    #programmalijn-blokken .link_meer
    {
        position: absolute;
        right: 0;
        bottom: 0;
        text-decoration: none;
        font-family: 'Karla', Arial;
        font-size: 14px;
    }

    #programmalijn-blokken .arbeidsmarkt-en-mobiliteit
    {
        border-bottom: 1px solid #ff964a;
    }

        #programmalijn-blokken .arbeidsmarkt-en-mobiliteit a.titel
        {
            color: #ff964a;
            border-top: 20px solid #ff964a;
        }

        #programmalijn-blokken .arbeidsmarkt-en-mobiliteit ul li
        {
            color: #ff964a;
        }

        #programmalijn-blokken .arbeidsmarkt-en-mobiliteit .link_meer
        {
            color: #ff964a;
        }

    #programmalijn-blokken .loopbaan-en-professionalisering
    {
        border-bottom: 1px solid #697cb4;
    }

        #programmalijn-blokken .loopbaan-en-professionalisering a.titel
        {
            color: #697cb4;
            border-top: 20px solid #697cb4;
        }

        #programmalijn-blokken .loopbaan-en-professionalisering ul li
        {
            color: #697cb4;
        }

        #programmalijn-blokken .loopbaan-en-professionalisering .link_meer
        {
            color: #697cb4;
        }

    #programmalijn-blokken .veilig-gezond-en-vitaal-werken
    {
        margin: 0;
        border-bottom: 1px solid #a0ce99;
    }

        #programmalijn-blokken .veilig-gezond-en-vitaal-werken a.titel
        {
            color: #a0ce99;
            border-top: 20px solid #a0ce99;
        }

        #programmalijn-blokken .veilig-gezond-en-vitaal-werken ul li
        {
            color: #a0ce99;
        }

        #programmalijn-blokken .veilig-gezond-en-vitaal-werken .link_meer
        {
            color: #a0ce99;
        }

.dt-homepage #zoekveldContainer
{
}

.dt-homepage .homepage-topics h3
{
    font-family: 'Doppio One', Arial;
    font-size: 18px;
    color: white;
    background-color: #ff964a;
    display: block;
    z-index: 199;
    position: relative;
    padding: 6px 10px;
    margin-top: -17px;
    margin-left: 0px;
    margin-bottom: 50px;
}

@media (min-width: 380px)
{
    .dt-homepage .homepage-topics h3
    {
        margin-left: 10px;
    }
}

@media (min-width: 670px)
{
    .dt-homepage .homepage-topics h3
    {
        font-size: 24px;
        margin-top: -77px;
    }
}

.dt-homepage .homepage-topics .topic-arbeidsmarkt-en-mobiliteit h3
{
    background-color: #ff964a;
}

.dt-homepage .homepage-topics .topic-veilig-gezond-en-vitaal-werken h3
{
    background-color: #a0ce99;
}

.dt-homepage .topic-arbeidsmarkt-en-mobiliteit .title-wrapper
{
    width: 260px;
}

.dt-homepage .topic-veilig-gezond-en-vitaal-werken .title-wrapper
{
    width: 260px;
}

@media (min-width: 410px)
{
    .dt-homepage .topic-arbeidsmarkt-en-mobiliteit .title-wrapper
    {
        width: 280px;
    }

    .dt-homepage .topic-veilig-gezond-en-vitaal-werken .title-wrapper
    {
        width: 280px;
    }
}

@media (min-width: 670px)
{

    .dt-homepage .topic-arbeidsmarkt-en-mobiliteit .title-wrapper
    {
        width: 300px;
    }

    .dt-homepage .topic-veilig-gezond-en-vitaal-werken .title-wrapper
    {
        width: 300px;
    }
}

.homepage-topics a
{
    text-decoration: none;
    color: white;
}

    .homepage-topics a .title-wrapper h3
    {
        color: white;
    }

    .homepage-topics a:hover .title-wrapper h3
    {
        text-decoration: underline;
        color: white;
    }

.homepage-topics .linkblock
{
    margin-bottom: 20px;
}

    .homepage-topics .linkblock a
    {
        position: relative;
        color: #000;
        text-decoration: none;
        left: 20px;
    }

        .homepage-topics .linkblock a:hover
        {
            text-decoration: underline
        }

        .homepage-topics .linkblock a::before
        {
            position: absolute;
            top: 0;
            left: -15px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            content: "\f0da";
        }



@media only screen and (min-width: 992px)
{
    #werken-in-het-voortgezet-onderwijs
    {
        top: -20px;
        margin-bottom: -19px;
    }
}

.dt-homepage .homepage-topics .topic-arbeidsmarkt-en-mobiliteit a::before,
.dt-homepage .homepage-topics .topic-arbeidsmarkt-en-mobiliteit i
{
    color: #ff964a;
}

.dt-homepage .homepage-topics .topic-veilig-gezond-en-vitaal-werken a::before,
.dt-homepage .homepage-topics .topic-veilig-gezond-en-vitaal-werken i
{
    color: #a0ce99;
}

.topiclink a
{
    border-bottom: 1px solid #ff964a;
    text-align: right;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    text-decoration: none;
}

.dt-homepage .topic-arbeidsmarkt-en-mobiliteit .topiclink a
{
    color: #ff964a;
    font-weight: bold;
}


.dt-homepage .topic-veilig-gezond-en-vitaal-werken .topiclink a
{
    color: #a0ce99;
    border-color: #a0ce99;
    font-weight: bold;
}

#portal-items
{
    margin-bottom: 3rem;
}

    #portal-items.row .left-column .row
    {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 3rem;
    }

@media (max-width: 768px)
{
    #portal-items.row .left-column .row
    {
        gap: 1rem;
    }
}


#portal-items,
.regio-in-beeld-activiteiten
{
    position: relative;
}

    .regio-in-beeld-activiteiten .item,
    #portal-items .item
    {
        background: whitesmoke;
        position: relative;
    }

@media (min-width: 768px)
{
    .regio-in-beeld-activiteiten .item,
    #portal-items .item
    {
        min-height: 460px;
    }
}

.regio-in-beeld-activiteiten .item h3,
#portal-items .item h3
{
    font-family: 'Doppio One', Arial;
    font-size: 18px;
    line-height: 21px;
    font-weight: normal;
    margin: 25px 10px 0 10px;
    padding: 0;
}

@media (max-width: 767px)
{
    .regio-in-beeld-activiteiten .item h3, #portal-items .item h3
    {
        padding-top: 10px;
    }
}

.regio-in-beeld-activiteiten .item p,
#portal-items .item p
{
    margin: 16px 10px 0 10px;
    overflow: hidden;
}

.regio-in-beeld-activiteiten .item a.btn,
#portal-items .item a.btn
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    text-decoration: none;
    font-family: 'Karla', Arial;
    font-weight: bold;
    font-size: 14px;
}

.portal-date
{
    font-size: 10px;
    line-height: 9px;
    margin: 10px 10px -19px 10px;
}

#portal-items .Special
{
    background: #960973;
}

    #portal-items .Special h3
    {
        color: #fff;
    }

@media (min-width: 768px)
{
    #portal-items .item h3
    {
        padding-top: 0px !important;
    }
}


#portal-items .Special p
{
    color: #fff;
    padding: 0 !important;
}

.regio-in-beeld-activiteiten .News a.btn,
#portal-items .News a.btn
{
    color: #960973;
}

#portal-items .portal-evenementen
{
    margin: 0;
    background: #6b5d81;
    padding: 10px 0px;
    width: 100% !important;
    height: 416px;
    position: relative;
}


#portal-items .portal-evenementen
{
    margin: 0;
    background: #6b5d81;
    padding: 10px 0px;
    width: 100% !important;
    height: 416px;
    position: relative;
}

@media (max-width: 768px)
{
    #portal-items .portal-evenementen
    {
        height: auto;
    }
}

#portal-items.css6 .portal-evenementen
{
    height: 862px !important;
}

#portal-items .portal-evenementen h3
{
    margin: 10px 0 0 10px;
    color: #fff;
    height: 24px;
    margin-bottom: 0.5rem;
}

#portal-items.css6 .portal-evenementen ul
{
    height: 758px !important;
}

#portal-items .portal-evenementen li
{
    margin: 0 !important;
    padding: 10px;
}

    #portal-items .portal-evenementen li.even
    {
        margin: 0 !important;
        padding: 10px;
        background-color: #786C8C;
    }


    #portal-items .portal-evenementen li a
    {
        color: #fff;
        text-decoration: none;
        font-size: 13px;
    }

* + html #portal-items .portal-evenementen ul
{
    height: 309px !important;
}

* + html #portal-items.css6 .portal-evenementen ul
{
    height: 618px !important;
}


#portal-items .imageholder
{
    width: 100%;
    height: 155px;
    margin-bottom: 2rem;
    background: white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 3;
}

#portal-items .Special .imageholder
{
    background: #960973;
}

#portal-items .imageholder img
{
    display: none;
}

@media (min-width: 768px)
{
    #portal-items .imageholder
    {
        display: flex;
    }

        #portal-items .imageholder img
        {
            display: block;
        }
}

#portal-items .imageholder
{
    width: 100%;
    aspect-ratio: 3/2;
}

    #portal-items .imageholder img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

#portal-items .news-list-wrapper
{
    margin-bottom: 3rem;
    min-height: 460px;
    display: flex;
    flex-direction: column;
    background: #F5F5F5;
}

@media (max-width: 768px)
{
    #portal-items .news-list-wrapper
    {
        min-height: 0;
    }
}

#portal-items .news-list-wrapper div:nth-child(even)
{
    background: #E7E7E7;
}

#portal-items .news-list-simple
{
    flex: 1;
    display: flex;
    align-items: center;
    row-gap: 1rem;
    flex-grow: 0;
}

#portal-items .news-list-title h2
{
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-size: 2.2rem;
    font-weight: 400;
    color: inherit;
    padding-top: 0;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#portal-items .news-list-simple a
{
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    text-decoration: none;
    color: inherit;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

    #portal-items .news-list-simple a:hover
    {
        color: #d1174d;
    }

#portal-items .news-list-simple date
{
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    display: block;
}

#portal-items .news-list-button
{
    display: flex;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: auto;
}

    #portal-items .news-list-button a
    {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-left: auto;
        color: inherit;
        font-size: 1.3rem;
        font-weight: 700;
        text-decoration: none;
    }

        #portal-items .news-list-button a:hover
        {
            color: #d1174d;
        }

#portal-items .news-list-simple h3
{
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
}

#addthis
{
    float: right;
    margin: 0 0 20px 0;
}

    #addthis li
    {
        float: left;
        margin: 0 0 0 8px;
    }

#footer
{
    background: #e8e9e6;
    overflow: hidden;
    color: #777777;
    margin: 0;
}

    #footer h3
    {
        margin-top: 0;
    }

    #footer .kolom
    {
        margin: 20px 0 0 0;
    }

        #footer .kolom ul
        {
            margin: 0 0 15px 0;
            clear: both;
            float: left;
            width: 202px;
        }

    #footer span, #footer a span
    {
        font-weight: bold;
        color: #000;
        font-family: 'Karla', Arial;
        font-size: 16px;
        margin: 0 0 6px 0;
        clear: both;
        float: left;
    }

    #footer a
    {
        text-decoration: none;
        color: #777777;
    }

        #footer a:hover
        {
            text-decoration: underline;
        }

            #footer a:hover span
            {
                color: #d2174e;
                cursor: pointer;
            }

#footernewslettersubscription
{
    width: 186px;
    height: 30px;
    margin: 10px 0 0 0;
    color: #777777;
    font-style: italic;
    border: 0;
}

#footer ul li span.tussen
{
    margin: 0;
}

#footer .kolom.third p, #footer .kolom.last p
{
    margin: 5px 0 15px 0;
    padding: 0;
    width: 202px;
    display: block;
    clear: both;
    float: left;
}

#footer .kolom.third span, #footer .kolom.last span
{
    margin: 0;
}

#footer .various.btn
{
    width: 174px;
}

* + html #footer .kolom.third p
{
    margin: -15px 0 15px 0;
}

* + html #footer .kolom.last p
{
    margin: -15px 0 15px 0;
}

#socialmedia
{
    display: flex;
    gap: 1rem;
}

    #socialmedia li
    {
        display: inline;
    }

        #socialmedia li a
        {
            width: auto;
            height: 3rem;
            display: inline-block;
            color: #000000;
        }

            #socialmedia li a:hover
            {
                color: #d1174d;
            }

        #socialmedia li svg
        {
            width: 100%;
            height: 100%;
            display: inline-block;
        }

#leden
{
    background-position: 0 -496px;
    width: 100%;
    height: 85px;
    background-color: #fff;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    #leden li
    {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 35px 0 0 0;
        border-left: 2px dotted #53578f;
        text-align: center;
        background: #fff;
    }

@media (max-width: 990px)
{
    #leden li
    {
        width: 50%;
        border: 0 none !important;
    }
}

#leden li:last-child
{
    border-right: 2px dotted #53578f;
    margin: 35px 0 0 0;
}

#leden li a
{
    display: inline-block;
    width: 193px;
}

    #leden li a img
    {
        height: 100%;
    }

/*CONTENT + SUB*/
#pagina-submenu
{
    margin: 20px 0;
    border-top: none !important;
}

    #pagina-submenu h4
    {
        background: #d1174d;
        width: 100%;
        color: #fff !important;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }


@media (min-width: 768px)
{
    #pagina-submenu h4
    {
        display: none;
    }
}

#pagina-submenu > ul
{
    padding: 0 0 15px 15px;
    margin: 15px 0 20px 0;
    border-bottom: 1px solid #d1174d;
}

#pagina-submenu ul ul
{
    margin: 15px 0 20px 15px;
}

#pagina-submenu ul > li
{
    color: #d1174d;
}

    #pagina-submenu ul > li > a
    {
        color: #d1174d;
    }

#pagina-submenu li a:hover,
#pagina-submenu li a:active
{
    text-decoration: underline;
    color: #d1174d;
}

#pagina-submenu li.active a
{
    color: #d1174d;
    font-weight: bold;
    text-decoration: underline;
}

.toggleonmobile
{
    position: relative;
}

    .toggleonmobile .toggler
    {
        position: absolute;
        right: 15px;
        top: 10px;
        color: #fff;
    }

    .toggleonmobile h4
    {
        cursor: pointer;
        padding-right: 25px !important;
        line-height: 24px;
        padding: 5px 15px !important;
    }

#pagina-content
{
    margin: 20px 0;
}

    #pagina-content h2
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    #pagina-content img
    {
        max-width: 100%;
        height: auto !important;
    }

    #pagina-content .left
    {
        float: left;
        margin: 0 15px 10px 0;
    }

    #pagina-content .right
    {
        float: right;
        margin: 0 0 10px 15px;
    }

    #pagina-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
        display: table;
        -ms-zoom: 1;
        zoom: 1;
    }

        #pagina-content ul li
        {
            margin-left: 15px;
        }

    #pagina-content ol
    {
        margin: 10px 0 10px 0;
        list-style-type: square;
        display: table;
        -ms-zoom: 1;
        zoom: 1;
    }

        #pagina-content ol li
        {
            margin-left: 18px;
        }

/*CONTACT*/
.dt-contactpage #pagina-content
{
    clear: left;
    margin-bottom: 0px !important;
}

.dt-contactpage .from-formmanager legend
{
    display: none;
}

.dt-contactpage h1, .aanvraag-verzonden h1
{
    color: #d1174d;
    float: left;
    margin: 0 30px 0 0;
    font-size: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    width: 306px;
    line-height: 38px;
}

#contactformulier
{
    background: #fae7ed;
    width: 622px;
    clear: both;
    float: left;
    padding: 0 0 20px 20px;
    margin: 0px 30px 20px 0;
}

#aanvraag-verzonden-body
{
    width: 622px;
    clear: both;
    float: left;
    padding: 0 0 20px 20px;
    margin: 20px 30px 20px 0;
}

#contactformulier label
{
    color: #d1174d;
    font-style: italic;
    font-size: 14px;
}

#contactformulier .editor-label
{
    margin: 0 0 3px 4px;
    clear: both;
    float: left;
    overflow: hidden;
    width: 602px;
}

#contactformulier .editor-field
{
    position: relative;
    background-position: -10px -314px;
    margin: 0 0 10px 0;
    clear: both;
    float: left;
    overflow: hidden;
    width: 602px;
    height: 41px;
    padding: 7px 0 0 10px;
}

#contactformulier input
{
    width: 580px;
    height: 21px;
    border: 0;
    font-size: 14px;
}

#contactformulier .editor-textarea
{
    position: relative;
    background-position: -10px -365px;
    margin: 0 0 10px 0;
    clear: both;
    float: left;
    overflow: hidden;
    width: 602px;
    height: 121px;
    padding: 7px 0 0 10px;
}

    #contactformulier .editor-textarea textarea
    {
        width: 575px;
        height: 100px;
        border: 0;
        font-family: Arial;
        font-size: 14px;
    }

#contactformulier #Aanvraag_Email
{
    padding-bottom: 20px;
    background-color: transparent;
}
/* fix voor inbrowser validatie op inputtype email */
#Aanvraag_Beveiliging
{
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    background: #fae7ed;
}
/*span.field-validation-error { color: red; position: absolute; right: 25px; top: 10px; }*/

#contact-address-map
{
    float: left;
    width: 306px;
    margin: -50px 0 20px 0;
}

    #contact-address-map h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 20px 0 10px 0;
    }

#googlemap
{
    width: 306px;
    height: 234px;
    background: url(/Content/images/googlemap.png) no-repeat;
    display: block;
    border-bottom: 1px solid #d1174d;
    padding: 0 0 15px 0;
    margin: 20px 0 0 0;
}

/*PROGRAMMALIJN*/

h1.programmalijn
{
    margin: 0 30px 0 0;
    font-size: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    line-height: 44px;
}

#programmalijn-intro
{
    float: left;
}

#themablokken
{
    margin-top: 30px;
}

    #themablokken .blok
    {
        margin: 0 0 10px 0;
    }

    #themablokken .third
    {
        margin: 0 0 10px 0;
    }

    #themablokken h3
    {
        font-size: 18px;
        line-height: 22px;
        font-family: 'Karla', Arial;
        margin: 7px 0 10px 0;
    }

    #themablokken ul
    {
        margin: 10px 0 10px 15px;
    }

        #themablokken ul li
        {
            list-style-type: square;
        }

            #themablokken ul li a
            {
                color: #000;
            }

.programmalijn-algemeen-voion h1
{
    color: #d1174d;
}

.programmalijn-arbeidsmarkt-en-mobiliteit h1.programmalijn
{
    color: #ff964a;
}

.programmalijn-arbeidsmarkt-en-mobiliteit #themablokken h3
{
    color: #ff964a;
}

.programmalijn-arbeidsmarkt-en-mobiliteit #themablokken ul li
{
    color: #ff964a;
}

.programmalijn-arbeidsmarkt-en-mobiliteit #themablokken .blok
{
    border-top: 20px solid #ff964a;
    border-bottom: 1px solid #ff964a;
}

.programmalijn-loopbaan-en-professionalisering h1.programmalijn
{
    color: #697cb4;
}

.programmalijn-loopbaan-en-professionalisering #themablokken h3
{
    color: #697cb4;
}

.programmalijn-loopbaan-en-professionalisering #themablokken ul li
{
    color: #697cb4;
}

.programmalijn-loopbaan-en-professionalisering #themablokken .blok
{
    border-top: 20px solid #697cb4;
    border-bottom: 1px solid #697cb4;
}

.programmalijn-veilig-gezond-en-vitaal-werken h1.programmalijn
{
    color: #a0ce99;
}

.programmalijn-veilig-gezond-en-vitaal-werken #themablokken h3
{
    color: #a0ce99;
}

.programmalijn-veilig-gezond-en-vitaal-werken #themablokken ul li
{
    color: #a0ce99;
}

.programmalijn-veilig-gezond-en-vitaal-werken #themablokken .blok
{
    border-top: 20px solid #a0ce99;
    border-bottom: 1px solid #a0ce99;
}

#programma-nieuws-en-cursussen
{
    margin-top: 20px;
    margin-bottom: 20px;
}

    #programma-nieuws-en-cursussen .blokken
    {
        padding: 10px 0;
        min-height: 400px;
        position: relative;
    }

        #programma-nieuws-en-cursussen .blokken ul
        {
            margin-bottom: 40px;
        }

.programmalijn-arbeidsmarkt-en-mobiliteit .blokken
{
    background: #ff964a;
}

.programmalijn-loopbaan-en-professionalisering .blokken
{
    background: #697cb4;
}

.programmalijn-veilig-gezond-en-vitaal-werken .blokken
{
    background: #a0ce99;
}

#programma-nieuws-en-cursussen .blokken h3
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 18px 18px;
}

#programma-nieuws-en-cursussen .blokken li
{
    margin: 0;
    padding: 10px 18px;
}

    #programma-nieuws-en-cursussen .blokken li.even
    {
    }

    #programma-nieuws-en-cursussen .blokken li a
    {
        color: #000;
        text-decoration: none;
    }

        #programma-nieuws-en-cursussen .blokken li a span.cursussen_datum,
        #programma-nieuws-en-cursussen .blokken li a span.nieuws_datum
        {
            font-size: 10px;
            display: block;
            line-height: 12px;
        }

#programma-nieuws-en-cursussen .cursussen-blok
{
    margin: 0;
}

#programma-nieuws-en-cursussen .wrap_breed
{
    width: 100%;
    height: 1px;
    clear: both;
    float: left;
}

/*ONDERWERP*/

.wrapper_titel_onderwerp
{
    margin-bottom: 30px;
}

#titel_onderwerp
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 36px;
    line-height: 36px;
}

.dt-topicpage h1
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
}

    .dt-topicpage h1 span
    {
        color: #666666;
    }

.wrapper-onderwerp-submenu
{
    margin-bottom: 30px;
}

#onderwerp-tabsholder
{
    margin-bottom: 20px;
    color: #666666;
}

    #onderwerp-tabsholder h3
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    #onderwerp-tabsholder .knoppen
    {
        overflow: hidden;
        margin: 0 0 15px 0;
    }

        #onderwerp-tabsholder .knoppen li
        {
            float: left;
            height: 29px;
            margin: 0 10px 0 0;
            padding: 6px 5px 0 5px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border: 1px solid #fff;
            border-bottom: 0;
        }

            #onderwerp-tabsholder .knoppen li a
            {
                color: #fff;
                text-decoration: none;
            }

            #onderwerp-tabsholder .knoppen li.active
            {
                background: #fff !important;
                border-bottom: 0 !important;
            }

                #onderwerp-tabsholder .knoppen li.active a
                {
                    color: #000;
                }

    #onderwerp-tabsholder div.passive
    {
        display: none;
    }

    #onderwerp-tabsholder div.active
    {
        display: block;
    }

    #onderwerp-tabsholder .lijsten ul
    {
        margin: 15px 0 0 0;
    }

        #onderwerp-tabsholder .lijsten ul li, #onderwerp-tabsholder .lijsten ul li
        {
            list-style-type: square;
            margin: 0 0 10px 16px;
            padding: 0 0 10px 5px;
            border-bottom: 1px solid #e8e9e6;
        }

#onderwerp-koppelingen
{
    margin-bottom: 30px;
}

    #onderwerp-koppelingen .blok
    {
        padding: 15px 10px 10px 10px;
    }

    #onderwerp-koppelingen h4
    {
        color: #fff;
        font-family: 'Doppio One', Arial;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        margin-top: 0;
    }

.in-programmalijn-arbeidsmarkt-en-mobiliteit h1
{
    color: #ff964a;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #titel_onderwerp
{
    color: #ff964a;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-koppelingen .blok
{
    background: #FF964A;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-tabsholder .knoppen
{
    border-bottom: 1px solid #ff964a;
}

    .in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-tabsholder .knoppen li
    {
        background: #ff964a;
    }

        .in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-tabsholder .knoppen li.active
        {
            border: 1px solid #ff964a;
        }

.in-programmalijn-loopbaan-en-professionalisering h1
{
    color: #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #titel_onderwerp
{
    color: #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-submenu > ul
{
    border-bottom: 1px solid #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-submenu ul li
{
    color: #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-koppelingen .blok
{
    background: #697CB4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-tabsholder .knoppen
{
    border-bottom: 1px solid #697cb4;
}

    .in-programmalijn-loopbaan-en-professionalisering #onderwerp-tabsholder .knoppen li
    {
        background: #697cb4;
    }

        .in-programmalijn-loopbaan-en-professionalisering #onderwerp-tabsholder .knoppen li.active
        {
            border: 1px solid #697cb4;
        }

.in-programmalijn-veilig-gezond-en-vitaal-werken h1
{
    color: #a0ce99;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #titel_onderwerp
{
    color: #a0ce99;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-submenu > ul > li > a
{
    color: #9FCE98;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-koppelingen .blok
{
    background: #9FCE98;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-tabsholder .knoppen
{
    border-bottom: 1px solid #a0ce99;
}

    .in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-tabsholder .knoppen li
    {
        background: #a0ce99;
    }

        .in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-tabsholder .knoppen li.active
        {
            border: 1px solid #a0ce99;
        }

.wrapper-onderwerp-submenu h4
{
    padding: 2px 6px 2px 14px;
    font-size: 120%;
    height: auto !important;
    line-height: 1.5em !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .wrapper-onderwerp-submenu h4
{
    background: #ff964a !important;
    color: #fff !important;
    display: none;
}

@media (max-width: 768px)
{
    .in-programmalijn-arbeidsmarkt-en-mobiliteit .wrapper-onderwerp-submenu h4
    {
        display: block;
    }
}


.in-programmalijn-loopbaan-en-professionalisering .wrapper-onderwerp-submenu h4
{
    background: #697cb4 !important;
    color: #fff !important;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .wrapper-onderwerp-submenu h4
{
    background: #a0ce99 !important;
    color: #fff !important;
}

#onderwerp-downloads .file-thumbnail
{
    display: none;
}

#onderwerp-downloads .file-info-wrapper h5
{
    font-size: 1.4rem;
    padding-left: 0;
    white-space: break-spaces;
    word-wrap: anywhere;
}

#onderwerp-downloads li
{
    margin-right: 0;
    padding-right: 0;
}

#onderwerp-downloads .download-wrapper
{
    gap: 0;
    padding-left: 1rem;
    white-space: nowrap;
}

    #onderwerp-downloads .download-wrapper .file-info-icon
    {
        flex-shrink: 0;
        padding-right: 0;
    }

#onderwerp-downloads .file-info-icon img
{
    width: 1rem;
}

#onderwerp-downloads ul, #onderwerp-cursussen ul, #onderwerp-nieuws ul
{
    margin: 20px 0 0 0;
}

    #onderwerp-cursussen ul li, #onderwerp-nieuws ul li
    {
        margin: 0 0 0 0;
    }

    #onderwerp-downloads ul li a
    {
        color: #000;
    }

    #onderwerp-nieuws ul li a, #onderwerp-cursussen ul li a
    {
        color: #000;
        text-decoration: none;
    }

        #onderwerp-nieuws ul li a span.nieuws_datum, #onderwerp-cursussen ul li a span.cursussen_datum
        {
            font-size: 10px;
            display: block;
            line-height: 12px;
        }

#onderwerp-links p
{
    color: #000;
    margin: 20px 0 20px 0;
}

    #onderwerp-links p a
    {
        color: #d1174d;
    }

#onderwerp-links ul
{
    margin: 10px 0 20px 0;
    color: #000;
}

    #onderwerp-links ul li
    {
        margin: 0 -10px 0 -10px;
        padding: 10px;
    }

        #onderwerp-links ul li a
        {
            color: #000;
            text-decoration: none;
        }


#onderwerp-nieuws ul li,
#onderwerp-cursussen ul li,
#subonderwerp-nieuws ul li,
#subonderwerp-cursussen ul li
{
    padding: 10px;
    margin: -10px -10px 10px -10px;
}

#onderwerp-nieuws a,
#onderwerp-links a,
#onderwerp-cursussen a,
#subonderwerp-nieuws a,
#subonderwerp-links a,
#subonderwerp-cursussen a
{
    font-weight: bold;
    color: #333 !important;
}

#onderwerp-nieuws .dt-styled,
#onderwerp-cursussen .dt-styled,
#subonderwerp-nieuws .dt-styled,
#subonderwerp-cursussen .dt-styled
{
    font-weight: normal;
    color: #555;
}

/*SUBONDERWERP*/

.wrapper_titel_programma_sub
{
    padding-top: 1px;
    margin: 0px 0 30px 0;
}

#titel_programma_sub
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 36px;
    line-height: 36px;
}

.subonderwerp h1
{
    clear: both;
    float: left;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
}

    .subonderwerp h1 span
    {
        color: #666666;
    }

.subonderwerp h3
{
    clear: both;
    float: left;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
    margin: 0;
}

#subonderwerp-content
{
    padding-bottom: 20px;
    margin-bottom: 30px;
}

    #subonderwerp-content h2
    {
        margin-top: 0;
    }

    #subonderwerp-content p
    {
        margin: 0 0 20px 0;
    }

    #subonderwerp-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
        padding: 0;
    }

    #subonderwerp-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
        padding: 0;
    }

#subonderwerp-koppelingen
{
    clear: both;
    overflow: hidden;
    margin: 0 0 20px 0;
}

    #subonderwerp-koppelingen .blok
    {
        float: left;
        background: #cbcbc3;
        width: 286px;
        padding: 10px;
        margin: 0 30px 0 0;
        min-height: 150px;
    }

    #subonderwerp-koppelingen .last
    {
        margin: 0;
    }

    #subonderwerp-koppelingen h4
    {
        color: #fff;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        font-size: 18px;
    }

    #subonderwerp-koppelingen ul
    {
        margin: 20px 0 0 0;
        float: left;
    }

        #subonderwerp-koppelingen ul li
        {
            margin: 0 0 15px 0;
        }

            #subonderwerp-koppelingen ul li a
            {
                color: #000;
                text-decoration: none;
            }

#subonderwerp-downloads a
{
    text-decoration: none;
}

#subonderwerp-koppelingen h4
{
    padding: 2px 6px 2px 0px !important;
    height: auto !important;
    line-height: 1.5em !important;
    margin: 0 30px 0 0 !important;
}

#subonderwerp-links h4
{
    margin-bottom: 8px !important;
}

#subonderwerp-koppelingen li
{
    margin: 0 -10px !important;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #titel_programma_sub
{
    color: #ff964a;
}

.in-programmalijn-loopbaan-en-professionalisering #titel_programma_sub
{
    color: #697cb4;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #titel_programma_sub
{
    color: #a0ce99;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #subonderwerp-koppelingen .blok
{
    background-color: #ff964a;
}

.in-programmalijn-loopbaan-en-professionalisering #subonderwerp-koppelingen .blok
{
    background-color: #697cb4;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #subonderwerp-koppelingen .blok
{
    background-color: #a0ce99;
}



/*PUBLICATIES*/
.dt-publications h1, .publicatie-details h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 50px 0;
}

.publicatie-details h2
{
    margin: 10px 0 20px 0;
}

.dt-publications #overzicht_publicaties
{
    margin-bottom: 20px;
}

    .dt-publications #overzicht_publicaties li span.ico
    {
        width: 21px;
        height: 26px;
        display: block;
        text-indent: -9999px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-62
    {
        background-position: -103px -218px;
    }

    .dt-publications #overzicht_publicaties li .multimedia
    {
        background-position: -41px -218px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-63
    {
        background-position: -72px -218px;
    }

    .dt-publications #overzicht_publicaties li .praktijkverhalen
    {
        background-position: -10px -218px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-65
    {
        background-position: -41px -218px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-66
    {
        background-position: -102px -218px;
    }

/*#overzicht_publicaties li .in-programmalijn-algemeen-voion {
        color: #d1174d;
    }

    #overzicht_publicaties li .in-programmalijn-arbeidsmarkt-en-mobiliteit {
        color: #ff7a1b;
    }

    #overzicht_publicaties li .in-programmalijn-loopbaan-en-professionalisering {
        color: #4768c6;
    }

    #overzicht_publicaties li .in-programmalijn-veilig-gezond-en-vitaal-werken {
        color: #69b85d;
    }*/

.dt-publications #filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .dt-publications #filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .dt-publications #filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-publications #filter div
    {
        height: 25px;
    }

    .dt-publications #filter input
    {
        float: left;
    }

    .dt-publications #filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
    }

    /* dit is ok */
    .dt-publications #filter .label-algemeen
    {
        background: url(/content/images/sprite.png) 8px -550px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-downloads
    {
        background: url(/content/images/sprite.png) 8px -700px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-onderzoeken
    {
        background: url(/content/images/sprite.png) 8px -650px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-praktijkverhalen
    {
        background: url(/content/images/sprite.png) 8px -600px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-overige
    {
        background: url(/content/images/sprite.png) 8px -550px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .btn
    {
        cursor: pointer;
        background: #d1174d;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 8px 3px 8px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

#publicatie-content
{
    margin-bottom: 20px;
}

    #publicatie-content .afbeelding.right img
    {
        float: right;
        margin: 0 0 10px 20px;
    }

    #publicatie-content p
    {
        margin: 0 0 20px 0;
    }

    #publicatie-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
    }

    #publicatie-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
    }

#publicatie-downloads
{
    width: 100%;
    margin: 20px 0 0 0;
    padding: 15px;
}

    #publicatie-downloads h4
    {
        margin-top: 0;
    }

#publicatie-onderwerpen
{
    border-bottom: 1px solid #d1174d;
    margin-bottom: 20px;
}

    #publicatie-onderwerpen h3
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    #publicatie-onderwerpen ul
    {
        margin: 0;
        padding: 0;
    }

    #publicatie-onderwerpen li
    {
        margin: 0 0 10px 0;
    }

    #publicatie-onderwerpen a
    {
        color: #4e4e4e;
        text-decoration: none;
    }

        #publicatie-onderwerpen a:hover
        {
            text-decoration: underline;
        }

.publicatie-iconen
{
    display: block;
    clear: both;
    float: left;
    padding: 0 0 8px 0;
    margin: 0 0px 12px 0;
    overflow: hidden;
}

    .publicatie-iconen span.ico
    {
        width: 50px;
        height: 62px;
        display: block !important;
        float: left !important;
        margin: 10px 0 0 0;
    }

    .publicatie-iconen h1,
    .publicatie-iconen h4
    {
        display: block;
        clear: none;
        margin-left: 60px !important;
    }

.in-programmalijn-algemeen-voion .pubtype-62
{
    background-position: -704px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-62
{
    background-position: -940px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-62
{
    background-position: -940px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-62
{
    background-position: -704px -10px;
}

.in-programmalijn-algemeen-voion .pubtype-63
{
    background-position: -645px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-63
{
    background-position: -881px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-63
{
    background-position: -881px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-63
{
    background-position: -645px -10px;
}

.in-programmalijn-algemeen-voion .praktijkverhaal
{
    background-position: -527px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .praktijkverhaal
{
    background-position: -763px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .praktijkverhaal
{
    background-position: -763px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .praktijkverhaal
{
    background-position: -527px -10px;
}

/* nog in gebruik? */
.in-programmalijn-algemeen-voion .ico_Multimedia
{
    background-position: -586px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .ico_Multimedia
{
    background-position: -822px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .ico_Multimedia
{
    background-position: -822px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .ico_Multimedia
{
    background-position: -586px -10px;
}

.in-programmalijn-algemeen-voion .pubtype-66
{
    background-position: -704px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-66
{
    background-position: -940px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-66
{
    background-position: -940px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-66
{
    background-position: -704px -10px;
}

.in-programmalijn-algemeen-voion .pubtype-65
{
    background-position: -586px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-65
{
    background-position: -822px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-65
{
    background-position: -822px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-65
{
    background-position: -586px -10px;
}

.wrapper-publicatie-submenu
{
    border-bottom: 1px solid #d1174d;
    margin: 0 0 20px 0;
    color: #000 !important;
}

    .wrapper-publicatie-submenu h4
    {
        background: #d1174d;
        color: #fff !important;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .wrapper-publicatie-submenu #onderwerp-submenu
    {
        border-bottom: none !important;
    }

    .wrapper-publicatie-submenu li
    {
        color: #000 !important;
    }

.publicatie-details-titel
{
    float: left;
    width: 800px;
    margin: 0 30px 20px 0;
}

.dt-publication h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-publication h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-publication h4
{
    font-weight: normal;
    font-size: 14px;
    margin: 6px 0 0 0;
}

.dt-publication .in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.dt-publication .in-programmalijn-loopbaan-en-professionalisering h4
{
    color: #4768c6;
}


.dt-publication h4.veilig-gezond-en-vitaal-werken
{
    color: #a0ce99;
}

.dt-publication h4.arbeidsmarkt-en-mobiliteit
{
    color: #ff964a;
}

.dt-publication h4.algemeen-voion
{
    color: #D1174D;
}

#publicatie-content .yui3-cssbase h2
{
    font-weight: normal !important;
}

/*INSTRUMENTEN*/
.dt-instruments h1,
.dt-instrument h2,
.subpage h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 40px 0;
}

.dt-instrument h2
{
    margin: 10px 0 20px 0;
}

#overzicht_instrumenten
{
    margin-bottom: 20px;
}

.dt-instruments #filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .dt-instruments #filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

.dt-instrument h4.arbeidsmarkt-en-mobiliteit
{
    color: #ff964a;
}

.dt-instrument h4.veilig-gezond-en-vitaal-werken
{
    color: #a0ce99;
}

.dt-instrument h4.algemeen-voion
{
    color: #d1174d;
}

.dt-instruments #filter .break
{
    border-bottom: 1px solid #d1174d;
    margin: 5px 0 10px 0;
    padding: 0;
    height: 1px;
}

    .dt-instruments #filter div
    {
        height: 25px;
    }

    .dt-instruments #filter input
    {
        float: left;
    }

    .dt-instruments #filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
    }

    .dt-instruments #filter .btn
    {
        cursor: pointer;
        background: #d1174d;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 8px 3px 8px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

.instrument-details-titel
{
    margin-bottom: 20px;
}

.dt-instrument h1,
.subpage h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-instrument h2,
.subpage h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-instrument h4
{
    font-weight: normal;
    font-size: 14px;
    margin: 6px 0 0 0;
}

.instrument-details-titel .teaser
{
    display: block;
    margin-top: 9px;
}

.in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.in-programmalijn-loopbaan-en-professionalisering h4
{
    margin-top: 0;
    color: #4768c6;
}

#instrument-content .yui3-cssbase h2
{
    font-weight: normal !important;
}

#instrument-content
{
    margin-bottom: 20px;
}

    #instrument-content img
    {
        float: right;
        margin: 0 0 10px 20px;
        max-width: 100%;
    }

    * + html #instrument-content img
    {
        max-width: 100%;
    }

#inkoopwijzerStandAlone
{
    max-width: 100%;
    overflow: auto;
}

#instrument-content hr
{
    margin: 20px 0;
    border: 0;
    height: 1px;
    background: #D1174D;
    color: #D1174D;
}

#instrument-content p
{
    margin: 0 0 20px 0;
}

#instrument-content ul
{
    margin: 10px 0 0 !important;
    list-style-type: square;
}

#instrument-content ol
{
    margin: 10px 0 0 !important;
    list-style-type: decimal;
}

#instrument-downloads
{
    margin: 20px 0 0 0;
    padding: 15px;
    border-radius: 0.5rem;
}

    #instrument-downloads > h4
    {
        color: #000000;
    }

#instrument-link
{
    background: #f4f4f4;
    padding: 10px;
    margin: 20px 0;
    font-weight: bold;
}

#instrument-content .tekst ul
{
    padding-left: 20px;
}

.wrapper-instrument-submenu
{
    border-bottom: 1px solid #d1174d;
    margin-bottom: 20px;
    color: #000 !important;
}

    .wrapper-instrument-submenu h4
    {
        background: #d1174d;
        color: #fff !important;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .wrapper-instrument-submenu #onderwerp-submenu
    {
        border-bottom: none !important;
    }

    .wrapper-instrument-submenu li
    {
        color: #000 !important;
    }

#instrument-onderwerpen
{
    border-bottom: 1px solid #d1174d;
    margin-bottom: 20px;
}

#instrument-content.heeft-afbeelding + #instrument-onderwerpen
{
    margin-top: 80px !important;
}

#instrument-onderwerpen h3
{
    background: #d1174d;
    color: #fff;
    font-family: 'Karla', Arial;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 0 2px 10px;
    margin: 0 0 10px 0;
}

#instrument-onderwerpen ul
{
    margin: 0;
    padding: 0;
}

#instrument-onderwerpen li
{
    margin: 0 0 10px 0;
}

#instrument-onderwerpen a
{
    color: #4e4e4e;
    text-decoration: none;
}

    #instrument-onderwerpen a:hover
    {
        text-decoration: underline;
    }

.btn_terug
{
    cursor: pointer;
    background: url(/Content/images/btn_terug.jpg) top left no-repeat;
    padding: 3px 5px 3px 28px;
    *padding: 1px 5px 8px 28px;
    color: #fff;
    text-decoration: none;
    font-family: 'Karla', Arial;
    font-weight: bold;
    font-size: 14px;
    display: block;
    float: Left;
    white-space: nowrap;
    clear: both;
    margin: 0 0 20px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn_terug:hover
    {
        color: #fff;
    }

/*NIEUWS*/
.dt-news h1,
.dt-newsitem h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 50px 0;
}

.dt-newsitem h2
{
    margin: 10px 0 20px 0;
}

.dt-news .overzicht-nieuwsitems
{
    margin-bottom: 30px;
}

.dt-news .filter
{
    margin-bottom: 15px;
}

    .dt-news .filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

        .dt-news .filter h4.dt-newsbriefbutton
        {
            background: #066d74;
        }

    .dt-news .filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-news .filter form
    {
        overflow: hidden;
    }

    .dt-news .filter div
    {
        overflow: hidden;
    }

    .dt-news .filter input
    {
        float: left;
    }

    .dt-news .filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
        font-weight: 400;
    }

    .dt-news .filter .btnnieuwsbrief
    {
        cursor: pointer;
        background: url(/Content/images/btn_nieuwsbrief.jpg) top right;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 15px 3px 0;
        width: 130px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

.dt-news #year
{
    width: 100%;
    height: 25px;
    margin: 0 0 10px 0;
}

.dt-newsitem h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-newsitem h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-newsitem h4
{
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 20px 0;
}

.dt-newsitem .in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.dt-newsitem .in-programmalijn-arbeidsmarkt-en-mobiliteit h4
{
    color: #ff7a1b;
}

.dt-newsitem .in-programmalijn-loopbaan-en-professionalisering h4
{
    color: #4768c6;
}

.dt-newsitem .in-programmalijn-veilig-gezond-en-vitaal-werken h4
{
    color: #69b85d;
}

#nieuwsitem-content
{
    margin-bottom: 20px;
    overflow: hidden;
}

    #nieuwsitem-content p
    {
        margin: 0 0 20px 0;
    }

    #nieuwsitem-content .afbeelding.right img
    {
        float: right;
        margin: 0 0 10px 20px;
    }

    #nieuwsitem-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
    }

    #nieuwsitem-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
    }

#relevant-nieuws,
#relevante-onderwerpen
{
    margin-bottom: 20px;
}

    #relevant-nieuws h4,
    #relevante-onderwerpen h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    #relevant-nieuws ul,
    #relevante-onderwerpen ul
    {
        padding-right: 5px;
        max-height: 270px;
        overflow: auto;
    }

.overzicht-nieuwsitems li
{
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #c9c9c9;
}

    .overzicht-nieuwsitems li .nieuwsitems-datum
    {
        display: block;
        margin: 0 0 3px 0;
        font-style: italic;
        color: #aaa;
    }

    .overzicht-nieuwsitems li .nieuwsitems-link
    {
        display: block;
        color: #4e4e4e;
        margin-bottom: 3px;
    }

    .overzicht-nieuwsitems li .nieuwsitems-teaser
    {
        display: block;
        margin-bottom: 8px;
    }

    .overzicht-nieuwsitems li .nieuwsitems-string
    {
        display: block;
        font-size: 14px;
    }

        .overzicht-nieuwsitems li .nieuwsitems-string .lees
        {
            color: #333 !important;
        }


/*TAGCLOUD*/
span.w1
{
    font-size: 30px;
}

span.w4
{
    font-size: 22px;
}

span.w7
{
    font-size: 15px;
}

span.w10
{
    font-size: 11px;
}

/*agenda*/
.dt-agenda h1, .evenement-details h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 50px 0;
}

.evenement-details h2
{
    margin: 10px 0 20px 0;
}

.dt-agenda #overzicht_evenementen
{
    margin-bottom: 20px;
}

.dt-agenda #filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .dt-agenda #filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .dt-agenda #filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-agenda #filter div
    {
        height: 25px;
    }

    .dt-agenda #filter input
    {
        float: left;
    }

    .dt-agenda #filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
        font-weight: 400;
    }

    .dt-agenda #filter .btn
    {
        cursor: pointer;
        background: #d1174d;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 8px 3px 8px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

.evenement-details-titel
{
    margin-bottom: 20px;
}

.dt-agendaitem h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-agendaitem h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-agendaitem h4
{
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 20px 0;
}

.dt-agendaitem .in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.dt-agendaitem .in-programmalijn-arbeidsmarkt-en-mobiliteit h4
{
    color: #ff7a1b;
}

.dt-agendaitem .in-programmalijn-loopbaan-en-professionalisering h4
{
    color: #4768c6;
}

.dt-agendaitem .in-programmalijn-veilig-gezond-en-vitaal-werken h4
{
    color: #69b85d;
}

#evenement-content
{
    margin-bottom: 20px;
}

    #evenement-content img.floatright
    {
        float: right;
        margin: 0 0 10px 20px;
    }

    #evenement-content p
    {
        margin: 0 0 20px 0;
    }

    #evenement-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
    }

    #evenement-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
    }

#evenement-formulier
{
    background: #fae7ed;
    border-bottom: 1px solid #d1174d;
}

    #evenement-formulier iframe
    {
        width: 100%;
    }

    #evenement-formulier h4
    {
        background: #d1174d;
        color: #fff;
        margin: 0 0 10px 0;
        padding: 5px 10px 5px 10px;
        font-family: 'Karla', Arial;
        font-size: 14px;
    }

ul.mpFormTable li.mpQuestionTable
{
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    overflow: hidden;
}

ul.mpFormTable .mpFormLabel
{
    width: 100%;
    margin: 0 0 5px 0;
    color: #d1174d;
}

ul.mpFormTable .mpFormField
{
    width: 100%;
    margin: 0 0 5px 0;
}

    ul.mpFormTable .mpFormField input
    {
        width: 100%;
    }

        ul.mpFormTable .mpFormField input.mpMultipleInput
        {
            width: 10px;
            margin: 0 10px 0 0;
        }

        ul.mpFormTable .mpFormField input[type="radio"]
        {
            display: inline-block;
            margin-right: 10px;
            width: 10px;
        }

    ul.mpFormTable .mpFormField textarea
    {
        width: 100%;
        font-family: Verdana;
        font-size: 14px;
    }

    ul.mpFormTable .mpFormField ul li
    {
        float: left;
        margin: 0 0 5px;
        width: 100%;
    }

ul.mpFormTable .sublabel
{
    margin: 5px 0 0 0;
}

ul.mpFormTable .mpRadioButtonTable input
{
    float: left;
}

ul.mpFormTable .mpRadioButtonTable label
{
    display: block;
    width: 230px;
    float: left;
}

ul.mpFormTable
{
    width: 100%;
}

    ul.mpFormTable label
    {
        font-weight: 400;
    }

form.mpForm
{
    width: 100%;
}

iframe#mailplusiframe td
{
    font-family: Arial !important;
    font-size: 14px;
}

.mpFormText
{
    font-family: Arial !important;
}

#mailplus-form
{
    padding: 0 10px 0 10px;
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 0;
    background: #fae7ed;
}

/*FORM INSTRUMENTEN*/
.form_instrument
{
    clear: both;
    float: left;
    margin: 20px 0 20px 0;
    width: 100%;
}

    .form_instrument .row
    {
        clear: both;
        float: left;
        margin: 0 0 10px 0;
    }

    .form_instrument label
    {
        width: 120px;
        float: left;
    }

    .form_instrument input
    {
        width: 150px;
        float: left;
    }

/*SITEMAP*/
.sitemap h1
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 30px 0;
}

#sitemap ul
{
    list-style-type: disc !important;
    margin: 0 0 20px 15px;
    clear: both;
}

    #sitemap ul ul
    {
        list-style-type: circle !important;
    }

        #sitemap ul ul ul
        {
            list-style-type: disc !important;
        }

            #sitemap ul ul ul ul
            {
                list-style-type: circle !important;
            }

    #sitemap ul li a
    {
        text-decoration: none;
    }

        #sitemap ul li a:hover
        {
            text-decoration: underline;
            color: #056d73;
        }

/*ZOEKRESULTAAT*/
.zoekresultaat h1
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 30px 0;
}

.zoekresultaat strong
{
    color: #d1174d;
    font-weight: bold;
}

.resultaat_info
{
    margin: 0 0 20px 0;
}

    .resultaat_info + p
    {
        background: #FBE8ED;
        padding: 5px;
        margin: -15px 0 20px -5px;
    }

.lighter
{
    color: #999;
}

#list-search-results
{
    margin-bottom: 20px;
    overflow: hidden;
}

a.s-ti
{
    color: #d1174d;
    display: block;
    font-size: 121%;
    font-weight: 500;
    margin-bottom: 4px;
    text-decoration: none;
}

    a.s-ti:visited
    {
        color: #535;
    }

    a.s-ti:hover
    {
        text-decoration: underline;
    }

    a.s-ti:visited
    {
        color: #969;
    }

.s-br
{
    color: #006621;
    font-size: 100%;
    margin-bottom: 2px;
}

.s-in
{
    font-size: 100%;
    margin-bottom: 30px;
}


#searchresults-tabsholder
{
    width: 642px;
    float: left;
    margin: 0 30px 20px 0;
    color: #666666;
}

    #searchresults-tabsholder h3
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    #searchresults-tabsholder .knoppen
    {
        width: 642px;
        height: 29px;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #d1174d;
    }

        #searchresults-tabsholder .knoppen li
        {
            float: left;
            height: 23px;
            margin: 0 10px 0 0;
            padding: 6px 5px 0 5px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border: 1px solid #d1174d;
            border-bottom: 0;
        }

            #searchresults-tabsholder .knoppen li a
            {
                color: #d1174d;
                text-decoration: none;
            }

            #searchresults-tabsholder .knoppen li.active
            {
                background: #d1174d !important;
                border-bottom: 0 !important;
            }

                #searchresults-tabsholder .knoppen li.active a
                {
                    color: #fff;
                }

    #searchresults-tabsholder div
    {
        display: none;
    }

        #searchresults-tabsholder div.active
        {
            display: block;
        }

.resultsholder .resultset
{
    margin: 20px 0 0 0;
}

.resultset li
{
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #c9c9c9 !important;
}

    .resultset li > p > a
    {
        font-size: 18px;
        line-height: 22px;
        color: #4e4e4e;
        text-decoration: none;
    }

.leesmeer
{
    font-size: 14px !important;
    text-decoration: underline !important;
}

.resultset .titel
{
    margin: 2px 0 2px 0;
}

.resultset .arbeidsmarkt-en-mobiliteit
{
    color: #ff7b1b;
}

.resultset .loopbaan-en-professionalisering
{
    color: #4868c7;
}

.resultset .veilig-gezond-en-vitaal-werken
{
    color: #69b95d;
}

.contentelement .afbeelding.right
{
    float: right;
    margin: 0 0 20px 20px;
}

.contentelement .afbeelding.left
{
    float: left;
    margin: 0 20px 20px 0;
}

.contentelement .afbeelding.centr
{
    float: none;
    text-align: center;
    margin: 0 0 20px 0;
}

.contentelement a.external
{
    background: url(/Content/images/external.png) right 0 no-repeat;
    padding: 0 16px 0 0;
}

.contentelement hr
{
    margin: 20px 0;
    border: 0;
    height: 1px;
    background: #D1174D;
    color: #D1174D;
}

.contentelement ul
{
    padding-left: 15px;
    list-style: disc;
    margin: 15px 0 15px 15px;
}

.contentelement ol
{
    padding-left: 15px;
    list-style: decimal;
    margin: 15px 0 15px 15px;
}

/*Table styling*/
.contentelement table
{
    border: 1px solid #c9c9c9;
    padding: 10px;
    width: 100%;
}

    .contentelement table td
    {
        padding: 10px;
        border: 1px solid #c9c9c9;
    }

    .contentelement table p
    {
        margin: 0 !important;
    }


    .contentelement table tr
    {
        border: 1px solid #c9c9c9;
    }

.in-modal
{
    display: none;
}

#errormessage
{
    margin: 30px 50px 50px 20px;
}

    #errormessage h3
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

.default-filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .default-filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .default-filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .default-filter div
    {
        clear: both;
    }

        .default-filter div.labeled-checkbox
        {
            height: 25px;
        }

    .default-filter > form > div
    {
        margin: 0 0 5px 0;
    }

    .default-filter input
    {
        float: left;
    }

    .default-filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
    }

    .default-filter #type1 label
    {
        background: url(/Content/images/ico_algemeen.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter #type2 label
    {
        background: url(/Content/images/ico_downloads.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter #type3 label
    {
        background: url(/Content/images/ico_praktijkverhalen.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter #type4 label
    {
        background: url(/Content/images/ico_multimedia.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter strong
    {
        display: block;
        margin: 10px;
        font-weight: normal;
    }

    .default-filter .labeledcheckbox
    {
        margin: 10px;
        padding: 1px 0;
    }

    .default-filter .break
    {
        padding-top: 10px !important;
    }

.soortenpublicaties > div
{
    margin: 0px 16px 7px;
    padding: 1px;
    border-bottom: 1px solid white;
}

.pagination
{
    overflow: hidden;
    margin: 0 0 20px 0;
    display: block !important;
}

    .pagination ul li
    {
        text-align: center;
        float: left;
        display: block;
        width: 30px;
        height: 27px;
        padding: 3px;
        border: 1px solid #d1174d;
        margin: 0 5px 5px 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .pagination ul li.active
        {
            background: #d1174d;
        }

        .pagination ul li.previous
        {
            background: url(/content/images/sprite.png) -260px -38px;
            text-indent: -9999px;
        }

        .pagination ul li.next
        {
            background: url(/content/images/sprite.png) -278px -38px;
            text-indent: -9999px;
        }

        .pagination ul li.disabled
        {
            display: none;
        }

        .pagination ul li a
        {
            text-decoration: none;
            display: block;
            width: 22px;
            height: 19px;
        }

        .pagination ul li.active a
        {
            color: #fff;
        }


/* COOKIEBAR */
#cookiebar
{
    width: 100%;
    line-height: 32px;
    overflow: hidden;
    background: url(/Content/images/cookie-back.png) repeat;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    color: #FFF;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.4);
    font-size: 13px;
}

* + html
{
    overflow-x: hidden;
}

#cookiebar a
{
    color: #FFF;
    text-decoration: underline;
}

#cookiebar .btn-accept-cookies
{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: #4E4E4E;
}

    #cookiebar .btn-accept-cookies:hover
    {
        background: #D1174D;
    }

    #cookiebar .btn-accept-cookies img
    {
        display: block;
    }

table.cookie-table
{
    border: 1px dashed gray;
    border-bottom: 0;
}

    table.cookie-table td
    {
        padding: 10px;
        border-bottom: 1px dashed gray;
    }

#disabled-social-buttons p
{
    font-size: 14px !important;
}
/* COOKIEBAR - END */


/* FormManager  */
.indicators
{
    display: inline-block;
}

.datatype-indicator,
.required-indicator
{
    padding: 2px 7px 2px 4px;
    font-style: italic;
    display: inline;
}

.form-label label
{
    font-weight: normal !important;
    display: block;
    clear: both;
}

textarea
{
    font-family: Arial;
    font-size: 14px;
}

.labeled-input
{
    border-bottom: 1px #ddd solid;
    clear: both;
    padding-bottom: 10px;
    height: 1%;
    overflow: auto;
    position: relative;
}

.horizontal .form-label
{
    width: 42%;
    float: left;
    padding-right: 8%;
}

.horizontal .form-field
{
    width: 50%;
    float: left;
}

.horizontal .indicators
{
    clear: both;
}

.horizontal input[type=text].groot,
.horizontal textarea.groot,
.horizontal select.groot
{
    width: 300px;
}

.horizontal input[type=text].middel,
.horizontal textarea.middel,
.horizontal select.middel
{
    width: 150px;
}

.horizontal input[type=text].klein,
.horizontal textarea.klein,
.horizontal select.klein
{
    width: 80px;
}

.vertical .labeled-input
{
}

.vertical .form-label
{
    margin-top: 5px;
    margin-bottom: 5px;
    float: left !important;
    display: inline-block !important;
}

.vertical .indicators
{
    position: absolute;
    right: 2px;
    top: 4px;
    clear: none !important;
    margin-left: 30px;
}

.vertical .form-label label
{
    font-weight: bold;
    display: inline-block !important;
    clear: both;
}

.vertical .form-field
{
    margin: 30px 0 10px 0;
    padding-top: 1px !important;
}

.vertical input[type=text].groot,
.vertical textarea.groot,
.vertical select.groot
{
    width: 99%;
}

.vertical input[type=text].middel,
.vertical textarea.middel,
.vertical select.middel
{
    width: 60%;
}

.vertical input[type=text].klein,
.vertical textarea.klein,
.vertical select.klein
{
    width: 80px;
}

.content-form-a1s
{
    font-size: 1px !important;
    background: none !important;
    border: none !important;
}

.form-field div
{
    margin: .6em 0 !important;
}

.labeled-checkbox label,
.labeled-radio label
{
    position: relative;
    top: -.16em;
}

.datatype-indicator
{
    background: #fff;
}

.valid .required-indicator
{
    background: #ac5;
    color: #fff;
}

.invalid .required-indicator
{
    background: #d31;
    color: #fff;
}

.datatype-indicator
{
    display: none;
}

.invalid .datatype-indicator
{
    display: inline;
}

.valid .datatype-indicator
{
    display: none;
}

.form-errors
{
    border: #d99 solid 1px;
    margin: 20px 0;
}

    .form-errors h3
    {
        margin: 10px 0 0 10px !important;
        padding: 1px;
        color: #911;
    }

/* einde FormManager  */

#debuginfo
{
    display: none;
}

    #debuginfo div
    {
        position: absolute;
        top: 5px;
        right: 10px;
        cursor: pointer;
    }

/* Remove border from last menu item */
#onderwerp-submenu > ul > li:last-child > a,
#onderwerp-submenu > ul > li:last-child > ul
{
    border-bottom: none;
}

#onderwerp-submenu > ul > li > a
{
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

    #onderwerp-submenu > ul > li > a:hover
    {
        text-decoration: underline;
    }

#onderwerp-submenu > ul > li > a
{
    color: #E2772A;
}

@media (max-width: 768px)
{
    #onderwerp-submenu > ul > li > a
    {
        font-size: 1.5rem;
    }
}

#onderwerp-submenu ul > li.active > a
{
    text-decoration: underline;
    text-underline-offset: 3px;
}

#onderwerp-submenu > ul > li > ul
{
    color: black;
}

@media (max-width: 768px)
{
    #onderwerp-submenu ul > li > ul > li
    {
        margin-left: 0;
    }
}

#onderwerp-submenu ul > li > ul > li:last-of-type
{
    margin-bottom: 0;
}

#onderwerp-submenu ul > li > ul > li::marker
{
    display: none;
}

html.preview
{
    background: #eee !important;
}

    html.preview #container
    {
        border: 20px solid red !important;
        background: white;
        height: 1%;
        overflow: auto;
        width: 100%;
        padding: 30px;
        position: relative;
        margin-top: 65px;
    }

    html.preview #preview-indicator
    {
        position: fixed;
        width: 100%;
        top: 0px;
        right: 0px;
        z-index: 999;
        background: red;
        font-size: 20px;
        font-style: italic;
        color: white;
        text-align: center;
    }

#preview-indicator h3
{
    margin: 20px;
}

#preview-indicator div
{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 14px;
    font-style: normal;
    cursor: pointer;
}

.downloads-block
{
    background: #cbcbc3;
    border-radius: 1rem;
}

    .downloads-block.blok
    {
        border-radius: 0;
    }

#pagina-downloads
{
    background: #eee;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .downloads-block
{
    background: #ff964a !important;
}

.in-programmalijn-loopbaan-en-professionalisering .downloads-block
{
    background: #697cb4 !important;
}

    .in-programmalijn-loopbaan-en-professionalisering .downloads-block h5,
    .in-programmalijn-loopbaan-en-professionalisering .downloads-block p
    {
        color: #D6DBEB !important;
    }

.in-programmalijn-veilig-gezond-en-vitaal-werken .downloads-block
{
    background: #a0ce99 !important;
}

.downloads-block > h4
{
    color: #000000;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
}

#pagina-downloads h4
{
    color: #333 !important;
    padding-top: 9px;
}

#pagina-downloads ul
{
    width: 100%;
}

#pagina-downloads .even
{
    background: #f4f4f4;
}

.downloads-block ul
{
    margin: 10px 0 !important;
}

.downloads-block li
{
    list-style: none;
    padding: 5px 18px 1px 0;
    position: relative;
    margin: 0 -10px 10px -10px;
}

.downloads-block h4
{
    font-size: 20px;
}

.downloads-block h5
{
    color: #000000;
    margin: 2px 0 5px 20px;
    margin-bottom: 1rem;
    padding: 0 0 5px 0 !important;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 700;
}

@media (max-width: 768px)
{
    .downloads-block h5
    {
        word-break: break-word;
        font-size: 1.5rem;
    }
}

.file-thumbnail
{
    width: 7rem;
    aspect-ratio: 2.2/3;
    overflow: hidden;
    border-radius: 0.3rem;
    flex-shrink: 0;
}

.file-info-wrapper
{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-items: flex-start;
    justify-content: center;
}

    .file-info-wrapper div.file-size
    {
        font-size: 1.5rem;
        color: #000000;
        margin-bottom: 0;
    }

    .file-info-wrapper h5
    {
        margin-left: 0;
    }

.downloads-block .file-thumbnail img.file-image
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform 0.3s ease;
}

.downloads-block .download-wrapper
{
    display: flex;
    align-items: center;
    gap: 3rem;
    padding-left: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #667E6333
}

@media (max-width: 768px)
{
    .downloads-block .download-wrapper
    {
        gap: 1.5rem;
        padding-left: 1rem;
    }
}

.downloads-block .download-wrapper .file-info-icon
{
    margin-left: auto;
    padding-right: 2rem;
}

@media (max-width: 768px)
{
    .downloads-block .download-wrapper .file-info-icon
    {
        padding-right: 1rem;
    }
}

.downloads-block .download-wrapper .file-info-icon img
{
    transition: transform 0.3s ease;
    width: 1.5rem;
    height: auto;
}

.downloads-block p
{
    color: #000000;
}

.downloads-block a
{
    display: block;
    text-decoration: none;
    color: #555 !important;
}

    .downloads-block a:hover h5
    {
        text-decoration: underline;
    }

    .downloads-block a:hover img
    {
        transform: scale(1.1);
    }

#onderwerp-koppelingen .downloads-block p
{
    margin-left: 030px;
}

#onderwerp-koppelingen .fileicon
{
    margin: 0px 5px 0 10px !important;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-koppelingen .downloads-block,
.in-programmalijn-arbeidsmarkt-en-mobiliteit #subonderwerp-koppelingen .downloads-block
{
    background-color: #ff964a;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-koppelingen .downloads-block,
.in-programmalijn-loopbaan-en-professionalisering #subonderwerp-koppelingen .downloads-block
{
    background-color: #697cb4;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-koppelingen .downloads-block,
.in-programmalijn-veilig-gezond-en-vitaal-werken #subonderwerp-koppelingen .downloads-block
{
    background-color: #a0ce99;
}

#disabled-social-buttons
{
    background: url(/content/images/social-media-icons-disabled.png);
    width: 121px;
    height: 20px;
    position: relative;
}

    #disabled-social-buttons > p
    {
        position: absolute;
        top: -80px;
        display: none;
        z-index: 99999;
        font-size: .7em;
        line-height: 1.2em;
        width: 300px;
        background-color: #F6F8FA;
        padding: 1em;
        border: 1px solid #7088B8;
        right: -10px;
    }

body.dt-contactpage .templateblok-links,
body.aanvraag-verzonden .templateblok-links
{
    margin-bottom: 20px;
}

body.aanvraag-verzonden .templateblok-rechts,
body.dt-contactpage .templateblok-rechts
{
    margin-top: 60px;
}

body.aanvraag-verzonden .templateblok-rechts
{
    margin-top: 10px;
}

body.aanvraag-verzonden h1,
body.dt-contactpage h2
{
    display: block;
    color: #d1174d;
    margin: 0 30px 30px 0;
    font-size: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    line-height: 38px;
}

body.aanvraag-verzonden h4,
body.dt-contactpage .contentelement h4
{
    background: #d1174d;
    color: #fff;
    padding: 3px 6px;
    margin-bottom: 8px;
}

body.dt-contactpage .content-form
{
    margin: 20px 0 0 0;
    background: #fae7ed;
    padding: 1px;
}

.content-form form
{
    margin: 20px;
}

body.dt-contactpage label
{
    color: #d1174d;
    font-style: italic;
    font-size: 14px;
}

.templateblok-clear
{
    clear: both;
    margin: 10px 0;
    height: 1px;
}

#sitemap h2,
#sitemap h3
{
    display: block;
    color: #4e4e4e;
    margin: 0 30px 10px 0;
    font-size: 20px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

#sitemap h2
{
    font-size: 28px;
    margin: 30px 0 20px 0;
}

#sitemap li
{
    margin: 0;
    line-height: 1.6em;
}

    #sitemap li ul
    {
        margin: .2em 0 .2em 1.2em;
    }

#sitemap div > ul > li > a
{
    font-weight: bold;
}

.one
{
    clear: both;
    overflow: auto;
}

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

.onethird
{
    width: 33%;
    float: left;
}

.alles-pagina
{
    border: 1px solid #ac5;
    margin-bottom: 10px;
    padding: 5px;
}

    .alles-pagina.alles-onzichtbaar
    {
        border-color: #dd9999;
        background: #ffeeee;
    }

.alles-breadcrumbs
{
    width: 800px;
    height: 1%;
    overflow: auto;
    margin: 0;
}

    .alles-breadcrumbs li
    {
        display: block;
        float: left;
    }

    .alles-breadcrumbs,
    .alles-breadcrumbs a
    {
        color: #999;
        text-decoration: none;
    }

        .alles-breadcrumbs li a
        {
            display: block;
            background: #fff;
            padding: 0px 0px 0px;
            margin: 0 15px 5px 0;
            border-bottom: 1px solid #bbb;
        }

        .alles-breadcrumbs li.last
        {
            padding: 0px 0 1px;
        }

        .alles-breadcrumbs:hover a
        {
            color: #333;
            border-color: #555;
        }

#templateblok-content
{
    margin: 10px;
}

#templateblok-faqs .contentelement
{
    position: relative;
    padding: 10px;
    margin: 0 10px;
    border-bottom: 1px solid #eee;
}

    #templateblok-faqs .contentelement:nth-of-type(2n+1)
    {
        background: #f7f7f7;
    }

    #templateblok-faqs .contentelement > div
    {
        display: none;
    }

    #templateblok-faqs .contentelement div
    {
        padding: 10px 80px 20px 20px !important
    }


    #templateblok-faqs .contentelement h2
    {
        font-family: arial !important;
        font-size: 14px;
        margin: 10px;
        cursor: pointer;
        line-height: 18px;
    }

        #templateblok-faqs .contentelement h2:hover
        {
            color: #ff964a;
        }

#templateblok-faqs.show-question-marks .contentelement h2
{
    position: relative;
    margin-left: 29px;
}


    #templateblok-faqs.show-question-marks .contentelement h2:before
    {
        content: "\f059";
        font-family: FontAwesome;
        color: #ff964a;
        width: 20px;
        position: absolute;
        top: 0;
        left: -25px;
        height: 38px;
    }


#templateblok-faqs .contentelement.active
{
    border-bottom: 0px;
}

    #templateblok-faqs .contentelement.active h2
    {
        font-size: 14px;
        font-weight: 600;
        color: #ff964a;
    }

        #templateblok-faqs .contentelement.active h2:before
        {
            font-weight: normal !important;
        }

    #templateblok-faqs .contentelement.active > div
    {
        display: block;
        margin: 10px;
        padding: 10px 0;
    }

#maploaderholder
{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    background: white;
    display: none;
}
/*  pas zichtbaar bij eerste opening tab */
#maploader
{
    margin: 24px;
}


@media (max-width: 899px)
{
    #kaart iframe
    {
        width: 100%;
        height: 500px;
    }
}

@media (min-width: 900px)
{
    #kaart iframe
    {
        width: 750px;
        height: 500px;
    }
}

/* RESPONSIVE MENU */
#hamburger
{
    display: none;
    height: 27px;
    right: 15px;
    margin: 0;
    position: absolute;
    top: 6px;
    width: 70px;
    z-index: 2;
}

    #hamburger:before, #hamburger:after, #hamburger span
    {
        background: none repeat scroll 0 0 #d1174d;
        content: "";
        display: block;
        height: 4px;
        right: 0;
        position: absolute;
        width: 24px;
    }

    #hamburger:before
    {
        top: 4px;
    }

    #hamburger:after
    {
        bottom: 5px;
    }

    #hamburger span
    {
        margin-top: -3px;
        top: 50%;
    }

    #hamburger em
    {
        position: absolute;
        left: 0;
        top: 1px;
        line-height: 25px;
        font-style: normal;
        font-weight: 400;
        color: #666666;
        font-size: 12px;
    }

    #hamburger:before, #hamburger:after, #hamburger span
    {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -moz-transition-property: transform, top, bottom, left, opacity;
        -o-transition-property: transform, top, bottom, left, opacity;
        -webkit-transition-property: transform, top, bottom, left, opacity;
        transition-property: transform, top, bottom, left, opacity;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

html.mm-opening #hamburger span
{
    right: 0;
    opacity: 0;
}

html.mm-opening #hamburger:before
{
    top: 13px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

html.mm-opening #hamburger:after
{
    bottom: 10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#zoek
{
    position: absolute;
    right: 15px;
    top: 37px;
    text-decoration: none;
    color: #666666;
    display: none;
}

    #zoek em
    {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 25px;
        position: absolute;
        right: 35px;
        top: 2px;
    }

    #zoek span
    {
        font-size: 25px;
        color: #d1174d;
        margin-left: 10px;
    }

ul.praktijklokalen
{
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px)
{
    ul.praktijklokalen
    {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 20px;
    }
}

.praktijklokalen .item
{
    width: 212px;
    height: 212px;
    position: relative;
    margin-right: 40px;
    margin-bottom: 20px;
}

    .praktijklokalen .item:last-child
    {
        margin-right: 0;
    }

.praktijklokalen .practicum
{
    background: url(/Content/images/Veilig_practicum.png) no-repeat center center;
}

.praktijklokalen .pro
{
    background: url(/Content/images/pro.png) no-repeat center center;
}

.praktijklokalen .bouwen
{
    background: url(/Content/images/bouwen.png) no-repeat center center;
}

.praktijklokalen .pie
{
    width: 213px;
    background: url(/Content/images/pie.png) no-repeat center center;
}

.praktijklokalen .leeg
{
    width: 213px;
    background: url(/Content/images/leeg.png) no-repeat center center;
}

.praktijklokalen .techniek
{
    width: 213px;
    background: url(/Content/images/techniek.png) no-repeat center center;
}

.praktijklokalen .m-en-t
{
    width: 213px;
    background: url(/Content/images/veilige-praktijlokalen-m-en-t.png) no-repeat center center;
}

.praktijklokalen .zw
{
    width: 213px;
    background: url(/Content/images/veilige-praktijklokalen-zw.jpg) no-repeat center center;
    background-size: contain;
}

.praktijklokalen .dp
{
    width: 213px;
    background: url(/Content/images/veilige-praktijklokalen-dp.png) no-repeat center center;
}

.praktijklokalen .kunstvakken
{
    width: 213px;
    background: url(/Content/images/veilige-praktijklokalen-kunstvakken.png) no-repeat center center;
}

.ec-circle
{
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 20px #fff, 0 0 20px #fff;
    transition: box-shadow 400ms ease-in-out;
    display: block;
    outline: none;
    position: absolute;
    top: 7px;
    left: 7px;
    padding-top: 90px;
}

.leeg .ec-circle
{
    top: 6px;
    left: 6px;
}

.ec-circle-hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 5px #fff, 0 0 5px #fff;
}

.ec-circle:hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 5px #fff, 0 0 5px #fff;
}

.praktijklokalen .item a
{
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    margin-top: 43%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 53%;
}

.praktijklokalen .item span
{
    width: 212px;
    text-align: center;
}

.praktijklokalen .bouwen a
{
    margin-top: 35%;
}

.praktijklokalen .practicum a
{
    margin-top: 35%;
}

/*lege bollen*/
.praktijklokalen .item span.link
{
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 22px;
    margin-top: 43%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 53%;
}

.praktijklokalen .bouwen span.link
{
    margin-top: 35%;
}

.praktijklokalen .practicum span.link
{
    margin-top: 35%;
}

.praktijklokalen .pie span.link
{
    margin-top: 35%;
}

.leeg .ec-circle-hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 20px #fff, 0 0 20px #fff;
}

.leeg .ec-circle:hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 20px #fff, 0 0 20px #fff;
}


@media (max-width:1200px)
{
    .nivoSlider img
    {
        width: auto !important;
        height: 340px !important;
    }

    #pagina-content table
    {
        max-width: 100%;
        overflow-x: auto;
        display: block;
    }

    #pagina-content div.table-responsive
    {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width:991px)
{
    #MainNav, #utils, #breadcrumbs
    {
        display: none;
    }

    #zoek, #hamburger
    {
        display: inline-block;
    }

    input.zoek_btn
    {
        background: #ff964a;
        color: #fff;
        border: 0;
        display: inline-block;
        line-height: 26px;
        font-weight: 700;
        padding: 0 10px;
        border-radius: 0;
    }

    #headerimage
    {
        height: auto;
        margin: 0 0 20px 0;
    }

        #headerimage img
        {
            min-height: 0;
        }

    #programmalijn-blokken
    {
        margin-bottom: 0;
    }

        #programmalijn-blokken .blok
        {
            height: 380px;
        }

    #portal-items.css3 .portal-evenementen, #portal-items.css6 .portal-evenementen
    {
        height: auto !important;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }

        #portal-items.css3 .portal-evenementen ul, #portal-items.css6 .portal-evenementen ul
        {
            height: auto !important;
        }


    #programma-nieuws-en-cursussen .blokken,
    #onderwerp-koppelingen .blok
    {
        margin-bottom: 20px;
    }

    #onderwerp-tabsholder .knoppen li
    {
        margin-right: 8px;
    }

        #onderwerp-tabsholder .knoppen li a
        {
            display: block;
        }

    ul.praktijklokalen
    {
        width: 100%;
    }
}

@media (min-width: 992px)
{
    .nav-mobile-only
    {
        display: none;
    }
}

.item img.modelthumbnail
{
    width: 100%;
    height: auto;
}

@media (max-width:767px)
{

    #portal-items .item a.btn
    {
        position: static;
        padding: 10px 0 10px 10px;
        margin: 0;
    }

    .hideonmobile
    {
        display: none;
    }

    .showonmobile
    {
        display: inline-block;
    }

    #logo
    {
        display: none;
    }

    #logolink
    {
        background: url(/Content/images/voion-logo-mobile.gif) 0 0 no-repeat;
        background-size: contain;
        width: 100px;
        height: 53px;
        display: inline-block;
        margin-top: 10px;
    }

    #header
    {
    }

    #addthis, #breadcrumbs
    {
        display: none;
    }

    #contentcontainer img
    {
        max-width: 100%;
    }

    .contentelement .afbeelding.left, .contentelement .afbeelding.right
    {
        float: none;
    }

    #programmalijn-blokken .blok
    {
        padding-bottom: 25px;
        height: auto;
        margin-bottom: 30px;
    }

    h1.programmalijn, #titel_onderwerp, .nieuwsitem-details h1, .evenement-details h1, .publicatie-details h1, .instrument-details h1, #titel_programma_sub
    {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 10px 0;
    }

    .nieuwsitem-details h2, .evenement-details h2, .publicatie-details h2
    {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 20px;
    }

    .bg-danger
    {
        padding: 15px;
        margin-bottom: 15px;
        color: #333
    }

        .bg-danger p
        {
            margin: 0 !important;
        }

    #portal-items .item h3, #portal-items .item p
    {
        height: auto;
    }

    @media (max-width:767px)
    {
        #portal-items .item h3
        {
            margin-top: 0;
            height: auto;
        }
    }

    #slider span
    {
        display: none;
    }

    #contentcontainer
    {
        position: relative;
    }

    .nivoSlider, #slider, .nivoSlider img
    {
        height: auto !important;
        width: 100% !important;
    }

    .nivo-directionNav, .nivo-controlNav
    {
        display: none;
    }

    #headerimage img
    {
        min-height: 0;
    }

    #zoekveldContainer, #sliderContainer, #headerimage
    {
        display: none;
    }

    body.bestuur-voion #headerimage
    {
        display: block;
        height: auto;
        margin-bottom: 0
    }

    .q
    {
        line-height: 24px;
        padding: 0 5px;
        color: #000;
        border: 1px solid #666666;
        border-radius: 0;
    }

    #onderwerp-tabsholder .knoppen li
    {
        margin: 0;
        text-align: center;
        width: 25%;
        height: 31px;
    }

        #onderwerp-tabsholder .knoppen li span
        {
            font-size: 18px;
        }

    .wrapper_titel_onderwerp, .wrapper_titel_programma_sub
    {
        margin-bottom: 0;
    }

    h1.programmalijn, #titel_onderwerp, #titel_programma_sub
    {
        font-size: 18px;
        background: #ff964a;
        color: #fff !important;
        margin: 0 -15px;
        padding: 5px 15px;
    }

    h2
    {
        font-size: 24px;
    }

    .programmalijn-loopbaan-en-professionalisering h1.programmalijn, .programmalijn-loopbaan-en-professionalisering #titel_onderwerp, .programmalijn-loopbaan-en-professionalisering #titel_programma_sub
    {
        background: #697cb4;
    }

    .programmalijn-veilig-gezond-en-vitaal-werken h1.programmalijn, .in-programmalijn-veilig-gezond-en-vitaal-werken #titel_onderwerp, .in-programmalijn-veilig-gezond-en-vitaal-werken #titel_programma_sub
    {
        background: #a0ce99;
    }

    #onderwerp-submenu ul li
    {
        line-height: 22px !important;
    }

    #pagina-submenu
    {
        margin-top: 0;
    }

    .toggleonmobile ul, .toggleonmobile .toggleme
    {
        display: none;
    }

    .toggleonmobile.opened ul, .toggleonmobile.opened .toggleme
    {
        display: block;
    }

    .wrapper-onderwerp-submenu
    {
        margin-bottom: 20px;
        overflow: hidden;
    }

        .wrapper-onderwerp-submenu .toggleonmobile
        {
            margin: 0 -15px 10px;
            padding: 0 15px;
        }

            .wrapper-onderwerp-submenu .toggleonmobile h4
            {
                margin: 0 -15px !important;
                padding: 5px 15px !important;
            }

    .in-programmalijn-arbeidsmarkt-en-mobiliteit .wrapper-onderwerp-submenu h4
    {
        background: rgba(255, 150, 74, 0.60) !important;
    }

    .in-programmalijn-loopbaan-en-professionalisering .wrapper-onderwerp-submenu h4
    {
        background: rgba(105, 124, 180, 0.60) !important;
    }

    .in-programmalijn-veilig-gezond-en-vitaal-werken .wrapper-onderwerp-submenu h4
    {
        background: rgba(160, 206, 153, 0.70) !important;
    }

    #onderwerp-tabsholder .knoppen
    {
        border-bottom: 0 !important;
    }

    #pagina-content ul
    {
        margin-left: 15px;
    }

    #cookiebar
    {
        line-height: 21px;
        padding: 5px 40px 5px 0;
    }

    #evenement-formulier, .dt-news h1, .cursussen h1, .publicaties h1, .instrumenten h1, .instrument-details h2
    {
        margin-bottom: 20px;
    }

    .invalid .datatype-indicator
    {
        display: none;
    }

    .check-verzuimaanpak-resultaat
    {
        padding: 10px;
    }

    .instrumenten h1, .instrument-details h2, .dt-news h1, .nieuwsitem-details h2, .publicaties h1, .publicatie-details h2, .agenda h1, .evenement-details h2
    {
        font-size: 26px;
        line-height: 28px;
    }

    .table-medewerkers table td
    {
        display: block;
    }
}

/*STYLING Spotler form*/
#form1002
{
    margin: 0;
    padding: 0;
    width: 100%;
}

    #form1002 .mpFormTable
    {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #form1002 .mpTwoColumnLayout
    {
        width: 100%;
    }

    #form1002 .mpFormLabel
    {
        width: 290px;
    }

    #form1002 .mpFormField
    {
        width: 290px;
    }

        #form1002 .mpFormField ul
        {
            margin: 0;
        }

            #form1002 .mpFormField ul li
            {
                margin: 0;
                list-style: none;
            }

                #form1002 .mpFormField ul li input
                {
                    margin: 0 10px 0 0;
                }

        #form1002 .mpFormField input[type="text"]
        {
            width: 270px;
        }

        #form1002 .mpFormField input[type="radio"]
        {
            float: left;
        }

    #form1002 .mpHighlight
    {
        background: rgba(255, 150, 74, 0.2) !important;
    }

    #form1002 .mpErrorRow
    {
        color: #d1174d;
        font-weight: bold !important;
        font-style: italic;
    }

        #form1002 .mpErrorRow label
        {
            margin: 0 0 0 290px;
        }

.carousel-control.left,
.carousel-control.right
{
    display: none;
}


iframe#mailplusiframe-inschrijfform
{
    width: 400px !important;
    margin-top: 30px;
}

.umbraco-forms-page .umbraco-forms-caption
{
    background: #eee;
    padding: 1em 35px
}

.umbraco-forms-page .form-row
{
    margin: 0 30px
}

.umbraco-forms-page .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper, .umbraco-forms-page .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper, .umbraco-forms-page .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper, .umbraco-forms-page .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper
{
    margin-top: 10px;
    margin-bottom: 30px;
    position: relative
}

.umbraco-forms-page .umbraco-forms-navigation
{
    border-top: 1px solid #eee;
    padding: 20px 0 20px 0
}

    .umbraco-forms-page .umbraco-forms-navigation .first-col
    {
        padding-left: 0
    }

    .umbraco-forms-page .umbraco-forms-navigation .next
    {
        background: rgba(10,190,240,0.4);
        margin: 0 0 0 10px
    }

        .umbraco-forms-page .umbraco-forms-navigation .next:hover
        {
            background: rgba(10,190,240,0.7)
        }

    .umbraco-forms-page .umbraco-forms-navigation .primary
    {
        background: #D1174D;
        color: #FFFFFF;
        font-weight: bold;
        padding-left: 2rem;
        padding-right: 2rem;
    }

.umbraco-forms-page fieldset
{
    border: 0px solid #aaa
}

    .umbraco-forms-page fieldset legend
    {
        border-top: 1px solid #ddd;
        padding: 1em 35px
    }

.umbraco-forms-form .custom-control
{
    position: relative;
}

.umbraco-forms-form .custom-radiobutton
{
    padding: 2px 0 5px 0;
}

.umbraco-forms-form .dataconsent label
{
    margin-left: 30px;
}

.umbraco-forms-form .dataconsent > label
{
    margin-left: 0px;
}

.umbraco-forms-submitmessage
{
    margin-top: 50px;
    font-size: 21px;
    color: #d1174d;
}


.debugger
{
    background: tomato;
    outline: 1px solid red;
    min-height: 200px;
}

/*
YUI 3.6.0 (build 5521)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/* base.css, part of YUI's CSS Foundation */
.yui3-cssbase h1
{
    /*18px via YUI Fonts CSS foundation*/
    font-size: 138.5%;
}

.yui3-cssbase h2
{
    /*16px via YUI Fonts CSS foundation*/
    font-size: 123.1%;
}

.yui3-cssbase h3
{
    /*14px via YUI Fonts CSS foundation*/
    font-size: 108%;
}

.yui3-cssbase h1, .yui3-cssbase h2, .yui3-cssbase h3
{
    /* top & bottom margin based on font size */
    margin: 1em 0;
}

.yui3-cssbase h1, .yui3-cssbase h2, .yui3-cssbase h3, .yui3-cssbase h4, .yui3-cssbase h5, .yui3-cssbase h6, .yui3-cssbase strong
{
    /*bringing boldness back to headers and the strong element*/
    font-weight: bold;
}

.yui3-cssbase abbr, .yui3-cssbase acronym
{
    /*indicating to users that more info is available */
    border-bottom: 1px dotted #000;
    cursor: help;
}

.yui3-cssbase em
{
    /*bringing italics back to the em element*/
    font-style: italic;
}

.yui3-cssbase blockquote, .yui3-cssbase ul, .yui3-cssbase ol, .yui3-cssbase dl
{
    /*giving blockquotes and lists room to breath*/
    margin: 1em;
}

.yui3-cssbase ol, .yui3-cssbase ul, .yui3-cssbase dl
{
    /*bringing lists on to the page with breathing room */
    margin-left: 2em;
}

.yui3-cssbase ol
{
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}

.yui3-cssbase ul
{
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}

.yui3-cssbase dl dd
{
    /*providing spacing for definition terms*/
    margin-left: 1em;
}

.yui3-cssbase td
{
    padding: .5em;
}

.yui3-cssbase th
{
    /*distinguishing table headers from data cells*/
    font-weight: bold;
    text-align: center;
}

.yui3-cssbase caption
{
    /*coordinated margin to match cell's padding*/
    margin-bottom: .5em;
    /*centered so it doesn't blend in to other content*/
    text-align: center;
}

.yui3-cssbase p, .yui3-cssbase fieldset, .yui3-cssbase table, .yui3-cssbase pre
{
    /*so things don't run into each other*/
    margin-bottom: 1em;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssbase-context
{
    display: none;
}

ul.ecss-list li
{
    border-bottom: 1px solid #e7e7e7;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    position: relative;
}

.ecss-icon
{
    position: absolute;
    top: 26px;
    left: 0;
}

.ecss-shift
{
    margin-left: 35px;
}

.ecss-date
{
    color: #aaa;
    font-size: 13px;
}

.ecss-link
{
    text-decoration: none;
}

    .ecss-link:hover
    {
        color: #666 !important;
        text-decoration: underline;
    }

    .ecss-link h4
    {
        color: #666;
    }

.ecss-teaser
{
}

.ecss-koppelingen span
{
    display: inline-block;
    margin-right: 6px;
    font-size: 13px;
    font-weight: 400;
}

.ecss-koppelingen .in-programmalijn-veilig-gezond-en-vitaal-werken
{
    color: rgba(105, 184, 93, .67);
}

.ecss-koppelingen .in-programmalijn-arbeidsmarkt-en-mobiliteit
{
    color: rgba(255, 122, 27, .64);
}

.ecss-koppelingen .in-programmalijn-algemeen-voion
{
    color: rgba(209, 23, 77, .47);
}

/* Hide screen, hide print */

@media only screen
{
    .hide-screen,
    .hide-screen *
    {
        display: none !important;
    }
}

@media only print
{
    .hide-print,
    .hide-print *
    {
        display: none !important;
    }

    #titel_onderwerp
    {
        padding-top: 3cm;
    }

    .wrapper-onderwerp-submenu h1
    {
        margin-top: 30pt;
    }

    h1
    {
        font-size: 36px !important;
        font-weight: bold !important;
    }

    h2
    {
        font-size: 30px !important
    }

    h3
    {
        font-size: 24px !important
    }

    h4
    {
        font-size: 18px !important
    }

    h5
    {
        font-size: 14px !important
    }

    h6
    {
        font-size: 12px !important
    }
}

.regio-in-beeld-activiteiten .item.haslink:hover,
#portal-items .item.haslink:hover
{
    cursor: pointer;
}



@media (min-width: 768px)
{
    .mobile-only
    {
        display: none;
    }
}

/*Table styling*/
.tekst table
{
    border: 1px solid #c9c9c9;
    padding: 10px;
    width: 100%;
}

    .tekst table td
    {
        padding: 10px;
        border: 1px solid #c9c9c9;
    }

    .tekst table p
    {
        margin: 0 !important;
    }


    .tekst table tr
    {
        border: 1px solid #c9c9c9;
    }

.order-first
{
    order: -1;
}

.order-last
{
    order: 13;
}

@font-face
{
    font-family: 'Doppio One';
    src: url('/Content/fonts/doppioone-regular-webfont.eot');
    src: url('/Content/fonts/doppioone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/doppioone-regular-webfont.woff') format('woff'), url('/Content/fonts/doppioone-regular-webfont.ttf') format('truetype'), url('/Content/fonts/doppioone-regular-webfont.svg#webfont') format('svg');
}

body
{
    font-size: 14px;
    line-height: 19px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666666;
}

header, footer, nav, section
{
    display: block;
}

a
{
    color: #d1174d;
    text-decoration: underline;
}

    a:focus, a:hover
    {
        color: #90052e;
        outline: 0;
    }

h1.description
{
    display: none;
}

.btn-cont
{
    display: flex;
}

.btn-voion
{
    background: #D1174D;
    padding: 6px 9px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: white !important;
    text-decoration: none !important;
    font-family: 'Karla', Arial;
    font-weight: bold;
    display: flex;
    border: none;
}

.btn-right
{
    display: inline-block;
    padding: 6px 25px 6px 9px;
}

.btn-voion:visited
{
    text-decoration: none;
}

.btn-voion:hover
{
    text-decoration: none !important;
    color: white;
}

.btn-right i
{
    margin-left: 10px;
    font-size: 2rem;
    position: absolute;
}

.btn-left i
{
    margin-left: 0;
    margin-right: 10px;
    font-size: 2rem;
    transform: rotate(180deg);
}

.icon
{
    width: 1rem;
    display: inline-flex;
}

label
{
    font-weight: 400;
}

.showonmobile
{
    display: none;
}

#container
{
    margin: 0 auto;
    position: relative;
}

#header
{
    height: 102px;
}

#logoprint
{
    width: 205px;
    margin: 20px 0;
}

#utils
{
    float: right;
    margin: 0;
    padding: 0;
}

    #utils ul
    {
        margin: 0;
        padding: 0;
    }

        #utils ul li
        {
            float: left;
        }

            #utils ul li a
            {
                text-decoration: none;
                color: #666666;
                border-right: 1px dotted #666666;
                font-family: Verdana;
                font-size: 11px;
                padding: 0 15px 0 15px;
                text-transform: lowercase;
            }

            #utils ul li.last a
            {
                border: 0;
                padding: 0 0 0 15px;
            }

#MainNav
{
    clear: both;
    float: right;
    list-style: none;
    padding: 0;
    margin: 30px 0 30px 0;
    position: relative;
    z-index: 10;
}

#topicsnav a,
#topicsnav span
{
    cursor: pointer;
}

#topicsnav-full
{
    position: absolute;
    top: 160px;
    left: 217px;
    z-index: 10000;
    width: 632px;
    background: white;
    border: 1px solid #ddd;
    display: none;
}

@media only screen and (min-width:1200px)
{

    #topicsnav-full
    {
        left: 420px;
    }
}

#topicsnav-full-arrow
{
    position: absolute;
    top: -20px;
    left: 160px;
}

#topicsnav-full > div
{
    padding-bottom: 10px;
}

#topicsnav-panel-arbeidsmarkt-en-mobiliteit
{
    width: 330px;
    border-right: 1px solid #eee;
}

#topicsnav-panel-veilig-gezond-en-vitaal-werken
{
    width: 300px;
}

#topicsnav-full h5
{
    border-bottom: 3px solid white;
    padding-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 30px 19px;
    font-weight: 600;
}

#topicsnav-panel-arbeidsmarkt-en-mobiliteit h5
{
    border-color: #ff964a;
}

#topicsnav-panel-veilig-gezond-en-vitaal-werken h5
{
    border-color: #a0ce99;
}


#topicsnav-full ul
{
    margin: 16px;
}

#topicsnav-full a
{
    color: #666;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    position: relative;
}

    #topicsnav-full a:hover
    {
        text-decoration: underline;
    }

#topicsnav-full i
{
    position: absolute;
    right: 5px;
    top: 0;
    display: block;
}

#slider
{
    width: 100%;
    height: 342px;
    background: #e8e9e6;
    overflow: hidden;
    z-index: 1;
    margin: 0 0 30px 0;
}

#headerimage
{
    width: 100%;
    height: 213px;
    background: #e8e9e6;
    margin: 0 0 30px 0;
    overflow: hidden;
}

    #headerimage img
    {
        width: 100%;
        min-height: 213px;
    }

.searchform
{
    width: 300px;
}

#zoekveldContainer
{
    width: 374px;
    height: 43px;
    background-position: -100px -9005px;
    position: relative;
    float: right;
    clear: right;
    margin: 20px 0px 0 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: none;
}

    #zoekveldContainer input.q
    {
        height: 25px;
        width: 320px;
        margin: 7px 0 0 10px;
        border: 0;
        font-size: 18px;
        line-height: 22px;
        color: #666666;
        font-family: 'Karla', Arial;
    }

    #zoekveldContainer label.placeholder
    {
        height: 25px;
        width: 320px;
        margin: 7px 0 0 10px;
        border: 0;
        font-size: 18px;
        line-height: 22px;
        color: #666666;
        font-family: 'Karla', Arial;
        font-style: italic;
    }

    #zoekveldContainer .zoek_btn
    {
        position: absolute;
        top: 7px;
        right: 13px;
        cursor: pointer;
        margin: 0;
        width: 24px;
        height: 25px;
        background-position: -269px -10px;
        border: 0;
        font-size: 0;
        color: #fff;
    }

    #zoekveldContainer #searchLoader
    {
        position: absolute;
        right: 50px;
        top: 14px;
        display: none;
    }

@media only screen and (min-width: 992px)
{
    #zoekveldContainer
    {
        display: block;
    }
}

#search-progress
{
    display: none;
    background: white;
    color: #666;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
    height: 43px;
    width: 100%;
    border: 1px solid #666;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    #search-progress h4
    {
        margin: 0;
    }

    #search-progress strong
    {
        color: #d1174d !important;
    }

    #search-progress.double
    {
        height: 60px;
        margin-top: -3px;
    }

    #search-progress.triple
    {
        height: 80px;
        margin-top: -20px;
    }

.cloudwolk
{
    position: relative;
    width: 100%;
    height: 342px;
}

#tagcloud
{
    width: 850px;
    padding: 70px 40px 40px 40px;
    text-align: center;
}

    #tagcloud a
    {
        text-decoration: none;
        line-height: 1.5em;
        padding-right: 1.3em;
        display: block;
        color: #ffffff;
        border: 1px solid #00ff00;
        padding: 1em;
        border: 1px solid #ff0000;
    }

#programmalijn-blokken
{
    margin-bottom: 30px;
}

    #programmalijn-blokken .banner
    {
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
    }

    #programmalijn-blokken .blok
    {
        height: 330px;
        position: relative;
    }

    #programmalijn-blokken a.titel
    {
        float: left;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        font-family: 'Karla', Arial;
        text-decoration: none;
        width: 100%;
        display: block;
        padding: 7px 0 5px 0;
    }

    #programmalijn-blokken .blok ul
    {
        margin: 10px 0 0 15px;
        clear: both;
    }

        #programmalijn-blokken .blok ul li
        {
            list-style-type: square;
        }

        #programmalijn-blokken .blok ul a
        {
            color: #000;
        }

    #programmalijn-blokken .link_meer
    {
        position: absolute;
        right: 0;
        bottom: 0;
        text-decoration: none;
        font-family: 'Karla', Arial;
        font-size: 14px;
    }

    #programmalijn-blokken .arbeidsmarkt-en-mobiliteit
    {
        border-bottom: 1px solid #ff964a;
    }

        #programmalijn-blokken .arbeidsmarkt-en-mobiliteit a.titel
        {
            color: #ff964a;
            border-top: 20px solid #ff964a;
        }

        #programmalijn-blokken .arbeidsmarkt-en-mobiliteit ul li
        {
            color: #ff964a;
        }

        #programmalijn-blokken .arbeidsmarkt-en-mobiliteit .link_meer
        {
            color: #ff964a;
        }

    #programmalijn-blokken .loopbaan-en-professionalisering
    {
        border-bottom: 1px solid #697cb4;
    }

        #programmalijn-blokken .loopbaan-en-professionalisering a.titel
        {
            color: #697cb4;
            border-top: 20px solid #697cb4;
        }

        #programmalijn-blokken .loopbaan-en-professionalisering ul li
        {
            color: #697cb4;
        }

        #programmalijn-blokken .loopbaan-en-professionalisering .link_meer
        {
            color: #697cb4;
        }

    #programmalijn-blokken .veilig-gezond-en-vitaal-werken
    {
        margin: 0;
        border-bottom: 1px solid #a0ce99;
    }

        #programmalijn-blokken .veilig-gezond-en-vitaal-werken a.titel
        {
            color: #a0ce99;
            border-top: 20px solid #a0ce99;
        }

        #programmalijn-blokken .veilig-gezond-en-vitaal-werken ul li
        {
            color: #a0ce99;
        }

        #programmalijn-blokken .veilig-gezond-en-vitaal-werken .link_meer
        {
            color: #a0ce99;
        }

.dt-homepage #zoekveldContainer
{
}

.carousel-indicators
{
    position: absolute;
    bottom: 10px !important;
    right: 27px !important;
    z-index: 15;
    width: 100px;
    left: unset;
    padding-left: 0;
    margin-left: 0;
    text-align: right;
    list-style: none;
}

.dt-homepage .homepage-topics h3
{
    font-family: 'Doppio One', Arial;
    font-size: 18px;
    color: white;
    background-color: #ff964a;
    display: block;
    z-index: 199;
    position: relative;
    padding: 6px 10px;
    margin-top: -17px;
    margin-left: 0px;
    margin-bottom: 50px;
}

@media (min-width: 380px)
{
    .dt-homepage .homepage-topics h3
    {
        margin-left: 10px;
    }
}

@media (min-width: 670px)
{
    .dt-homepage .homepage-topics h3
    {
        font-size: 24px;
        margin-top: -77px;
    }
}

.dt-homepage .homepage-topics .topic-arbeidsmarkt-en-mobiliteit h3
{
    background-color: #ff964a;
}

.dt-homepage .homepage-topics .topic-veilig-gezond-en-vitaal-werken h3
{
    background-color: #a0ce99;
}

.dt-homepage .topic-arbeidsmarkt-en-mobiliteit .title-wrapper
{
    width: 260px;
}

.dt-homepage .topic-veilig-gezond-en-vitaal-werken .title-wrapper
{
    width: 260px;
}

@media (min-width: 410px)
{
    .dt-homepage .topic-arbeidsmarkt-en-mobiliteit .title-wrapper
    {
        width: 280px;
    }

    .dt-homepage .topic-veilig-gezond-en-vitaal-werken .title-wrapper
    {
        width: 280px;
    }
}

@media (min-width: 670px)
{

    .dt-homepage .topic-arbeidsmarkt-en-mobiliteit .title-wrapper
    {
        width: 300px;
    }

    .dt-homepage .topic-veilig-gezond-en-vitaal-werken .title-wrapper
    {
        width: 300px;
    }
}

.homepage-topics a
{
    text-decoration: none;
    color: white;
}

    .homepage-topics a .title-wrapper h3
    {
        color: white;
    }

    .homepage-topics a:hover .title-wrapper h3
    {
        text-decoration: underline;
        color: white;
    }

.homepage-topics .linkblock
{
    margin-bottom: 20px;
}

    .homepage-topics .linkblock a
    {
        position: relative;
        color: #000;
        text-decoration: none;
        left: 20px;
    }

        .homepage-topics .linkblock a:hover
        {
            text-decoration: underline
        }

        .homepage-topics .linkblock a::before
        {
            position: absolute;
            top: 0;
            left: -15px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            content: "\f0da";
        }

@media only screen and (min-width: 992px)
{
    #werken-in-het-voortgezet-onderwijs
    {
        top: -20px;
        margin-bottom: -19px;
    }
}

.dt-homepage .homepage-topics .topic-arbeidsmarkt-en-mobiliteit a::before,
.dt-homepage .homepage-topics .topic-arbeidsmarkt-en-mobiliteit i
{
    color: #ff964a;
}

.dt-homepage .homepage-topics .topic-veilig-gezond-en-vitaal-werken a::before,
.dt-homepage .homepage-topics .topic-veilig-gezond-en-vitaal-werken i
{
    color: #a0ce99;
}

.topiclink a
{
    border-bottom: 1px solid #ff964a;
    text-align: right;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    text-decoration: none;
}

.dt-homepage .topic-arbeidsmarkt-en-mobiliteit .topiclink a
{
    color: #ff964a;
    font-weight: bold;
}

.dt-homepage .topic-veilig-gezond-en-vitaal-werken .topiclink a
{
    color: #a0ce99;
    border-color: #a0ce99;
    font-weight: bold;
}

.homepage-topics
{
    margin-bottom: 30px;
}

#portal-items,
.regio-in-beeld-activiteiten
{
    position: relative;
}

    .regio-in-beeld-activiteiten .item,
    #portal-items .item
    {
        position: relative;
    }

@media (max-width: 767px)
{
    .regio-in-beeld-activiteiten .item,
    #portal-items .item
    {
        margin-bottom: 15px;
    }
}

.regio-in-beeld-activiteiten .item h3,
#portal-items .item h3
{
    font-family: 'Doppio One', Arial;
    font-size: 18px;
    line-height: 21px;
    font-weight: normal;
    margin: 25px 10px 0 10px;
    padding: 0;
}

@media (max-width: 767px)
{
    .regio-in-beeld-activiteiten .item h3, #portal-items .item h3
    {
        padding-top: 10px;
    }
}

.regio-in-beeld-activiteiten .item p,
#portal-items .item p
{
    margin: 16px 10px 0 10px;
    overflow: hidden;
}

.regio-in-beeld-activiteiten .item a.btn,
#portal-items .item a.btn
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    text-decoration: none;
    font-family: 'Karla', Arial;
    font-weight: bold;
    font-size: 14px;
}

.portal-date
{
    font-size: 10px;
    line-height: 9px;
    margin: 10px 10px -19px 10px;
}

#portal-items .Special
{
    background: #960973;
}

    #portal-items .Special h3
    {
        color: #fff;
    }

@media (min-width: 768px)
{
    #portal-items .item h3
    {
        padding-top: 0px !important;
    }
}

#portal-items .Special p
{
    color: #fff;
    padding: 0 !important;
}

.regio-in-beeld-activiteiten .News a.btn,
#portal-items .News a.btn
{
    color: #960973;
}

#portal-items.css6 .portal-evenementen
{
    height: 862px !important;
}

#portal-items .item.portal-evenementen h3
{
    margin-bottom: 1rem;
}

#portal-items.css6 .portal-evenementen ul
{
    height: 758px !important;
}

#portal-items .portal-evenementen li
{
    margin: 0 !important;
    padding: 10px;
}

    #portal-items .portal-evenementen li.even
    {
        margin: 0 !important;
        padding: 10px;
        background-color: #786C8C;
    }

    #portal-items .portal-evenementen li a
    {
        color: #fff;
        text-decoration: none;
        font-size: 13px;
    }

        #portal-items .portal-evenementen li a span.cursussen_datum
        {
            font-size: 12px;
            display: block;
            line-height: 12px;
            margin-bottom: 0.5rem;
        }

        #portal-items .portal-evenementen li a span.cursussen_tekst
        {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

* + html #portal-items .portal-evenementen ul
{
    height: 309px !important;
}

* + html #portal-items.css6 .portal-evenementen ul
{
    height: 618px !important;
}

#portal-items .news-overview-title h2
{
    font-size: 2.2rem;
    font-weight: 500;
    color: #960973;
    margin-top: 0;
    margin-bottom: 2rem;
}

#portal-items .imageholder
{
    width: 100%;
    height: 170px;
    background: white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 3;
}

#portal-items .Special .imageholder
{
    background: #960973;
}

#portal-items .imageholder img
{
    display: none;
}

@media (min-width: 768px)
{
    #portal-items .imageholder
    {
        display: flex;
    }

        #portal-items .imageholder img
        {
            display: block;
        }
}

@media (min-width: 1200px)
{
    #portal-items .imageholder
    {
        width: 263px;
        height: 155px;
    }
}

#addthis
{
    float: right;
    margin: 0 0 20px 0;
}

    #addthis li
    {
        float: left;
        margin: 0 0 0 8px;
    }

#footer
{
    background: #e8e9e6;
    overflow: hidden;
    color: #777777;
    margin: 0 0 30px 0;
}

    #footer h3
    {
        margin-top: 0;
    }

    #footer .kolom
    {
        margin: 20px 0 0 0;
    }

        #footer .kolom ul
        {
            margin: 0 0 15px 0;
            clear: both;
            float: left;
            width: 202px;
        }

    #footer span, #footer a span
    {
        font-weight: bold;
        color: #000;
        font-family: 'Karla', Arial;
        font-size: 16px;
        margin: 0 0 6px 0;
        clear: both;
        float: left;
    }

    #footer a
    {
        text-decoration: none;
        color: #777777;
    }

        #footer a:hover
        {
            text-decoration: underline;
        }

            #footer a:hover span
            {
                color: #d2174e;
                cursor: pointer;
            }

#footernewslettersubscription
{
    width: 186px;
    height: 30px;
    margin: 10px 0 0 0;
    color: #777777;
    font-style: italic;
    border: 0;
}

#footer ul li span.tussen
{
    margin: 0;
}

#footer .kolom.third p, #footer .kolom.last p
{
    margin: 5px 0 15px 0;
    padding: 0;
    width: 202px;
    display: block;
    clear: both;
    float: left;
}

#footer .kolom.third span, #footer .kolom.last span
{
    margin: 0;
}

#footer .various.btn
{
    width: 174px;
}

* + html #footer .kolom.third p
{
    margin: -15px 0 15px 0;
}

* + html #footer .kolom.last p
{
    margin: -15px 0 15px 0;
}

#socialmedia
{
    display: flex;
    gap: 1rem;
}

    #socialmedia li
    {
        display: inline;
    }

        #socialmedia li a
        {
            width: auto;
            height: 3rem;
            display: inline-block;
            color: #000000;
        }

            #socialmedia li a:hover
            {
                color: #d1174d;
            }

        #socialmedia li svg
        {
            width: 100%;
            height: 100%;
            display: inline-block;
        }

#leden li
{
    width: 20%;
}

    #leden li a
    {
        height: 50px;
    }

/*CONTENT + SUB*/
#pagina-submenu
{
    margin: 20px 0;
    border-top: none !important;
}

    #pagina-submenu h4
    {
        background: #d1174d;
        width: 100%;
        color: #fff !important;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    #pagina-submenu > ul
    {
        padding: 0 0 15px 15px;
        margin: 15px 0 20px 0;
        border-bottom: 1px solid #d1174d;
    }

    #pagina-submenu ul ul
    {
        margin: 15px 0 20px 15px;
    }

    #pagina-submenu ul li
    {
        color: #d1174d;
    }

    #pagina-submenu ul > li > ul > li a
    {
        color: #000;
    }

    #pagina-submenu li a:hover, #pagina-submenu li a:active
    {
        text-decoration: underline;
        color: #d1174d;
    }

    #pagina-submenu li.active a
    {
        font-weight: bold;
    }

.toggleonmobile
{
    position: relative;
}

    .toggleonmobile .toggler
    {
        position: absolute;
        right: 15px;
        top: 10px;
        color: #fff;
    }

    .toggleonmobile h4
    {
        cursor: pointer;
        padding-right: 25px !important;
        line-height: 24px;
        padding: 5px 15px !important;
    }

#pagina-content
{
    margin: 20px 0;
}

    #pagina-content h2
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    #pagina-content img
    {
        max-width: 100%;
        height: auto !important;
    }

    #pagina-content .left
    {
        float: left;
        margin: 0 15px 10px 0;
    }

    #pagina-content .right
    {
        float: right;
        margin: 0 0 10px 15px;
    }

    #pagina-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
        display: table;
        -ms-zoom: 1;
        zoom: 1;
    }

        #pagina-content ul li
        {
            margin-left: 15px;
        }

    #pagina-content ol
    {
        margin: 10px 0 10px 0;
        list-style-type: square;
        display: table;
        -ms-zoom: 1;
        zoom: 1;
    }

        #pagina-content ol li
        {
            margin-left: 18px;
        }

/*CONTACT*/
.dt-contactpage #pagina-content
{
    clear: left;
    margin-bottom: 0px !important;
}

.dt-contactpage .from-formmanager legend
{
    display: none;
}

.dt-contactpage h1, .aanvraag-verzonden h1
{
    color: #d1174d;
    float: left;
    margin: 0 30px 0 0;
    font-size: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    width: 306px;
    line-height: 38px;
}

#contactformulier
{
    background: #fae7ed;
    width: 622px;
    clear: both;
    float: left;
    padding: 0 0 20px 20px;
    margin: 0px 30px 20px 0;
}

#aanvraag-verzonden-body
{
    width: 622px;
    clear: both;
    float: left;
    padding: 0 0 20px 20px;
    margin: 20px 30px 20px 0;
}

#contactformulier label
{
    color: #d1174d;
    font-style: italic;
    font-size: 14px;
}

#contactformulier .editor-label
{
    margin: 0 0 3px 4px;
    clear: both;
    float: left;
    overflow: hidden;
    width: 602px;
}

#contactformulier .editor-field
{
    position: relative;
    background-position: -10px -314px;
    margin: 0 0 10px 0;
    clear: both;
    float: left;
    overflow: hidden;
    width: 602px;
    height: 41px;
    padding: 7px 0 0 10px;
}

#contactformulier input
{
    width: 580px;
    height: 21px;
    border: 0;
    font-size: 14px;
}

#contactformulier .editor-textarea
{
    position: relative;
    background-position: -10px -365px;
    margin: 0 0 10px 0;
    clear: both;
    float: left;
    overflow: hidden;
    width: 602px;
    height: 121px;
    padding: 7px 0 0 10px;
}

    #contactformulier .editor-textarea textarea
    {
        width: 575px;
        height: 100px;
        border: 0;
        font-family: Arial;
        font-size: 14px;
    }

#contactformulier #Aanvraag_Email
{
    padding-bottom: 20px;
    background-color: transparent;
}
/* fix voor inbrowser validatie op inputtype email */
#Aanvraag_Beveiliging
{
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    background: #fae7ed;
}
/*span.field-validation-error { color: red; position: absolute; right: 25px; top: 10px; }*/

#contact-address-map
{
    float: left;
    width: 306px;
    margin: -50px 0 20px 0;
}

    #contact-address-map h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 20px 0 10px 0;
    }

#googlemap
{
    width: 306px;
    height: 234px;
    background: url(/Content/images/googlemap.png) no-repeat;
    display: block;
    border-bottom: 1px solid #d1174d;
    padding: 0 0 15px 0;
    margin: 20px 0 0 0;
}

/*PROGRAMMALIJN*/

h1.programmalijn
{
    margin: 0 30px 0 0;
    font-size: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    line-height: 44px;
}

#programmalijn-intro
{
    float: left;
}

#themablokken
{
    margin-top: 30px;
}

    #themablokken .blok
    {
        margin: 0 0 10px 0;
    }

    #themablokken .third
    {
        margin: 0 0 10px 0;
    }

    #themablokken h3
    {
        font-size: 18px;
        line-height: 22px;
        font-family: 'Karla', Arial;
        margin: 7px 0 10px 0;
    }

    #themablokken ul
    {
        margin: 10px 0 10px 15px;
    }

        #themablokken ul li
        {
            list-style-type: square;
        }

            #themablokken ul li a
            {
                color: #000;
            }

.programmalijn-algemeen-voion h1
{
    color: #d1174d;
}

.programmalijn-arbeidsmarkt-en-mobiliteit h1.programmalijn
{
    color: #ff964a;
}

.programmalijn-arbeidsmarkt-en-mobiliteit #themablokken h3
{
    color: #ff964a;
}

.programmalijn-arbeidsmarkt-en-mobiliteit #themablokken ul li
{
    color: #ff964a;
}

.programmalijn-arbeidsmarkt-en-mobiliteit #themablokken .blok
{
    border-top: 20px solid #ff964a;
    border-bottom: 1px solid #ff964a;
}

.programmalijn-loopbaan-en-professionalisering h1.programmalijn
{
    color: #697cb4;
}

.programmalijn-loopbaan-en-professionalisering #themablokken h3
{
    color: #697cb4;
}

.programmalijn-loopbaan-en-professionalisering #themablokken ul li
{
    color: #697cb4;
}

.programmalijn-loopbaan-en-professionalisering #themablokken .blok
{
    border-top: 20px solid #697cb4;
    border-bottom: 1px solid #697cb4;
}

.programmalijn-veilig-gezond-en-vitaal-werken h1.programmalijn
{
    color: #a0ce99;
}

.programmalijn-veilig-gezond-en-vitaal-werken #themablokken h3
{
    color: #a0ce99;
}

.programmalijn-veilig-gezond-en-vitaal-werken #themablokken ul li
{
    color: #a0ce99;
}

.programmalijn-veilig-gezond-en-vitaal-werken #themablokken .blok
{
    border-top: 20px solid #a0ce99;
    border-bottom: 1px solid #a0ce99;
}

#programma-nieuws-en-cursussen
{
    margin-top: 20px;
    margin-bottom: 20px;
}

    #programma-nieuws-en-cursussen .blokken
    {
        padding: 10px 0;
        min-height: 400px;
        position: relative;
    }

        #programma-nieuws-en-cursussen .blokken ul
        {
            margin-bottom: 40px;
        }

.programmalijn-arbeidsmarkt-en-mobiliteit .blokken
{
    background: #ff964a;
}

.programmalijn-loopbaan-en-professionalisering .blokken
{
    background: #697cb4;
}

.programmalijn-veilig-gezond-en-vitaal-werken .blokken
{
    background: #a0ce99;
}

#programma-nieuws-en-cursussen .blokken h3
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 18px 18px;
}

#programma-nieuws-en-cursussen .blokken li
{
    margin: 0;
    padding: 10px 18px;
}

    #programma-nieuws-en-cursussen .blokken li.even
    {
    }

    #programma-nieuws-en-cursussen .blokken li a
    {
        color: #000;
        text-decoration: none;
    }

        #programma-nieuws-en-cursussen .blokken li a span.cursussen_datum,
        #programma-nieuws-en-cursussen .blokken li a span.nieuws_datum
        {
            font-size: 10px;
            display: block;
            line-height: 12px;
        }

#programma-nieuws-en-cursussen .cursussen-blok
{
    margin: 0;
}

#programma-nieuws-en-cursussen .wrap_breed
{
    width: 100%;
    height: 1px;
    clear: both;
    float: left;
}

/*ONDERWERP*/

#titel_onderwerp
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 36px;
    line-height: 36px;
}

.dt-topicpage h1
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
}

    .dt-topicpage h1 span
    {
        color: #666666;
    }

.wrapper-onderwerp-submenu
{
    margin-bottom: 30px;
}

#onderwerp-tabsholder
{
    margin-bottom: 20px;
    color: #666666;
}

    #onderwerp-tabsholder h3
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    #onderwerp-tabsholder .knoppen
    {
        overflow: hidden;
        margin: 0 0 15px 0;
    }

        #onderwerp-tabsholder .knoppen li
        {
            float: left;
            height: 29px;
            margin: 0 10px 0 0;
            padding: 6px 5px 0 5px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border: 1px solid #fff;
            border-bottom: 0;
        }

            #onderwerp-tabsholder .knoppen li a
            {
                color: #fff;
                text-decoration: none;
            }

            #onderwerp-tabsholder .knoppen li.active
            {
                background: #fff !important;
                border-bottom: 0 !important;
            }

                #onderwerp-tabsholder .knoppen li.active a
                {
                    color: #000;
                }

    #onderwerp-tabsholder div.passive
    {
        display: none;
    }

    #onderwerp-tabsholder div.active
    {
        display: block;
    }

    #onderwerp-tabsholder .lijsten ul
    {
        margin: 15px 0 0 0;
    }

        #onderwerp-tabsholder .lijsten ul li, #onderwerp-tabsholder .lijsten ul li
        {
            list-style-type: square;
            margin: 0 0 10px 16px;
            padding: 0 0 10px 5px;
            border-bottom: 1px solid #e8e9e6;
        }

#onderwerp-koppelingen
{
    margin-bottom: 30px;
}

    #onderwerp-koppelingen .blok
    {
        padding: 15px 10px 10px 10px;
    }

    #onderwerp-koppelingen h4
    {
        color: #fff;
        font-family: 'Doppio One', Arial;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        margin-top: 0;
    }

.in-programmalijn-arbeidsmarkt-en-mobiliteit h1
{
    color: #ff964a;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #titel_onderwerp
{
    color: #ff964a;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-koppelingen .blok
{
    background: #FF964A;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-tabsholder .knoppen
{
    border-bottom: 1px solid #ff964a;
}

    .in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-tabsholder .knoppen li
    {
        background: #ff964a;
    }

        .in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-tabsholder .knoppen li.active
        {
            border: 1px solid #ff964a;
        }

.in-programmalijn-loopbaan-en-professionalisering h1
{
    color: #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #titel_onderwerp
{
    color: #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-submenu > ul
{
    border-bottom: 1px solid #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-submenu ul li
{
    color: #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-koppelingen .blok
{
    background: #697CB4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-tabsholder .knoppen
{
    border-bottom: 1px solid #697cb4;
}

    .in-programmalijn-loopbaan-en-professionalisering #onderwerp-tabsholder .knoppen li
    {
        background: #697cb4;
    }

        .in-programmalijn-loopbaan-en-professionalisering #onderwerp-tabsholder .knoppen li.active
        {
            border: 1px solid #697cb4;
        }

.in-programmalijn-veilig-gezond-en-vitaal-werken h1
{
    color: #a0ce99;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #titel_onderwerp
{
    color: #a0ce99;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-submenu > ul > li
{
    color: #a0ce99;
    line-height: 20px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-koppelingen .blok
{
    background: #9FCE98;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-tabsholder .knoppen
{
    border-bottom: 1px solid #a0ce99;
}

    .in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-tabsholder .knoppen li
    {
        background: #a0ce99;
    }

        .in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-tabsholder .knoppen li.active
        {
            border: 1px solid #a0ce99;
        }

.wrapper-onderwerp-submenu h4
{
    padding: 2px 6px 2px 14px;
    font-size: 120%;
    height: auto !important;
    line-height: 1.5em !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .wrapper-onderwerp-submenu h4
{
    background: #ff964a !important;
    color: #fff !important;
}

.in-programmalijn-loopbaan-en-professionalisering .wrapper-onderwerp-submenu h4
{
    background: #697cb4 !important;
    color: #fff !important;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .wrapper-onderwerp-submenu h4
{
    background: #a0ce99 !important;
    color: #fff !important;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .wrapper-onderwerp-submenu h4
{
    display: none;
}

#onderwerp-downloads ul, #onderwerp-cursussen ul, #onderwerp-nieuws ul
{
    margin: 20px 0 0 0;
}

    #onderwerp-cursussen ul li, #onderwerp-nieuws ul li
    {
        margin: 0 0 0 0;
    }

    #onderwerp-downloads ul li a
    {
        color: #000;
    }

    #onderwerp-nieuws ul li a, #onderwerp-cursussen ul li a
    {
        color: #000;
        text-decoration: none;
    }

        #onderwerp-nieuws ul li a span.nieuws_datum, #onderwerp-cursussen ul li a span.cursussen_datum
        {
            font-size: 10px;
            display: block;
            line-height: 12px;
        }

#onderwerp-links p
{
    color: #000;
    margin: 20px 0 20px 0;
}

    #onderwerp-links p a
    {
        color: #d1174d;
    }

#onderwerp-links ul
{
    margin: 10px 0 20px 0;
    color: #000;
}

    #onderwerp-links ul li
    {
        margin: 0 -10px 0 -10px;
        padding: 10px;
    }

        #onderwerp-links ul li a
        {
            color: #000;
            text-decoration: none;
        }


#onderwerp-nieuws ul li,
#onderwerp-cursussen ul li,
#subonderwerp-nieuws ul li,
#subonderwerp-cursussen ul li
{
    padding: 10px;
    margin: -10px -10px 10px -10px;
}

#onderwerp-nieuws a,
#onderwerp-links a,
#onderwerp-cursussen a,
#subonderwerp-nieuws a,
#subonderwerp-links a,
#subonderwerp-cursussen a
{
    font-weight: bold;
    color: #333 !important;
}

#onderwerp-nieuws .dt-styled,
#onderwerp-cursussen .dt-styled,
#subonderwerp-nieuws .dt-styled,
#subonderwerp-cursussen .dt-styled
{
    font-weight: normal;
    color: #555;
}

/*SUBONDERWERP*/

.wrapper_titel_programma_sub
{
    padding-top: 1px;
    margin: 0px 0 30px 0;
}

#titel_programma_sub
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 36px;
    line-height: 36px;
}

.subonderwerp h1
{
    clear: both;
    float: left;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
}

    .subonderwerp h1 span
    {
        color: #666666;
    }

.subonderwerp h3
{
    clear: both;
    float: left;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
    margin: 0;
}

#subonderwerp-content
{
    padding-bottom: 20px;
    margin-bottom: 30px;
}

    #subonderwerp-content h2
    {
        margin-top: 0;
    }

    #subonderwerp-content p
    {
        margin: 0 0 20px 0;
    }

    #subonderwerp-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
        padding: 0;
    }

    #subonderwerp-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
        padding: 0;
    }

#subonderwerp-koppelingen
{
    clear: both;
    overflow: hidden;
    margin: 0 0 20px 0;
}

    #subonderwerp-koppelingen .blok
    {
        float: left;
        background: #cbcbc3;
        width: 286px;
        padding: 10px;
        margin: 0 30px 0 0;
        min-height: 150px;
    }

    #subonderwerp-koppelingen .last
    {
        margin: 0;
    }

    #subonderwerp-koppelingen h4
    {
        color: #fff;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        font-size: 18px;
    }

    #subonderwerp-koppelingen ul
    {
        margin: 20px 0 0 0;
        float: left;
    }

        #subonderwerp-koppelingen ul li
        {
            margin: 0 0 15px 0;
        }

            #subonderwerp-koppelingen ul li a
            {
                color: #000;
                text-decoration: none;
            }

#subonderwerp-downloads a
{
    text-decoration: none;
}

#subonderwerp-koppelingen h4
{
    padding: 2px 6px 2px 0px !important;
    height: auto !important;
    line-height: 1.5em !important;
    margin: 0 30px 0 0 !important;
}

#subonderwerp-links h4
{
    margin-bottom: 8px !important;
}

#subonderwerp-koppelingen li
{
    margin: 0 -10px !important;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #titel_programma_sub
{
    color: #ff964a;
}

.in-programmalijn-loopbaan-en-professionalisering #titel_programma_sub
{
    color: #697cb4;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #titel_programma_sub
{
    color: #a0ce99;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #subonderwerp-koppelingen .blok
{
    background-color: #ff964a;
}

.in-programmalijn-loopbaan-en-professionalisering #subonderwerp-koppelingen .blok
{
    background-color: #697cb4;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #subonderwerp-koppelingen .blok
{
    background-color: #a0ce99;
}



/*PUBLICATIES*/
.dt-publications h1, .publicatie-details h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 50px 0;
}

.publicatie-details h2
{
    margin: 10px 0 20px 0;
}

.dt-publications #overzicht_publicaties
{
    margin-bottom: 20px;
}

    .dt-publications #overzicht_publicaties li span.ico
    {
        width: 21px;
        height: 26px;
        display: block;
        text-indent: -9999px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-62
    {
        background-position: -103px -218px;
    }

    .dt-publications #overzicht_publicaties li .multimedia
    {
        background-position: -41px -218px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-63
    {
        background-position: -72px -218px;
    }

    .dt-publications #overzicht_publicaties li .praktijkverhalen
    {
        background-position: -10px -218px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-65
    {
        background-position: -41px -218px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-66
    {
        background-position: -102px -218px;
    }

/*#overzicht_publicaties li .in-programmalijn-algemeen-voion {
        color: #d1174d;
    }

    #overzicht_publicaties li .in-programmalijn-arbeidsmarkt-en-mobiliteit {
        color: #ff7a1b;
    }

    #overzicht_publicaties li .in-programmalijn-loopbaan-en-professionalisering {
        color: #4768c6;
    }

    #overzicht_publicaties li .in-programmalijn-veilig-gezond-en-vitaal-werken {
        color: #69b85d;
    }*/

.dt-publications #filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .dt-publications #filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .dt-publications #filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-publications #filter div
    {
        height: 25px;
    }

    .dt-publications #filter input
    {
        float: left;
    }

    .dt-publications #filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
    }

    /* dit is ok */
    .dt-publications #filter .label-algemeen
    {
        background: url(/content/images/sprite.png) 8px -550px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-downloads
    {
        background: url(/content/images/sprite.png) 8px -700px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-onderzoeken
    {
        background: url(/content/images/sprite.png) 8px -650px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-praktijkverhalen
    {
        background: url(/content/images/sprite.png) 8px -600px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-overige
    {
        background: url(/content/images/sprite.png) 8px -550px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .btn
    {
        cursor: pointer;
        background: #d1174d;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 8px 3px 8px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

#publicatie-content
{
    margin-bottom: 20px;
}

    #publicatie-content .afbeelding.right img
    {
        float: right;
        margin: 0 0 10px 20px;
    }

    #publicatie-content p
    {
        margin: 0 0 20px 0;
    }

    #publicatie-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
    }

    #publicatie-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
    }

#publicatie-downloads
{
    width: 100%;
    margin: 20px 0 0 0;
    padding: 15px;
}

    #publicatie-downloads h4
    {
        margin-top: 0;
    }

#publicatie-onderwerpen
{
    border-bottom: 1px solid #d1174d;
    margin-bottom: 20px;
}

    #publicatie-onderwerpen h3
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    #publicatie-onderwerpen ul
    {
        margin: 0;
        padding: 0;
    }

    #publicatie-onderwerpen li
    {
        margin: 0 0 10px 0;
    }

    #publicatie-onderwerpen a
    {
        color: #4e4e4e;
        text-decoration: none;
    }

        #publicatie-onderwerpen a:hover
        {
            text-decoration: underline;
        }

.publicatie-iconen
{
    display: block;
    clear: both;
    float: left;
    padding: 0 0 8px 0;
    margin: 0 0px 12px 0;
    overflow: hidden;
}

    .publicatie-iconen span.ico
    {
        width: 50px;
        height: 62px;
        display: block !important;
        float: left !important;
        margin: 10px 0 0 0;
    }

    .publicatie-iconen h1,
    .publicatie-iconen h4
    {
        display: block;
        clear: none;
        margin-left: 60px !important;
    }

.in-programmalijn-algemeen-voion .pubtype-62
{
    background-position: -704px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-62
{
    background-position: -940px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-62
{
    background-position: -940px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-62
{
    background-position: -704px -10px;
}

.in-programmalijn-algemeen-voion .pubtype-63
{
    background-position: -645px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-63
{
    background-position: -881px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-63
{
    background-position: -881px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-63
{
    background-position: -645px -10px;
}

.in-programmalijn-algemeen-voion .praktijkverhaal
{
    background-position: -527px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .praktijkverhaal
{
    background-position: -763px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .praktijkverhaal
{
    background-position: -763px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .praktijkverhaal
{
    background-position: -527px -10px;
}

/* nog in gebruik? */
.in-programmalijn-algemeen-voion .ico_Multimedia
{
    background-position: -586px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .ico_Multimedia
{
    background-position: -822px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .ico_Multimedia
{
    background-position: -822px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .ico_Multimedia
{
    background-position: -586px -10px;
}

.in-programmalijn-algemeen-voion .pubtype-66
{
    background-position: -704px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-66
{
    background-position: -940px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-66
{
    background-position: -940px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-66
{
    background-position: -704px -10px;
}

.in-programmalijn-algemeen-voion .pubtype-65
{
    background-position: -586px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-65
{
    background-position: -822px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-65
{
    background-position: -822px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-65
{
    background-position: -586px -10px;
}

.wrapper-publicatie-submenu
{
    border-bottom: 1px solid #d1174d;
    margin: 0 0 20px 0;
    color: #000 !important;
}

    .wrapper-publicatie-submenu h4
    {
        background: #d1174d;
        color: #fff !important;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .wrapper-publicatie-submenu #onderwerp-submenu
    {
        border-bottom: none !important;
    }

    .wrapper-publicatie-submenu li
    {
        color: #000 !important;
    }

.publicatie-details-titel
{
    float: left;
    width: 800px;
    margin: 0 30px 20px 0;
}

.dt-publication h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-publication h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-publication .in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.dt-publication .in-programmalijn-loopbaan-en-professionalisering h4
{
    color: #4768c6;
}

#publicatie-content .yui3-cssbase h2
{
    font-weight: normal !important;
}

/*INSTRUMENTEN*/
.dt-instruments h1,
.dt-instrument h2,
.subpage h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 40px 0;
}

.dt-instrument h2
{
    margin: 10px 0 20px 0;
}

#overzicht_instrumenten
{
    margin-bottom: 20px;
}

.dt-instruments #filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .dt-instruments #filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .dt-instruments #filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-instruments #filter div
    {
        height: 25px;
    }

    .dt-instruments #filter input
    {
        float: left;
    }

    .dt-instruments #filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
    }

    .dt-instruments #filter .btn
    {
        cursor: pointer;
        background: #d1174d;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 8px 3px 8px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

.instrument-details-titel
{
    margin-bottom: 20px;
}

.dt-instrument h1,
.subpage h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-instrument h2,
.subpage h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-instrument h4
{
    font-weight: normal;
    margin: 6px 0 0 0;
}

.instrument-details-titel .teaser
{
    display: block;
    margin-top: 9px;
}

.in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.in-programmalijn-loopbaan-en-professionalisering h4
{
    margin-top: 0;
    color: #4768c6;
}

#instrument-content .yui3-cssbase h2
{
    font-weight: normal !important;
}

#instrument-content
{
    margin-bottom: 20px;
}

    #instrument-content img
    {
        float: right;
        margin: 0 0 10px 20px;
        max-width: 100%;
    }

    * + html #instrument-content img
    {
        max-width: 100%;
    }

#inkoopwijzerStandAlone
{
    max-width: 100%;
    overflow: auto;
}

#instrument-content.heeft-afbeelding img
{
    float: none;
}

#instrument-content hr
{
    margin: 20px 0;
    border: 0;
    height: 1px;
    background: #D1174D;
    color: #D1174D;
}

#instrument-content ul
{
    margin: 10px 0 0 !important;
    list-style-type: square;
}

#instrument-content ol
{
    margin: 10px 0 0 !important;
    list-style-type: decimal;
}

#instrument-link
{
    background: #f4f4f4;
    padding: 10px;
    margin: 20px 0;
    font-weight: bold;
}

#instrument-content .tekst ul
{
    padding-left: 20px;
}

.wrapper-instrument-submenu
{
    border-bottom: 1px solid #d1174d;
    margin-bottom: 20px;
    color: #000 !important;
}

    .wrapper-instrument-submenu h4
    {
        background: #d1174d;
        color: #fff !important;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .wrapper-instrument-submenu #onderwerp-submenu
    {
        border-bottom: none !important;
    }

    .wrapper-instrument-submenu li
    {
        color: #000 !important;
    }

#instrument-onderwerpen
{
    border-bottom: 1px solid #d1174d;
    margin-bottom: 20px;
}

#instrument-content.heeft-afbeelding + #instrument-onderwerpen
{
    margin-top: 80px !important;
}

#instrument-onderwerpen h3
{
    background: #d1174d;
    color: #fff;
    font-family: 'Karla', Arial;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 0 2px 10px;
    margin: 0 0 10px 0;
}

#instrument-onderwerpen ul
{
    margin: 0;
    padding: 0;
}

#instrument-onderwerpen li
{
    margin: 0 0 10px 0;
}

#instrument-onderwerpen a
{
    color: #4e4e4e;
    text-decoration: none;
}

    #instrument-onderwerpen a:hover
    {
        text-decoration: underline;
    }

.btn_terug
{
    cursor: pointer;
    background: url(/Content/images/btn_terug.jpg) top left no-repeat;
    padding: 3px 5px 3px 28px;
    *padding: 1px 5px 8px 28px;
    color: #fff;
    text-decoration: none;
    font-family: 'Karla', Arial;
    font-weight: bold;
    font-size: 14px;
    display: block;
    float: Left;
    white-space: nowrap;
    clear: both;
    margin: 0 0 20px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn_terug:hover
    {
        color: #fff;
    }

/*NIEUWS*/
.dt-news h1,
.dt-newsitem h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 50px 0;
}

.dt-newsitem h2
{
    margin: 10px 0 20px 0;
}

.dt-news .overzicht-nieuwsitems
{
    margin-bottom: 30px;
}

.dt-news .filter
{
    margin-bottom: 15px;
}

    .dt-news .filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

        .dt-news .filter h4.dt-newsbriefbutton
        {
            background: #066d74;
        }

    .dt-news .filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-news .filter form
    {
        overflow: hidden;
    }

    .dt-news .filter div
    {
        overflow: hidden;
    }

    .dt-news .filter input
    {
        float: left;
    }

    .dt-news .filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
        font-weight: 400;
    }

    .dt-news .filter .btnnieuwsbrief
    {
        cursor: pointer;
        background: url(/Content/images/btn_nieuwsbrief.jpg) top right;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 15px 3px 0;
        width: 130px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

.dt-news #year
{
    width: 100%;
    height: 25px;
    margin: 0 0 10px 0;
}

.dt-newsitem h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-newsitem h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-newsitem h4
{
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 20px 0;
}

.dt-newsitem .in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.dt-newsitem .in-programmalijn-arbeidsmarkt-en-mobiliteit h4
{
    color: #ff7a1b;
}

.dt-newsitem .in-programmalijn-loopbaan-en-professionalisering h4
{
    color: #4768c6;
}

.dt-newsitem .in-programmalijn-veilig-gezond-en-vitaal-werken h4
{
    color: #69b85d;
}

#nieuwsitem-content
{
    margin-bottom: 20px;
    overflow: hidden;
}

    #nieuwsitem-content p
    {
        margin: 0 0 20px 0;
    }

    #nieuwsitem-content .afbeelding.right img
    {
        float: right;
        margin: 0 0 10px 20px;
    }

    #nieuwsitem-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
    }

    #nieuwsitem-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
    }

#relevant-nieuws,
#relevante-onderwerpen
{
    margin-bottom: 20px;
}

    #relevant-nieuws h4,
    #relevante-onderwerpen h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    #relevant-nieuws ul,
    #relevante-onderwerpen ul
    {
        padding-right: 5px;
        max-height: 270px;
        overflow: auto;
    }

.overzicht-nieuwsitems li
{
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #c9c9c9;
}

    .overzicht-nieuwsitems li .nieuwsitems-datum
    {
        display: block;
        margin: 0 0 3px 0;
        font-style: italic;
        color: #aaa;
    }

    .overzicht-nieuwsitems li .nieuwsitems-link
    {
        display: block;
        color: #4e4e4e;
        margin-bottom: 3px;
    }

    .overzicht-nieuwsitems li .nieuwsitems-teaser
    {
        display: block;
        margin-bottom: 8px;
    }

    .overzicht-nieuwsitems li .nieuwsitems-string
    {
        display: block;
        font-size: 14px;
    }

        .overzicht-nieuwsitems li .nieuwsitems-string .lees
        {
            color: #333 !important;
        }


/*TAGCLOUD*/
span.w1
{
    font-size: 30px;
}

span.w4
{
    font-size: 22px;
}

span.w7
{
    font-size: 15px;
}

span.w10
{
    font-size: 11px;
}

/*agenda*/
.dt-agenda h1, .evenement-details h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 50px 0;
}

.evenement-details h2
{
    margin: 10px 0 20px 0;
}

.dt-agenda #overzicht_evenementen
{
    margin-bottom: 20px;
}

.dt-agenda #filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .dt-agenda #filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .dt-agenda #filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-agenda #filter div
    {
        height: 25px;
    }

    .dt-agenda #filter input
    {
        float: left;
    }

    .dt-agenda #filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
        font-weight: 400;
    }

    .dt-agenda #filter .btn
    {
        cursor: pointer;
        background: #d1174d;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 8px 3px 8px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

.evenement-details-titel
{
    margin-bottom: 20px;
}

.dt-agendaitem h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-agendaitem h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-agendaitem h4
{
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 20px 0;
}

.dt-agendaitem .in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.dt-agendaitem .in-programmalijn-arbeidsmarkt-en-mobiliteit h4
{
    color: #ff7a1b;
}

.dt-agendaitem .in-programmalijn-loopbaan-en-professionalisering h4
{
    color: #4768c6;
}

.dt-agendaitem .in-programmalijn-veilig-gezond-en-vitaal-werken h4
{
    color: #69b85d;
}

#evenement-content
{
    margin-bottom: 20px;
}

    #evenement-content img.floatright
    {
        float: right;
        margin: 0 0 10px 20px;
    }

    #evenement-content p
    {
        margin: 0 0 20px 0;
    }

    #evenement-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
    }

    #evenement-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
    }

#evenement-formulier
{
    background: #fae7ed;
    border-bottom: 1px solid #d1174d;
}

    #evenement-formulier iframe
    {
        width: 100%;
    }

    #evenement-formulier h4
    {
        background: #d1174d;
        color: #fff;
        margin: 0 0 10px 0;
        padding: 5px 10px 5px 10px;
        font-family: 'Karla', Arial;
        font-size: 14px;
    }

ul.mpFormTable li.mpQuestionTable
{
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    overflow: hidden;
}

ul.mpFormTable .mpFormLabel
{
    width: 100%;
    margin: 0 0 5px 0;
    color: #d1174d;
}

ul.mpFormTable .mpFormField
{
    width: 100%;
    margin: 0 0 5px 0;
}

    ul.mpFormTable .mpFormField input
    {
        width: 100%;
    }

        ul.mpFormTable .mpFormField input.mpMultipleInput
        {
            width: 10px;
            margin: 0 10px 0 0;
        }

        ul.mpFormTable .mpFormField input[type="radio"]
        {
            display: inline-block;
            margin-right: 10px;
            width: 10px;
        }

    ul.mpFormTable .mpFormField textarea
    {
        width: 100%;
        font-family: Verdana;
        font-size: 14px;
    }

    ul.mpFormTable .mpFormField ul li
    {
        float: left;
        margin: 0 0 5px;
        width: 100%;
    }

ul.mpFormTable .sublabel
{
    margin: 5px 0 0 0;
}

ul.mpFormTable .mpRadioButtonTable input
{
    float: left;
}

ul.mpFormTable .mpRadioButtonTable label
{
    display: block;
    width: 230px;
    float: left;
}

ul.mpFormTable
{
    width: 100%;
}

    ul.mpFormTable label
    {
        font-weight: 400;
    }

form.mpForm
{
    width: 100%;
}

iframe#mailplusiframe td
{
    font-family: Arial !important;
    font-size: 14px;
}

.mpFormText
{
    font-family: Arial !important;
}

#mailplus-form
{
    padding: 0 10px 0 10px;
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 0;
    background: #fae7ed;
}

/*FORM INSTRUMENTEN*/
.form_instrument
{
    clear: both;
    float: left;
    margin: 20px 0 20px 0;
    width: 100%;
}

    .form_instrument .row
    {
        clear: both;
        float: left;
        margin: 0 0 10px 0;
    }

    .form_instrument label
    {
        width: 120px;
        float: left;
    }

    .form_instrument input
    {
        width: 150px;
        float: left;
    }

/*SITEMAP*/
.sitemap h1
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 30px 0;
}

#sitemap ul
{
    list-style-type: disc !important;
    margin: 0 0 20px 15px;
    clear: both;
}

    #sitemap ul ul
    {
        list-style-type: circle !important;
    }

        #sitemap ul ul ul
        {
            list-style-type: disc !important;
        }

            #sitemap ul ul ul ul
            {
                list-style-type: circle !important;
            }

    #sitemap ul li a
    {
        text-decoration: none;
    }

        #sitemap ul li a:hover
        {
            text-decoration: underline;
            color: #056d73;
        }

/*ZOEKRESULTAAT*/
.zoekresultaat h1
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 30px 0;
}

.zoekresultaat strong
{
    color: #d1174d;
    font-weight: bold;
}

.resultaat_info
{
    margin: 0 0 20px 0;
}

    .resultaat_info + p
    {
        background: #FBE8ED;
        padding: 5px;
        margin: -15px 0 20px -5px;
    }

.lighter
{
    color: #999;
}

#list-search-results
{
    margin-bottom: 20px;
    overflow: hidden;
}

a.s-ti
{
    color: #d1174d;
    display: block;
    font-size: 121%;
    font-weight: 500;
    margin-bottom: 4px;
    text-decoration: none;
}

    a.s-ti:visited
    {
        color: #535;
    }

    a.s-ti:hover
    {
        text-decoration: underline;
    }

    a.s-ti:visited
    {
        color: #969;
    }

.s-br
{
    color: #006621;
    font-size: 100%;
    margin-bottom: 2px;
}

.s-in
{
    font-size: 100%;
    margin-bottom: 30px;
}


#searchresults-tabsholder
{
    width: 642px;
    float: left;
    margin: 0 30px 20px 0;
    color: #666666;
}

    #searchresults-tabsholder h3
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    #searchresults-tabsholder .knoppen
    {
        width: 642px;
        height: 29px;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #d1174d;
    }

        #searchresults-tabsholder .knoppen li
        {
            float: left;
            height: 23px;
            margin: 0 10px 0 0;
            padding: 6px 5px 0 5px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border: 1px solid #d1174d;
            border-bottom: 0;
        }

            #searchresults-tabsholder .knoppen li a
            {
                color: #d1174d;
                text-decoration: none;
            }

            #searchresults-tabsholder .knoppen li.active
            {
                background: #d1174d !important;
                border-bottom: 0 !important;
            }

                #searchresults-tabsholder .knoppen li.active a
                {
                    color: #fff;
                }

    #searchresults-tabsholder div
    {
        display: none;
    }

        #searchresults-tabsholder div.active
        {
            display: block;
        }

.resultsholder .resultset
{
    margin: 20px 0 0 0;
}

.resultset li
{
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #c9c9c9 !important;
}

    .resultset li > p > a
    {
        font-size: 18px;
        line-height: 22px;
        color: #4e4e4e;
        text-decoration: none;
    }

.leesmeer
{
    font-size: 14px !important;
    text-decoration: underline !important;
}

.resultset .titel
{
    margin: 2px 0 2px 0;
}

.resultset .arbeidsmarkt-en-mobiliteit
{
    color: #ff7b1b;
}

.resultset .loopbaan-en-professionalisering
{
    color: #4868c7;
}

.resultset .veilig-gezond-en-vitaal-werken
{
    color: #69b95d;
}

.contentelement .afbeelding.right
{
    float: right;
    margin: 0 0 20px 20px;
}

.contentelement .afbeelding.left
{
    float: left;
    margin: 0 20px 20px 0;
}

.contentelement .afbeelding.centr
{
    float: none;
    text-align: center;
    margin: 0 0 20px 0;
}

.contentelement a.external
{
    background: url(/Content/images/external.png) right 0 no-repeat;
    padding: 0 16px 0 0;
}

.contentelement hr
{
    margin: 20px 0;
    border: 0;
    height: 1px;
    background: #D1174D;
    color: #D1174D;
}

.contentelement ul
{
    padding-left: 15px;
    list-style: disc;
    margin: 15px 0 15px 15px;
}

.contentelement ol
{
    padding-left: 15px;
    list-style: decimal;
    margin: 15px 0 15px 15px;
}

/*Table styling*/
.contentelement table
{
    border: 1px solid #c9c9c9;
    padding: 10px;
    width: 100%;
}

    .contentelement table td
    {
        padding: 10px;
        border: 1px solid #c9c9c9;
    }

    .contentelement table p
    {
        margin: 0 !important;
    }


    .contentelement table tr
    {
        border: 1px solid #c9c9c9;
    }

.in-modal
{
    display: none;
}

#errormessage
{
    margin: 30px 50px 50px 20px;
}

    #errormessage h3
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

.default-filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .default-filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .default-filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .default-filter div
    {
        clear: both;
    }

        .default-filter div.labeled-checkbox
        {
            height: 25px;
        }

    .default-filter > form > div
    {
        margin: 0 0 5px 0;
    }

    .default-filter input
    {
        float: left;
    }

    .default-filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
    }

    .default-filter #type1 label
    {
        background: url(/Content/images/ico_algemeen.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter #type2 label
    {
        background: url(/Content/images/ico_downloads.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter #type3 label
    {
        background: url(/Content/images/ico_praktijkverhalen.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter #type4 label
    {
        background: url(/Content/images/ico_multimedia.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter strong
    {
        display: block;
        margin: 10px;
        font-weight: normal;
    }

    .default-filter .labeledcheckbox
    {
        margin: 10px;
        padding: 1px 0;
    }

    .default-filter .break
    {
        padding-top: 10px !important;
    }

.soortenpublicaties > div
{
    margin: 0px 16px 7px;
    padding: 1px;
    border-bottom: 1px solid white;
}

.pagination
{
    overflow: hidden;
    margin: 0 0 20px 0;
    display: block !important;
}

    .pagination ul li
    {
        text-align: center;
        float: left;
        display: block;
        width: 30px;
        height: 27px;
        padding: 3px;
        border: 1px solid #d1174d;
        margin: 0 5px 5px 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .pagination ul li.active
        {
            background: #d1174d;
        }

        .pagination ul li.previous
        {
            background: url(/content/images/sprite.png) -260px -38px;
            text-indent: -9999px;
        }

        .pagination ul li.next
        {
            background: url(/content/images/sprite.png) -278px -38px;
            text-indent: -9999px;
        }

        .pagination ul li.disabled
        {
            display: none;
        }

        .pagination ul li a
        {
            text-decoration: none;
            display: block;
            width: 22px;
            height: 19px;
        }

        .pagination ul li.active a
        {
            color: #fff;
        }


/* COOKIEBAR */
#cookiebar
{
    width: 100%;
    line-height: 32px;
    overflow: hidden;
    background: url(/Content/images/cookie-back.png) repeat;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    color: #FFF;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.4);
    font-size: 13px;
}

* + html
{
    overflow-x: hidden;
}

#cookiebar a
{
    color: #FFF;
    text-decoration: underline;
}

#cookiebar .btn-accept-cookies
{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: #4E4E4E;
}

    #cookiebar .btn-accept-cookies:hover
    {
        background: #D1174D;
    }

    #cookiebar .btn-accept-cookies img
    {
        display: block;
    }

table.cookie-table
{
    border: 1px dashed gray;
    border-bottom: 0;
}

    table.cookie-table td
    {
        padding: 10px;
        border-bottom: 1px dashed gray;
    }

#disabled-social-buttons p
{
    font-size: 14px !important;
}
/* COOKIEBAR - END */


/* FormManager  */
.indicators
{
    display: inline-block;
}

.datatype-indicator,
.required-indicator
{
    padding: 2px 7px 2px 4px;
    font-style: italic;
    display: inline;
}

.form-label label
{
    font-weight: normal !important;
    display: block;
    clear: both;
}

textarea
{
    font-family: Arial;
    font-size: 14px;
}

.labeled-input
{
    border-bottom: 1px #ddd solid;
    clear: both;
    padding-bottom: 10px;
    height: 1%;
    overflow: auto;
    position: relative;
}

.horizontal .form-label
{
    width: 42%;
    float: left;
    padding-right: 8%;
}

.horizontal .form-field
{
    width: 50%;
    float: left;
}

.horizontal .indicators
{
    clear: both;
}

.horizontal input[type=text].groot,
.horizontal textarea.groot,
.horizontal select.groot
{
    width: 300px;
}

.horizontal input[type=text].middel,
.horizontal textarea.middel,
.horizontal select.middel
{
    width: 150px;
}

.horizontal input[type=text].klein,
.horizontal textarea.klein,
.horizontal select.klein
{
    width: 80px;
}

.vertical .labeled-input
{
}

.vertical .form-label
{
    margin-top: 5px;
    margin-bottom: 5px;
    float: left !important;
    display: inline-block !important;
}

.vertical .indicators
{
    position: absolute;
    right: 2px;
    top: 4px;
    clear: none !important;
    margin-left: 30px;
}

.vertical .form-label label
{
    font-weight: bold;
    display: inline-block !important;
    clear: both;
}

.vertical .form-field
{
    margin: 30px 0 10px 0;
    padding-top: 1px !important;
}

.vertical input[type=text].groot,
.vertical textarea.groot,
.vertical select.groot
{
    width: 99%;
}

.vertical input[type=text].middel,
.vertical textarea.middel,
.vertical select.middel
{
    width: 60%;
}

.vertical input[type=text].klein,
.vertical textarea.klein,
.vertical select.klein
{
    width: 80px;
}

.content-form-a1s
{
    font-size: 1px !important;
    background: none !important;
    border: none !important;
}

.form-field div
{
    margin: .6em 0 !important;
}

.labeled-checkbox label,
.labeled-radio label
{
    position: relative;
    top: -.16em;
}

.datatype-indicator
{
    background: #fff;
}

.valid .required-indicator
{
    background: #ac5;
    color: #fff;
}

.invalid .required-indicator
{
    background: #d31;
    color: #fff;
}

.datatype-indicator
{
    display: none;
}

.invalid .datatype-indicator
{
    display: inline;
}

.valid .datatype-indicator
{
    display: none;
}

.form-errors
{
    border: #d99 solid 1px;
    margin: 20px 0;
}

    .form-errors h3
    {
        margin: 10px 0 0 10px !important;
        padding: 1px;
        color: #911;
    }

/* einde FormManager  */

#debuginfo
{
    display: none;
}

    #debuginfo div
    {
        position: absolute;
        top: 5px;
        right: 10px;
        cursor: pointer;
    }

html.preview
{
    background: #eee !important;
}

    html.preview #container
    {
        border: 20px solid red !important;
        background: white;
        height: 1%;
        overflow: auto;
        width: 100%;
        padding: 30px;
        position: relative;
        margin-top: 65px;
    }

    html.preview #preview-indicator
    {
        position: fixed;
        width: 100%;
        top: 0px;
        right: 0px;
        z-index: 999;
        background: red;
        font-size: 20px;
        font-style: italic;
        color: white;
        text-align: center;
    }

#preview-indicator h3
{
    margin: 20px;
}

#preview-indicator div
{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 14px;
    font-style: normal;
    cursor: pointer;
}

.downloads-block
{
    background: #cbcbc3;
}

#pagina-downloads
{
    background: #eee;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .downloads-block
{
    background: #ff964a !important;
}

.in-programmalijn-loopbaan-en-professionalisering .downloads-block
{
    background: #697cb4 !important;
}

    .in-programmalijn-loopbaan-en-professionalisering .downloads-block h5,
    .in-programmalijn-loopbaan-en-professionalisering .downloads-block p
    {
        color: #D6DBEB !important;
    }

.in-programmalijn-veilig-gezond-en-vitaal-werken .downloads-block
{
    background: #a0ce99 !important;
}

#pagina-downloads h4
{
    color: #333 !important;
    padding-top: 9px;
}

#pagina-downloads ul
{
    width: 100%;
}

#pagina-downloads .even
{
    background: #f4f4f4;
}

.downloads-block ul
{
    margin: 10px 0 !important;
}

.downloads-block li
{
    list-style: none;
    padding: 5px 18px 1px 0;
    position: relative;
    margin: 0 -10px 10px -10px;
}

    .downloads-block li:last-of-type
    {
        margin-bottom: 0;
    }


        .downloads-block li:last-of-type .download-wrapper
        {
            border-bottom: 0;
        }

#onderwerp-koppelingen .downloads-block p
{
    margin-left: 030px;
}

#onderwerp-koppelingen .fileicon
{
    margin: 0px 5px 0 10px !important;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-koppelingen .downloads-block,
.in-programmalijn-arbeidsmarkt-en-mobiliteit #subonderwerp-koppelingen .downloads-block
{
    background-color: #ff964a;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-koppelingen .downloads-block,
.in-programmalijn-loopbaan-en-professionalisering #subonderwerp-koppelingen .downloads-block
{
    background-color: #697cb4;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-koppelingen .downloads-block,
.in-programmalijn-veilig-gezond-en-vitaal-werken #subonderwerp-koppelingen .downloads-block
{
    background-color: #a0ce99;
}

#disabled-social-buttons
{
    background: url(/content/images/social-media-icons-disabled.png);
    width: 121px;
    height: 20px;
    position: relative;
}

    #disabled-social-buttons > p
    {
        position: absolute;
        top: -80px;
        display: none;
        z-index: 99999;
        font-size: .7em;
        line-height: 1.2em;
        width: 300px;
        background-color: #F6F8FA;
        padding: 1em;
        border: 1px solid #7088B8;
        right: -10px;
    }

body.dt-contactpage .templateblok-links,
body.aanvraag-verzonden .templateblok-links
{
    margin-bottom: 20px;
}

body.aanvraag-verzonden .templateblok-rechts,
body.dt-contactpage .templateblok-rechts
{
    margin-top: 60px;
}

body.aanvraag-verzonden .templateblok-rechts
{
    margin-top: 10px;
}

body.aanvraag-verzonden h1,
body.dt-contactpage h2
{
    display: block;
    color: #d1174d;
    margin: 0 30px 30px 0;
    font-size: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    line-height: 38px;
}

body.aanvraag-verzonden h4,
body.dt-contactpage .contentelement h4
{
    background: #d1174d;
    color: #fff;
    padding: 3px 6px;
    margin-bottom: 8px;
}

body.dt-contactpage .content-form
{
    margin: 20px 0 0 0;
    background: #fae7ed;
    padding: 1px;
}

.content-form form
{
    margin: 20px;
}

body.dt-contactpage label
{
    color: #d1174d;
    font-style: italic;
    font-size: 14px;
}

.templateblok-clear
{
    clear: both;
    margin: 10px 0;
    height: 1px;
}

#sitemap h2,
#sitemap h3
{
    display: block;
    color: #4e4e4e;
    margin: 0 30px 10px 0;
    font-size: 20px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

#sitemap h2
{
    font-size: 28px;
    margin: 30px 0 20px 0;
}

#sitemap li
{
    margin: 0;
    line-height: 1.6em;
}

    #sitemap li ul
    {
        margin: .2em 0 .2em 1.2em;
    }

#sitemap div > ul > li > a
{
    font-weight: bold;
}

.one
{
    clear: both;
    overflow: auto;
}

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

.onethird
{
    width: 33%;
    float: left;
}

.alles-pagina
{
    border: 1px solid #ac5;
    margin-bottom: 10px;
    padding: 5px;
}

    .alles-pagina.alles-onzichtbaar
    {
        border-color: #dd9999;
        background: #ffeeee;
    }

.alles-breadcrumbs
{
    width: 800px;
    height: 1%;
    overflow: auto;
    margin: 0;
}

    .alles-breadcrumbs li
    {
        display: block;
        float: left;
    }

    .alles-breadcrumbs,
    .alles-breadcrumbs a
    {
        color: #999;
        text-decoration: none;
    }

        .alles-breadcrumbs li a
        {
            display: block;
            background: #fff;
            padding: 0px 0px 0px;
            margin: 0 15px 5px 0;
            border-bottom: 1px solid #bbb;
        }

        .alles-breadcrumbs li.last
        {
            padding: 0px 0 1px;
        }

        .alles-breadcrumbs:hover a
        {
            color: #333;
            border-color: #555;
        }

#templateblok-content
{
    margin: 10px;
}

#templateblok-faqs .contentelement
{
    position: relative;
    padding: 10px;
    margin: 0 10px;
    border-bottom: 1px solid #eee;
}

    #templateblok-faqs .contentelement:nth-of-type(2n+1)
    {
        background: #f7f7f7;
    }

    #templateblok-faqs .contentelement > div
    {
        display: none;
    }

    #templateblok-faqs .contentelement div
    {
        padding: 10px 80px 20px 20px !important
    }


    #templateblok-faqs .contentelement h2
    {
        font-family: arial !important;
        font-size: 14px;
        margin: 10px;
        cursor: pointer;
        line-height: 18px;
    }

        #templateblok-faqs .contentelement h2:hover
        {
            color: #ff964a;
        }

#templateblok-faqs.show-question-marks .contentelement h2
{
    position: relative;
    margin-left: 29px;
}


    #templateblok-faqs.show-question-marks .contentelement h2:before
    {
        content: "\f059";
        font-family: FontAwesome;
        color: #ff964a;
        width: 20px;
        position: absolute;
        top: 0;
        left: -25px;
        height: 38px;
    }


#templateblok-faqs .contentelement.active
{
    border-bottom: 0px;
}

    #templateblok-faqs .contentelement.active h2
    {
        font-size: 14px;
        font-weight: 600;
        color: #ff964a;
    }

        #templateblok-faqs .contentelement.active h2:before
        {
            font-weight: normal !important;
        }

    #templateblok-faqs .contentelement.active > div
    {
        display: block;
        margin: 10px;
        padding: 10px 0;
    }

#maploaderholder
{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    background: white;
    display: none;
}
/*  pas zichtbaar bij eerste opening tab */
#maploader
{
    margin: 24px;
}


@media (max-width: 899px)
{
    #kaart iframe
    {
        width: 100%;
        height: 500px;
    }
}

@media (min-width: 900px)
{
    #kaart iframe
    {
        width: 750px;
        height: 500px;
    }
}






/* RESPONSIVE MENU */
#hamburger
{
    display: none;
    height: 27px;
    right: 15px;
    margin: 0;
    position: absolute;
    top: 6px;
    width: 70px;
    z-index: 2;
}

    #hamburger:before, #hamburger:after, #hamburger span
    {
        background: none repeat scroll 0 0 #d1174d;
        content: "";
        display: block;
        height: 4px;
        right: 0;
        position: absolute;
        width: 24px;
    }

    #hamburger:before
    {
        top: 4px;
    }

    #hamburger:after
    {
        bottom: 5px;
    }

    #hamburger span
    {
        margin-top: -3px;
        top: 50%;
    }

    #hamburger em
    {
        position: absolute;
        left: 0;
        top: 1px;
        line-height: 25px;
        font-style: normal;
        font-weight: 400;
        color: #666666;
        font-size: 12px;
    }

    #hamburger:before, #hamburger:after, #hamburger span
    {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -moz-transition-property: transform, top, bottom, left, opacity;
        -o-transition-property: transform, top, bottom, left, opacity;
        -webkit-transition-property: transform, top, bottom, left, opacity;
        transition-property: transform, top, bottom, left, opacity;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

html.mm-opening #hamburger span
{
    right: 0;
    opacity: 0;
}

html.mm-opening #hamburger:before
{
    top: 13px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

html.mm-opening #hamburger:after
{
    bottom: 10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#zoek
{
    position: absolute;
    right: 15px;
    top: 37px;
    text-decoration: none;
    color: #666666;
    display: none;
}

    #zoek em
    {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 25px;
        position: absolute;
        right: 35px;
        top: 2px;
    }

    #zoek span
    {
        font-size: 25px;
        color: #d1174d;
        margin-left: 10px;
    }

ul.praktijklokalen
{
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px)
{
    ul.praktijklokalen
    {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 20px;
    }
}

.praktijklokalen .item
{
    width: 212px;
    height: 212px;
    position: relative;
    margin-right: 40px;
    margin-bottom: 20px;
}

    .praktijklokalen .item:last-child
    {
        margin-right: 0;
    }

.praktijklokalen .practicum
{
    background: url(/Content/images/Veilig_practicum.png) no-repeat center center;
}

.praktijklokalen .pro
{
    background: url(/Content/images/pro.png) no-repeat center center;
}

.praktijklokalen .bouwen
{
    background: url(/Content/images/bouwen.png) no-repeat center center;
}

.praktijklokalen .pie
{
    width: 213px;
    background: url(/Content/images/pie.png) no-repeat center center;
}

.praktijklokalen .leeg
{
    width: 213px;
    background: url(/Content/images/leeg.png) no-repeat center center;
}

.praktijklokalen .techniek
{
    width: 213px;
    background: url(/Content/images/techniek.png) no-repeat center center;
}

.praktijklokalen .m-en-t
{
    width: 213px;
    background: url(/Content/images/veilige-praktijlokalen-m-en-t.png) no-repeat center center;
}

.praktijklokalen .zw
{
    width: 213px;
    background: url(/Content/images/veilige-praktijklokalen-zw.jpg) no-repeat center center;
    background-size: contain;
}

.praktijklokalen .dp
{
    width: 213px;
    background: url(/Content/images/veilige-praktijklokalen-dp.png) no-repeat center center;
}

.praktijklokalen .kunstvakken
{
    width: 213px;
    background: url(/Content/images/veilige-praktijklokalen-kunstvakken.png) no-repeat center center;
}

.ec-circle
{
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 20px #fff, 0 0 20px #fff;
    transition: box-shadow 400ms ease-in-out;
    display: block;
    outline: none;
    position: absolute;
    top: 7px;
    left: 7px;
    padding-top: 90px;
}

.leeg .ec-circle
{
    top: 6px;
    left: 6px;
}

.ec-circle-hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 5px #fff, 0 0 5px #fff;
}

.ec-circle:hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 5px #fff, 0 0 5px #fff;
}

.praktijklokalen .item a
{
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    margin-top: 43%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 53%;
}

.praktijklokalen .item span
{
    width: 212px;
    text-align: center;
}

.praktijklokalen .bouwen a
{
    margin-top: 35%;
}

.praktijklokalen .practicum a
{
    margin-top: 35%;
}

/*lege bollen*/
.praktijklokalen .item span.link
{
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 22px;
    margin-top: 43%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 53%;
}

.praktijklokalen .bouwen span.link
{
    margin-top: 35%;
}

.praktijklokalen .practicum span.link
{
    margin-top: 35%;
}

.praktijklokalen .pie span.link
{
    margin-top: 35%;
}

.leeg .ec-circle-hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 20px #fff, 0 0 20px #fff;
}

.leeg .ec-circle:hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 20px #fff, 0 0 20px #fff;
}


@media (max-width:1200px)
{
    .nivoSlider img
    {
        width: auto !important;
        height: 340px !important;
    }

    #pagina-content table
    {
        max-width: 100%;
        overflow-x: auto;
        display: block;
    }

    #pagina-content div.table-responsive
    {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width:991px)
{
    #MainNav, #utils, #breadcrumbs
    {
        display: none;
    }

    #zoek, #hamburger
    {
        display: inline-block;
    }

    input.zoek_btn
    {
        background: #ff964a;
        color: #fff;
        border: 0;
        display: inline-block;
        line-height: 26px;
        font-weight: 700;
        padding: 0 10px;
        border-radius: 0;
    }

    #headerimage
    {
        height: auto;
        margin: 0 0 20px 0;
    }

        #headerimage img
        {
            min-height: 0;
        }

    #programmalijn-blokken
    {
        margin-bottom: 0;
    }

        #programmalijn-blokken .blok
        {
            height: 380px;
        }

    #portal-items.css3 .portal-evenementen, #portal-items.css6 .portal-evenementen
    {
        height: auto !important;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }

        #portal-items.css3 .portal-evenementen ul, #portal-items.css6 .portal-evenementen ul
        {
            height: auto !important;
        }


    #programma-nieuws-en-cursussen .blokken,
    #onderwerp-koppelingen .blok
    {
        margin-bottom: 20px;
    }

    #onderwerp-tabsholder .knoppen li
    {
        margin-right: 8px;
    }

        #onderwerp-tabsholder .knoppen li a
        {
            display: block;
        }

    ul.praktijklokalen
    {
        width: 100%;
    }
}

@media (min-width: 992px)
{
    .nav-mobile-only
    {
        display: none;
    }
}

.item img.modelthumbnail
{
    width: 100%;
    height: auto;
}

@media (max-width:767px)
{

    #portal-items .item a.btn
    {
        position: static;
        padding: 10px 0 10px 10px;
        margin: 0;
    }

    .hideonmobile
    {
        display: none;
    }

    .showonmobile
    {
        display: inline-block;
    }

    #logo
    {
        display: none;
    }

    #logolink
    {
        background: url(/Content/images/voion-logo-mobile.gif) 0 0 no-repeat;
        background-size: contain;
        width: 100px;
        height: 53px;
        display: inline-block;
        margin-top: 10px;
    }

    #header
    {
    }

    #addthis, #breadcrumbs
    {
        display: none;
    }

    #contentcontainer img
    {
        max-width: 100%;
    }

    .contentelement .afbeelding.left, .contentelement .afbeelding.right
    {
        float: none;
    }

    #footer .kolom.last
    {
        margin-bottom: 20px;
        display: inline-block;
    }

    #leden
    {
        padding-top: 30px;
        height: auto;
    }

        #leden li
        {
            width: 50%;
            margin: 0 !important;
            border: 0 none !important;
        }

    #programmalijn-blokken .blok
    {
        padding-bottom: 25px;
        height: auto;
        margin-bottom: 30px;
    }

    h1.programmalijn, #titel_onderwerp, .nieuwsitem-details h1, .evenement-details h1, .publicatie-details h1, .instrument-details h1, #titel_programma_sub
    {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 10px 0;
    }

    .nieuwsitem-details h2, .evenement-details h2, .publicatie-details h2
    {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 20px;
    }

    .bg-danger
    {
        padding: 15px;
        margin-bottom: 15px;
        color: #333
    }

        .bg-danger p
        {
            margin: 0 !important;
        }

    #portal-items .item h3, #portal-items .item p
    {
        height: auto;
    }

    #slider span
    {
        display: none;
    }

    #contentcontainer
    {
        position: relative;
    }

    .nivoSlider, #slider, .nivoSlider img
    {
        height: auto !important;
        width: 100% !important;
    }

    .nivo-directionNav, .nivo-controlNav
    {
        display: none;
    }

    #headerimage img
    {
        min-height: 0;
    }

    #zoekveldContainer, #sliderContainer, #headerimage
    {
        display: none;
    }

    body.bestuur-voion #headerimage
    {
        display: block;
        height: auto;
        margin-bottom: 0
    }

    .q
    {
        line-height: 24px;
        padding: 0 5px;
        color: #000;
        border: 1px solid #666666;
        border-radius: 0;
    }

    #onderwerp-tabsholder .knoppen li
    {
        margin: 0;
        text-align: center;
        width: 25%;
        height: 31px;
    }

        #onderwerp-tabsholder .knoppen li span
        {
            font-size: 18px;
        }

    .wrapper_titel_onderwerp, .wrapper_titel_programma_sub
    {
        margin-bottom: 0;
    }

    h1.programmalijn, #titel_onderwerp, #titel_programma_sub
    {
        font-size: 18px;
        background: #ff964a;
        color: #fff !important;
        margin: 0 -15px;
        padding: 5px 15px;
    }

    h2
    {
        font-size: 24px;
    }

    .programmalijn-loopbaan-en-professionalisering h1.programmalijn, .programmalijn-loopbaan-en-professionalisering #titel_onderwerp, .programmalijn-loopbaan-en-professionalisering #titel_programma_sub
    {
        background: #697cb4;
    }

    .programmalijn-veilig-gezond-en-vitaal-werken h1.programmalijn, .in-programmalijn-veilig-gezond-en-vitaal-werken #titel_onderwerp, .in-programmalijn-veilig-gezond-en-vitaal-werken #titel_programma_sub
    {
        background: #a0ce99;
    }

    #onderwerp-submenu ul li
    {
        line-height: 22px !important;
    }

    #pagina-submenu
    {
        margin-top: 0;
    }

    .toggleonmobile ul, .toggleonmobile .toggleme
    {
        display: none;
    }

    .toggleonmobile.opened ul, .toggleonmobile.opened .toggleme
    {
        display: block;
    }

    .wrapper-onderwerp-submenu
    {
        margin-bottom: 20px;
        overflow: hidden;
    }

        .wrapper-onderwerp-submenu .toggleonmobile
        {
            margin: 0 -15px 10px;
            padding: 0 15px;
        }

            .wrapper-onderwerp-submenu .toggleonmobile h4
            {
                margin: 0 -15px !important;
                padding: 5px 15px !important;
            }

    .in-programmalijn-arbeidsmarkt-en-mobiliteit .wrapper-onderwerp-submenu h4
    {
        background: rgba(255, 150, 74, 0.60) !important;
    }

    .in-programmalijn-loopbaan-en-professionalisering .wrapper-onderwerp-submenu h4
    {
        background: rgba(105, 124, 180, 0.60) !important;
    }

    .in-programmalijn-veilig-gezond-en-vitaal-werken .wrapper-onderwerp-submenu h4
    {
        background: rgba(160, 206, 153, 0.70) !important;
    }

    #onderwerp-tabsholder .knoppen
    {
        border-bottom: 0 !important;
    }

    #pagina-content ul
    {
        margin-left: 15px;
    }

    #cookiebar
    {
        line-height: 21px;
        padding: 5px 40px 5px 0;
    }

    #evenement-formulier, .dt-news h1, .cursussen h1, .publicaties h1, .instrumenten h1, .instrument-details h2
    {
        margin-bottom: 20px;
    }

    .invalid .datatype-indicator
    {
        display: none;
    }

    .check-verzuimaanpak-resultaat
    {
        padding: 10px;
    }

    .instrumenten h1, .instrument-details h2, .dt-news h1, .nieuwsitem-details h2, .publicaties h1, .publicatie-details h2, .agenda h1, .evenement-details h2
    {
        font-size: 26px;
        line-height: 28px;
    }

    .table-medewerkers table td
    {
        display: block;
    }
}

/*STYLING Spotler form*/
#form1002
{
    margin: 0;
    padding: 0;
    width: 100%;
}

    #form1002 .mpFormTable
    {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #form1002 .mpTwoColumnLayout
    {
        width: 100%;
    }

    #form1002 .mpFormLabel
    {
        width: 290px;
    }

    #form1002 .mpFormField
    {
        width: 290px;
    }

        #form1002 .mpFormField ul
        {
            margin: 0;
        }

            #form1002 .mpFormField ul li
            {
                margin: 0;
                list-style: none;
            }

                #form1002 .mpFormField ul li input
                {
                    margin: 0 10px 0 0;
                }

        #form1002 .mpFormField input[type="text"]
        {
            width: 270px;
        }

        #form1002 .mpFormField input[type="radio"]
        {
            float: left;
        }

    #form1002 .mpHighlight
    {
        background: rgba(255, 150, 74, 0.2) !important;
    }

    #form1002 .mpErrorRow
    {
        color: #d1174d;
        font-weight: bold !important;
        font-style: italic;
    }

        #form1002 .mpErrorRow label
        {
            margin: 0 0 0 290px;
        }

.carousel-control.left,
.carousel-control.right
{
    display: none;
}


iframe#mailplusiframe-inschrijfform
{
    width: 400px !important;
    margin-top: 30px;
}

.umbraco-forms-page .umbraco-forms-caption
{
    background: #eee;
    padding: 1em 35px
}

.umbraco-forms-page .form-row
{
    margin: 0 30px
}

.umbraco-forms-page .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper, .umbraco-forms-page .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper, .umbraco-forms-page .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper, .umbraco-forms-page .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper
{
    margin-top: 10px;
    margin-bottom: 30px;
    position: relative
}

.umbraco-forms-page .umbraco-forms-navigation
{
    border-top: 1px solid #eee;
    padding: 20px 0 20px 0
}

    .umbraco-forms-page .umbraco-forms-navigation .first-col
    {
        padding-left: 0
    }

    .umbraco-forms-page .umbraco-forms-navigation .next
    {
        background: rgba(10,190,240,0.4);
        margin: 0 0 0 10px
    }

        .umbraco-forms-page .umbraco-forms-navigation .next:hover
        {
            background: rgba(10,190,240,0.7)
        }

    .umbraco-forms-page .umbraco-forms-navigation .primary
    {
        background: #D1174D;
        color: #FFFFFF;
        font-weight: bold;
        padding-left: 2rem;
        padding-right: 2rem;
    }

.umbraco-forms-page fieldset
{
    border: 0px solid #aaa
}

    .umbraco-forms-page fieldset legend
    {
        border-top: 1px solid #ddd;
        padding: 1em 35px
    }

.umbraco-forms-form .custom-control
{
    position: relative;
}

.umbraco-forms-form .custom-radiobutton
{
    padding: 2px 0 5px 0;
}

.umbraco-forms-form .dataconsent label
{
    margin-left: 30px;
}

.umbraco-forms-form .dataconsent > label
{
    margin-left: 0px;
}

.umbraco-forms-submitmessage
{
    margin-top: 50px;
    font-size: 21px;
    color: #d1174d;
}


.debugger
{
    background: tomato;
    outline: 1px solid red;
    min-height: 200px;
}

/*
YUI 3.6.0 (build 5521)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/* base.css, part of YUI's CSS Foundation */
.yui3-cssbase h1
{
    /*18px via YUI Fonts CSS foundation*/
    font-size: 138.5%;
}

.yui3-cssbase h2
{
    /*16px via YUI Fonts CSS foundation*/
    font-size: 123.1%;
}

.yui3-cssbase h3
{
    /*14px via YUI Fonts CSS foundation*/
    font-size: 108%;
}

.yui3-cssbase h1, .yui3-cssbase h2, .yui3-cssbase h3
{
    /* top & bottom margin based on font size */
    margin: 1em 0;
}

.yui3-cssbase h1, .yui3-cssbase h2, .yui3-cssbase h3, .yui3-cssbase h4, .yui3-cssbase h5, .yui3-cssbase h6, .yui3-cssbase strong
{
    /*bringing boldness back to headers and the strong element*/
    font-weight: bold;
}

.yui3-cssbase abbr, .yui3-cssbase acronym
{
    /*indicating to users that more info is available */
    border-bottom: 1px dotted #000;
    cursor: help;
}

.yui3-cssbase em
{
    /*bringing italics back to the em element*/
    font-style: italic;
}

.yui3-cssbase blockquote, .yui3-cssbase ul, .yui3-cssbase ol, .yui3-cssbase dl
{
    /*giving blockquotes and lists room to breath*/
    margin: 1em;
}

.yui3-cssbase ol, .yui3-cssbase ul, .yui3-cssbase dl
{
    /*bringing lists on to the page with breathing room */
    margin-left: 2em;
}

.yui3-cssbase ol
{
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}

.yui3-cssbase ul
{
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}

.yui3-cssbase dl dd
{
    /*providing spacing for definition terms*/
    margin-left: 1em;
}

.yui3-cssbase td
{
    padding: .5em;
}

.yui3-cssbase th
{
    /*distinguishing table headers from data cells*/
    font-weight: bold;
    text-align: center;
}

.yui3-cssbase caption
{
    /*coordinated margin to match cell's padding*/
    margin-bottom: .5em;
    /*centered so it doesn't blend in to other content*/
    text-align: center;
}

.yui3-cssbase p, .yui3-cssbase fieldset, .yui3-cssbase table, .yui3-cssbase pre
{
    /*so things don't run into each other*/
    margin-bottom: 1em;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssbase-context
{
    display: none;
}


ul + p
{
    /*padding-top: 20px;*/
}

ul.ecss-list li
{
    border-bottom: 1px solid #e7e7e7;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    position: relative;
}

.ecss-icon
{
    position: absolute;
    top: 26px;
    left: 0;
}

.ecss-shift
{
    margin-left: 35px;
}

.ecss-date
{
    color: #aaa;
    font-size: 13px;
}

.ecss-link
{
    text-decoration: none;
}

    .ecss-link:hover
    {
        color: #666 !important;
        text-decoration: underline;
    }

    .ecss-link h4
    {
        color: #666;
    }

.ecss-teaser
{
}

.ecss-koppelingen span
{
    display: inline-block;
    margin-right: 6px;
    font-size: 13px;
    font-weight: 400;
}

.ecss-koppelingen .in-programmalijn-veilig-gezond-en-vitaal-werken
{
    color: rgba(105, 184, 93, .67);
}

.ecss-koppelingen .in-programmalijn-arbeidsmarkt-en-mobiliteit
{
    color: rgba(255, 122, 27, .64);
}

.ecss-koppelingen .in-programmalijn-algemeen-voion
{
    color: rgba(209, 23, 77, .47);
}

/* Hide screen, hide print */

@media only screen
{
    .hide-screen,
    .hide-screen *
    {
        display: none !important;
    }
}

@media only print
{
    .hide-print,
    .hide-print *
    {
        display: none !important;
    }

    #titel_onderwerp
    {
        padding-top: 3cm;
    }

    .wrapper-onderwerp-submenu h1
    {
        margin-top: 30pt;
    }

    h1
    {
        font-size: 36px !important;
        font-weight: bold !important;
    }

    h2
    {
        font-size: 30px !important
    }

    h3
    {
        font-size: 24px !important
    }

    h4
    {
        font-size: 18px !important
    }

    h5
    {
        font-size: 14px !important
    }

    h6
    {
        font-size: 12px !important
    }
}

.regio-in-beeld-activiteiten .item.haslink:hover,
#portal-items .item.haslink:hover
{
    cursor: pointer;
}



@media (min-width: 768px)
{
    .mobile-only
    {
        display: none;
    }
}

/*Table styling*/
.tekst table
{
    border: 1px solid #c9c9c9;
    padding: 10px;
    width: 100%;
}

    .tekst table td
    {
        padding: 10px;
        border: 1px solid #c9c9c9;
    }

    .tekst table p
    {
        margin: 0 !important;
    }


    .tekst table tr
    {
        border: 1px solid #c9c9c9;
    }

.order-first
{
    order: -1;
}

.order-last
{
    order: 13;
}

@font-face
{
    font-family: 'Doppio One';
    src: url('/Content/fonts/doppioone-regular-webfont.eot');
    src: url('/Content/fonts/doppioone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/doppioone-regular-webfont.woff') format('woff'), url('/Content/fonts/doppioone-regular-webfont.ttf') format('truetype'), url('/Content/fonts/doppioone-regular-webfont.svg#webfont') format('svg');
}

body
{
    font-size: 14px;
    line-height: 19px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666666;
}

header, footer, nav, section
{
    display: block;
}

a
{
    color: #d1174d;
    text-decoration: underline;
}

    a:focus, a:hover
    {
        color: #90052e;
        outline: 0;
    }

h1.description
{
    display: none;
}

.btn-cont
{
    display: flex;
}

.btn-voion
{
    background: #D1174D;
    padding: 6px 9px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: white !important;
    text-decoration: none !important;
    font-family: 'Karla', Arial;
    font-weight: bold;
    display: flex;
    border: none;
}

.btn-right
{
    display: inline-block;
    padding: 6px 25px 6px 9px;
}

.btn-voion:visited
{
    text-decoration: none;
}

.btn-voion:hover
{
    text-decoration: none !important;
    color: white;
}

.btn-right i
{
    margin-left: 10px;
    font-size: 2rem;
    position: absolute;
}

.btn-left i
{
    margin-left: 0;
    margin-right: 10px;
    font-size: 2rem;
    transform: rotate(180deg);
}

.icon
{
    width: 1rem;
    display: inline-flex;
}

label
{
    font-weight: 400;
}

.showonmobile
{
    display: none;
}

#container
{
    margin: 0 auto;
    position: relative;
}

#header
{
    height: 102px;
}

#logoprint
{
    width: 205px;
    margin: 20px 0;
}

#utils
{
    float: right;
    margin: 0;
    margin-top: 1rem;
    padding: 0;
}

    #utils ul
    {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
    }

        #utils ul li
        {
            float: left;
        }

            #utils ul li a
            {
                text-decoration: none;
                color: #666666;
                border-right: 1px dotted #666666;
                font-family: Verdana;
                font-size: 11px;
                padding: 0 15px 0 15px;
                text-transform: lowercase;
            }

            #utils ul li.util a
            {
                border-right: 0;
            }

            #utils ul li.last a
            {
                border: 0;
                padding: 0 0 0 15px;
            }

            #utils ul li.last .search
            {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
                padding-top: 0.7rem;
                padding-bottom: 0.7rem;
                margin-left: 1rem;
                margin-bottom: 0;
                font-size: 1.2rem;
                font-weight: normal;
                transition: background-color 0.1s ease;
                display: flex;
                align-items: center;
                text-transform: capitalize;
            }

                #utils ul li.last .search:hover
                {
                    background-color: #000000;
                }

                #utils ul li.last .search .fa-search
                {
                    margin-right: 0.5rem;
                }

#MainNav
{
    clear: both;
    float: right;
    list-style: none;
    padding: 0;
    margin: 20px 0 30px 0;
    position: relative;
    z-index: 10;
}

#topicsnav a,
#topicsnav span
{
    cursor: pointer;
}

#topicsnav-full
{
    position: absolute;
    top: 160px;
    left: 217px;
    z-index: 10000;
    width: 632px;
    background: white;
    border: 1px solid #ddd;
    display: none;
}

@media only screen and (min-width:1200px)
{

    #topicsnav-full
    {
        left: 420px;
    }
}

#topicsnav-full-arrow
{
    position: absolute;
    top: -20px;
    left: 160px;
}

#topicsnav-full > div
{
    padding-bottom: 10px;
}

#topicsnav-panel-arbeidsmarkt-en-mobiliteit
{
    width: 330px;
    border-right: 1px solid #eee;
}

#topicsnav-panel-veilig-gezond-en-vitaal-werken
{
    width: 300px;
}

#topicsnav-full h5
{
    border-bottom: 3px solid white;
    padding-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 30px 19px;
    font-weight: 600;
}

#topicsnav-panel-arbeidsmarkt-en-mobiliteit h5
{
    border-color: #ff964a;
}

#topicsnav-panel-veilig-gezond-en-vitaal-werken h5
{
    border-color: #a0ce99;
}


#topicsnav-full ul
{
    margin: 16px;
}

#topicsnav-full a
{
    color: #666;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    position: relative;
}

    #topicsnav-full a:hover
    {
        text-decoration: underline;
    }

#topicsnav-full i
{
    position: absolute;
    right: 5px;
    top: 0;
    display: block;
}

#slider
{
    width: 100%;
    height: 342px;
    background: #e8e9e6;
    overflow: hidden;
    z-index: 1;
    margin: 0 0 30px 0;
}

#headerimage
{
    width: 100%;
    height: 213px;
    background: #e8e9e6;
    margin: 0 0 30px 0;
    overflow: hidden;
}

    #headerimage img
    {
        width: 100%;
        min-height: 213px;
    }

.searchform
{
    width: 300px;
}

#zoekveldContainer
{
    width: 374px;
    height: 43px;
    background-position: -100px -9005px;
    position: relative;
    margin: 20px 0px 30px 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    float: left;
}

    #zoekveldContainer input.q
    {
        height: 25px;
        width: 320px;
        margin: 7px 0 0 10px;
        border: 0;
        font-size: 18px;
        line-height: 22px;
        color: #666666;
        font-family: 'Karla', Arial;
    }

    #zoekveldContainer label.placeholder
    {
        height: 25px;
        width: 320px;
        margin: 7px 0 0 10px;
        border: 0;
        font-size: 18px;
        line-height: 22px;
        color: #666666;
        font-family: 'Karla', Arial;
        font-style: italic;
    }

    #zoekveldContainer .zoek_btn
    {
        position: absolute;
        top: 7px;
        right: 13px;
        cursor: pointer;
        margin: 0;
        width: 24px;
        height: 25px;
        background-position: -269px -10px;
        border: 0;
        font-size: 0;
        color: #fff;
    }

    #zoekveldContainer #searchLoader
    {
        position: absolute;
        right: 50px;
        top: 14px;
        display: none;
    }

@media only screen and (min-width: 992px)
{
    #zoekveldContainer
    {
        display: block;
    }
}

#search-progress
{
    display: none;
    background: white;
    color: #666;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
    height: 43px;
    width: 100%;
    border: 1px solid #666;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    #search-progress h4
    {
        margin: 0;
    }

    #search-progress strong
    {
        color: #d1174d !important;
    }

    #search-progress.double
    {
        height: 60px;
        margin-top: -3px;
    }

    #search-progress.triple
    {
        height: 80px;
        margin-top: -20px;
    }

.cloudwolk
{
    position: relative;
    width: 100%;
    height: 342px;
}

#tagcloud
{
    width: 850px;
    padding: 70px 40px 40px 40px;
    text-align: center;
}

    #tagcloud a
    {
        text-decoration: none;
        line-height: 1.5em;
        padding-right: 1.3em;
        display: block;
        color: #ffffff;
        border: 1px solid #00ff00;
        padding: 1em;
        border: 1px solid #ff0000;
    }

#programmalijn-blokken
{
    margin-bottom: 30px;
}

    #programmalijn-blokken .banner
    {
        width: 100%;
        float: left;
        margin: 0 0 20px 0;
    }

    #programmalijn-blokken .blok
    {
        height: 330px;
        position: relative;
    }

    #programmalijn-blokken a.titel
    {
        float: left;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        font-family: 'Karla', Arial;
        text-decoration: none;
        width: 100%;
        display: block;
        padding: 7px 0 5px 0;
    }

    #programmalijn-blokken .blok ul
    {
        margin: 10px 0 0 15px;
        clear: both;
    }

        #programmalijn-blokken .blok ul li
        {
            list-style-type: square;
        }

        #programmalijn-blokken .blok ul a
        {
            color: #000;
        }

    #programmalijn-blokken .link_meer
    {
        position: absolute;
        right: 0;
        bottom: 0;
        text-decoration: none;
        font-family: 'Karla', Arial;
        font-size: 14px;
    }

    #programmalijn-blokken .arbeidsmarkt-en-mobiliteit
    {
        border-bottom: 1px solid #ff964a;
    }

        #programmalijn-blokken .arbeidsmarkt-en-mobiliteit a.titel
        {
            color: #ff964a;
            border-top: 20px solid #ff964a;
        }

        #programmalijn-blokken .arbeidsmarkt-en-mobiliteit ul li
        {
            color: #ff964a;
        }

        #programmalijn-blokken .arbeidsmarkt-en-mobiliteit .link_meer
        {
            color: #ff964a;
        }

    #programmalijn-blokken .loopbaan-en-professionalisering
    {
        border-bottom: 1px solid #697cb4;
    }

        #programmalijn-blokken .loopbaan-en-professionalisering a.titel
        {
            color: #697cb4;
            border-top: 20px solid #697cb4;
        }

        #programmalijn-blokken .loopbaan-en-professionalisering ul li
        {
            color: #697cb4;
        }

        #programmalijn-blokken .loopbaan-en-professionalisering .link_meer
        {
            color: #697cb4;
        }

    #programmalijn-blokken .veilig-gezond-en-vitaal-werken
    {
        margin: 0;
        border-bottom: 1px solid #a0ce99;
    }

        #programmalijn-blokken .veilig-gezond-en-vitaal-werken a.titel
        {
            color: #a0ce99;
            border-top: 20px solid #a0ce99;
        }

        #programmalijn-blokken .veilig-gezond-en-vitaal-werken ul li
        {
            color: #a0ce99;
        }

        #programmalijn-blokken .veilig-gezond-en-vitaal-werken .link_meer
        {
            color: #a0ce99;
        }

#newscarousel
{
    margin-top: 0;
    margin-bottom: 30px;
    width: 100%;
}

@media (min-width: 640px)
{

    #newscarousel
    {
        margin-top: 0;
        width: 100%;
    }
}

.carousel-indicators
{
    position: absolute;
    bottom: 10px !important;
    right: 27px !important;
    z-index: 15;
    width: 100px;
    left: unset;
    padding-left: 0;
    margin-left: 0;
    text-align: right;
    list-style: none;
}

#newscarousel .slide-content
{
    position: relative;
    z-index: 999;
    min-height: 350px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 640px)
{
    #newscarousel .slide-content
    {
        padding-left: 0;
        padding-right: 0;
    }
}

#newscarousel .slide-content
{
    z-index: 4;
}

#newscarousel .carousel-inner
{
    position: relative;
}

    #newscarousel .carousel-inner > .item > img
    {
        display: none;
    }

        #newscarousel .carousel-inner > .item > img.carousel-backdrop
        {
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: absolute;
        }

@media (min-width: 640px)
{
    #newscarousel .carousel-inner > .item > img
    {
        z-index: 4;
        display: block;
        position: absolute;
        height: 100%;
        width: 35vw;
        object-fit: cover;
        object-position: center center;
    }
}

@media (min-width: 768px)
{
    #newscarousel .carousel-inner > .item > img.carousel-backdrop
    {
        left: 25vw;
        object-fit: initial;
    }
}

@media (min-width: 1200px)
{
    #newscarousel .carousel-inner > .item > img.carousel-backdrop
    {
        left: 30vw;
    }
}

#newscarousel .slide-content h3,
#newscarousel .slide-content p
{
    color: white;
    max-width: 65rem;
    padding-right: 3rem;
}

#newscarousel .slide-content h3
{
    margin-top: 30px;
    margin-bottom: 24px;
    font-family: 'Doppio One', Arial;
    font-size: 2.5rem;
}

@media (min-width: 640px)
{
    #newscarousel .slide-content h3
    {
        margin-top: 60px;
        margin-bottom: 24px;
        font-family: 'Doppio One', Arial;
        font-size: 3rem;
    }

    #newscarousel .slide-content a
    {
        margin-bottom: 60px;
    }
}

#newscarousel .slide-content p
{
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 3rem;
}

#newscarousel .slide-content a
{
    color: #fff;
    border: 1px solid white;
    text-transform: uppercase;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 30px;
}

    #newscarousel .slide-content a:hover
    {
        background-color: white;
        color: #960973
    }

.dt-homepage .homepage-topics h3
{
    font-family: 'Doppio One', Arial;
    font-size: 18px;
    color: white;
    background-color: #ff964a;
    display: block;
    z-index: 199;
    position: relative;
    padding: 6px 10px;
    margin-top: -17px;
    margin-left: 0px;
    margin-bottom: 50px;
}

@media (min-width: 380px)
{
    .dt-homepage .homepage-topics h3
    {
        margin-left: 10px;
    }
}

@media (min-width: 670px)
{
    .dt-homepage .homepage-topics h3
    {
        font-size: 24px;
        margin-top: -77px;
    }
}

.dt-homepage .homepage-topics .topic-arbeidsmarkt-en-mobiliteit h3
{
    background-color: #ff964a;
}

.dt-homepage .homepage-topics .topic-veilig-gezond-en-vitaal-werken h3
{
    background-color: #a0ce99;
}

.dt-homepage .topic-arbeidsmarkt-en-mobiliteit .title-wrapper
{
    width: 260px;
}

.dt-homepage .topic-veilig-gezond-en-vitaal-werken .title-wrapper
{
    width: 260px;
}

@media (min-width: 410px)
{
    .dt-homepage .topic-arbeidsmarkt-en-mobiliteit .title-wrapper
    {
        width: 280px;
    }

    .dt-homepage .topic-veilig-gezond-en-vitaal-werken .title-wrapper
    {
        width: 280px;
    }
}

@media (min-width: 670px)
{

    .dt-homepage .topic-arbeidsmarkt-en-mobiliteit .title-wrapper
    {
        width: 300px;
    }

    .dt-homepage .topic-veilig-gezond-en-vitaal-werken .title-wrapper
    {
        width: 300px;
    }
}

.homepage-topics a
{
    text-decoration: none;
    color: white;
}

    .homepage-topics a .title-wrapper h3
    {
        color: white;
    }

    .homepage-topics a:hover .title-wrapper h3
    {
        text-decoration: underline;
        color: white;
    }

.homepage-topics .linkblock
{
    margin-bottom: 20px;
}

    .homepage-topics .linkblock a
    {
        position: relative;
        color: #000;
        text-decoration: none;
        left: 20px;
    }

        .homepage-topics .linkblock a:hover
        {
            text-decoration: underline
        }

        .homepage-topics .linkblock a::before
        {
            position: absolute;
            top: 0;
            left: -15px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            content: "\f0da";
        }



@media only screen and (min-width: 992px)
{
    #werken-in-het-voortgezet-onderwijs
    {
        top: -20px;
        margin-bottom: -19px;
    }
}

.dt-homepage .homepage-topics .topic-arbeidsmarkt-en-mobiliteit a::before,
.dt-homepage .homepage-topics .topic-arbeidsmarkt-en-mobiliteit i
{
    color: #ff964a;
}

.dt-homepage .homepage-topics .topic-veilig-gezond-en-vitaal-werken a::before,
.dt-homepage .homepage-topics .topic-veilig-gezond-en-vitaal-werken i
{
    color: #a0ce99;
}

.topiclink a
{
    border-bottom: 1px solid #ff964a;
    text-align: right;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    text-decoration: none;
}

.dt-homepage .topic-arbeidsmarkt-en-mobiliteit .topiclink a
{
    color: #ff964a;
    font-weight: bold;
}


.dt-homepage .topic-veilig-gezond-en-vitaal-werken .topiclink a
{
    color: #a0ce99;
    border-color: #a0ce99;
    font-weight: bold;
}

.homepage-topics
{
    margin-bottom: 30px;
}

#portal-items,
.regio-in-beeld-activiteiten
{
    position: relative;
}

    .regio-in-beeld-activiteiten .item h3,
    #portal-items .item h3
    {
        font-family: 'Doppio One', Arial;
        font-size: 18px;
        line-height: 21px;
        font-weight: normal;
        margin: 0 10px 0 10px;
        padding: 0;
    }

@media (max-width: 767px)
{
    .regio-in-beeld-activiteiten .item h3, #portal-items .item h3
    {
        padding-top: 10px;
    }
}

.regio-in-beeld-activiteiten .item p,
#portal-items .item p
{
    margin: 16px 10px 0 10px;
    overflow: hidden;
}

.regio-in-beeld-activiteiten .item a.btn,
#portal-items .item a.btn
{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    text-decoration: none;
    font-family: 'Karla', Arial;
    font-weight: bold;
    font-size: 14px;
}

.portal-date
{
    font-size: 10px;
    line-height: 9px;
    margin: 10px 10px -19px 10px;
}

@media (max-width: 768px)
{
    #portal-items .special-item-wrapper
    {
        width: 100%;
    }
}

#portal-items .Special
{
    background: #960973;
}

    #portal-items .Special h3
    {
        color: #fff;
    }

@media (min-width: 768px)
{
    #portal-items .item h3
    {
        padding-top: 0px !important;
    }
}


#portal-items .Special p
{
    color: #fff;
    padding: 0 !important;
}

.regio-in-beeld-activiteiten .News a.btn,
#portal-items .News a.btn
{
    color: #960973;
}

#portal-items.css6 .portal-evenementen
{
    height: 862px !important;
}

    #portal-items.css6 .portal-evenementen ul
    {
        height: 758px !important;
    }

#portal-items .portal-evenementen li
{
    margin: 0 !important;
    padding: 10px;
}

    #portal-items .portal-evenementen li.even
    {
        margin: 0 !important;
        padding: 10px;
        background-color: #786C8C;
    }


    #portal-items .portal-evenementen li a
    {
        color: #fff;
        text-decoration: none;
        font-size: 13px;
    }

* + html #portal-items .portal-evenementen ul
{
    height: 309px !important;
}

* + html #portal-items.css6 .portal-evenementen ul
{
    height: 618px !important;
}


#portal-items .imageholder
{
    width: 100%;
    height: 155px;
    background: white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 3;
}

#portal-items .Special .imageholder
{
    background: #960973;
}

#portal-items .imageholder img
{
    display: none;
}

@media (min-width: 768px)
{
    #portal-items .imageholder
    {
        display: flex;
    }

        #portal-items .imageholder img
        {
            display: block;
        }
}

@media (min-width: 1200px)
{
    #portal-items .imageholder
    {
        width: 263px;
        height: 155px;
    }
}

#breadcrumbs
{
    width: 100%;
    overflow: hidden;
    margin-bottom: 2.5rem;
}

    #breadcrumbs ul
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        row-gap: 1.5rem;
        margin-bottom: 0;
    }

    #breadcrumbs li:after
    {
        content: "\f105";
        font-family: fontawesome;
        font-size: 1.8rem;
        font-weight: 300;
        display: block;
        margin-left: 1.2rem;
        margin-right: 1.2rem;
    }

    #breadcrumbs li
    {
        display: flex;
    }

    #breadcrumbs,
    #breadcrumbs a
    {
        color: #525252;
        text-decoration: none;
    }

        #breadcrumbs li a
        {
            display: block;
            background: #fff;
            padding: 0;
            border-bottom: 1px solid #525252;
        }

        #breadcrumbs li.last
        {
            font-weight: bold;
        }

            #breadcrumbs li.last:after
            {
                display: none;
            }

        #breadcrumbs li a:hover
        {
            color: #ff964a;
            border-color: #ff964a;
        }


#addthis
{
    float: right;
    margin: 0 0 20px 0;
}

    #addthis li
    {
        float: left;
        margin: 0 0 0 8px;
    }

#footer
{
    background: #e8e9e6;
    overflow: hidden;
    color: #777777;
    margin: 0 0 30px 0;
}

    #footer h3
    {
        margin-top: 0;
    }

    #footer .kolom
    {
        margin: 20px 0 0 0;
    }

        #footer .kolom ul
        {
            margin: 0 0 15px 0;
            clear: both;
            float: left;
            width: 202px;
        }

    #footer span, #footer a span
    {
        font-weight: bold;
        color: #000;
        font-family: 'Karla', Arial;
        font-size: 16px;
        margin: 0 0 6px 0;
        clear: both;
        float: left;
    }

    #footer a
    {
        text-decoration: none;
        color: #777777;
    }

        #footer a:hover
        {
            text-decoration: underline;
        }

            #footer a:hover span
            {
                color: #d2174e;
                cursor: pointer;
            }

#footernewslettersubscription
{
    width: 186px;
    height: 30px;
    margin: 10px 0 0 0;
    color: #777777;
    font-style: italic;
    border: 0;
}

#footer ul li span.tussen
{
    margin: 0;
}

#footer .kolom.third p, #footer .kolom.last p
{
    margin: 5px 0 15px 0;
    padding: 0;
    width: 202px;
    display: block;
    clear: both;
    float: left;
}

#footer .kolom.third span, #footer .kolom.last span
{
    margin: 0;
}

#footer .various.btn
{
    width: 174px;
}

* + html #footer .kolom.third p
{
    margin: -15px 0 15px 0;
}

* + html #footer .kolom.last p
{
    margin: -15px 0 15px 0;
}

#socialmedia
{
    display: flex;
    gap: 1rem;
}

    #socialmedia li
    {
        display: inline;
    }

        #socialmedia li a
        {
            width: auto;
            height: 3rem;
            display: inline-block;
            color: #000000;
        }

            #socialmedia li a:hover
            {
                color: #d1174d;
            }

        #socialmedia li svg
        {
            width: 100%;
            height: 100%;
            display: inline-block;
        }

/*CONTENT + SUB*/
#pagina-submenu
{
    margin: 20px 0;
    border-top: none !important;
}

    #pagina-submenu h4
    {
        background: #d1174d;
        width: 100%;
        color: #fff !important;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    #pagina-submenu > ul
    {
        padding: 0 0 15px 15px;
        margin: 15px 0 20px 0;
        border-bottom: 1px solid #d1174d;
    }

    #pagina-submenu ul ul
    {
        margin: 15px 0 20px 15px;
    }

    #pagina-submenu ul li
    {
        color: #d1174d;
    }

    #pagina-submenu li a:hover, #pagina-submenu li a:active
    {
        text-decoration: underline;
        color: #d1174d;
    }

    #pagina-submenu li.active a
    {
        font-weight: bold;
    }

.toggleonmobile
{
    position: relative;
}

    .toggleonmobile .toggler
    {
        position: absolute;
        right: 15px;
        top: 10px;
        color: #fff;
    }

    .toggleonmobile h4
    {
        cursor: pointer;
        padding-right: 25px !important;
        line-height: 24px;
        padding: 5px 15px !important;
    }

#pagina-content
{
    margin: 20px 0;
}

    #pagina-content h2
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    #pagina-content img
    {
        max-width: 100%;
        height: auto !important;
    }

    #pagina-content .left
    {
        float: left;
        margin: 0 15px 10px 0;
    }

    #pagina-content .right
    {
        float: right;
        margin: 0 0 10px 15px;
    }

    #pagina-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
        display: table;
        -ms-zoom: 1;
        zoom: 1;
    }

        #pagina-content ul li
        {
            margin-left: 15px;
        }

    #pagina-content ol
    {
        margin: 10px 0 10px 0;
        list-style-type: square;
        display: table;
        -ms-zoom: 1;
        zoom: 1;
    }

        #pagina-content ol li
        {
            margin-left: 18px;
        }

/*CONTACT*/
.dt-contactpage #pagina-content
{
    clear: left;
    margin-bottom: 0px !important;
}

.dt-contactpage .from-formmanager legend
{
    display: none;
}

.dt-contactpage h1, .aanvraag-verzonden h1
{
    color: #d1174d;
    float: left;
    margin: 0 30px 0 0;
    font-size: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    width: 306px;
    line-height: 38px;
}

#contactformulier
{
    background: #fae7ed;
    width: 622px;
    clear: both;
    float: left;
    padding: 0 0 20px 20px;
    margin: 0px 30px 20px 0;
}

#aanvraag-verzonden-body
{
    width: 622px;
    clear: both;
    float: left;
    padding: 0 0 20px 20px;
    margin: 20px 30px 20px 0;
}

#contactformulier label
{
    color: #d1174d;
    font-style: italic;
    font-size: 14px;
}

#contactformulier .editor-label
{
    margin: 0 0 3px 4px;
    clear: both;
    float: left;
    overflow: hidden;
    width: 602px;
}

#contactformulier .editor-field
{
    position: relative;
    background-position: -10px -314px;
    margin: 0 0 10px 0;
    clear: both;
    float: left;
    overflow: hidden;
    width: 602px;
    height: 41px;
    padding: 7px 0 0 10px;
}

#contactformulier input
{
    width: 580px;
    height: 21px;
    border: 0;
    font-size: 14px;
}

#contactformulier .editor-textarea
{
    position: relative;
    background-position: -10px -365px;
    margin: 0 0 10px 0;
    clear: both;
    float: left;
    overflow: hidden;
    width: 602px;
    height: 121px;
    padding: 7px 0 0 10px;
}

    #contactformulier .editor-textarea textarea
    {
        width: 575px;
        height: 100px;
        border: 0;
        font-family: Arial;
        font-size: 14px;
    }

#contactformulier #Aanvraag_Email
{
    padding-bottom: 20px;
    background-color: transparent;
}
/* fix voor inbrowser validatie op inputtype email */
#Aanvraag_Beveiliging
{
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    background: #fae7ed;
}
/*span.field-validation-error { color: red; position: absolute; right: 25px; top: 10px; }*/

#contact-address-map
{
    float: left;
    width: 306px;
    margin: -50px 0 20px 0;
}

    #contact-address-map h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 20px 0 10px 0;
    }

#googlemap
{
    width: 306px;
    height: 234px;
    background: url(/Content/images/googlemap.png) no-repeat;
    display: block;
    border-bottom: 1px solid #d1174d;
    padding: 0 0 15px 0;
    margin: 20px 0 0 0;
}

/*PROGRAMMALIJN*/

h1.programmalijn
{
    margin: 0 30px 0 0;
    font-size: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    line-height: 44px;
}

#programmalijn-intro
{
    float: left;
}

#themablokken
{
    margin-top: 30px;
}

    #themablokken .blok
    {
        margin: 0 0 10px 0;
    }

    #themablokken .third
    {
        margin: 0 0 10px 0;
    }

    #themablokken h3
    {
        font-size: 18px;
        line-height: 22px;
        font-family: 'Karla', Arial;
        margin: 7px 0 10px 0;
    }

    #themablokken ul
    {
        margin: 10px 0 10px 15px;
    }

        #themablokken ul li
        {
            list-style-type: square;
        }

            #themablokken ul li a
            {
                color: #000;
            }

.programmalijn-algemeen-voion h1
{
    color: #d1174d;
}

.programmalijn-arbeidsmarkt-en-mobiliteit h1.programmalijn
{
    color: #ff964a;
}

.programmalijn-arbeidsmarkt-en-mobiliteit #themablokken h3
{
    color: #ff964a;
}

.programmalijn-arbeidsmarkt-en-mobiliteit #themablokken ul li
{
    color: #ff964a;
}

.programmalijn-arbeidsmarkt-en-mobiliteit #themablokken .blok
{
    border-top: 20px solid #ff964a;
    border-bottom: 1px solid #ff964a;
}

.programmalijn-loopbaan-en-professionalisering h1.programmalijn
{
    color: #697cb4;
}

.programmalijn-loopbaan-en-professionalisering #themablokken h3
{
    color: #697cb4;
}

.programmalijn-loopbaan-en-professionalisering #themablokken ul li
{
    color: #697cb4;
}

.programmalijn-loopbaan-en-professionalisering #themablokken .blok
{
    border-top: 20px solid #697cb4;
    border-bottom: 1px solid #697cb4;
}

.programmalijn-veilig-gezond-en-vitaal-werken h1.programmalijn
{
    color: #a0ce99;
}

.programmalijn-veilig-gezond-en-vitaal-werken #themablokken h3
{
    color: #a0ce99;
}

.programmalijn-veilig-gezond-en-vitaal-werken #themablokken ul li
{
    color: #a0ce99;
}

.programmalijn-veilig-gezond-en-vitaal-werken #themablokken .blok
{
    border-top: 20px solid #a0ce99;
    border-bottom: 1px solid #a0ce99;
}

#programma-nieuws-en-cursussen
{
    margin-top: 20px;
    margin-bottom: 20px;
}

    #programma-nieuws-en-cursussen .blokken
    {
        padding: 10px 0;
        min-height: 400px;
        position: relative;
    }

        #programma-nieuws-en-cursussen .blokken ul
        {
            margin-bottom: 40px;
        }

.programmalijn-arbeidsmarkt-en-mobiliteit .blokken
{
    background: #ff964a;
}

.programmalijn-loopbaan-en-professionalisering .blokken
{
    background: #697cb4;
}

.programmalijn-veilig-gezond-en-vitaal-werken .blokken
{
    background: #a0ce99;
}

#programma-nieuws-en-cursussen .blokken h3
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 18px 18px;
}

#programma-nieuws-en-cursussen .blokken li
{
    margin: 0;
    padding: 10px 18px;
}

    #programma-nieuws-en-cursussen .blokken li.even
    {
    }

    #programma-nieuws-en-cursussen .blokken li a
    {
        color: #000;
        text-decoration: none;
    }

        #programma-nieuws-en-cursussen .blokken li a span.cursussen_datum,
        #programma-nieuws-en-cursussen .blokken li a span.nieuws_datum
        {
            font-size: 10px;
            display: block;
            line-height: 12px;
        }

#programma-nieuws-en-cursussen .cursussen-blok
{
    margin: 0;
}

#programma-nieuws-en-cursussen .wrap_breed
{
    width: 100%;
    height: 1px;
    clear: both;
    float: left;
}

/*ONDERWERP*/

#titel_onderwerp
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 36px;
    line-height: 36px;
}

.dt-topicpage h1
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
}

    .dt-topicpage h1 span
    {
        color: #666666;
    }

.wrapper-onderwerp-submenu
{
    margin-bottom: 30px;
}

#onderwerp-tabsholder
{
    margin-bottom: 20px;
    color: #666666;
}

    #onderwerp-tabsholder h3
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    #onderwerp-tabsholder .knoppen
    {
        overflow: hidden;
        margin: 0 0 15px 0;
    }

        #onderwerp-tabsholder .knoppen li
        {
            float: left;
            height: 29px;
            margin: 0 10px 0 0;
            padding: 6px 5px 0 5px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border: 1px solid #fff;
            border-bottom: 0;
        }

            #onderwerp-tabsholder .knoppen li a
            {
                color: #fff;
                text-decoration: none;
            }

            #onderwerp-tabsholder .knoppen li.active
            {
                background: #fff !important;
                border-bottom: 0 !important;
            }

                #onderwerp-tabsholder .knoppen li.active a
                {
                    color: #000;
                }

    #onderwerp-tabsholder div.passive
    {
        display: none;
    }

    #onderwerp-tabsholder div.active
    {
        display: block;
    }

    #onderwerp-tabsholder .lijsten ul
    {
        margin: 15px 0 0 0;
    }

        #onderwerp-tabsholder .lijsten ul li, #onderwerp-tabsholder .lijsten ul li
        {
            list-style-type: square;
            margin: 0 0 10px 16px;
            padding: 0 0 10px 5px;
            border-bottom: 1px solid #e8e9e6;
        }

#onderwerp-koppelingen
{
    margin-bottom: 30px;
}

    #onderwerp-koppelingen .blok
    {
        padding: 15px 10px 10px 10px;
    }

    #onderwerp-koppelingen h4
    {
        color: #fff;
        font-family: 'Doppio One', Arial;
        font-size: 18px;
        line-height: 22px;
        font-weight: normal;
        margin-top: 0;
    }

.in-programmalijn-arbeidsmarkt-en-mobiliteit h1
{
    color: #ff964a;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #titel_onderwerp
{
    color: #ff964a;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-koppelingen .blok
{
    background: #FF964A;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-tabsholder .knoppen
{
    border-bottom: 1px solid #ff964a;
}

    .in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-tabsholder .knoppen li
    {
        background: #ff964a;
    }

        .in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-tabsholder .knoppen li.active
        {
            border: 1px solid #ff964a;
        }

.in-programmalijn-loopbaan-en-professionalisering h1
{
    color: #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #titel_onderwerp
{
    color: #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-submenu > ul
{
    border-bottom: 1px solid #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-submenu ul li
{
    color: #697cb4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-koppelingen .blok
{
    background: #697CB4;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-tabsholder .knoppen
{
    border-bottom: 1px solid #697cb4;
}

    .in-programmalijn-loopbaan-en-professionalisering #onderwerp-tabsholder .knoppen li
    {
        background: #697cb4;
    }

        .in-programmalijn-loopbaan-en-professionalisering #onderwerp-tabsholder .knoppen li.active
        {
            border: 1px solid #697cb4;
        }

.in-programmalijn-veilig-gezond-en-vitaal-werken h1
{
    color: #a0ce99;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #titel_onderwerp
{
    color: #a0ce99;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-koppelingen .blok
{
    background: #9FCE98;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-tabsholder .knoppen
{
    border-bottom: 1px solid #a0ce99;
}

    .in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-tabsholder .knoppen li
    {
        background: #a0ce99;
    }

        .in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-tabsholder .knoppen li.active
        {
            border: 1px solid #a0ce99;
        }

.wrapper-onderwerp-submenu h4
{
    padding: 2px 6px 2px 14px;
    font-size: 120%;
    height: auto !important;
    line-height: 1.5em !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .wrapper-onderwerp-submenu h4
{
    background: #ff964a !important;
    color: #fff !important;
}

.in-programmalijn-loopbaan-en-professionalisering .wrapper-onderwerp-submenu h4
{
    background: #697cb4 !important;
    color: #fff !important;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .wrapper-onderwerp-submenu h4
{
    background: #a0ce99 !important;
    color: #fff !important;
}




#onderwerp-downloads ul, #onderwerp-cursussen ul, #onderwerp-nieuws ul
{
    margin: 20px 0 0 0;
}

    #onderwerp-cursussen ul li, #onderwerp-nieuws ul li
    {
        margin: 0 0 0 0;
    }

    #onderwerp-downloads ul li a
    {
        color: #000;
    }

    #onderwerp-nieuws ul li a, #onderwerp-cursussen ul li a
    {
        color: #000;
        text-decoration: none;
    }

        #onderwerp-nieuws ul li a span.nieuws_datum, #onderwerp-cursussen ul li a span.cursussen_datum
        {
            font-size: 10px;
            display: block;
            line-height: 12px;
        }

#onderwerp-links p
{
    color: #000;
    margin: 20px 0 20px 0;
}

    #onderwerp-links p a
    {
        color: #d1174d;
    }

#onderwerp-links ul
{
    margin: 10px 0 20px 0;
    color: #000;
}

    #onderwerp-links ul li
    {
        margin: 0 -10px 0 -10px;
        padding: 10px;
    }

        #onderwerp-links ul li a
        {
            color: #000;
            text-decoration: none;
        }


#onderwerp-nieuws ul li,
#onderwerp-cursussen ul li,
#subonderwerp-nieuws ul li,
#subonderwerp-cursussen ul li
{
    padding: 10px;
    margin: -10px -10px 10px -10px;
}

#onderwerp-nieuws a,
#onderwerp-links a,
#onderwerp-cursussen a,
#subonderwerp-nieuws a,
#subonderwerp-links a,
#subonderwerp-cursussen a
{
    font-weight: bold;
    color: #333 !important;
}

#onderwerp-nieuws .dt-styled,
#onderwerp-cursussen .dt-styled,
#subonderwerp-nieuws .dt-styled,
#subonderwerp-cursussen .dt-styled
{
    font-weight: normal;
    color: #555;
}

/*SUBONDERWERP*/

.wrapper_titel_programma_sub
{
    padding-top: 1px;
    margin: 0px 0 30px 0;
}

#titel_programma_sub
{
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 36px;
    line-height: 36px;
}

.subonderwerp h1
{
    clear: both;
    float: left;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
}

    .subonderwerp h1 span
    {
        color: #666666;
    }

.subonderwerp h3
{
    clear: both;
    float: left;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
    margin: 0;
}

#subonderwerp-content
{
    padding-bottom: 20px;
    margin-bottom: 30px;
}

    #subonderwerp-content h2
    {
        margin-top: 0;
    }

    #subonderwerp-content p
    {
        margin: 0 0 20px 0;
    }

    #subonderwerp-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
        padding: 0;
    }

    #subonderwerp-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
        padding: 0;
    }

#subonderwerp-koppelingen
{
    clear: both;
    overflow: hidden;
    margin: 0 0 20px 0;
}

    #subonderwerp-koppelingen .blok
    {
        float: left;
        background: #cbcbc3;
        width: 286px;
        padding: 10px;
        margin: 0 30px 0 0;
        min-height: 150px;
    }

    #subonderwerp-koppelingen .last
    {
        margin: 0;
    }

    #subonderwerp-koppelingen h4
    {
        color: #fff;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        font-size: 18px;
    }

    #subonderwerp-koppelingen ul
    {
        margin: 20px 0 0 0;
        float: left;
    }

        #subonderwerp-koppelingen ul li
        {
            margin: 0 0 15px 0;
        }

            #subonderwerp-koppelingen ul li a
            {
                color: #000;
                text-decoration: none;
            }

#subonderwerp-downloads a
{
    text-decoration: none;
}

#subonderwerp-koppelingen h4
{
    padding: 2px 6px 2px 0px !important;
    height: auto !important;
    line-height: 1.5em !important;
    margin: 0 30px 0 0 !important;
}

#subonderwerp-links h4
{
    margin-bottom: 8px !important;
}

#subonderwerp-koppelingen li
{
    margin: 0 -10px !important;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #titel_programma_sub
{
    color: #ff964a;
}

.in-programmalijn-loopbaan-en-professionalisering #titel_programma_sub
{
    color: #697cb4;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #titel_programma_sub
{
    color: #a0ce99;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #subonderwerp-koppelingen .blok
{
    background-color: #ff964a;
}

.in-programmalijn-loopbaan-en-professionalisering #subonderwerp-koppelingen .blok
{
    background-color: #697cb4;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #subonderwerp-koppelingen .blok
{
    background-color: #a0ce99;
}



/*PUBLICATIES*/
.dt-publications h1, .publicatie-details h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 50px 0;
}

.publicatie-details h2
{
    margin: 10px 0 20px 0;
}

.dt-publications #overzicht_publicaties
{
    margin-bottom: 20px;
}

    .dt-publications #overzicht_publicaties li span.ico
    {
        width: 21px;
        height: 26px;
        display: block;
        text-indent: -9999px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-62
    {
        background-position: -103px -218px;
    }

    .dt-publications #overzicht_publicaties li .multimedia
    {
        background-position: -41px -218px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-63
    {
        background-position: -72px -218px;
    }

    .dt-publications #overzicht_publicaties li .praktijkverhalen
    {
        background-position: -10px -218px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-65
    {
        background-position: -41px -218px;
    }

    .dt-publications #overzicht_publicaties li .pubtype-66
    {
        background-position: -102px -218px;
    }

/*#overzicht_publicaties li .in-programmalijn-algemeen-voion {
        color: #d1174d;
    }

    #overzicht_publicaties li .in-programmalijn-arbeidsmarkt-en-mobiliteit {
        color: #ff7a1b;
    }

    #overzicht_publicaties li .in-programmalijn-loopbaan-en-professionalisering {
        color: #4768c6;
    }

    #overzicht_publicaties li .in-programmalijn-veilig-gezond-en-vitaal-werken {
        color: #69b85d;
    }*/

.dt-publications #filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .dt-publications #filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .dt-publications #filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-publications #filter div
    {
        height: 25px;
    }

    .dt-publications #filter input
    {
        float: left;
    }

    .dt-publications #filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
    }

    /* dit is ok */
    .dt-publications #filter .label-algemeen
    {
        background: url(/content/images/sprite.png) 8px -550px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-downloads
    {
        background: url(/content/images/sprite.png) 8px -700px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-onderzoeken
    {
        background: url(/content/images/sprite.png) 8px -650px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-praktijkverhalen
    {
        background: url(/content/images/sprite.png) 8px -600px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .label-overige
    {
        background: url(/content/images/sprite.png) 8px -550px no-repeat;
        padding: 1px 0 0 30px;
    }

    .dt-publications #filter .btn
    {
        cursor: pointer;
        background: #d1174d;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 8px 3px 8px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

#publicatie-content
{
    margin-bottom: 20px;
}

    #publicatie-content .afbeelding.right img
    {
        float: right;
        margin: 0 0 10px 20px;
    }

    #publicatie-content p
    {
        margin: 0 0 20px 0;
    }

    #publicatie-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
    }

    #publicatie-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
    }

#publicatie-downloads
{
    width: 100%;
    margin: 20px 0 0 0;
    padding: 15px;
}

    #publicatie-downloads h4
    {
        margin-top: 0;
    }

#publicatie-onderwerpen
{
    border-bottom: 1px solid #d1174d;
    margin-bottom: 20px;
}

    #publicatie-onderwerpen h3
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    #publicatie-onderwerpen ul
    {
        margin: 0;
        padding: 0;
    }

    #publicatie-onderwerpen li
    {
        margin: 0 0 10px 0;
    }

    #publicatie-onderwerpen a
    {
        color: #4e4e4e;
        text-decoration: none;
    }

        #publicatie-onderwerpen a:hover
        {
            text-decoration: underline;
        }

.publicatie-iconen
{
    display: block;
    clear: both;
    float: left;
    padding: 0 0 8px 0;
    margin: 0 0px 12px 0;
    overflow: hidden;
}

    .publicatie-iconen span.ico
    {
        width: 50px;
        height: 62px;
        display: block !important;
        float: left !important;
        margin: 10px 0 0 0;
    }

    .publicatie-iconen h1,
    .publicatie-iconen h4
    {
        display: block;
        clear: none;
        margin-left: 60px !important;
    }

.in-programmalijn-algemeen-voion .pubtype-62
{
    background-position: -704px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-62
{
    background-position: -940px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-62
{
    background-position: -940px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-62
{
    background-position: -704px -10px;
}

.in-programmalijn-algemeen-voion .pubtype-63
{
    background-position: -645px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-63
{
    background-position: -881px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-63
{
    background-position: -881px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-63
{
    background-position: -645px -10px;
}

.in-programmalijn-algemeen-voion .praktijkverhaal
{
    background-position: -527px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .praktijkverhaal
{
    background-position: -763px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .praktijkverhaal
{
    background-position: -763px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .praktijkverhaal
{
    background-position: -527px -10px;
}

/* nog in gebruik? */
.in-programmalijn-algemeen-voion .ico_Multimedia
{
    background-position: -586px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .ico_Multimedia
{
    background-position: -822px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .ico_Multimedia
{
    background-position: -822px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .ico_Multimedia
{
    background-position: -586px -10px;
}

.in-programmalijn-algemeen-voion .pubtype-66
{
    background-position: -704px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-66
{
    background-position: -940px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-66
{
    background-position: -940px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-66
{
    background-position: -704px -10px;
}

.in-programmalijn-algemeen-voion .pubtype-65
{
    background-position: -586px -82px;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .pubtype-65
{
    background-position: -822px -82px;
}

.in-programmalijn-loopbaan-en-professionalisering .pubtype-65
{
    background-position: -822px -10px;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken .pubtype-65
{
    background-position: -586px -10px;
}

.wrapper-publicatie-submenu
{
    border-bottom: 1px solid #d1174d;
    margin: 0 0 20px 0;
    color: #000 !important;
}

    .wrapper-publicatie-submenu h4
    {
        background: #d1174d;
        color: #fff !important;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .wrapper-publicatie-submenu #onderwerp-submenu
    {
        border-bottom: none !important;
    }

    .wrapper-publicatie-submenu li
    {
        color: #000 !important;
    }

.publicatie-details-titel
{
    float: left;
    width: 800px;
    margin: 0 30px 20px 0;
}

.dt-publication h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-publication h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-publication .in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.dt-publication .in-programmalijn-loopbaan-en-professionalisering h4
{
    color: #4768c6;
}

#publicatie-content .yui3-cssbase h2
{
    font-weight: normal !important;
}

/*INSTRUMENTEN*/
.dt-instruments h1,
.dt-instrument h2,
.subpage h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 40px 0;
}

.dt-instrument h2
{
    margin: 10px 0 20px 0;
}

#overzicht_instrumenten
{
    margin-bottom: 20px;
}

.dt-instruments #filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .dt-instruments #filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .dt-instruments #filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-instruments #filter div
    {
        height: 25px;
    }

    .dt-instruments #filter input
    {
        float: left;
    }

    .dt-instruments #filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
    }

    .dt-instruments #filter .btn
    {
        cursor: pointer;
        background: #d1174d;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 8px 3px 8px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

.instrument-details-titel
{
    margin-bottom: 20px;
}

.dt-instrument h1,
.subpage h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-instrument h2,
.subpage h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-instrument h4
{
    font-weight: normal;
    margin: 6px 0 0 0;
}

.instrument-details-titel .teaser
{
    display: block;
    margin-top: 9px;
}

.in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.in-programmalijn-loopbaan-en-professionalisering h4
{
    margin-top: 0;
    color: #4768c6;
}

#instrument-content .yui3-cssbase h2
{
    font-weight: normal !important;
}

#instrument-content
{
    margin-bottom: 20px;
}

    #instrument-content img
    {
        float: right;
        margin: 0 0 10px 20px;
        max-width: 100%;
    }

    * + html #instrument-content img
    {
        max-width: 100%;
    }

#inkoopwijzerStandAlone
{
    max-width: 100%;
    overflow: auto;
}

#instrument-content.heeft-afbeelding img
{
    float: none;
}

#instrument-content hr
{
    margin: 20px 0;
    border: 0;
    height: 1px;
    background: #D1174D;
    color: #D1174D;
}

#instrument-content ul
{
    margin: 10px 0 0 !important;
    list-style-type: square;
}

#instrument-content ol
{
    margin: 10px 0 0 !important;
    list-style-type: decimal;
}

#instrument-link
{
    background: #f4f4f4;
    padding: 10px;
    margin: 20px 0;
    font-weight: bold;
}

#instrument-content .tekst ul
{
    padding-left: 20px;
}

.wrapper-instrument-submenu
{
    border-bottom: 1px solid #d1174d;
    margin-bottom: 20px;
    color: #000 !important;
}

    .wrapper-instrument-submenu h4
    {
        background: #d1174d;
        color: #fff !important;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .wrapper-instrument-submenu #onderwerp-submenu
    {
        border-bottom: none !important;
    }

    .wrapper-instrument-submenu li
    {
        color: #000 !important;
    }

#instrument-onderwerpen
{
    border-bottom: 1px solid #d1174d;
    margin-bottom: 20px;
}

#instrument-content.heeft-afbeelding + #instrument-onderwerpen
{
    margin-top: 80px !important;
}

#instrument-onderwerpen h3
{
    background: #d1174d;
    color: #fff;
    font-family: 'Karla', Arial;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 0 2px 10px;
    margin: 0 0 10px 0;
}

#instrument-onderwerpen ul
{
    margin: 0;
    padding: 0;
}

#instrument-onderwerpen li
{
    margin: 0 0 10px 0;
}

#instrument-onderwerpen a
{
    color: #4e4e4e;
    text-decoration: none;
}

    #instrument-onderwerpen a:hover
    {
        text-decoration: underline;
    }

.btn_terug
{
    cursor: pointer;
    background: url(/Content/images/btn_terug.jpg) top left no-repeat;
    padding: 3px 5px 3px 28px;
    *padding: 1px 5px 8px 28px;
    color: #fff;
    text-decoration: none;
    font-family: 'Karla', Arial;
    font-weight: bold;
    font-size: 14px;
    display: block;
    float: Left;
    white-space: nowrap;
    clear: both;
    margin: 0 0 20px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .btn_terug:hover
    {
        color: #fff;
    }

/*NIEUWS*/
.dt-news h1,
.dt-newsitem h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 50px 0;
}

.dt-newsitem h2
{
    margin: 10px 0 20px 0;
}

.dt-news .overzicht-nieuwsitems
{
    margin-bottom: 30px;
}

.dt-news .filter
{
    margin-bottom: 15px;
}

    .dt-news .filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

        .dt-news .filter h4.dt-newsbriefbutton
        {
            background: #066d74;
        }

    .dt-news .filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-news .filter form
    {
        overflow: hidden;
    }

    .dt-news .filter div
    {
        overflow: hidden;
    }

    .dt-news .filter input
    {
        float: left;
    }

    .dt-news .filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
        font-weight: 400;
    }

    .dt-news .filter .btnnieuwsbrief
    {
        cursor: pointer;
        background: url(/Content/images/btn_nieuwsbrief.jpg) top right;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 15px 3px 0;
        width: 130px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

.dt-news #year
{
    width: 100%;
    height: 25px;
    margin: 0 0 10px 0;
}

.dt-newsitem h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-newsitem h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-newsitem h4
{
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 20px 0;
}

.dt-newsitem .in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.dt-newsitem .in-programmalijn-arbeidsmarkt-en-mobiliteit h4
{
    color: #ff7a1b;
}

.dt-newsitem .in-programmalijn-loopbaan-en-professionalisering h4
{
    color: #4768c6;
}

.dt-newsitem .in-programmalijn-veilig-gezond-en-vitaal-werken h4
{
    color: #69b85d;
}

#nieuwsitem-content
{
    margin-bottom: 20px;
    overflow: hidden;
}

    #nieuwsitem-content p
    {
        margin: 0 0 20px 0;
    }

    #nieuwsitem-content .afbeelding.right img
    {
        float: right;
        margin: 0 0 10px 20px;
    }

    #nieuwsitem-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
    }

    #nieuwsitem-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
    }

#relevant-nieuws,
#relevante-onderwerpen
{
    margin-bottom: 20px;
}

    #relevant-nieuws h4,
    #relevante-onderwerpen h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    #relevant-nieuws ul,
    #relevante-onderwerpen ul
    {
        padding-right: 5px;
        max-height: 270px;
        overflow: auto;
    }

.overzicht-nieuwsitems li
{
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #c9c9c9;
}

    .overzicht-nieuwsitems li .nieuwsitems-datum
    {
        display: block;
        margin: 0 0 3px 0;
        font-style: italic;
        color: #aaa;
    }

    .overzicht-nieuwsitems li .nieuwsitems-link
    {
        display: block;
        color: #4e4e4e;
        margin-bottom: 3px;
    }

    .overzicht-nieuwsitems li .nieuwsitems-teaser
    {
        display: block;
        margin-bottom: 8px;
    }

    .overzicht-nieuwsitems li .nieuwsitems-string
    {
        display: block;
        font-size: 14px;
    }

        .overzicht-nieuwsitems li .nieuwsitems-string .lees
        {
            color: #333 !important;
        }


/*TAGCLOUD*/
span.w1
{
    font-size: 30px;
}

span.w4
{
    font-size: 22px;
}

span.w7
{
    font-size: 15px;
}

span.w10
{
    font-size: 11px;
}

/*agenda*/
.dt-agenda h1, .evenement-details h2
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 50px 0;
}

.evenement-details h2
{
    margin: 10px 0 20px 0;
}

.dt-agenda #overzicht_evenementen
{
    margin-bottom: 20px;
}

.dt-agenda #filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .dt-agenda #filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .dt-agenda #filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .dt-agenda #filter div
    {
        height: 25px;
    }

    .dt-agenda #filter input
    {
        float: left;
    }

    .dt-agenda #filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
        font-weight: 400;
    }

    .dt-agenda #filter .btn
    {
        cursor: pointer;
        background: #d1174d;
        border: 0;
        color: #fff;
        font-family: 'Karla', Arial;
        padding: 3px 8px 3px 8px;
        font-size: 14px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
    }

.evenement-details-titel
{
    margin-bottom: 20px;
}

.dt-agendaitem h1
{
    margin: 6px 0 0 0;
    color: #d1174d;
    font-size: 36px;
    line-height: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-agendaitem h2
{
    margin: 6px 0 0 0;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 28px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

.dt-agendaitem h4
{
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 20px 0;
}

.dt-agendaitem .in-programmalijn-algemeen-voion h4
{
    color: #d1174d;
}

.dt-agendaitem .in-programmalijn-arbeidsmarkt-en-mobiliteit h4
{
    color: #ff7a1b;
}

.dt-agendaitem .in-programmalijn-loopbaan-en-professionalisering h4
{
    color: #4768c6;
}

.dt-agendaitem .in-programmalijn-veilig-gezond-en-vitaal-werken h4
{
    color: #69b85d;
}

#evenement-content
{
    margin-bottom: 20px;
}

    #evenement-content img.floatright
    {
        float: right;
        margin: 0 0 10px 20px;
    }

    #evenement-content p
    {
        margin: 0 0 20px 0;
    }

    #evenement-content ul
    {
        margin: 10px 0 10px 30px;
        list-style-type: square;
    }

    #evenement-content ol
    {
        margin: 10px 0 10px 30px;
        list-style-type: decimal;
    }

#evenement-formulier
{
    background: #fae7ed;
    border-bottom: 1px solid #d1174d;
}

    #evenement-formulier iframe
    {
        width: 100%;
    }

    #evenement-formulier h4
    {
        background: #d1174d;
        color: #fff;
        margin: 0 0 10px 0;
        padding: 5px 10px 5px 10px;
        font-family: 'Karla', Arial;
        font-size: 14px;
    }

ul.mpFormTable li.mpQuestionTable
{
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    overflow: hidden;
}

ul.mpFormTable .mpFormLabel
{
    width: 100%;
    margin: 0 0 5px 0;
    color: #d1174d;
}

ul.mpFormTable .mpFormField
{
    width: 100%;
    margin: 0 0 5px 0;
}

    ul.mpFormTable .mpFormField input
    {
        width: 100%;
    }

        ul.mpFormTable .mpFormField input.mpMultipleInput
        {
            width: 10px;
            margin: 0 10px 0 0;
        }

        ul.mpFormTable .mpFormField input[type="radio"]
        {
            display: inline-block;
            margin-right: 10px;
            width: 10px;
        }

    ul.mpFormTable .mpFormField textarea
    {
        width: 100%;
        font-family: Verdana;
        font-size: 14px;
    }

    ul.mpFormTable .mpFormField ul li
    {
        float: left;
        margin: 0 0 5px;
        width: 100%;
    }

ul.mpFormTable .sublabel
{
    margin: 5px 0 0 0;
}

ul.mpFormTable .mpRadioButtonTable input
{
    float: left;
}

ul.mpFormTable .mpRadioButtonTable label
{
    display: block;
    width: 230px;
    float: left;
}

ul.mpFormTable
{
    width: 100%;
}

    ul.mpFormTable label
    {
        font-weight: 400;
    }

form.mpForm
{
    width: 100%;
}

iframe#mailplusiframe td
{
    font-family: Arial !important;
    font-size: 14px;
}

.mpFormText
{
    font-family: Arial !important;
}

#mailplus-form
{
    padding: 0 10px 0 10px;
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 0;
    background: #fae7ed;
}

/*FORM INSTRUMENTEN*/
.form_instrument
{
    clear: both;
    float: left;
    margin: 20px 0 20px 0;
    width: 100%;
}

    .form_instrument .row
    {
        clear: both;
        float: left;
        margin: 0 0 10px 0;
    }

    .form_instrument label
    {
        width: 120px;
        float: left;
    }

    .form_instrument input
    {
        width: 150px;
        float: left;
    }

/*SITEMAP*/
.sitemap h1
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 30px 0;
}

#sitemap ul
{
    list-style-type: disc !important;
    margin: 0 0 20px 15px;
    clear: both;
}

    #sitemap ul ul
    {
        list-style-type: circle !important;
    }

        #sitemap ul ul ul
        {
            list-style-type: disc !important;
        }

            #sitemap ul ul ul ul
            {
                list-style-type: circle !important;
            }

    #sitemap ul li a
    {
        text-decoration: none;
    }

        #sitemap ul li a:hover
        {
            text-decoration: underline;
            color: #056d73;
        }

/*ZOEKRESULTAAT*/
.zoekresultaat h1
{
    font-family: 'Doppio One', Arial;
    line-height: 36px;
    font-weight: normal;
    font-size: 36px;
    color: #d1174d;
    margin: 10px 0 30px 0;
}

.zoekresultaat strong
{
    color: #d1174d;
    font-weight: bold;
}

.resultaat_info
{
    margin: 0 0 20px 0;
}

    .resultaat_info + p
    {
        background: #FBE8ED;
        padding: 5px;
        margin: -15px 0 20px -5px;
    }

.lighter
{
    color: #999;
}

#list-search-results
{
    margin-bottom: 20px;
    overflow: hidden;
}

a.s-ti
{
    color: #d1174d;
    display: block;
    font-size: 121%;
    font-weight: 500;
    margin-bottom: 4px;
    text-decoration: none;
}

    a.s-ti:visited
    {
        color: #535;
    }

    a.s-ti:hover
    {
        text-decoration: underline;
    }

    a.s-ti:visited
    {
        color: #969;
    }

.s-br
{
    color: #006621;
    font-size: 100%;
    margin-bottom: 2px;
}

.s-in
{
    font-size: 100%;
    margin-bottom: 30px;
}


#searchresults-tabsholder
{
    width: 642px;
    float: left;
    margin: 0 30px 20px 0;
    color: #666666;
}

    #searchresults-tabsholder h3
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

    #searchresults-tabsholder .knoppen
    {
        width: 642px;
        height: 29px;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #d1174d;
    }

        #searchresults-tabsholder .knoppen li
        {
            float: left;
            height: 23px;
            margin: 0 10px 0 0;
            padding: 6px 5px 0 5px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            border: 1px solid #d1174d;
            border-bottom: 0;
        }

            #searchresults-tabsholder .knoppen li a
            {
                color: #d1174d;
                text-decoration: none;
            }

            #searchresults-tabsholder .knoppen li.active
            {
                background: #d1174d !important;
                border-bottom: 0 !important;
            }

                #searchresults-tabsholder .knoppen li.active a
                {
                    color: #fff;
                }

    #searchresults-tabsholder div
    {
        display: none;
    }

        #searchresults-tabsholder div.active
        {
            display: block;
        }

.resultsholder .resultset
{
    margin: 20px 0 0 0;
}

.resultset li
{
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #c9c9c9 !important;
}

    .resultset li > p > a
    {
        font-size: 18px;
        line-height: 22px;
        color: #4e4e4e;
        text-decoration: none;
    }

.leesmeer
{
    font-size: 14px !important;
    text-decoration: underline !important;
}

.resultset .titel
{
    margin: 2px 0 2px 0;
}

.resultset .arbeidsmarkt-en-mobiliteit
{
    color: #ff7b1b;
}

.resultset .loopbaan-en-professionalisering
{
    color: #4868c7;
}

.resultset .veilig-gezond-en-vitaal-werken
{
    color: #69b95d;
}

.contentelement .afbeelding.right
{
    float: right;
    margin: 0 0 20px 20px;
}

.contentelement .afbeelding.left
{
    float: left;
    margin: 0 20px 20px 0;
}

.contentelement .afbeelding.centr
{
    float: none;
    text-align: center;
    margin: 0 0 20px 0;
}

.contentelement a.external
{
    background: url(/Content/images/external.png) right 0 no-repeat;
    padding: 0 16px 0 0;
}

.contentelement hr
{
    margin: 20px 0;
    border: 0;
    height: 1px;
    background: #D1174D;
    color: #D1174D;
}

.contentelement ul
{
    padding-left: 15px;
    list-style: disc;
    margin: 15px 0 15px 15px;
}

.contentelement ol
{
    padding-left: 15px;
    list-style: decimal;
    margin: 15px 0 15px 15px;
}

/*Table styling*/
.contentelement table
{
    border: 1px solid #c9c9c9;
    padding: 10px;
    width: 100%;
}

    .contentelement table td
    {
        padding: 10px;
        border: 1px solid #c9c9c9;
    }

    .contentelement table p
    {
        margin: 0 !important;
    }


    .contentelement table tr
    {
        border: 1px solid #c9c9c9;
    }

.in-modal
{
    display: none;
}

#errormessage
{
    margin: 30px 50px 50px 20px;
}

    #errormessage h3
    {
        font-size: 20px;
        font-family: 'Doppio One', Arial;
        font-weight: normal;
        margin: 0 0 10px 0;
    }

.default-filter
{
    margin-bottom: 20px;
    overflow: hidden;
}

    .default-filter h4
    {
        background: #d1174d;
        color: #fff;
        font-family: 'Karla', Arial;
        font-size: 14px;
        font-weight: normal;
        padding: 2px 0 2px 10px;
        margin: 0 0 10px 0;
    }

    .default-filter .break
    {
        border-bottom: 1px solid #d1174d;
        margin: 5px 0 10px 0;
        padding: 0;
        height: 1px;
    }

    .default-filter div
    {
        clear: both;
    }

        .default-filter div.labeled-checkbox
        {
            height: 25px;
        }

    .default-filter > form > div
    {
        margin: 0 0 5px 0;
    }

    .default-filter input
    {
        float: left;
    }

    .default-filter label
    {
        height: 19px;
        display: block;
        float: left;
        padding: 1px 0 0 10px;
    }

    .default-filter #type1 label
    {
        background: url(/Content/images/ico_algemeen.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter #type2 label
    {
        background: url(/Content/images/ico_downloads.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter #type3 label
    {
        background: url(/Content/images/ico_praktijkverhalen.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter #type4 label
    {
        background: url(/Content/images/ico_multimedia.jpg) 8px 0 no-repeat;
        padding: 1px 0 0 30px;
    }

    .default-filter strong
    {
        display: block;
        margin: 10px;
        font-weight: normal;
    }

    .default-filter .labeledcheckbox
    {
        margin: 10px;
        padding: 1px 0;
    }

    .default-filter .break
    {
        padding-top: 10px !important;
    }

.soortenpublicaties > div
{
    margin: 0px 16px 7px;
    padding: 1px;
    border-bottom: 1px solid white;
}

.pagination
{
    overflow: hidden;
    margin: 0 0 20px 0;
    display: block !important;
}

    .pagination ul li
    {
        text-align: center;
        float: left;
        display: block;
        width: 30px;
        height: 27px;
        padding: 3px;
        border: 1px solid #d1174d;
        margin: 0 5px 5px 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .pagination ul li.active
        {
            background: #d1174d;
        }

        .pagination ul li.previous
        {
            background: url(/content/images/sprite.png) -260px -38px;
            text-indent: -9999px;
        }

        .pagination ul li.next
        {
            background: url(/content/images/sprite.png) -278px -38px;
            text-indent: -9999px;
        }

        .pagination ul li.disabled
        {
            display: none;
        }

        .pagination ul li a
        {
            text-decoration: none;
            display: block;
            width: 22px;
            height: 19px;
        }

        .pagination ul li.active a
        {
            color: #fff;
        }


/* COOKIEBAR */
#cookiebar
{
    width: 100%;
    line-height: 32px;
    overflow: hidden;
    background: url(/Content/images/cookie-back.png) repeat;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    color: #FFF;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.4);
    font-size: 13px;
}

* + html
{
    overflow-x: hidden;
}

#cookiebar a
{
    color: #FFF;
    text-decoration: underline;
}

#cookiebar .btn-accept-cookies
{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: #4E4E4E;
}

    #cookiebar .btn-accept-cookies:hover
    {
        background: #D1174D;
    }

    #cookiebar .btn-accept-cookies img
    {
        display: block;
    }

table.cookie-table
{
    border: 1px dashed gray;
    border-bottom: 0;
}

    table.cookie-table td
    {
        padding: 10px;
        border-bottom: 1px dashed gray;
    }

#disabled-social-buttons p
{
    font-size: 14px !important;
}
/* COOKIEBAR - END */


/* FormManager  */
.indicators
{
    display: inline-block;
}

.datatype-indicator,
.required-indicator
{
    padding: 2px 7px 2px 4px;
    font-style: italic;
    display: inline;
}

.form-label label
{
    font-weight: normal !important;
    display: block;
    clear: both;
}

textarea
{
    font-family: Arial;
    font-size: 14px;
}

.labeled-input
{
    border-bottom: 1px #ddd solid;
    clear: both;
    padding-bottom: 10px;
    height: 1%;
    overflow: auto;
    position: relative;
}

.horizontal .form-label
{
    width: 42%;
    float: left;
    padding-right: 8%;
}

.horizontal .form-field
{
    width: 50%;
    float: left;
}

.horizontal .indicators
{
    clear: both;
}

.horizontal input[type=text].groot,
.horizontal textarea.groot,
.horizontal select.groot
{
    width: 300px;
}

.horizontal input[type=text].middel,
.horizontal textarea.middel,
.horizontal select.middel
{
    width: 150px;
}

.horizontal input[type=text].klein,
.horizontal textarea.klein,
.horizontal select.klein
{
    width: 80px;
}

.vertical .labeled-input
{
}

.vertical .form-label
{
    margin-top: 5px;
    margin-bottom: 5px;
    float: left !important;
    display: inline-block !important;
}

.vertical .indicators
{
    position: absolute;
    right: 2px;
    top: 4px;
    clear: none !important;
    margin-left: 30px;
}

.vertical .form-label label
{
    font-weight: bold;
    display: inline-block !important;
    clear: both;
}

.vertical .form-field
{
    margin: 30px 0 10px 0;
    padding-top: 1px !important;
}

.vertical input[type=text].groot,
.vertical textarea.groot,
.vertical select.groot
{
    width: 99%;
}

.vertical input[type=text].middel,
.vertical textarea.middel,
.vertical select.middel
{
    width: 60%;
}

.vertical input[type=text].klein,
.vertical textarea.klein,
.vertical select.klein
{
    width: 80px;
}

.content-form-a1s
{
    font-size: 1px !important;
    background: none !important;
    border: none !important;
}

.form-field div
{
    margin: .6em 0 !important;
}

.labeled-checkbox label,
.labeled-radio label
{
    position: relative;
    top: -.16em;
}

.datatype-indicator
{
    background: #fff;
}

.valid .required-indicator
{
    background: #ac5;
    color: #fff;
}

.invalid .required-indicator
{
    background: #d31;
    color: #fff;
}

.datatype-indicator
{
    display: none;
}

.invalid .datatype-indicator
{
    display: inline;
}

.valid .datatype-indicator
{
    display: none;
}

.form-errors
{
    border: #d99 solid 1px;
    margin: 20px 0;
}

    .form-errors h3
    {
        margin: 10px 0 0 10px !important;
        padding: 1px;
        color: #911;
    }

/* einde FormManager  */

#debuginfo
{
    display: none;
}

    #debuginfo div
    {
        position: absolute;
        top: 5px;
        right: 10px;
        cursor: pointer;
    }

html.preview
{
    background: #eee !important;
}

    html.preview #container
    {
        border: 20px solid red !important;
        background: white;
        height: 1%;
        overflow: auto;
        width: 100%;
        padding: 30px;
        position: relative;
        margin-top: 65px;
    }

    html.preview #preview-indicator
    {
        position: fixed;
        width: 100%;
        top: 0px;
        right: 0px;
        z-index: 999;
        background: red;
        font-size: 20px;
        font-style: italic;
        color: white;
        text-align: center;
    }

#preview-indicator h3
{
    margin: 20px;
}

#preview-indicator div
{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 14px;
    font-style: normal;
    cursor: pointer;
}

.downloads-block
{
    background: #cbcbc3;
}

#pagina-downloads
{
    background: #eee;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit .downloads-block
{
    background: #ff964a !important;
}

.in-programmalijn-loopbaan-en-professionalisering .downloads-block
{
    background: #697cb4 !important;
}

    .in-programmalijn-loopbaan-en-professionalisering .downloads-block h5,
    .in-programmalijn-loopbaan-en-professionalisering .downloads-block p
    {
        color: #D6DBEB !important;
    }

.in-programmalijn-veilig-gezond-en-vitaal-werken .downloads-block
{
    background: #a0ce99 !important;
}

#pagina-downloads h4
{
    color: #333 !important;
    padding-top: 9px;
}

#pagina-downloads ul
{
    width: 100%;
}

#onderwerp-koppelingen .downloads-block p
{
    margin-left: 030px;
}

#onderwerp-koppelingen .fileicon
{
    margin: 0px 5px 0 10px !important;
}

.in-programmalijn-arbeidsmarkt-en-mobiliteit #onderwerp-koppelingen .downloads-block,
.in-programmalijn-arbeidsmarkt-en-mobiliteit #subonderwerp-koppelingen .downloads-block
{
    background-color: #ff964a;
}

.in-programmalijn-loopbaan-en-professionalisering #onderwerp-koppelingen .downloads-block,
.in-programmalijn-loopbaan-en-professionalisering #subonderwerp-koppelingen .downloads-block
{
    background-color: #697cb4;
}

.in-programmalijn-veilig-gezond-en-vitaal-werken #onderwerp-koppelingen .downloads-block,
.in-programmalijn-veilig-gezond-en-vitaal-werken #subonderwerp-koppelingen .downloads-block
{
    background-color: #a0ce99;
}

#disabled-social-buttons
{
    background: url(/content/images/social-media-icons-disabled.png);
    width: 121px;
    height: 20px;
    position: relative;
}

    #disabled-social-buttons > p
    {
        position: absolute;
        top: -80px;
        display: none;
        z-index: 99999;
        font-size: .7em;
        line-height: 1.2em;
        width: 300px;
        background-color: #F6F8FA;
        padding: 1em;
        border: 1px solid #7088B8;
        right: -10px;
    }

body.dt-contactpage .templateblok-links,
body.aanvraag-verzonden .templateblok-links
{
    margin-bottom: 20px;
}

body.aanvraag-verzonden .templateblok-rechts,
body.dt-contactpage .templateblok-rechts
{
    margin-top: 60px;
}

body.aanvraag-verzonden .templateblok-rechts
{
    margin-top: 10px;
}

body.aanvraag-verzonden h1,
body.dt-contactpage h2
{
    display: block;
    color: #d1174d;
    margin: 0 30px 30px 0;
    font-size: 36px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
    line-height: 38px;
}

body.aanvraag-verzonden h4,
body.dt-contactpage .contentelement h4
{
    background: #d1174d;
    color: #fff;
    padding: 3px 6px;
    margin-bottom: 8px;
}

body.dt-contactpage .content-form
{
    margin: 20px 0 0 0;
    background: #fae7ed;
    padding: 1px;
}

.content-form form
{
    margin: 20px;
}

body.dt-contactpage label
{
    color: #d1174d;
    font-style: italic;
    font-size: 14px;
}

.templateblok-clear
{
    clear: both;
    margin: 10px 0;
    height: 1px;
}

#sitemap h2,
#sitemap h3
{
    display: block;
    color: #4e4e4e;
    margin: 0 30px 10px 0;
    font-size: 20px;
    font-family: 'Doppio One', Arial;
    font-weight: normal;
}

#sitemap h2
{
    font-size: 28px;
    margin: 30px 0 20px 0;
}

#sitemap li
{
    margin: 0;
    line-height: 1.6em;
}

    #sitemap li ul
    {
        margin: .2em 0 .2em 1.2em;
    }

#sitemap div > ul > li > a
{
    font-weight: bold;
}

.one
{
    clear: both;
    overflow: auto;
}

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

.onethird
{
    width: 33%;
    float: left;
}

.alles-pagina
{
    border: 1px solid #ac5;
    margin-bottom: 10px;
    padding: 5px;
}

    .alles-pagina.alles-onzichtbaar
    {
        border-color: #dd9999;
        background: #ffeeee;
    }

.alles-breadcrumbs
{
    width: 800px;
    height: 1%;
    overflow: auto;
    margin: 0;
}

    .alles-breadcrumbs li
    {
        display: block;
        float: left;
    }

    .alles-breadcrumbs,
    .alles-breadcrumbs a
    {
        color: #999;
        text-decoration: none;
    }

        .alles-breadcrumbs li a
        {
            display: block;
            background: #fff;
            padding: 0px 0px 0px;
            margin: 0 15px 5px 0;
            border-bottom: 1px solid #bbb;
        }

        .alles-breadcrumbs li.last
        {
            padding: 0px 0 1px;
        }

        .alles-breadcrumbs:hover a
        {
            color: #333;
            border-color: #555;
        }

#templateblok-content
{
    margin: 10px;
}

#templateblok-faqs .contentelement
{
    position: relative;
    padding: 10px;
    margin: 0 10px;
    border-bottom: 1px solid #eee;
}

    #templateblok-faqs .contentelement:nth-of-type(2n+1)
    {
        background: #f7f7f7;
    }

    #templateblok-faqs .contentelement > div
    {
        display: none;
    }

    #templateblok-faqs .contentelement div
    {
        padding: 10px 80px 20px 20px !important
    }


    #templateblok-faqs .contentelement h2
    {
        font-family: arial !important;
        font-size: 14px;
        margin: 10px;
        cursor: pointer;
        line-height: 18px;
    }

        #templateblok-faqs .contentelement h2:hover
        {
            color: #ff964a;
        }

#templateblok-faqs.show-question-marks .contentelement h2
{
    position: relative;
    margin-left: 29px;
}


    #templateblok-faqs.show-question-marks .contentelement h2:before
    {
        content: "\f059";
        font-family: FontAwesome;
        color: #ff964a;
        width: 20px;
        position: absolute;
        top: 0;
        left: -25px;
        height: 38px;
    }


#templateblok-faqs .contentelement.active
{
    border-bottom: 0px;
}

    #templateblok-faqs .contentelement.active h2
    {
        font-size: 14px;
        font-weight: 600;
        color: #ff964a;
    }

        #templateblok-faqs .contentelement.active h2:before
        {
            font-weight: normal !important;
        }

    #templateblok-faqs .contentelement.active > div
    {
        display: block;
        margin: 10px;
        padding: 10px 0;
    }

#maploaderholder
{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    background: white;
    display: none;
}
/*  pas zichtbaar bij eerste opening tab */
#maploader
{
    margin: 24px;
}


@media (max-width: 899px)
{
    #kaart iframe
    {
        width: 100%;
        height: 500px;
    }
}

@media (min-width: 900px)
{
    #kaart iframe
    {
        width: 750px;
        height: 500px;
    }
}






/* RESPONSIVE MENU */
#hamburger
{
    display: none;
    height: 27px;
    right: 15px;
    margin: 0;
    position: absolute;
    top: 6px;
    width: 70px;
    z-index: 2;
}

    #hamburger:before, #hamburger:after, #hamburger span
    {
        background: none repeat scroll 0 0 #d1174d;
        content: "";
        display: block;
        height: 4px;
        right: 0;
        position: absolute;
        width: 24px;
    }

    #hamburger:before
    {
        top: 4px;
    }

    #hamburger:after
    {
        bottom: 5px;
    }

    #hamburger span
    {
        margin-top: -3px;
        top: 50%;
    }

    #hamburger em
    {
        position: absolute;
        left: 0;
        top: 1px;
        line-height: 25px;
        font-style: normal;
        font-weight: 400;
        color: #666666;
        font-size: 12px;
    }

    #hamburger:before, #hamburger:after, #hamburger span
    {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -moz-transition-property: transform, top, bottom, left, opacity;
        -o-transition-property: transform, top, bottom, left, opacity;
        -webkit-transition-property: transform, top, bottom, left, opacity;
        transition-property: transform, top, bottom, left, opacity;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

html.mm-opening #hamburger span
{
    right: 0;
    opacity: 0;
}

html.mm-opening #hamburger:before
{
    top: 13px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

html.mm-opening #hamburger:after
{
    bottom: 10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#zoek
{
    position: absolute;
    right: 15px;
    top: 37px;
    text-decoration: none;
    color: #666666;
    display: none;
}

    #zoek em
    {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 25px;
        position: absolute;
        right: 35px;
        top: 2px;
    }

    #zoek span
    {
        font-size: 25px;
        color: #d1174d;
        margin-left: 10px;
    }

ul.praktijklokalen
{
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px)
{
    ul.praktijklokalen
    {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 20px;
    }
}

.praktijklokalen .item
{
    width: 212px;
    height: 212px;
    position: relative;
    margin-right: 40px;
    margin-bottom: 20px;
}

    .praktijklokalen .item:last-child
    {
        margin-right: 0;
    }

.praktijklokalen .practicum
{
    background: url(/Content/images/Veilig_practicum.png) no-repeat center center;
}

.praktijklokalen .pro
{
    background: url(/Content/images/pro.png) no-repeat center center;
}

.praktijklokalen .bouwen
{
    background: url(/Content/images/bouwen.png) no-repeat center center;
}

.praktijklokalen .pie
{
    width: 213px;
    background: url(/Content/images/pie.png) no-repeat center center;
}

.praktijklokalen .leeg
{
    width: 213px;
    background: url(/Content/images/leeg.png) no-repeat center center;
}

.praktijklokalen .techniek
{
    width: 213px;
    background: url(/Content/images/techniek.png) no-repeat center center;
}

.praktijklokalen .m-en-t
{
    width: 213px;
    background: url(/Content/images/veilige-praktijlokalen-m-en-t.png) no-repeat center center;
}

.praktijklokalen .zw
{
    width: 213px;
    background: url(/Content/images/veilige-praktijklokalen-zw.jpg) no-repeat center center;
    background-size: contain;
}

.praktijklokalen .dp
{
    width: 213px;
    background: url(/Content/images/veilige-praktijklokalen-dp.png) no-repeat center center;
}

.praktijklokalen .kunstvakken
{
    width: 213px;
    background: url(/Content/images/veilige-praktijklokalen-kunstvakken.png) no-repeat center center;
}

.ec-circle
{
    width: 200px;
    height: 200px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 20px #fff, 0 0 20px #fff;
    transition: box-shadow 400ms ease-in-out;
    display: block;
    outline: none;
    position: absolute;
    top: 7px;
    left: 7px;
    padding-top: 90px;
}

.leeg .ec-circle
{
    top: 6px;
    left: 6px;
}

.ec-circle-hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 5px #fff, 0 0 5px #fff;
}

.ec-circle:hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 5px #fff, 0 0 5px #fff;
}

.praktijklokalen .item a
{
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    margin-top: 43%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 53%;
}

.praktijklokalen .item span
{
    width: 212px;
    text-align: center;
}

.praktijklokalen .bouwen a
{
    margin-top: 35%;
}

.praktijklokalen .practicum a
{
    margin-top: 35%;
}

/*lege bollen*/
.praktijklokalen .item span.link
{
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 22px;
    margin-top: 43%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 53%;
}

.praktijklokalen .bouwen span.link
{
    margin-top: 35%;
}

.praktijklokalen .practicum span.link
{
    margin-top: 35%;
}

.praktijklokalen .pie span.link
{
    margin-top: 35%;
}

.leeg .ec-circle-hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 20px #fff, 0 0 20px #fff;
}

.leeg .ec-circle:hover
{
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 20px #fff, 0 0 20px #fff;
}


@media (max-width:1200px)
{
    .nivoSlider img
    {
        width: auto !important;
        height: 340px !important;
    }

    #pagina-content table
    {
        max-width: 100%;
        overflow-x: auto;
        display: block;
    }

    #pagina-content div.table-responsive
    {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width:991px)
{
    #MainNav, #utils, #breadcrumbs
    {
        display: none;
    }

    #zoek, #hamburger
    {
        display: inline-block;
    }

    input.zoek_btn
    {
        background: #ff964a;
        color: #fff;
        border: 0;
        display: inline-block;
        line-height: 26px;
        font-weight: 700;
        padding: 0 10px;
        border-radius: 0;
    }

    #headerimage
    {
        height: auto;
        margin: 0 0 20px 0;
    }

        #headerimage img
        {
            min-height: 0;
        }

    #programmalijn-blokken
    {
        margin-bottom: 0;
    }

        #programmalijn-blokken .blok
        {
            height: 380px;
        }

    #portal-items.css3 .portal-evenementen, #portal-items.css6 .portal-evenementen
    {
        height: auto !important;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }

        #portal-items.css3 .portal-evenementen ul, #portal-items.css6 .portal-evenementen ul
        {
            height: auto !important;
        }


    #programma-nieuws-en-cursussen .blokken,
    #onderwerp-koppelingen .blok
    {
        margin-bottom: 20px;
    }

    #onderwerp-tabsholder .knoppen li
    {
        margin-right: 8px;
    }

        #onderwerp-tabsholder .knoppen li a
        {
            display: block;
        }

    ul.praktijklokalen
    {
        width: 100%;
    }
}

@media (min-width: 992px)
{
    .nav-mobile-only
    {
        display: none;
    }
}

.item img.modelthumbnail
{
    width: 100%;
    height: auto;
}

@media (max-width:767px)
{

    #portal-items .item a.btn
    {
        position: static;
        padding: 10px 0 10px 10px;
        margin: 0;
    }

    .hideonmobile
    {
        display: none;
    }

    .showonmobile
    {
        display: inline-block;
    }

    #logo
    {
        display: none;
    }

    #logolink
    {
        background: url(/Content/images/voion-logo-mobile.gif) 0 0 no-repeat;
        background-size: contain;
        width: 100px;
        height: 53px;
        display: inline-block;
        margin-top: 10px;
    }

    #header
    {
    }

    #addthis, #breadcrumbs
    {
        display: none;
    }

    #contentcontainer img
    {
        max-width: 100%;
    }

    .contentelement .afbeelding.left, .contentelement .afbeelding.right
    {
        float: none;
    }

    #footer .kolom.last
    {
        margin-bottom: 20px;
        display: inline-block;
    }

    #programmalijn-blokken .blok
    {
        padding-bottom: 25px;
        height: auto;
        margin-bottom: 30px;
    }

    h1.programmalijn, #titel_onderwerp, .nieuwsitem-details h1, .evenement-details h1, .publicatie-details h1, .instrument-details h1, #titel_programma_sub
    {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 10px 0;
    }

    .nieuwsitem-details h2, .evenement-details h2, .publicatie-details h2
    {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 20px;
    }

    .bg-danger
    {
        padding: 15px;
        margin-bottom: 15px;
        color: #333
    }

        .bg-danger p
        {
            margin: 0 !important;
        }

    #portal-items .item h3, #portal-items .item p
    {
        height: auto;
    }

    #slider span
    {
        display: none;
    }

    #contentcontainer
    {
        position: relative;
    }

    .nivoSlider, #slider, .nivoSlider img
    {
        height: auto !important;
        width: 100% !important;
    }

    .nivo-directionNav, .nivo-controlNav
    {
        display: none;
    }

    #headerimage img
    {
        min-height: 0;
    }

    #zoekveldContainer, #sliderContainer, #headerimage
    {
        display: none;
    }

    body.bestuur-voion #headerimage
    {
        display: block;
        height: auto;
        margin-bottom: 0
    }

    .q
    {
        line-height: 24px;
        padding: 0 5px;
        color: #000;
        border: 1px solid #666666;
        border-radius: 0;
    }

    #onderwerp-tabsholder .knoppen li
    {
        margin: 0;
        text-align: center;
        width: 25%;
        height: 31px;
    }

        #onderwerp-tabsholder .knoppen li span
        {
            font-size: 18px;
        }

    .wrapper_titel_onderwerp, .wrapper_titel_programma_sub
    {
        margin-bottom: 0;
    }

    h1.programmalijn, #titel_onderwerp, #titel_programma_sub
    {
        font-size: 18px;
        background: #ff964a;
        color: #fff !important;
        margin: 0 -15px;
        padding: 5px 15px;
    }

    h2
    {
        font-size: 24px;
    }

    .programmalijn-loopbaan-en-professionalisering h1.programmalijn, .programmalijn-loopbaan-en-professionalisering #titel_onderwerp, .programmalijn-loopbaan-en-professionalisering #titel_programma_sub
    {
        background: #697cb4;
    }

    .programmalijn-veilig-gezond-en-vitaal-werken h1.programmalijn, .in-programmalijn-veilig-gezond-en-vitaal-werken #titel_onderwerp, .in-programmalijn-veilig-gezond-en-vitaal-werken #titel_programma_sub
    {
        background: #a0ce99;
    }

    #onderwerp-submenu ul li
    {
        line-height: 22px !important;
    }

    #pagina-submenu
    {
        margin-top: 0;
    }

    .toggleonmobile ul, .toggleonmobile .toggleme
    {
        display: none;
    }

    .toggleonmobile.opened ul, .toggleonmobile.opened .toggleme
    {
        display: block;
    }

    .wrapper-onderwerp-submenu
    {
        margin-bottom: 20px;
        overflow: hidden;
    }

        .wrapper-onderwerp-submenu .toggleonmobile
        {
            margin: 0 -15px 10px;
            padding: 0 15px;
        }

            .wrapper-onderwerp-submenu .toggleonmobile h4
            {
                margin: 0 -15px !important;
                padding: 5px 15px !important;
            }

    .in-programmalijn-arbeidsmarkt-en-mobiliteit .wrapper-onderwerp-submenu h4
    {
        background: rgba(255, 150, 74, 0.60) !important;
    }

    .in-programmalijn-loopbaan-en-professionalisering .wrapper-onderwerp-submenu h4
    {
        background: rgba(105, 124, 180, 0.60) !important;
    }

    .in-programmalijn-veilig-gezond-en-vitaal-werken .wrapper-onderwerp-submenu h4
    {
        background: rgba(160, 206, 153, 0.70) !important;
    }

    #onderwerp-tabsholder .knoppen
    {
        border-bottom: 0 !important;
    }

    #pagina-content ul
    {
        margin-left: 15px;
    }

    #cookiebar
    {
        line-height: 21px;
        padding: 5px 40px 5px 0;
    }

    #evenement-formulier, .dt-news h1, .cursussen h1, .publicaties h1, .instrumenten h1, .instrument-details h2
    {
        margin-bottom: 20px;
    }

    .invalid .datatype-indicator
    {
        display: none;
    }

    .check-verzuimaanpak-resultaat
    {
        padding: 10px;
    }

    .instrumenten h1, .instrument-details h2, .dt-news h1, .nieuwsitem-details h2, .publicaties h1, .publicatie-details h2, .agenda h1, .evenement-details h2
    {
        font-size: 26px;
        line-height: 28px;
    }

    .table-medewerkers table td
    {
        display: block;
    }
}

/*STYLING Spotler form*/
#form1002
{
    margin: 0;
    padding: 0;
    width: 100%;
}

    #form1002 .mpFormTable
    {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #form1002 .mpTwoColumnLayout
    {
        width: 100%;
    }

    #form1002 .mpFormLabel
    {
        width: 290px;
    }

    #form1002 .mpFormField
    {
        width: 290px;
    }

        #form1002 .mpFormField ul
        {
            margin: 0;
        }

            #form1002 .mpFormField ul li
            {
                margin: 0;
                list-style: none;
            }

                #form1002 .mpFormField ul li input
                {
                    margin: 0 10px 0 0;
                }

        #form1002 .mpFormField input[type="text"]
        {
            width: 270px;
        }

        #form1002 .mpFormField input[type="radio"]
        {
            float: left;
        }

    #form1002 .mpHighlight
    {
        background: rgba(255, 150, 74, 0.2) !important;
    }

    #form1002 .mpErrorRow
    {
        color: #d1174d;
        font-weight: bold !important;
        font-style: italic;
    }

        #form1002 .mpErrorRow label
        {
            margin: 0 0 0 290px;
        }

.carousel-control.left,
.carousel-control.right
{
    display: none;
}

iframe#mailplusiframe-inschrijfform
{
    width: 400px !important;
    margin-top: 30px;
}

.umbraco-forms-page .umbraco-forms-caption
{
    background: #eee;
    padding: 1em 35px
}

.umbraco-forms-page .form-row
{
    margin: 0 30px
}

.umbraco-forms-page .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper, .umbraco-forms-page .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper, .umbraco-forms-page .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper, .umbraco-forms-page .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper
{
    margin-top: 10px;
    margin-bottom: 30px;
    position: relative
}

.umbraco-forms-page .umbraco-forms-navigation
{
    border-top: 1px solid #eee;
    padding: 20px 0 20px 0
}

    .umbraco-forms-page .umbraco-forms-navigation .first-col
    {
        padding-left: 0
    }

    .umbraco-forms-page .umbraco-forms-navigation .next
    {
        background: rgba(10,190,240,0.4);
        margin: 0 0 0 10px
    }

        .umbraco-forms-page .umbraco-forms-navigation .next:hover
        {
            background: rgba(10,190,240,0.7)
        }

    .umbraco-forms-page .umbraco-forms-navigation .primary
    {
        background: #D1174D;
        color: #FFFFFF;
        font-weight: bold;
        padding-left: 2rem;
        padding-right: 2rem;
    }

.umbraco-forms-page fieldset
{
    border: 0px solid #aaa
}

    .umbraco-forms-page fieldset legend
    {
        border-top: 1px solid #ddd;
        padding: 1em 35px
    }

.umbraco-forms-form .custom-control
{
    position: relative;
}

.umbraco-forms-form .custom-radiobutton
{
    padding: 2px 0 5px 0;
}

.umbraco-forms-form .dataconsent label
{
    margin-left: 30px;
}

.umbraco-forms-form .dataconsent > label
{
    margin-left: 0px;
}

.umbraco-forms-submitmessage
{
    margin-top: 50px;
    font-size: 21px;
    color: #d1174d;
}


.debugger
{
    background: tomato;
    outline: 1px solid red;
    min-height: 200px;
}

/*
YUI 3.6.0 (build 5521)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/* base.css, part of YUI's CSS Foundation */
.yui3-cssbase h1
{
    /*18px via YUI Fonts CSS foundation*/
    font-size: 138.5%;
}

.yui3-cssbase h2
{
    /*16px via YUI Fonts CSS foundation*/
    font-size: 123.1%;
}

.yui3-cssbase h3
{
    /*14px via YUI Fonts CSS foundation*/
    font-size: 108%;
}

.yui3-cssbase h1, .yui3-cssbase h2, .yui3-cssbase h3
{
    /* top & bottom margin based on font size */
    margin: 1em 0;
}

.yui3-cssbase h1, .yui3-cssbase h2, .yui3-cssbase h3, .yui3-cssbase h4, .yui3-cssbase h5, .yui3-cssbase h6, .yui3-cssbase strong
{
    /*bringing boldness back to headers and the strong element*/
    font-weight: bold;
}

.yui3-cssbase abbr, .yui3-cssbase acronym
{
    /*indicating to users that more info is available */
    border-bottom: 1px dotted #000;
    cursor: help;
}

.yui3-cssbase em
{
    /*bringing italics back to the em element*/
    font-style: italic;
}

.yui3-cssbase blockquote, .yui3-cssbase ul, .yui3-cssbase ol, .yui3-cssbase dl
{
    /*giving blockquotes and lists room to breath*/
    margin: 1em;
}

.yui3-cssbase ol, .yui3-cssbase ul, .yui3-cssbase dl
{
    /*bringing lists on to the page with breathing room */
    margin-left: 2em;
}

.yui3-cssbase ol
{
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}

.yui3-cssbase ul
{
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}

.yui3-cssbase dl dd
{
    /*providing spacing for definition terms*/
    margin-left: 1em;
}

.yui3-cssbase td
{
    padding: .5em;
}

.yui3-cssbase th
{
    /*distinguishing table headers from data cells*/
    font-weight: bold;
    text-align: center;
}

.yui3-cssbase caption
{
    /*coordinated margin to match cell's padding*/
    margin-bottom: .5em;
    /*centered so it doesn't blend in to other content*/
    text-align: center;
}

.yui3-cssbase p, .yui3-cssbase fieldset, .yui3-cssbase table, .yui3-cssbase pre
{
    /*so things don't run into each other*/
    margin-bottom: 1em;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssbase-context
{
    display: none;
}

ul + p
{
    /*padding-top: 20px;*/
}

ul.ecss-list li
{
    border-bottom: 1px solid #e7e7e7;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    position: relative;
}

.ecss-icon
{
    position: absolute;
    top: 26px;
    left: 0;
}

.ecss-shift
{
    margin-left: 35px;
}

.ecss-date
{
    color: #aaa;
    font-size: 13px;
}

.ecss-link
{
    text-decoration: none;
}

    .ecss-link:hover
    {
        color: #666 !important;
        text-decoration: underline;
    }

    .ecss-link h4
    {
        color: #666;
    }

.ecss-koppelingen span
{
    display: inline-block;
    margin-right: 6px;
    font-size: 13px;
    font-weight: 400;
}

.ecss-koppelingen .in-programmalijn-veilig-gezond-en-vitaal-werken
{
    color: rgba(105, 184, 93, .67);
}

.ecss-koppelingen .in-programmalijn-arbeidsmarkt-en-mobiliteit
{
    color: rgba(255, 122, 27, .64);
}

.ecss-koppelingen .in-programmalijn-algemeen-voion
{
    color: rgba(209, 23, 77, .47);
}

/* Hide screen, hide print */

@media only screen
{
    .hide-screen,
    .hide-screen *
    {
        display: none !important;
    }
}

@media only print
{
    .hide-print,
    .hide-print *
    {
        display: none !important;
    }

    #titel_onderwerp
    {
        padding-top: 3cm;
    }

    .wrapper-onderwerp-submenu h1
    {
        margin-top: 30pt;
    }

    h1
    {
        font-size: 36px !important;
        font-weight: bold !important;
    }

    h2
    {
        font-size: 30px !important
    }

    h3
    {
        font-size: 24px !important
    }

    h4
    {
        font-size: 18px !important
    }

    h5
    {
        font-size: 14px !important
    }

    h6
    {
        font-size: 12px !important
    }
}

.regio-in-beeld-activiteiten .item.haslink:hover,
#portal-items .item.haslink:hover
{
    cursor: pointer;
}

@media (min-width: 768px)
{
    .mobile-only
    {
        display: none;
    }
}

/*Table styling*/
.tekst table
{
    border: 1px solid #c9c9c9;
    padding: 10px;
    width: 100%;
}

    .tekst table td
    {
        padding: 10px;
        border: 1px solid #c9c9c9;
    }

    .tekst table p
    {
        margin: 0 !important;
    }

    .tekst table tr
    {
        border: 1px solid #c9c9c9;
    }

.order-first
{
    order: -1;
}

.order-last
{
    order: 13;
}

/* Feedback widget */
.feedback-widget-container
{
    position: relative;
    display: none;
}

    .feedback-widget-container.active
    {
        display: block;
    }

.feedback-widget-wrapper
{
    width: 100%;
    height: auto;
    padding: 2rem;
    margin: 2rem 0;
    box-shadow: 0px 0px 4px 0px #0000001A;
    position: relative;
}

.dt-topic .feedback-widget-wrapper
{
    max-width: 40rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.feedback-widget-wrapper .close
{
    top: -1rem;
    right: -1rem;
    z-index: 4;
    position: absolute;
    color: #000000;
    font-size: 2.5rem;
    opacity: 1;
}

    .feedback-widget-wrapper .close:hover .fa-times-circle:before
    {
        color: #D1174D;
    }

    .feedback-widget-wrapper .close .fa-times-circle:before
    {
        color: #6B5D81;
        transition: 0.15s color ease;
    }

.feedback-widget-wrapper h5
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
    color: #000000;
    margin-bottom: 2rem;
    text-align: center;
}

.feedback-widget-wrapper .form-toggle
{
    display: none;
}

    .feedback-widget-wrapper .form-toggle.active
    {
        display: block;
    }

.feedback-widget-wrapper .feedback-toggle
{
    display: none;
    margin-top: 1.5rem;
}

    .feedback-widget-wrapper .feedback-toggle.active
    {
        display: block;
    }

.feedback-widget-wrapper .result-toggle
{
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.feedback-widget-wrapper .submit-fail
{
    display: none;
    font-weight: bold;
}

    .feedback-widget-wrapper .submit-fail h5
    {
        margin-bottom: 0.5rem;
    }

    .feedback-widget-wrapper .submit-fail i
    {
        font-size: 2.3rem;
        margin-right: 0.5rem;
        color: red;
    }

.feedback-widget-wrapper .result-toggle.active
{
    display: flex;
}

.feedback-widget-wrapper .result-toggle i
{
    color: #50A244;
    font-size: 2.3rem;
    margin-right: 0.5rem;
}

.feedback-widget-wrapper .result-toggle h5
{
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.feedback-widget-wrapper .smiles-wrapper
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

    .feedback-widget-wrapper .smiles-wrapper input[type=radio]
    {
        display: none;
    }

    .feedback-widget-wrapper .smiles-wrapper label
    {
        display: block;
        cursor: pointer;
    }

        .feedback-widget-wrapper .smiles-wrapper label i
        {
            font-family: fontawesome;
            font-size: 4rem;
        }

.feedback-widget-wrapper textarea
{
    width: 100%;
    min-width: 100%;
    min-height: 10rem;
    padding: 1.2rem;
    margin-bottom: 2rem;
    border: 0.5px solid #E8E9E6;
    background-color: #fefefe;
}

    .feedback-widget-wrapper textarea::placeholder
    {
        color: #000000;
    }

.feedback-widget-wrapper .thumb-icon
{
    padding: 0.5rem;
    width: 3rem;
    height: 3rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transition: transform 0.15s linear;
    transform-origin: center center;
}

    .feedback-widget-wrapper .thumb-icon.active
    {
        transform: scale(1.2);
    }

    .feedback-widget-wrapper .thumb-icon:hover
    {
        transform: scale(1.2);
    }

.feedback-widget-wrapper .thumb-up
{
    background-image: url(/Content/images/feedback-widget/thumbs-up-lines.svg);
}

    .feedback-widget-wrapper .thumb-up.selected
    {
        background-image: url(/Content/images/feedback-widget/thumbs-up-solid.svg);
    }

    .feedback-widget-wrapper .thumb-up:hover
    {
        background-image: url(/Content/images/feedback-widget/thumbs-up-solid.svg);
    }

.feedback-widget-wrapper .thumb-down
{
    background-image: url(/Content/images/feedback-widget/thumbs-down-lines.svg);
}

    .feedback-widget-wrapper .thumb-down.selected
    {
        background-image: url(/Content/images/feedback-widget/thumbs-down-solid.svg);
    }

    .feedback-widget-wrapper .thumb-down:hover
    {
        background-image: url(/Content/images/feedback-widget/thumbs-down-solid.svg);
    }

.feedback-widget-wrapper button[type=submit]
{
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 0.5rem;
}

.feedback-widget-wrapper .preload-images
{
    width: 0;
    height: 0;
}