/*







Theme Name: De Franse Kamer







Theme URI: http://www.royalwebbers.com







Author: S.P. van Vlaanderen







Description: Dit is het custom wordpress thema voor de website van De Franse Kamer.







Version: 1.0







*/
@font-face
{
    font-family: 'DFK Heavy Condensed';
    src: url('fonts/dfk-heavycn-webfont.eot');
    src: url('fonts/dfk-heavycn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dfk-heavycn-webfont.woff') format('woff'), url('fonts/dfk-heavycn-webfont.ttf') format('truetype'), url('fonts/dfk-heavycn-webfont.svg#dfk-heavycn-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'DFK Demi Condensed';
    src: url('fonts/dfk-demicn-webfont.eot');
    src: url('fonts/dfk-demicn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dfk-demicn-webfont.woff') format('woff'), url('fonts/dfk-demicn-webfont.ttf') format('truetype'), url('fonts/dfk-demicn-webfont.svg#dfk-demicn-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'DFK Regular';
    src: url('fonts/dfk-regular-webfont.eot');
    src: url('fonts/dfk-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dfk-regular-webfont.woff') format('woff'), url('fonts/dfk-regular-webfont.ttf') format('truetype'), url('fonts/dfk-regular-webfont.svg#dfk-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
html { padding-top: 40px }
body
{
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: 'DFK Regular', Verdana;
    color: #323232;
}
.admin-bar #menu-container { top: 28px }
body.search { background: none !important }
h1,h2,h3,h4,h5 { 
margin:0; 
padding:0; 
text-transform:uppercase; 
font-weight:normal; 
font-family: 'DFK Heavy Condensed'; 
color:#323232; }



h1 span, h3 span { 
font-family: 'DFK Regular'; }



h1 { font-size:2.5em; }



h3 { font-size:1.333em; }

h4 { font-size:4.2em; }

h5 { font-size:1.5em; font-family: 'DFK Regular'; text-transform:none; }

p
{
    margin: 0;
    padding: 0;
    font-size: 1.083em;
}
a { color: #323232 }
strong,
b
{
    font-weight: normal;
    font-family: 'DFK Demi Condensed';
}
*::selection
{
    background: #363939;
    color: #fafafa;
}
*::-moz-selection
{
    background: #363939;
    color: #fafafa;
}
*:focus
{
    outline: none;
    border: none;
}
input,
textarea
{
    font-family: 'DFK Regular', Verdana;
    font-size: 1em;
    color: #2e2e2e;
    padding: 5px 10px;
    background: #c6c6c6;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
}
.no-margintop { margin-top: 0 !important }
.clear { clear: both }
img { border: none }
.lazy { display: none }
.alignleft
{
    float: left;
    padding-right: 8px;
}
.alignright
{
    float: right;
    padding-left: 8px;
}
iframe
{
    border: none;
    display: block;
}
#menu-container
{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 500;
    background: url(images/achtergrond-menu.jpg) repeat-x #f9f9f9;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
}
#content,
#menu-quickmenu,
.category-item-content,
#inner-footer,
#thumb-content,
.werknemer-item,
#testing-menu-wrapper,
#menu
{
    width: 1024px !important;
    max-width: 95% !important;
    margin: 0 auto !important;
}
/* Boxing */
input,
textarea,
#menu-quickmenu li,
#fcol-1,
#fcol-2,
#fcol-3,
#fcol-4,
#content,
#inner-footer,
#menu,
.thumb-item,
#menu img,
#menu-hoofdmenu a
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Floats */
#menu-hoofdmenu,
#menu img { float: left }
/* Clear lists */
#menu-hoofdmenu,
#footer-menu ul,
#quick-menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Menu stijl */
#menu-hoofdmenu
{
    position: relative;
    font-size: 0;
    width: 66%;
}
#menu-hoofdmenu li
{
    float: left;
    width: 20%;
    list-style: none;
}
#menu-hoofdmenu a
{
    height: 40px;
    width: 100%;
    text-align: center;
    padding-top: 13px;
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #dddddd;
    text-decoration: none;
    color: #323232;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
}
#menu-hoofdmenu > li.current-menu-item > a,
#menu-hoofdmenu > li.current-menu-parent > a,
#menu-hoofdmenu > li:hover > a
{
    background: #363939;
    color: #fafafa;
    border-left: 1px solid #3f4242;
    border-right: 1px solid #3c3f3f;
}
#menu
{
    position: relative;
    background: url(images/divider.jpg) repeat-y left top;
}
#menu img
{
    padding: 9px 3% 9px 3%;
    border-right: 0px solid #f5f5f5;
}
.searchsubmit { display: none !important }
#menu-search
{
    float: right;
    width: 16%;
    margin-right: 4%;
}
#menu-search input[type="text"]
{
    width: 100%;
    margin-top: 8px;
}
.sub-menu
{
    display: none;
    width: 100%;
    min-height: 86px;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 15px 0;
    padding-left: 130px;
    margin-left: -106px;
    background: url(images/shield.png) no-repeat 25px 20px;
}
.sub-menu .sub-menu
{
    display: inline;
    background: none;
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    margin: 0;
    min-height: auto;
}
#menu-hoofdmenu .sub-menu a
{
    background: none;
    border: none;
    font-size: 11px;
    font-family: 'DFK Regular';
    height: auto;
    padding: 0;
    padding-left: 25px;
    line-height: 20px;
    text-align: left;
    color: #e8e8e8;
    font-weight: bold;
    margin: 1px 0px;
}
.sub-menu .sub-menu a
{
    width: 100% !important;
    font-family: 'DFK Regular' !important;
    color: #c6c6c6 !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
}
.sub-menu li.current-menu-item > a,
.sub-menu a:hover { background-color: #4a4c4c !important }
.sub-menu li { float: left }
.sub-menu .sub-menu li { width: 100% !important }
.sub-menu-overlay
{
    display: none;
    position: absolute;
    height: 76px;
    top: 40px;
    width: 100%;
    background-color: #363939;
}
li.menu-witregel a { margin-top: 1em }
#quick-menu
{
    padding: 30px 0;
    background-color: #fafafa;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 10;
    margin-top: -3px;
}
#quick-menu
{
    width: 100%;
    overflow: hidden;
}
#quick-menu li
{
    float: left;
    width: 20%;
}
#quick-menu li a
{
    text-align: center;
    font-size: 1.667em;
    color: #c6c6c6;
    font-family: 'DFK Heavy Condensed';
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 134px;
    display: block;
    background: url(images/icon-spreadsheet.png) no-repeat 40px 0;
}
#quick-menu li a:hover { color: #323232 }
#quick-menu li.banners a { background-position: 40px 0 }
#quick-menu li.rich-media a { background-position: -136px 0 }
#quick-menu li.mobile-html a { background-position: -311px 0 }
#quick-menu li.websites a { background-position: -486px 0 }
#quick-menu li.testing a { background-position: -661px 0 }
/* Content */
#content
{
    min-height: 200px;
    padding: 3% 0;
}
.category-item
{
    position: relative;
    overflow: hidden;
    background-position: center 0;
    min-height: 400px;
}
.category-item > a
{
    text-decoration: none;
    display: block;
    height: 100%;
}
.category-item > a:hover img
{
    filter: alpha(opacity=85);
    opacity: 1;
}
.category-item > img,
.category-item > a > img
{
    width: 100%;
    position: absolute;
    z-index: 0;
    height: auto;
    display: block;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.category-item-content
{
    color: #FFF;
    height: 100%;
    position: relative;
}
.category-item-inner-content
{
    position: absolute;
    width: 100%;
}
#thumb-content
{
    padding: 5% 0;
    position: relative;
}
.row-container
{
    float: left;
    width: 100%;
    margin-top: 5%;
}
.thumb-item
{
    position: relative;
    width: 30%;
    float: left;
}
.thumb-item a
{
    text-decoration: none;
    float: left;
    width: 100%;
}
.thumb-item a:hover .thumb-img { background: none }
.thumb-item a:hover img
{
    filter: alpha(opacity=85);
    opacity: 0.85;
}
.thumb-item a p { color: #323232 }
.thumb-item h3 { padding-bottom: 2% }
.thumb-item.nr0 { margin-right: 5% }
.thumb-item.nr2 { margin-left: 5% }
.thumb-img
{
    top: 0;
    left: 0;
    width: 100%;
    background: url(images/thumb-overlay.png) no-repeat left top;
    background-size: 100% 92.7%;
}
.thumb-item img
{
    position: relative;
    z-index: -1;
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: 7%;
    background: url(images/schaduw-thumb.png) no-repeat center 97%;
    background-size: contain;
}
/* Footer */
#footer
{
    background: #363939;
    color: #c6c6c6;
    padding: 25px 0;
    position: relative;
    z-index: 10;
}
#footer p
{
    font-size: 1em;
    margin: 1em 0;
}
#footer a { color: #c6c6c6 }
#footer a:hover { color: #fff }
#footer h3 { color: #c6c6c6 }
#fcol-4 h3 { margin-top: 1em }
#fcol-4 h3.first { margin-top: 0 }
#fcol-4 h3 a { text-decoration: none }
#fcol-4 h3 a:hover { color: #fff }
#inner-footer { overflow: hidden }
#fcol-1,
#fcol-2,
#fcol-3,
#fcol-4
{
    float: left;
    width: 25%;
}
#fcol-1 li
{
    padding: 3px 0;
    background-repeat: no-repeat;
}
#fcol-1 a
{
    display: block;
    height: auto;
    min-height: 35px;
    line-height: 1.5em;
    font-size: 1.5em;
    color: #c6c6c6;
    font-family: 'DFK Heavy Condensed';
    text-decoration: none;
    text-transform: uppercase;
    background: url(images/icon-small-spreadsheet.png) no-repeat 0 0;
    padding-left: 50px;
}
#fcol-1 a:hover { color: #fafafa }
#fcol-1 li.banners a { background-position: 0 0 }
#fcol-1 li.rich-media a { background-position: 0 -44px }
#fcol-1 li.mobile-html a { background-position: 0 -88px }
#fcol-1 li.websites a { background-position: 0 -132px }
#fcol-1 li.testing a { background-position: 0 -176px }
#fcol-2 input
{
    width: 60%;
    margin-left: 5%;
}
#fcol-3 a { text-decoration: none }
#fcol-3 a:hover { color: #fafafa }
/* Over ons */
#map_canvas
{
    height: 438px;
    width: 100%;
}
.over-ons-content,
#footer,
.bedrijfsinfo
{
    -webkit-box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.4);
}
.bedrijfsinfo p
{
    margin: 0 0 1em 0;
    font-size: 2em;
}
.bedrijfsinfo h2
{
    font-size: 3em;
    margin-bottom: 0.5em;
}
.bedrijfsinfo .category-item-inner-content { top: 17% }
.bedrijfsinfo p,
.bedrijfsinfo a { color: #363939 !important }
.bedrijfsinfo ul,
#slide-nav,
.bedrijfsinfo li,
#slide-nav li
{
    margin: 0;
    padding: 0;
}
.bedrijfsinfo ul,
#slide-nav { list-style: none }
.bedrijfsinfo li
{
    font-size: 1.7em;
    font-family: 'DFK Heavy Condensed';
    text-transform: uppercase;
    margin-bottom: 4px;
}
.bedrijfsinfo li a
{
    background: url(images/social-media-icons.png) no-repeat left 0;
    text-decoration: none;
    padding-left: 40px;
    height: 27px;
    display: inline-block;
    line-height: 27px;
}
.bedrijfsinfo li a:hover { text-decoration: underline }
.bedrijfsinfo li.twitter a { background-position: left -39px }
.bedrijfsinfo li.linkedin a { background-position: left -78px }
.page-item.werknemers
{
    padding: 7% 0;
    background: url(images/werknemers-layer.png) no-repeat center bottom #343737;
    background-size: contain;
    -webkit-box-shadow: inset 0px -3px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px -3px 12px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px -3px 12px rgba(0, 0, 0, 0.4);
}
.werknemer-item
{
    overflow: hidden;
    padding-top: 1.5%;
}
.werknemer-item.first { padding-top: 0 }
.werknemer-item img,
.werknemer-item .person-info { float: left }
.werknemer-item img { width: 19% }
.werknemer-item .person-info
{
    width: 81%;
    margin-top: 1.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2%;
    color: #fff;
}
.person-header
{
    overflow: hidden;
    background: url(images/dots.png) repeat-x left bottom;
    padding-bottom: 2%;
    margin-bottom: 2%;
}
.person-header h3
{
    display: inline;
    color: #fff;
    font-size: 1.7em;
}
.person-content { font-size: 1.1em }
p.functie
{
    display: inline;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.5em;
    padding-left: 1%;
}
div.person-mail
{
    float: right;
    width: 25%;
    margin-top: 0.5%;
}
div.person-mail a
{
    color: #fff;
    text-decoration: none;
    display: block;
    height: 17px;
    background: url(images/mail-icon.png) no-repeat left 1px;
    padding-left: 30px;
}
div.person-mail a:hover { text-decoration: underline }
#video-container
{
    position: relative;
    background: url(images/video-container.png) no-repeat left top;
    background-size: cover;
    margin-top: 5%;
    margin-bottom: -20%;
}
#inner-video-container
{
    padding: 9% 11% 10% 10%;
    -moz-transform: rotate(-1.3deg);
    -webkit-transform: rotate(-1.3deg);
    -o-transform: rotate(-1.3deg);
    -ms-transform: rotate(-1.3deg);
    transform: rotate(-1.3deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.over-ons-content
{
    position: relative;
    z-index: 10;
    background: url(images/over-ons-layer.png) no-repeat center bottom;
    background-size: contain;
    -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
}
.over-ons-content p
{
    margin: 1em 0;
    color: #303333;
    font-size: 1.167em;
}
.category-item.vacatures h2,
.over-ons-content h1
{
    font-size: 5em;
    margin: 1% 0;
}
#nieuwsbrief-layer
{
    background: #827976;
    padding-top: 15%;
    padding-bottom: 8%;
}
#nieuwsbrief-layer h3
{
    color: #fff;
    font-size: 12.5em;
    width: 100%;
    margin-bottom: 3%;
    background: url(images/dots.png) repeat-x left bottom;
}
#nieuwsbrief input[type="text"]
{
    padding: 12px 20px 10px 14px;
    width: 20%;
    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 3px 2px 5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 3px 2px 5px rgba(0, 0, 0, 0.35);
    box-shadow: inset 3px 2px 5px rgba(0, 0, 0, 0.35);
}
#nieuwsbrief input[type="text"].email { width: 35% }
#nieuwsbrief span { position: relative }
#nieuwsbrief label
{
    position: absolute;
    top: 0px;
    left: 14px;
    cursor: text;
    color: #2e2e2e;
    cursor: text;
}
#nieuwsbrief span.error
{
    position: absolute;
    width: 100%;
    left: 7px;
    top: -35px;
}
#nieuwsbrief input[type="submit"]
{
    display: block;
    background: url(images/arrow.png) no-repeat left center;
    padding-left: 30px;
    margin-top: 2%;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-family: 'DFK Heavy Condensed';
    font-size: 2em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#nieuwsbrief input[type="submit"]:hover { text-decoration: underline }
#nieuwsbrief .verplicht
{
    line-height: 40px;
    margin-left: 2%;
}
.category-item.vacatures
{
    font-size: 1.1em;
    padding: 3% 0;
    height: auto;
    background: url(images/vacatures-layer.jpg) no-repeat center bottom;
    background-size: contain;
    -webkit-box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -3px 12px rgba(0, 0, 0, 0.4);
}
.category-item.vacatures p
{
    color: #303333;
    margin: 0.2em 0 1em 0;
}
.category-item.vacatures strong,
.category-item.vacatures b { text-transform: uppercase }
.category-item.vacatures h3
{
    font-size: 2em;
    font-family: 'DFK Heavy Condensed';
}
.vacatures-line
{
    text-transform: uppercase;
    font-family: 'DFK Demi Condensed';
    font-size: 1.1em;
}
.vacatures-line a
{
    color: #303333;
    font-family: 'DFK Heavy Condensed';
}
.category-item.vacatures .wpcol-left { margin-bottom: 8% }
.tarieven
{
    font-size: 1.1em;
    -webkit-box-shadow: inset 0px 3px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 3px 12px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 3px 12px rgba(0, 0, 0, 0.4);
}
.tarieven .category-item-inner-content { padding: 10% 0 }
.tarieven .category-item-inner-content h2
{
    font-size: 5em;
    margin: 1% 0;
}
.tarieven .category-item-inner-content img { margin: 3em 0 5em 0 }
.tarieven > img { z-index: -1 }
.tarieven p { color: #303333 }
/* Testing */
.category-item.houtenscheiding { 
	min-height: 53px; 
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); 
}
#testing-menu
{
    padding: 1.5% 0;
    background: /*url(images/testing-menu-bg.jpg) repeat*/ #eee;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 250;
}
#testing-menu ul { list-style: none }
#testing-menu ul,
#testing-menu li
{
    margin: 0;
    padding: 0;
}
#testing-menu-wrapper div
{
    background: url(images/testing-spacer.jpg) no-repeat left bottom;
    float: left;
    padding-left: 12px;
}
#testing-menu-wrapper div.first
{
    padding-left: 0;
    padding-right: 3px;
    background: none;
}
#testing-menu h3
{
    margin-bottom: 0.5em;
    nowhitespace: afterproperty;
    color: #363939;
    font-size: 2em;
    /*text-shadow: 2px 2px 5px #000000; filter: dropshadow(color=#000000, offx=2, offy=2);*/ ;
}
#testing-menu li a
{
    text-transform: uppercase;
    font-family: 'DFK Heavy Condensed';
    color: #2b2b2b;
    height: 26px;
    padding: 0 6px;
    line-height: 26px;
    display: inline-block;
    text-decoration: none;
    background-color: #fff;
   /* -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); */
    border: 1px solid #ccc;
}
#testing-menu li a.active,
#testing-menu li a:hover
{
    background-color: #292728;
    color: #ecede8;
}
#testing-menu li
{
    display: inline-block;
    padding-right: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.page-id-1318 {
    margin-top:85px;
}

.banner-testing
{
    background: url(images/testing-bg.jpg) repeat center;
    height: auto;
}
.banner-testing .category-item-content
{
    padding: 3% 0;
    min-height: 300px;
}
.banner-testing p
{
    color: #323232;
    margin: 1em 0;
}
.banner-testing-wrapper
{
    background: #fff;
    width: 1260px;
    max-width: 95%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);
}
.banner-testing h3
{
    text-transform: none;
    font-size: 2em;
    font-family: 'DFK Demi Condensed';
}
.banner-testing .content-wrapper
{
    overflow: hidden;
    margin-bottom: 2.5em;
    padding-bottom: 2.5em;
    border-bottom: 3px dotted #323232;
}
.content-wrapper img
{
    max-width: 100%;
    width: auto !important;
    position: relative !important;
}
.content-wrapper p { margin: 1em 0 }
.banner-testing .category-item-content { color: #323232 }
.banner-testing h2 { font-size: 4em }
.banner-testing h3
{
    text-transform: uppercase;
    margin-bottom: 0.5em;
    font-size: 4em;
    line-height: 1em;
    display: inline-block;
    border-bottom: 3px solid #323232;
    font-family: 'DFK Heavy Condensed';
}
/* Slider */
#slider-wrapper
{
    width: 100%;
    float: left;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
#scroller
{
    width: 500%;
    height: 100%;
    float: left;
    padding: 0;
}
#scroller ul
{
    list-style: none;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
}
#scroller li
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 100%;
}
#scroller li img
{
    display: block;
    width: 100%;
    height: auto;
}
#slide-nav
{
    position: absolute;
    z-index: 10;
    bottom: 15px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
#slide-nav li
{
    cursor: pointer;
    display: inline-block;
    margin-left: 6px;
    background: url(images/slide-nav.png) no-repeat 0 -15px;
    height: 10px;
    width: 11px;
}
#slide-nav li.first { margin-left: 0 }
#slide-nav li:hover,
#slide-nav li.active { background-position: 0 0 }
/* Video */
.video-js
{
    background: #ebebeb !important;
    position: relative !important;
    padding-bottom: 21% !important;
    width: 100% !important;
    height: 0 !important;
    overflow: hidden !important;
}
.video-js iframe,
.video-js video,
.video-js object,
.video-js embed
{
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 2600px !important;
    margin-left: -1300px !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 1024px !important;
    margin-left: -512px !important;
    height: 100% !important;
}
#over_ons_video.video-js
{
    padding-bottom: 75.6% !important;
    background: #000 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vjs-default-skin .vjs-fullscreen-control { display: none !important }
.vjs-default-skin .vjs-volume-control { padding-right: 10px !important }
.vjs-poster
{
    position: absolute !important;
    height: 100%;
}
/* 404 pagina */
.error404 h1
{
    font-size: 10em;
    line-height: 0.8em;
}
.error404 h1 span
{
    display: block;
    font-size: 0.5em;
    font-family: 'DFK Heavy Condensed';
}
.error404 p { margin: 1em 0 }
.error404 .content-wrapper { font-size: 1.1em }
/* Zoeken */
.search h1
{
    font-size: 4em;
    font-family: 'DFK Demi Condensed';
}
.search-item
{
    margin-top: 1.5%;
    padding-top: 1.5%;
    border-top: 1px solid #dddddd;
}
.search-item p { margin-bottom: 1em }
.search-item input[type="text"] { width: 20% }
.search-item h3 { font-family: 'DFK Regular' !important }
.search-item a { text-decoration: none }
.search-item a:hover { text-decoration: underline }
.search-item.first { border: none }
.search-item font { color: #323232 !important }
.search-highlight { font-family: 'DFK Demi Condensed' !important }
.nieuws-item
{
    margin-bottom: 1.5%;
    padding-bottom: 1.5%;
    border-bottom: 1px solid #dddddd;
}
.nieuws-item.first { margin-top: 2% }
#fcol-4 p { margin-bottom: 0 }
p.aanmeldbericht
{
    width: 100%;
    font-size: 6.2em;
}
#menu-hoofdmenu li.align-right
{
    float: right;
    margin-right: 1.8%;
}
p.oude-link
{
    position: absolute;
    left: -100px;
    margin-top: -13px;
    border: 0px;
    font-size: 2em;
    text-transform: uppercase;
    font-family: 'DFK Heavy Condensed';
    z-index: 999;
	display:none;
}
.projectpage h1 { font-size: 3em }
.project-time
{
    color: #c6c6c6;
    font-size: 1.5em;
    margin-top: 2.5em;
    margin-bottom: 0.5em;
}
.projectpage h3
{
    border-bottom: 1px solid #ddd;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.projectpage h3.first-project
{
    background: url(images/bg-module-top-shadow.jpg) no-repeat top center;
    background-size: contain;
}
.projectpage h3 a { text-decoration: none }
.projectpage h3 a:hover { text-decoration: underline }
.projectpage h3 a span { margin-left: 20% }
@media screen and (max-width: 1024px) { 
    #menu-search { margin-right: 0 }
}

.mobile-only
{
    display: none;
}