@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,900italic,900,700italic,700,400italic,300italic,300&subset=latin,latin-ext);

@font-face {
font-family: "icomoon";
src: url("fonts/icomoon.eot");
src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("application/font-woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-variant: normal;
}

html, head {
margin: 0px;
padding: 0px;}

body{
text-align: center;
font-family: "Open Sans", "Frutiger", sans-serif;
font-size: 1rem;
color: #000;
padding: 1px 0px 0px 0px;
clear: both;
background: none;
background-color: #f6f6f6 !important;

}

fieldset{
border:0;
margin:0;
padding:0;
}

#secondaryNav{
background-color: #efefef;
padding:0;
border-right: 1px solid #eee;
}
#secondaryNav .header{
border-bottom: 4px solid #d7d7d7;
float:right;
}
#secondaryNav .links{
float:right;
}
#secondaryNav .header * { display:none; }
#secondaryNav ul,#secondaryNav li, #secondaryNav .header ul,#secondaryNav .header li{
display:block;
list-style:none;
margin:0;
padding:0;
}
#secondaryNav .header a,#secondaryNav .header li{ display:none; }
#secondaryNav .header a.selected,#secondaryNav .header li.selected{
display:block;
margin: 0;
padding: 30px 0 20px;
font-size: 26px;
box-sizing:border-box;
font-weight: 300;
line-height: 24px ;
}
#secondaryNav .links a,#secondaryNav .links li{
display:block;
line-height: 24px;
font-size: 16px;
box-sizing:border-box;
margin:0;
padding:12px 20px;
cursor: pointer;
border-bottom: 1px solid #d7d7d7;
}
#secondaryNav .links a.selected,#secondaryNav .links li.selected{ display:none; }

/* BEGIN: question secondary nav */
#secondaryNav ul li
{
cursor:pointer;
border-bottom: 1px solid #d7d7d7;
line-height: 20px;
height: auto;
padding: 5px 5px 5px 20px !important;
font-weight: normal;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
font-size: 19px;
}

.mainContent{
margin:0;
padding:0 0px 10px 0px;
background: #f4f4f4;
}
#title {
text-align:left;
background-color:#fff;
}
#title >div.row{
padding:20px 0px;
max-height:109px;
}
#title h1{
color: ;
font-size: 16px;
font-weight: 100;
font-family: 'Open Sans', 'Frutiger', Helvetica, Arial, sans-serif;
margin:0;
padding:0;
line-height: 18px;
text-overflow: ellipsis;
white-space: nowrap;
}
#title h2{
color: #333;
font-size: 12px;
font-weight: 100;
font-family: 'Open Sans', 'Frutiger', Helvetica, Arial, sans-serif;
margin:0;
padding:0;
line-height: 24px;
display:none;
text-overflow: ellipsis;
white-space: nowrap;
}

#banner img{
width:100%;
}
#banner h1{
display:block;
background-color: #ffcd00;
color: #000000;
padding: 12px 28px 11px;
position:relative;
bottom:0;
font-weight:100;
text-align: left;
font-size:24px;
margin: 0px 0px 0px;
line-height: inherit;
font-family: 'Open Sans', 'Frutiger', Helvetica, Arial, sans-serif;
}




.sitePageIntro{
background-color: #ffcd00;
padding: 0px 30px 20px;
font-family: 'Open Sans', 'Frutiger', Helvetica, Arial, sans-serif;
font-size: 18px;
text-align:left;
}

span.hamburger{
margin:0px 20px 0 0;
background-color: #efefef;
padding:24px 24px 22px;
cursor: pointer;
display:none;
}


span.hamburger::before{
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
color: #000;
line-height: 62px;
font-size:18px;
padding:0px;
content: "\e7c9";
}
span.hamburger.min::before{
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
color: #000;
line-height: 62px;
font-size:18px;
padding:0px;
content: "\e7c8";
}

#content{
background-color:#eee;
/* max-width:1600px; */
}

#content>div.row{
padding:0px 0px 0px 0px;
text-align:left;
}

#content>div.row>div.row{
text-align:left;
}

#menu-block-1 a,#menu-block-small a{
color: #ffffff;
line-height: 56px;
font-size: 16px;
height: 55px;
padding: 10px 20px 10px 20px;
font-weight:normal;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
}
#menu-block-small a{
line-height: 20px;
font-size: 16px;
height: auto;
padding: 5px 5px 5px 20px;
font-weight:normal;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
display:block;
}
/* BEGIN: left side menu */
.menu-block-small a{
line-height: 21px;
font-size: 16px;
height: auto;
padding: 5px 5px 5px 20px;
font-weight:normal;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
display:block;
}
.menu-block-small a.mainlink{
font-size: 19px;
}
/* BEGIN: question secondary nav */
.questionaire_secondaryNav li
{
line-height: 20px;
height: auto;
padding: 5px 5px 5px 20px !important;
font-weight: normal;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
font-size: 19px;
}


#menu-block-1 a:hover,#menu-block-small a:hover{
color: #ffffff;
}

#menu-block-1 a.homeIcon::before{
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
color: #ffcd00;
line-height: 56px;
font-size: 16px;
padding:20px 0 20px 0;
margin:0;
content: "\e7c7";
}

#menu-block-1 div.subs{
position:absolute;
display:block;
width: 300px;
background-color: #fff;
border: 1px #ddd solid;
z-index:10000;
}

#menu-block-1 div.subs a{
display:block;
color: #000;
margin:0;
padding:10px 4px 10px 10px;
border-bottom:1px #ddd solid;
line-height:34px;
height:auto;
}

#menu-block-1 div.midc a:hover{
padding: 10px 4px 10px 20px;
background-color: #eee;
}

