/* TEMPORARY header */
.werken-bij #subheader {
    /*display: none;*/
}
/* header */
.werken-bij #header { 
    height: 100px;
	
	position: relative;
	background: #000;
	overflow: hidden;
	padding-right: 15px;
	width: 959px;
	border-left: 1px solid black;	
}
    .werken-bij #header #logo { 
        /*position: absolute;
        top: 14px;
        left: 21px;*/
        float: left;
    }
        .werken-bij #header #logo a {
            display: block;
            width: 151px;
            height: 60px;
        }

/* thickbox forms */
.werken-bij input.delete {
    background-image: url('../../images/skins/werken-bij/icon_delete.gif');
}
    .werken-bij input.delete.hover, 
    .werken-bij input.delete:hover {
        background-image: url('../../images/icon_delete_grey.gif');
    }

/* form inputs */
.werken-bij input.text,
.werken-bij textarea,
.werken-bij select {
    border: 1px solid #c80000;
}

/* breadcrumb */
.werken-bij #breadcrumb {
    float: left;
    padding: 0px 0px 0px 220px;
}
    .werken-bij #breadcrumb div {
        background: #c80000; 
        float: left; 
        color: #FFF; 
    }
    .werken-bij #breadcrumb a {
        background-color: #c80000;
        background-image: url('../../images/skins/werken-bij/crumb_bg_a.gif');
    }
    .werken-bij #breadcrumb a.start {
        width: 3px;
        height: 20px;
        background: transparent url('../../images/skins/werken-bij/crumb_div_start.gif') no-repeat top left;
    }
        .werken-bij #breadcrumb a.start img { display: none; }
    .werken-bij #breadcrumb span     { background-image: url('../../images/skins/werken-bij/crumb_div.gif'); }
    .werken-bij #breadcrumb span.end { background-image: url('../../images/skins/werken-bij/crumb_div_end.gif'); }

/* button */
.werken-bij .button {
    padding: 0px 0px 40px 0px;
    background-image: url('../../images/skins/werken-bij/red-right.gif');
}
    .werken-bij .button .inner {
        background-image: url('../../images/skins/werken-bij/red-left.gif');
    }

/* content */
.werken-bij #content {
    position: relative;
    padding-top: 50px;
}

/* superscript top menu  */
ul.sup-menu {
    position: absolute;
    top: 30px;
    right: 10px;
    }
html.small .werken-bij .generic-form .quarter {
    width: 210px !important;
}
/* /TEMPORARY header */


/* content header */
.werken-bij h2 {
    font-size: 140%;
    margin: 10px 0px;
    padding: 12px 0px 3px 0px;
    border-bottom: 2px solid #CCCCCC;
}

/* print */
.werken-bij a.print {
    color: black;
    background-image: url('../../images/skins/werken-bij/icon_print.gif') !important;
}
    .werken-bij a:hover.print {
        text-decoration: none;
    }

/* werken bij menu lists */
.werken-bij ul.arrowblue li {
    background-image: url('../../images/skins/werken-bij/arrow.gif') !important;
    padding-left: 10px;
    background-position: 0px 0.35em !important;
}
    .werken-bij ul.arrowblue li li {
        padding-left: 0px;
    }
    .werken-bij ul.arrowblue li a {
        text-decoration: underline;
    }
    .werken-bij ul.arrowblue li a:hover {
        text-decoration: none;
    }

/* left sub-navigation */
html.small .werken-bij .sub-navigation { width: 175px; }

.werken-bij .sub-navigation {
    position: relative;
    top: -2.1em;
    left: 0px;
    clear: left;
    width: 185px;
    padding-right: 0px;
    overflow: hidden;
}
    .werken-bij .sub-navigation .smallpadding {
        padding-left: 0px;
    }

    /* nav mood images */
    .werken-bij .sub-navigation.mood {
        padding-bottom: 420px;
        background-repeat: no-repeat;
        background-position: bottom left;
    }
    .werken-bij .sub-navigation.mood-menu-1 { background-image: url('../../images/skins/werken-bij/mood_menu_1.jpg'); }
    .werken-bij .sub-navigation.mood-menu-2 { background-image: url('../../images/skins/werken-bij/mood_menu_2.jpg'); }
    .werken-bij .sub-navigation.mood-menu-3 { background-image: url('../../images/skins/werken-bij/mood_menu_3.jpg'); }

    /* list images */
    .werken-bij .sub-navigation ul.arrowblue li {
        padding-left: 18px;
        background-position: 8px 0.35em !important;
    }
    .werken-bij .sub-navigation ul.arrowblue li li {
        padding-left: 12px;
        background-position: 2px 0.35em !important;
    }
        .werken-bij .sub-navigation ul.arrowblue li.folded {
            background-image: url('../../images/skins/werken-bij/menu_plus.gif') !important;
            background-position: 6px 0.35em !important;
        }
        .werken-bij .sub-navigation ul.arrowblue li.unfolded {
            padding-top: 2px;
            padding-bottom: 2px;
            background-image: url('../../images/skins/werken-bij/menu_min.gif') !important;
            background-position: 0px 0px !important;
        }

/* top content navigation */
.werken-bij p.top-content-navigation {
    margin-bottom: 25px;
}
    .werken-bij p.top-content-navigation a {
        display: block;
        padding: 1px 0px 2px 17px;
        background: #C80000 url('../../images/arrow_white.gif') no-repeat 8px 0.5em;
        color: white;
        text-decoration: underline;
    }