#menu-block-1 div.subsubs a{
display:block;
color: #000;
margin:0;
padding: 10px 4px 10px 20px;
border-bottom:1px #ddd solid;
font-size:11px;
line-height: 16px;
height:auto;
}

#menu-block-1 div.subsubs a:hover{
padding: 10px 4px 10px 30px;
}

#menu-block-small a.homeIcon::before{
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
color: #ffcd00;
font-size: 16px;
padding:10px 5px 5px 0px;
margin:0;
content: "\e7c7";
}

a{
color: #000;
font-weight:bold;
text-decoration: none;
}
a:hover{
color: #777;
text-decoration: none;
}

td, th{    padding: 3px; }

ul, ol, li{
color: #000;
}
ul{
margin-left:30px;
}
ul.filter_list {margin-left: 0;}

.clearFloat{ clear: both; }

div.gridSidebarColumn{
padding: 0px;
box-sizing:border-box;
float:right;
width:240px;
margin:0px 92px 0px 0px;
text-align:left;
}

div.pageContainer{
width:100%;
/** left: 230px; **/
}

div.upperPageContainer{
width:100%;
}

div#pageHeader{
font-family:            "Open Sans",arial, verdana, helveica, "sans serif";
padding:                0px;
border-bottom: 1px #eee solid;
width:100%;
position: fixed;
z-index:200;
background-color: #fff;
}
div.headerLinks{

text-align:lright;
margin-top:20px;
padding-right: 70px;
}
div.headerLinks a{
font-family:    "Open Sans", arial, verdana, helveica, "sans serif";
display:inline;
text-transform:uppercase;
font-size:16px;
padding:5px;
color:#333;
font-weight:300;
font-size: 14px;
tekst-decoration: none;
font-weight: 300;
padding: 8px;
tekst-transform: none;

}
div.headerLinks a:hover{
text-decoration:none;
color: #555;
}
div.puurLink a,div.puurLink a:hover{
font-family:            "Open Sans",arial, verdana, helveica, "sans serif";
font-size:12px;
text-decoration:none;
color: #333;
}
div#siteLogo{
float:                    left;
margin:                    0px 0px 0px 0px;
padding:                0px;
z-index: 10;
}
div#siteLogo img{
margin-left: 50px;
/* margin-top: 25px; */
border: 0px;
max-height:70px;
}

div.dvdmHeader{
height:285px;
width: 958px;
margin: 9px auto 0px;
}

.dvdmHeader .bannerSlider1{
height:120px;
}
.dvdmHeader .bannerSlider2{
height:120px;
}
.dvdmHeader .bannerSteady1{
height:120px;
background-color: #B0A691;
}
.dvdmHeader .bannerSteady2{
height:120px;
background-color: #B0A691;
}


.dvdmHeader .bannerSlider1 .pb_banner,
.dvdmHeader .bannerSlider2 .pb_banner{
background-color:#fff;
padding:0px;
margin:0px;
width:958px;
height:120px;
background-size:cover;
z-index:1;
display:none;
}


div.dvdmHeaderOverlay{
position:relative;
background: url(img/banneroverlay.png) transparent no-repeat top left;
height:286px;
width: 958px;
margin: -285px auto 0px;
z-index:10;
}
div.crumbtrail{
text-align:                left;
color:                    #333;
font-size: 11px;
margin: 0px 0px 8px;
}
div.crumbtrail a{
text-align:                left;
color:                    #333;
}
div#sitePersonal{
float:                        right;
padding:                8px 15px 0px 0px;
width:                    280px;
text-align:                right;
font-size:            11px;
color:                    #000;
}
div#siteLanguage{
float:                        right;
padding:                0px 15px 0px 15px;
width:                    100px;
text-align:                left;
font-size:            14px;
border-left:            1px #ededed solid;
clear:                    right;
line-height:66px;
}
div#siteLanguage a, div#siteLanguage span{
color: #787878;
font-weight: normal;
}
div#siteLanguage a:hover{
text-decoration:underline;
}
div#siteLanguage a > span.small{ display: none; }

div#sitePersonal a,div#sitePersonal .uidSpan{
color: #000;
font-weight: bold;
}
div#sitePersonal a:hover{
color: #000000;
}

div#siteSearch{
float:                    right;
padding:                6px 0px 15px 20px;
margin:                    0px 0px 4px 0px;
width:                    340px;
text-align:                center;
font-size:                11px;
text-align:            right;
clear:                    right;
/** background-color:        #fff; **/
text-decoration: none;
font-family: "Open Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
color: #333;
}
#siteSearch #topSearch{
font-size:11px;
padding:7px;
margin:0px 5px;
width:300px;
display:inline-block;
border:0;
color: #777;
background-color: #eee;
}
#siteSearch #topSearchBtnContainer{
font-family: "icomoon";
display:inline-block;
margin-left:-35px;
}
#siteSearch  a#topSearchBtn::after{
content: "Z";
color: silver;
padding:  5px;
}
#siteSearch  a#topSearchBtn:hover::after{
color: black;
}

div#navbar{
float:                    right;
clear:                    right;
padding:0px;
/** background-color: #fff; **/
width: 780px;
color: #000;
text-transform: uppercase;
font-family: "Open Sans", arial;
font-weight: bold;
font-size: 14px;
margin: -15px 0px 5px 0px;
}
div#navbarMain{
float: left;
}
div#navbarExtra{
float: right;
}

div#navbar div.tab{
display: block;
float: left;
padding: 0px;
margin: 0px;
/** font-size: 13px; **/
/** font-family: arial, sans-serif; **/
cursor: pointer;
height: 17px;
overflow: hidden;
/** border-left: 1px #222 solid; **/
}
div#navbar div.tab div{
display: block;
float: left;
/** font-size: 13px; **/
/** font-family: arial, sans-serif; **/
padding: 0px;
}
div#navbar div.tab div.main{
padding: 0px 15px 0px 15px;
margin-top: 0px;
color: #222;
}

div#navbar div.tab div.main a{
text-decoration: none;
/** font-family: Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
color: #222; **/
}
div#navbar div.tab.selected,div#navbar div.tab.selected div.main a{
color: #000000;
text-decoration: none;
}
div#navbar div.tab div.main.hover,div#navbar div.tab div.main.hover a{
color: #000000;
text-decoration: none;
}
div#navbar div.tab div.main a{
color: #000;
text-decoration: none;
}

div#navbar div.tab.selected div.main{
color: #000000;
text-decoration: none;
}
div#innerNavbar{
float: right;
margin-right: 50px;
}
.navigation-background{
background-color: #000000;
}
#menu{
font-family:            "Open Sans",verdana,arial,helvetica,"sans serif";
font-size:                11px;
color:                    #222;
text-align:            left;
font-weight:            normal;
padding:                10px 20px 10px 10px;
}
#menu p{
font-family:            "Open Sans",verdana,arial,helvetica,"sans serif";
font-size:                18px;
color:                    #222;
text-align:            left;
padding:                0px 0px 5px 0px;
}
#menu ul, #menu .linkList{
margin:                    0px;
padding:                0px;
list-style:                none;
border-bottom:            1px #ddd solid;
display:                block;
width: 100%;
}
#menu .sub ul, #menu .sub .linkList{
margin:                    0px;
list-style:                none;
border-bottom:            0px #ddd solid;
display:                block;
width: 100%;
}
#menu .sub .sub{
margin-left: 20px;
border-left:3px #eee solid;
}
#menu .sub .sub a, #menu .sub .sub li{
padding-left: 8px;
}
#menu li, #menu a{
font-size:                11px;
font-weight:            normal;
display:                block;
margin:                0px 0px 5px 0px;
padding:                5px 5px 0px 20px;
text-align:                left;
cursor:                    pointer;
border-top:                1px #ddd solid;
color:                    #222;
background:                url(img/bullet.png) no-repeat 0px 3px;
text-decoration:        none;
}
#menu .sub li, #menu .sub a{
color: #222;
text-decoration: none;
border:0px;
background: none;
}
#menu li.selected, #menu a.selected{
color: #000000;
}
#menu .sub li.selected, #menu .sub a.selected{
color:                    #000000;
background: none;
}
#menu li:hover, #menu li.hover, #menu a:hover{
color:                    #000000;
}
#menu .sub li:hover, #menu .sub li.hover, #menu .sub a:hover{
background: none;
}
div#pageTitle, .prettyHeader{
color: #333;
text-decoration: none;
font-family: "Open Sans", sans serif;
text-transform: uppercase;

margin: 0px;
margin-bottom: 10px;
font-size: 24px;
font-weight: bold;

padding-bottom: 24px;color: #000000;
padding-top: 12px; font-family:"Open Sans", sans-serif;
text-transform: none;

}
#pageText{
padding: 0px 0px 0px 0px;
margin-left: 98px;
box-sizing:border-box;
width:877px;
z-index:1000;
margin-top:50px;
}
#pageText.grid3Column{
margin: 0px;
width: 726px;
}

#innerPageText{
border-top:                0;
padding:                0px;
font-size:                16px;
font-family: "Open Sans", sans-serif;
line-height:20px;
margin-bottom: 20px;
margin-right: 0px;
font-weight:300;
}
h1{
margin:                    10px 0px;
padding:                0px 0px 15px 0px;
font-family: "Open Sans", sans-serif;
font-size: 22px;

}
h2{
margin:                    10px 0px;
padding:                0px;
font-family: "Open Sans", arial, sans serif;
font-size: 14px;
}
h3{
text-transform: uppercase;
font-weight: bold;
margin:                    10px 0px;
padding:                0px;
font-family: "Open Sans", arial, sans serif;
font-size: 1rem;

}
.tabDiv{
display:                none;
}

#footer{
margin: 0px;
background: url(img/bgstripes-footer.png) no-repeat #fff top center;
padding: 0px;
width:100%;
bottom:0;
min-height:200px;
}
#footer div.scrollToTopBox{
width:300px;
float:left;
padding:0px 10px;
}
#footerLogos{
text-align:left;
vertical-align:top;
width:958px;
padding:0px 0px 0px 85px;
margin:0px auto;
box-sizing: border-box;
}
#footerLogos img{
border:0;
text-align:right;
height:25px;
margin: 0px 10px 10px 0px;
}
#footerLogos a{
font-weight: bold;
color: #000;
}
#footerLogos a:hover{
font-weight: bold;
color: #777;
}
#footerLogos p{
margin: 0px 0px 0px 0px;
padding: 0px;
}
.footer-background{
background-color: #000000;
}

.pButton{
cursor:            pointer;
border: none;
margin: 24px 0 0 0;
padding: 11px 0px 9px 7px;
background-color: #ffcd00;
color: #000000;
font-size: 12px;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align:left;
display:inline-block;
text-decoration:    none;
}

.pButton::after{
content: "\e7d3";
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
padding:13px 16px;
margin:0 0 0 16px;
}

.pButton:hover,.pButtonHover{
color: #000000;
background-color: #ffcd00;
border:none;
}

.pButtonHover::after, a.pButton:hover::after{
color: #ffcd00;
background-color: #000;
text-overflow: ellipsis;
white-space: nowrap;
}