/* trigger content */
.werken-bij #columnleft p.trigger-do-test a {
    margin-top: 5px;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
    height: 151px;
    background: white url('../../images/skins/werken-bij/trigger_do_test_content.jpg') no-repeat bottom left;
}
html.small #columnleft p.trigger-do-test a {
    background-image: url('../../images/skins/werken-bij/trigger_do_test_content_small.jpg');
}

/* testimonial */
.werken-bij .testimonial {
    position: relative;
    background: transparent url('../../images/skins/werken-bij/testimonial-bottom.gif') no-repeat bottom left;
    margin: 2.2em 0;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid white;
    z-index: 10;
}
    .werken-bij .testimonial p.quote {
        font-weight: bold;
        margin: 0px 0px 0px 0px !important;
        padding: 5px 0px 0px 16px;
        background: transparent url('../../images/skins/werken-bij/testimonial-top.gif') no-repeat top left;
    }
    .werken-bij .employer-container {
        position: relative;
        height: 140px;
        overflow: hidden;
    }
    .testimonial img {
        margin-top: 21px;
        margin-left: 6px;
        display: block;
    }
    .werken-bij .testimonial p.employer-data {
        position: absolute;
        bottom: 4px;
        left: 6px;
        margin: 0px !important;
        line-height: 12px;
        color: #828282;
        z-index: 110;
    }

/* do test trigger */
.werken-bij #columnright p.trigger-do-test {
    position: relative;
    height: 43px;
    margin: 2.2em 0px 12px 0px;
}
    .werken-bij #columnright p.trigger-do-test a {
        position: absolute;
        top: -3px;
        left: -1px;
        display: block;
        padding: 3px 0px 0px 0px;
        width: 188px;
        height: 40px;
        background: white url('../../images/skins/werken-bij/trigger_do_test_column.gif') no-repeat top left;
    }
        .werken-bij #columnright p.trigger-do-test a {
            text-decoration: none;
        }
        .werken-bij #columnright p.trigger-do-test a:hover {
            overflow: hidden;
            color: #000000;
        }
        .werken-bij #columnright p.trigger-do-test a span.header {
            display: block;
            padding: 3px 0px 0px 7px;
            font-size: 125%;
            font-weight: bold;
        }
        .werken-bij #columnright p.trigger-do-test a span.link {
            display: block;
            margin-top: -1px;
            padding: 0px 0px 0px 18px;
            font-size: 105%;
            text-decoration: underline;
        }
            .werken-bij #columnright p.trigger-do-test a:hover .link {
                text-decoration: none;
            }

/* flash movies */
html.small .flash-movie.content { width: 325px; overflow: hidden;}
.werken-bij .flash-movie.content {
    margin-bottom: 19px;
}
.werken-bij .flash-movie.column {
    margin-top: 2.2em;
    margin-bottom: 19px;
}
    .werken-bij .flash-movie a {
        display: block;
    }
    .werken-bij .flash-movie a img {
        vertical-align: bottom;
    }

/* galery */
html.small .galery { width: 325px; }
html.small .galery .viewer { width: 325px; }
html.small .galery .viewer img { width: 325px; }
html.small .galery .thumbnail-container { width: 325px; }
html.small .galery p.thumbnails { width: 340px; left: -5px;}
html.small .galery p.thumbnails a { margin: 5px; }

.galery {
    position: static;
    margin-bottom: 30px;
    width: 514px;
}
    .galery .viewer {
        position: relative;
        overflow: hidden;
        width: 514px;
    }
        .galery .viewer img {
            display: block;
        }
        .galery .viewer p {
            margin: 0;
            padding: 2px 10px 10px 3px;
            background-color: #C80000;
            color: white;
        }
            .galery .viewer .controls {
                position: absolute;
                right: 5px;
                bottom: 3px;
            }
                .galery .viewer .controls a {
                    float: left;
                    display: block;
                    width: 21px;
                    height: 20px;
                    overflow: hidden;
                    text-indent: -9999em;
                    background-position: 0px 0px;
                    background-repeat: no-repeat;
                }
                    .galery .viewer .controls a.galery-back { background-image: url('../../images/skins/werken-bij/galery_back.gif'); }
                    .galery .viewer .controls a:hover.galery-back { background-position: 0px -20px; }

                    .galery .viewer .controls a.galery-forward { background-image: url('../../images/skins/werken-bij/galery_forward.gif'); }
                    .galery .viewer .controls a:hover.galery-forward { background-position: 0px -20px; }

                    .galery .viewer .controls a.galery-back {
                        margin-right: 5px;
                    }
                    .galery .viewer .controls a.disable {
                        visibility: hidden;
                    }

        ul.arrowblue li.galery-back {
            height: 20px;
            padding-top: 5px;
            background-image: url('../../images/skins/werken-bij/bread-prev.gif') !important;
            padding-left: 28px;
            background-position: 0px 0px !important;
        }

    .galery .thumbnail-container {
        overflow: hidden;
        width: 514px;
    }
        .galery p.thumbnails {
            width: 530px;
            position: relative;
            left: -7px;
        }
        .galery p.thumbnails a {
            float: left;
            margin: 7px;
            border: 2px solid #CCCCCC;
        }
            .galery p.thumbnails a:hover,
            .galery p.thumbnails a.selected {
                border-color: #B10000;
            }
            .galery p.thumbnails a:hover.selected {
                border-color: #CCCCCC;
            }
        .galery p.thumbnails a img {
            vertical-align: bottom;
        }