/* Overschrijven van foundation CSS die zegt dat alle knopjes blauw moeten zijn */
button.pButton:focus
{
color: #000000;
background-color: #ffcd00;
}

.pButtonBasic{
cursor:            pointer;
border: none;
margin: 24px 0 0 0;
padding: 11px 14px 9px 14px;
background-color: #ffcd00;
color: #000000;
font-size: 12px;
font-family: 'Open Sans', Frutiger, Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align:left;
display:inline-block;
text-decoration:    none;
}

.pButtonBasic::after{
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
padding:13px 16px;
margin:0 0 0 16px;
}

.pButtonBasic:hover,.pButtonHover{
color: #000000;
background-color: #ffcd00;
border:none;
}

.pButtonHover::after, a.pButtonBasic:hover::after{
color: #ffcd00;
background-color: #000;
text-overflow: ellipsis;
white-space: nowrap;
}
.actionErrors{
padding:6px 10px 6px 20px;
margin-bottom:10px;
margin-top:10px;
color: #fff;
background-color: #F52A01;
cursor: pointer;
min-height:50px;
}
.actionErrors h1::before{
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
color: #ffffff;
content: "\e6f5";
font-size: 24px;
padding: 0px 10px 0px 0px;
}
.actionErrors h1{
font-family:Century Gothic, Arial, Helvetica, "sans serif";
color: #fff;
font-weight:bold;
margin:0px;
font-size: 30px;
text-transform: capitalize;
}

.actionErrors p{
font-family:Arial, Helvetica, "sans serif";
font-size: 12px;
color: #fff;
margin:0px 0px 5px 0px;
padding: 0px;
}

.actionAlerts{
padding:6px 10px 6px 20px;
color:#fff;
margin-bottom:10px;
margin-top:10px;
color: #262626;
background-color: #aeaeae;
cursor: pointer;
min-height:50px;
}
.actionAlerts h1::before{
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
color: #292929;
content: "\e6f7";
font-size: 24px;
padding: 0px 10px 0px 0px;
}

.actionAlerts h1{
font-weight:bold;
font-family:Century Gothic, Arial, Helvetica, "sans serif";
color: #262626;
margin:0px;
font-size: 30px;
text-transform: capitalize;
}

.actionAlerts p{
font-family:Arial, Helvetica, "sans serif";
font-size: 12px;
color: #262626;
margin:0px 0px 5px 0px;
padding: 0px;
}

/** OWNER IS NOT ME BOX **/
.qOwner{
font-size: 16px;
font-weight:bold;
color: #777;
font-family: arial, verdana, "sans serif";
margin-bottom:10px;
border-bottom: 1px #eee solid;
padding:5px 0px;
}

.qOwner img{
margin-top:3px;
margin-right: 6px;
}

.qOwner span{
font-size: 11px;
font-weight:normal;
font-style:normal;
}

div.box{
border: 0px;
background-color: #fff;
padding: 4px;
font-family: Verdana, "sans serif";
font-size: 11px;
}

div.boxHead{
font-size: 13px;
color: #222;
font-weight: bold;
padding: 0px;
margin: 0px 0px 4px 0px;
font-family: Century Gothic, Verdana, Arial, "sans serif";
}

div.box .innerBox{
margin: 0px 12px 12px 12px;
padding: 0px;
font-family: Verdana, "sans serif";
font-size: 11px;
}


a.filmLink{
display: block;
padding: 4px 5px;
margin: 0px 0px 5px 0px;
cursor: pointer;
text-decoration: none;
}
a.filmLink.unselected{
color: #777;
}

div.box.special{
background-color:        #fff;
}

div.box .innerBox p{ padding: 0px 0px 4px 0px; }
div.box .innerBox ul{ padding: 0px 0px 4px 16px; }

div.box .innerBox div.item{
padding: 0px 0px 0px 15px;
margin: 0px 0px 5px 0px;
}
span.itemHead{
font-size: 11px;
padding:0px;
margin:0px;
font-weight: bold;
display: block;
}

.resultOptions{
padding: 0px;
margin:10px 0px;
}

.resultOption{
color:                #000000;
font-weight:        bold;
border:            1px #000000 solid;
background-color:    #fff;
margin:            0px 2px 0px 0px;
padding:            4px;
cursor:            pointer;
display:            inline-block;
height: 61px;
float:left;
line-height:46px;
font-size:11px;
}

a.resultOption{
text-decoration: none;
}

a.resultOption:active, .resultOption a:active { text-decoration: none; }
a.resultOption:visited, .resultOption a:visited { text-decoration: none; }

.resultOption.optionPrint{
background: url(img/icons/printer.png) no-repeat 6px 6px;
padding: 8px 5px 1px 25px;
}

.resultOption.optionPDF{
background: url(img/icons/document-pdf.png) no-repeat 6px 20px;
padding: 8px 5px 1px 25px;
}

.resultOption.optionXLS{
background: url(img/icons/document-excel.png) no-repeat 6px 20px;
padding: 8px 5px 1px 25px;
}

.resultOption.optionXLS{
background: url(img/icons/document-excel.png) no-repeat 6px 20px;
padding: 8px 5px 1px 25px;
}

.resultOption.optionMail{
background: url(img/icons/mail.png) no-repeat 6px 20px;
padding: 4px 5px 4px 25px;
height: 61px;
line-height: inherit;
}

.resultOption a{ text-decoration: none; }
.resultOption input{
width: 240px;
margin:0;
}

a.resultOption:hover{
background-color:    #000000;
color:                #fff;
}

a.block, span.block, div.block{
font-size:                11px;
font-weight:            normal;
display:                inline-block;
padding:                2px 5px 2px 20px;
margin:                    0px;
cursor:                    pointer;
color:                    #000000;
background:                url(img/bullet.png) no-repeat 0px 0px;
text-decoration:        none;
}

a.block:active{ text-decoration:none; }
a.block:visited{ text-decoration:none; }
a.block:hover{ text-decoration:none; }

div#scrollToTop{
display: none;
}

div#msgBox{
background-color: #B9C4D8;
color: #000099;
position: fixed;
right:0px;
top: 0px;
width: 220px;
padding: 3px 3px 10px 10px;
display: none;
}
.errormsg{
color:#D40000;
}

.floatBox{
float: left;
}

.hijackbar{
background-color: #fff;
border-bottom: 1px #ddd solid;
color: maroon;
padding: 5px;
line-height: 30px;
}

.hijackbar a{
float: right;
line-height: 18px;
}


.biggridcontainer{
height:420px;
}
.biggrid{
padding-top:40px;
background-color:#eeeeee;
background-image:url("http://loopbaanportaal.nl/themes/default/img/achtergrondzon.jpg");
background-position:center top;
background-repeat:no-repeat;
width:380px;
height:380px;
display:none;
}

.smallgrid td{
width:100px;
height:50px;
overflow:hidden;
}
.smallgridcontainer{
height:280px;
}
.smallgrid{
padding-top:20px;
background-color:#eeeeee;
background-image:url("http://loopbaanportaal.nl/themes/default/img/achtergrondzon.jpg");
background-position:center top;
background-repeat:no-repeat;
width:340px;
height:380px;
}

.biggrid td{
width:100px;
height:60px;
overflow:hidden;
}
.centraal{
color:#ff0000;
display:none;
text-align:center;
font-weight:bold;
font-size:36px;
width:100%;
}
.centraalsmall{
color:#ff0000;
text-align:center;
font-weight:bold;
font-size:24px;
width:100%;
}

.site_intro{
font-size:14px;
font-weight:bold;
margin:10px 0px;
}


.cms_widget_type{
float: right;
background-color: #eee;
color:#777;
border-left: 1px #ddd solid;
border-bottom: 1px #ddd solid;
border-radius:0px 7px 0px 7px;
width:120px;
padding: 4px 10px 6px;
text-align:right;
}

.cms_widget_tabs{
float: left;
display:inline-block;
padding: 0px;
border-radius: 7px 0px 7px 0px;
overflow: hidden;
border-right: 1px #ddd solid;
border-bottom: 1px #ddd solid;
font-size:0px;
margin-left:-1px;
}

a.cms_widget_tab{
padding: 3px 6px;
border-left: 1px #eee solid;
display:inline-block;
margin:0px;
font-size: 11px;
}

a.cms_widget_tab:hover{
background-color:#eee;
text-decoration:none;
}


a.cms_widget_tab.selected{
background-color:#154273;
color: #fff;
}

.cms_widget_tabDiv{ display:none; }
.cms_widget_tabDiv.selected{ display:block; }

.widget{
float:left;
margin:0px 0px 10px 0px;
display:inline-block;
min-height: 250px;
padding:0px;
overflow:auto;
}

.widget.pos_1col{
float: left;
width: 208px;
clear:none;
}

.widget.pos_2col{
float: left;
width: 436px;
clear:none;
}

.widget.pos_3col{
float: left;
width: 664px;
clear:none;
}

.widget.wg_normaal{
min-height:0px;
}

.widget img.whiteframe{
padding:10px;
background-color:#fff;
border:1px #ddd solid;
box-shadow: 4px 4px 8px #333;
}
.widget img.blackframe{
padding:10px;
background-color:#222;
border:1px #000 solid;
box-shadow: 4px 4px 8px #000;
}
.widget img.thinframe{
padding:0px;
border:1px #333 solid;
box-shadow: 4px 4px 8px #333;
}


.headerIntroContainer{
width:958px;
margin:0 auto;
margin-top: -40px;
padding-left:84px;
box-sizing:border-box;
min-height: 135px;
position:relative;
z-index:200;
}
.headerIntro{
float:left;
width:520px;
text-align:left;
}
.headerPersonal{
margin-bottom: 48px;
text-align:left;
}
.headerPersonal input[type=text],.headerPersonal input[type=password]{
box-sizing:border-box;
width:100%;
font-size: 11px;
padding: 2px;
border: 1px #777 solid;
color: #333;
font-family: "Open Sans";
}

.sessionLinks a{
display: inline-block;
width:95px;
font-weight: normal;
padding:2px 2px 2px 14px;
font-size: 11px;
font-family: "Open Sans";
background: url(img/linkarrow-yellow.png) transparent no-repeat 0px 4px;
}

.pageBlock{
float:left;
width:877px;
}
#innerPageText fieldset input[type=text],
#innerPageText fieldset input[type=radio],
#innerPageText fieldset input[type=email],
#innerPageText fieldset textarea,
#innerPageText fieldset select{
background:#F5F1EE;
padding: 5px;
margin-top: 10px;
font-size:13px;
border: 1px #B8A690 solid;
box-sizing: border-box;
color: #333;
width:300px;
float: left;
clear: right;
}
#innerPageText fieldset label{

font-weight: 300;
font-family: "Open Sans", arial, sans serif;
display: block;
box-sizing:border-box;
margin-top: 10px;
margin-right: 10px;
color:  #333;
width:120px;
float:left;
clear:left;

}
#innerPageText fieldset ul li label{
font-weight: normal;
display: inline-block;
margin-top: 0px;
margin-left: 5px;
width: 240px;
float: none;
}

#twitter_container{
padding:10px;
background-color: #f6f5f1;
}

#twitter_container .pButton{
background-color: #b0a691;
border-color: #b0a691;
color: #fff;
text-transform:uppercase;
font-weight: 300;
}

.bodyContainer{
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}

.contrast0, .widget.wg_contrast1{

background-color: #ffcd00;
color:#000000;
}
.mainlink{
border-bottom: 1px solid #d7d7d7;
}
.row{
max-width: 79.5rem;
}
.row .row{
margin:0px;
}
/********FEEDBACK BUTTON***********/
#feedbackButton{
background-color: #ffcd00;
background-position: no-repeat;
cursor: pointer;
display: block;
height: 100px;
position: fixed;
right: 0;
top: 45%;
width:30px;
z-index:510;

/*line-height: 1.5em;*/
/*text-orientation: sideways;*/
}

#feedbackButton:hover{
background-color: #ddd;
color: #3b3b3b !important;
}
#feedbackButton span a:visited{
color:#fff;
}

#feedbackButton span a:hover{
color:#3b3b3b;
}

#feedbackButton span a:active{
}

#feedbackButton span{
color: #fff;
display:block;
font-family: "Open Sans", "Frutiger",Helvetica,Arial,sans-serif;
font-weight: bold;
font-size: 0.9em;
padding-left:15px;
color: inherit;
transform:rotate(90deg);
}

/********CUSTOM FONTS**************/
.circleObject_title{
color: #000000;
}
.footerCenterTitle{
color: #000000;
}
.footer-inner a{
color: #ffffff;
}


/********************************/
/* Specefieke opmaak voor role blokken */
.personeel-type
{
width:100%;
height:150px;
background-color: grey;
padding: 65px;
text-align: center;
}

.vex.vex-theme-default .vex-dialog-button{
text-align: center;
float:none!important;
}
.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary{
color:black!important;
background: #ffcd00!important;}

.vex-dialog-message p,.vex-dialog-message label{
text-align:center!important;}

.vex-dialog-message .questionAnswer{
padding-left: 47px;}

.vex.vex-theme-default .vex-content{
border: 1px solid #ffcd00!important;
border-radius: 57px!important;
background: white!important;
}


/****
*
*
*
* PROGRESS BAR
*
*
*/


.chart {
font-size:                   1em;
-webkit-perspective:         1000px;
perspective:                 1000px;
-webkit-perspective-origin:  50% 50%;
perspective-origin:          50% 50%;
-webkit-backface-visibility: visible;
backface-visibility:         visible;
}

.bar {
font-size:               1em;
position:                relative;
height:                  10em;
-webkit-transition:      all 0.3s ease-in-out;
transition:              all 0.3s ease-in-out;
-webkit-transform:       rotateX(60deg) rotateY(0deg);
transform:               rotateX(60deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style:         preserve-3d;
}

.bar .face {
position:         relative;
width:            100%;
height:           2em;
background-color: rgba(254, 254, 254, 0.3);
}

.bar .face.side-a, .bar .face.side-b {
width: 2em;
}

.bar .side-a {
-webkit-transform: rotateX(90deg) rotateY(-90deg) translateX(2em) translateY(1em) translateZ(1em);
transform:         rotateX(90deg) rotateY(-90deg) translateX(2em) translateY(1em) translateZ(1em);
}

.bar .side-b {
-webkit-transform: rotateX(90deg) rotateY(-90deg) translateX(4em) translateY(1em) translateZ(-1em);
transform:         rotateX(90deg) rotateY(-90deg) translateX(4em) translateY(1em) translateZ(-1em);
position:          absolute;
right:             0;
}

.bar .side-0 {
-webkit-transform: rotateX(90deg) rotateY(0) translateX(0) translateY(1em) translateZ(-1em);
transform:         rotateX(90deg) rotateY(0) translateX(0) translateY(1em) translateZ(-1em);
}

.bar .side-1 {
-webkit-transform: rotateX(90deg) rotateY(0) translateX(0) translateY(1em) translateZ(3em);
transform:         rotateX(90deg) rotateY(0) translateX(0) translateY(1em) translateZ(3em);
}

.bar .top {
-webkit-transform: rotateX(0deg) rotateY(0) translateX(0em) translateY(4em) translateZ(2em);
transform:         rotateX(0deg) rotateY(0) translateX(0em) translateY(4em) translateZ(2em);
}

.bar .floor {
box-shadow: 0 0.1em 0.6em rgba(0, 0, 0, 0.3), 0.6em -0.5em 3em rgba(0, 0, 0, 0.3), 1em -1em 8em #FEFEFE;
}

.growing-bar {
-webkit-transition: all 0.3s ease-in-out;
transition:         all 0.3s ease-in-out;
background-color:   rgba(236, 0, 140, 0.6);
width:              100%;
height:             2em;
}

.bar.yellow .side-a,
.bar.yellow .growing-bar {
background-color: rgba(241, 196, 15, 0.6);
}

.bar.yellow .side-0 .growing-bar {
box-shadow: -0.5em -1.5em 4em rgba(241, 196, 15, 0.8);
}

.bar.yellow .floor .growing-bar {
box-shadow: 0em 0em 2em rgba(241, 196, 15, 0.8);
}

.bar.red .side-a, input[id='red']:checked ~ .chart .side-a,
.bar.red .growing-bar,
input[id='red']:checked ~ .chart .growing-bar {
background-color: rgba(236, 0, 140, 0.6);
}

.bar.red .side-0 .growing-bar, input[id='red']:checked ~ .chart .side-0 .growing-bar {
box-shadow: -0.5em -1.5em 4em rgba(236, 0, 140, 0.8);
}

.bar.red .floor .growing-bar, input[id='red']:checked ~ .chart .floor .growing-bar {
box-shadow: 0em 0em 2em rgba(236, 0, 140, 0.8);
}

.bar.cyan .side-a, input[id='cyan']:checked ~ .chart .side-a,
.bar.cyan .growing-bar,
input[id='cyan']:checked ~ .chart .growing-bar {
background-color: rgba(87, 202, 244, 0.6);
}

.bar.cyan .side-0 .growing-bar, input[id='cyan']:checked ~ .chart .side-0 .growing-bar {
box-shadow: -0.5em -1.5em 4em #57CAF4;
}

.bar.cyan .floor .growing-bar, input[id='cyan']:checked ~ .chart .floor .growing-bar {
box-shadow: 0em 0em 2em #57CAF4;
}

.bar.navy .side-a,
.bar.navy .growing-bar {
background-color: rgba(10, 64, 105, 0.6);
}

.bar.navy .side-0 .growing-bar {
box-shadow: -0.5em -1.5em 4em rgba(10, 64, 105, 0.8);
}

.bar.navy .floor .growing-bar {
box-shadow: 0em 0em 2em rgba(10, 64, 105, 0.8);
}

.bar.lime .side-a, input[id='lime']:checked ~ .chart .side-a,
.bar.lime .growing-bar,
input[id='lime']:checked ~ .chart .growing-bar {
background-color: rgba(118, 201, 0, 0.6);
}

.bar.lime .side-0 .growing-bar, input[id='lime']:checked ~ .chart .side-0 .growing-bar {
box-shadow: -0.5em -1.5em 4em #76C900;
}

.bar.lime .floor .growing-bar, input[id='lime']:checked ~ .chart .floor .growing-bar {
box-shadow: 0em 0em 2em #76C900;
}

.bar.white .side-a,
.bar.white .growing-bar {
background-color: rgba(254, 254, 254, 0.6);
}

.bar.white .side-0 .growing-bar {
box-shadow: -0.5em -1.5em 4em #FEFEFE;
}

.bar.white .floor .growing-bar {
box-shadow: 0em 0em 2em #FEFEFE;
}

.bar.gray .side-a,
.bar.gray .growing-bar {
background-color: rgba(68, 68, 68, 0.6);
}

.bar.gray .side-0 .growing-bar {
box-shadow: -0.5em -1.5em 4em #444;
}

.bar.gray .floor .growing-bar {
box-shadow: 0em 0em 2em #444;
}

.chart .bar.yellow-face .face {
background-color: rgba(241, 196, 15, 0.2);
}

.chart .bar.lime-face .face {
background-color: rgba(118, 201, 0, 0.2);
}

.chart .bar.red-face .face {
background-color: rgba(236, 0, 140, 0.2);
}

.chart .bar.navy-face .face {
background-color: rgba(10, 64, 105, 0.2);
}

.chart .bar.cyan-face .face {
background-color: rgba(87, 202, 244, 0.2);
}

.chart .bar.gray-face .face {
background-color: rgba(68, 68, 68, 0.2);
}

.chart .bar.lightGray-face .face {
background-color: rgba(145, 145, 145, 0.2);
}

.bar-0 .growing-bar {
width: 0%;
}

.bar-1 .growing-bar {
width: 1%;
}

.bar-2 .growing-bar {
width: 2%;
}

.bar-3 .growing-bar {
width: 3%;
}

.bar-4 .growing-bar {
width: 4%;
}

.bar-5 .growing-bar {
width: 5%;
}

.bar-6 .growing-bar {
width: 6%;
}

.bar-7 .growing-bar {
width: 7%;
}

.bar-8 .growing-bar {
width: 8%;
}

.bar-9 .growing-bar {
width: 9%;
}

.bar-10 .growing-bar {
width: 10%;
}

.bar-11 .growing-bar {
width: 11%;
}

.bar-12 .growing-bar {
width: 12%;
}

.bar-13 .growing-bar {
width: 13%;
}

.bar-14 .growing-bar {
width: 14%;
}

.bar-15 .growing-bar {
width: 15%;
}

.bar-16 .growing-bar {
width: 16%;
}

.bar-17 .growing-bar {
width: 17%;
}

.bar-18 .growing-bar {
width: 18%;
}

.bar-19 .growing-bar {
width: 19%;
}

.bar-20 .growing-bar, input[id='exercise-2']:checked ~ .chart.grid .exercise .bar:nth-child(1) .growing-bar {
width: 20%;
}

.bar-21 .growing-bar {
width: 21%;
}

.bar-22 .growing-bar {
width: 22%;
}

.bar-23 .growing-bar {
width: 23%;
}

.bar-24 .growing-bar {
width: 24%;
}

.bar-25 .growing-bar, input[id='pos-0']:checked ~ .chart .growing-bar {
width: 25%;
}

.bar-26 .growing-bar {
width: 26%;
}

.bar-27 .growing-bar {
width: 27%;
}

.bar-28 .growing-bar {
width: 28%;
}

.bar-29 .growing-bar {
width: 29%;
}

.bar-30 .growing-bar {
width: 30%;
}

.bar-31 .growing-bar {
width: 31%;
}

.bar-32 .growing-bar {
width: 32%;
}

.bar-33 .growing-bar {
width: 33%;
}

.bar-34 .growing-bar {
width: 34%;
}

.bar-35 .growing-bar {
width: 35%;
}

.bar-36 .growing-bar {
width: 36%;
}

.bar-37 .growing-bar {
width: 37%;
}

.bar-38 .growing-bar {
width: 38%;
}

.bar-39 .growing-bar {
width: 39%;
}

.bar-40 .growing-bar {
width: 40%;
}

.bar-41 .growing-bar {
width: 41%;
}

.bar-42 .growing-bar {
width: 42%;
}

.bar-43 .growing-bar {
width: 43%;
}

.bar-44 .growing-bar {
width: 44%;
}

.bar-45 .growing-bar {
width: 45%;
}

.bar-46 .growing-bar {
width: 46%;
}

.bar-47 .growing-bar {
width: 47%;
}

.bar-48 .growing-bar {
width: 48%;
}

.bar-49 .growing-bar {
width: 49%;
}

.bar-50 .growing-bar, input[id='pos-1']:checked ~ .chart .growing-bar, input[id='exercise-2']:checked ~ .chart.grid .exercise .bar:nth-child(2) .growing-bar, input[id='exercise-4']:checked ~ .chart.grid .exercise .bar:nth-child(1) .growing-bar, input[id='exercise-4']:checked ~ .chart.grid .exercise .bar:nth-child(2) .growing-bar {
width: 50%;
}

.bar-51 .growing-bar {
width: 51%;
}

.bar-52 .growing-bar {
width: 52%;
}

.bar-53 .growing-bar {
width: 53%;
}

.bar-54 .growing-bar {
width: 54%;
}

.bar-55 .growing-bar {
width: 55%;
}

.bar-56 .growing-bar {
width: 56%;
}

.bar-57 .growing-bar {
width: 57%;
}

.bar-58 .growing-bar {
width: 58%;
}

.bar-59 .growing-bar {
width: 59%;
}

.bar-60 .growing-bar {
width: 60%;
}

.bar-61 .growing-bar {
width: 61%;
}

.bar-62 .growing-bar {
width: 62%;
}

.bar-63 .growing-bar {
width: 63%;
}

.bar-64 .growing-bar {
width: 64%;
}

.bar-65 .growing-bar {
width: 65%;
}

.bar-66 .growing-bar {
width: 66%;
}

.bar-67 .growing-bar {
width: 67%;
}

.bar-68 .growing-bar {
width: 68%;
}

.bar-69 .growing-bar {
width: 69%;
}

.bar-70 .growing-bar, input[id='exercise-3']:checked ~ .chart.grid .exercise .bar:nth-child(1) .growing-bar, input[id='exercise-3']:checked ~ .chart.grid .exercise .bar:nth-child(2) .growing-bar, input[id='exercise-3']:checked ~ .chart.grid .exercise .bar:nth-child(3) .growing-bar {
width: 70%;
}

.bar-71 .growing-bar {
width: 71%;
}

.bar-72 .growing-bar {
width: 72%;
}

.bar-73 .growing-bar {
width: 73%;
}

.bar-74 .growing-bar {
width: 74%;
}

.bar-75 .growing-bar, input[id='pos-2']:checked ~ .chart .growing-bar {
width: 75%;
}

.bar-76 .growing-bar {
width: 76%;
}

.bar-77 .growing-bar {
width: 77%;
}

.bar-78 .growing-bar {
width: 78%;
}

.bar-79 .growing-bar {
width: 79%;
}

.bar-80 .growing-bar, input[id='exercise-2']:checked ~ .chart.grid .exercise .bar:nth-child(3) .growing-bar {
width: 80%;
}

.bar-81 .growing-bar {
width: 81%;
}

.bar-82 .growing-bar {
width: 82%;
}

.bar-83 .growing-bar {
width: 83%;
}

.bar-84 .growing-bar {
width: 84%;
}

.bar-85 .growing-bar {
width: 85%;
}

.bar-86 .growing-bar {
width: 86%;
}

.bar-87 .growing-bar {
width: 87%;
}

.bar-88 .growing-bar {
width: 88%;
}

.bar-89 .growing-bar {
width: 89%;
}

.bar-90 .growing-bar {
width: 90%;
}

.bar-91 .growing-bar {
width: 91%;
}

.bar-92 .growing-bar {
width: 92%;
}

.bar-93 .growing-bar {
width: 93%;
}

.bar-94 .growing-bar {
width: 94%;
}

.bar-95 .growing-bar {
width: 95%;
}

.bar-96 .growing-bar {
width: 96%;
}

.bar-97 .growing-bar {
width: 97%;
}

.bar-98 .growing-bar {
width: 98%;
}

.bar-99 .growing-bar {
width: 99%;
}

.bar-100 .growing-bar, input[id='pos-3']:checked ~ .chart .growing-bar, input[id='exercise-4']:checked ~ .chart.grid .exercise .bar:nth-child(3) .growing-bar {
width: 100%;
}
.bannerBackground {
position: relative;
}
#searchHome {
text-align: left;
Position: absolute;
top: 35px;
width: 600px;
padding: 30px;
background: #ffcd00;
}
#searchHome h2 {
font-size: 18px;
}
#searchHome form input[type=text] {
width: calc(100% - 210px);
float: left;
border: none;
}
#searchHome form input[type=submit] {
float: right;
margin-top: 0;
color: #fff;

}
#searchHome ul{
margin: 0;
padding:0;
width: calc(100% - 210px);
}
#searchHome ul li {
list-style: none;

}
#searchHome ul li a {
display: block;
padding: 7px 12px;
text-transform: uppercase;
border: 1px solid #000;
border-radius: 5px;
float: left;
margin: 0 10px 10px 0;
font-size: 13px;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}

#searchHome ul li a:hover {
background: #bf9803;
color: #fff;
}

.pButton.alt {
background: #000;
color: #fff;
width: 200px;
}
#searchHome a.pButton.alt {
position: absolute;
right: 30px;
top: 100px;
display: none;
}

.filterboxcontainer{
margin-bottom:5px;
}

.filterbox{
position: absolute;
top: 8px;
left: 20px;
}
.filterboxlabel{
padding-left:15px;

}
#searchHome { padding: 15px; right: 0;}