@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;
}
@font-face {
font-family: 'Fedra Serif';
src: url('fonts/WF-000421-008090-000445.eot'); /* IE9 Compat Modes */
src: url('fonts/WF-000421-008090-000445.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/WF-000421-008090-000445.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/WF-000421-008090-000445.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/WF-000421-008090-000445.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'Fedra Serif Bold';
src: url('fonts/WF-000421-008091-000447.eot'); /* IE9 Compat Modes */
src: url('fonts/WF-000421-008091-000447.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/WF-000421-008091-000447.woff') format('woff'), /* Pretty Modern Browsers */ url('fonts/WF-000421-008091-000447.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/WF-000421-008091-000447.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-100.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-100.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-100.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-100.svg#museosans-100') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 100;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-100-italic.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-100-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-100-italic.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-100-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-100-italic.svg#museosans-100-italic') format('svg'); /* Legacy iOS */
font-style: italic;
font-weight: 100;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-300.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-300.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-300.svg#museosans-300') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 300;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-300-italic.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-300-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-300-italic.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-300-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-300-italic.svg#museosans-300-italic') format('svg'); /* Legacy iOS */
font-style: italic;
font-weight: 300;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-500.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-500.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-500.svg#museosans-500') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 500;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-500-italic.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-500-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-500-italic.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-500-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-500-italic.svg#museosans-500-italic') format('svg'); /* Legacy iOS */
font-style: italic;
font-weight: 500;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-700.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-700.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-700.svg#museosans-700') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 700;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-700-italic.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-700-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-700-italic.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-700-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-700-italic.svg#museosans-700-italic') format('svg'); /* Legacy iOS */
font-style: italic;
font-weight: 700;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-900.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-900.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-900.svg#museosans-900') format('svg'); /* Legacy iOS */
font-style: normal;
font-weight: 900;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Museo Sans';
src: url('fonts/eur/museosans-900-italic.eot'); /* IE9 Compat Modes */
src: url('fonts/eur/museosans-900-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/eur/museosans-900-italic.woff') format('woff'), /* Modern Browsers */
url('fonts/eur/museosans-900-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/eur/museosans-900-italic.svg#museosans-900-italic') format('svg'); /* Legacy iOS */
font-style: italic;
font-weight: 900;
text-rendering: optimizeLegibility;
}


/* 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: #ffff9f;
color: #c0c0c0;
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;
opacity: 0.7;
box-shadow: -2px -2px 10px 0px #fff;
}

/* banner big text is hard to get properly responsive */
.bannerBigText{
margin-top: -205px;
text-align: left;
color: #fff;
font-size: 50px;
font-weight: 100;
line-height: 52px;
}
@media only screen and (min-width: 74.063em) and (max-width: 84.063em){
/* largeish screen, but not the max size */
.bannerBigText{
font-size: 35px;
margin-top: -214px;
}
.bannerBigText span{
margin-left: 140px;
max-width: 600px;
display: block;
line-height: 40px;
}
}
@media only screen and (min-width: 64.063em) and (max-width: 74.063em){
/* smallish screen, but bigger than standard tablet */
.bannerBigText{
font-size: 30px;
margin-top: -214px;
}
.bannerBigText span{
margin-left: 140px;
max-width: 400px;
display: block;
line-height: 35px;
}
}
@media only screen and (min-width: 40em) and (max-width: 64.063em){
/* standard tablet */
.bannerBigText{
font-size: 28px;
margin-top: -72px;
line-height: 30px;
}
}

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




#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: 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;
}
.menu-block-small a.mainlink{
font-size: 19px;
}


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

#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: #ffff9f;
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.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;
}


td, th{    padding: 3px; }

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

.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#siteLanguage{
float:                        right;
padding:                0px 15px 0px 15px;

text-align:                left;
font-size:            14px;
border-left:            1px #ededed solid;
clear:                    right;
line-height:66px;
}
div#siteLanguage a{
color: #787878;
font-weight: normal;
}
div#siteLanguage a:hover{
text-decoration:underline;
}
div#siteLanguage a > span.small{ display: none; }


div#siteSearch{
padding: 6px 0px 0px 9px;
margin: 0px 0px 4px 0px;
font-size: 11px;
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;
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: #c0c0c0;
text-decoration: none;
}
div#navbar div.tab div.main.hover,div#navbar div.tab div.main.hover a{
color: #c0c0c0;
text-decoration: none;
}
div#navbar div.tab div.main a{
color: #000;
text-decoration: none;
}

div#navbar div.tab.selected div.main{
color: #c0c0c0;
text-decoration: none;
}
div#innerNavbar{
float: right;
margin-right: 50px;
}

#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: #c0c0c0;
}
#menu .sub li.selected, #menu .sub a.selected{
color:                    #c0c0c0;
background: none;
}
#menu li:hover, #menu li.hover, #menu a:hover{
color:                    #c0c0c0;
}
#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;
}

.tabDiv{
display:                none;
}


#footer .footer-inner-container{
max-width: 1600px;
background-color: #000000;
}
#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;
}

.searchMenuButton{
background-color: #ffff9f;
cursor: pointer;
height: 37px;
width: 52px;
}
.searchMenuButton i{
font-size: 20px;
line-height: 34px;
margin-left: 6px;
}
.searchMenuButton i.fa-chevron-down{
font-size: 14px;
margin-left: 4px;
}
.topSearchLeft, .topSearchRight{
float: right;
}
input.searchBox{
width: 270px;
height:37px;
}
.topSearchRight input{
border: 0;
margin-top: 0;
padding:10px 24px;
margin-top: 7px;
margin-left: -28px;
position: absolute;
background: url(/themes/responsive_generic/img/vergrootglas.png) transparent no-repeat;
}

.searchMenu{
background: #ffff9f;
position: absolute;
margin-top: -2px;
width: 140px;
display: none;
z-index: 10;
}
.searchMenu_option{
border-top: 1px #fff solid;
padding: 3px;
cursor: pointer;
/* color: #999; */
}
.searchMenu_option:hover{
background: #fff;
/* color: #666; */
}
.searchMenu_option_img, .searchMenu_option_txt{
float: left;
}
.searchMenu_option_img{
width: 30px;
font-size: 18px !important;
line-height: 28px !important;
margin-left: 4px;
}
.searchMenu_option_txt{
margin-top: 4px;
font-weight: bold;
}
.searchMenu_option_chk{
width: 30px;
height: 20px;
float: right;
}
.searchMenu_option_chk.selected{
background: url(/themes/responsive_generic/img/zoekicoonvink.png) no-repeat 0px 3px;
}

.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;
}

.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;
}

.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:                #c0c0c0;
font-weight:        bold;
border:            1px #c0c0c0 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:    #c0c0c0;
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:                    #c0c0c0;
/*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;
}

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

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


/* ---------------------------- SEARCHBOX UI TEMPLATE CSS ---------------------------------------------------------*/
.saf_searchbox, .saf_searchbox_container{
width:300px;
}

.box_active{
color:#0;
border:1px solid #777777;
background-color:#fff;
padding:2px;
}

.box_blur{
color:#777777;
border:1px solid #777777;
padding:2px;
}

.saf_searchbox_container{
border-top: 1px dotted #fff;
border-left: 1px solid #DBDFE6;
border-right: 1px solid #DBDFE6;
border-bottom: 1px solid #DBDFE6;
z-index:200;
height:400px;
overflow:auto;
position:absolute;
background-color:#fff;
padding:2px;
margin-top:0px;

}
.saf_searchbox_container li{
font-size: 12px;
padding:2px;
font-family: Helvetica,Arial,Sans Serif;
list-style-type:none;
}
.saf_searchbox_container li.hover,
.saf_searchbox_container li:hover{
background-color: #41BFE6;
color:#fff;
cursor:pointer;
}
/* ---------------------------- MILESTONE UI TEMPLATE CSS ---------------------------------------------------------*/
.make_choice, .choice_other,.choice_milestones{
display:none;
}


.talentSearchForm input[type="submit"]{
background:url(/themes/responsive_generic/img/vergrootglas.png) transparent no-repeat;
cursor:pointer;
padding:8px 12px;
border:0px;
}

.milestone_container{
margin-top:10px;
margin-bottom:10px;
display:none;
border-radius:8px;
padding:4px;
border: 1px solid #41BFE6;
background-color: #E5F6FA;
color: #41BFE6;
min-width: 340px;
cursor:pointer;
}
.milestone_container_compact{
margin-top:4px;
margin-bottom:4px;
display:none;
border-radius:4px;
padding:2px;
border: 1px solid #41BFE6;
background-color: #E5F6FA;
color: #41BFE6;
max-width: 240px;
cursor:pointer;
}

.milestone_container h3{
margin-top:8px;
}
.milestone_container .openbutton{
margin-top:8px;
text-align:center;
}

.milestone_container .form_block{
display:none;
/*    min-height:40px; */
}

.milestone_container .message_block{
padding:4px;
}

table tr td{
padding-right:4px;
vertical-align: top;
}

.contactmoment-box{

}

.milestone-box{

}

.milestone_container_compact .completecheck,
.milestone_container .completecheck{
float:left;
height:36px;
width:36px;
border-radius:4px;
display:none;
border: 1px #41BFE6 solid;
color:#373737;
background: url(../../actions/milestones/themes/default/img/cm.png) #fff no-repeat center center;
}

.completecheck.completed{

border: 1px green solid;
background-color:green;
background: url(../../actions/milestones/themes/default/img/cmark.png) green no-repeat center center;
}

.milestone-cloneblock, .milestone-block{
display:none;
float:left;
width:296px;
min-height:38px;
color: #DDDDDD;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
border-radius: 4px;
margin:2px;
padding:4px;
cursor: pointer;
}

.milestone_container_compact .milestone-block{
width:222px;
padding:2px;
}


.contact-cloneblock, .contact-block{
float:left;
display:none;
width:296px;
min-height:48px;
color: #DDDDDD;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
border-radius: 4px;
margin:2px;
padding:4px;
cursor: pointer;
}

.label_container{
float:left;
width: 249px;
}
.milestone_container_compact .label_container{
width:180px;
padding:2px;
}

.milestone_container_compact .active,
.milestone_container .active{
background-color: #E6F7FC;
border: 1px solid #41BFE6;
color: #41BFE6;
}

.milestone_container_compact .inactive,
.milestone_container .inactive{
background-color: #EEEEEE;
border: 1px solid #777777;
color: #777777;
}

.milestone_container_compact .selected,
.milestone_container .selected{
background-color: #41BFE6;
border: 1px solid #41BFE6;
color: #fff;
}

.milestone_container_compact .label,
.milestone_container .label{
font-style: bold;
min-height:14px;
line-height: 16px;
}

.milestone_container_compact .msg,
.milestone_container .msg{
font-style: italic;
}

.completecheck{}

.contactmoment_cell label, .milestone_cell label{
display:block;
margin-bottom:2px;
}


.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;
padding:0px;
overflow:auto;
}
.widget p, .widget ul li{
font-size: 0.875rem;
}

.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;
}

.contrast0, .widget.wg_contrast1{

background-color: #ffff9f;
color:#c0c0c0;
}
.mainlink{
border-bottom: 1px solid #d7d7d7;
}
.row{
max-width: 79.5rem;
}
.row .row{
margin:0px;
}

.personal.right{
margin-top: 7px;
font-size: 0.75rem;
}

#siteSearch form{
padding: 0px;
width: 288px;
float: right;
}
#siteSearch #topSearch{
width: 250px;
}

#header{
border-bottom: 1px #efefef solid;
background-color: #fff;
margin-top: -4px;
}
.mobileTitle{
display: none;
}

.footer_logo .inline-list{
line-height: 75px;
}

.menu-block-small a{ word-wrap: break-word;padding: 5px 5px 5px 0px; font-size:16px; }
.menu-block-small{    width: 100%;padding:0px;}
#navigation-sidebar a.mainlink:first-of-type{    border-bottom: 4px solid #d7d7d7;    font-size: 26px;    font-weight: 300; padding: 20px 20px 12px 0;}
#navigation-sidebar a.mainlink{padding-right:10px;font-size: 16px; color: #c0c0c0;}
#navigation-sidebar a.mainlink:current{font-size:30em;}
#navigation-sidebar a.sublink{font-size: 14px; color: #c0c0c0;}
#navigation-sidebar a#selected.topc{color: #c0c0c0; font-weight: bold;}
#navigation-sidebar a#selected.smallc{color: #000000; font-weight: bold;}

/* ---------------------------- SEARCHBOX UI TEMPLATE CSS ---------------------------------------------------------*/
.saf_searchbox, .saf_searchbox_container{
width:100%;
}

.box_active{
color:#0;
border:1px solid #777777;
background-color:#fff;
padding:2px;
}

.box_blur{
color:#777777;
border:1px solid #777777;
padding:2px;
}

.saf_searchbox_container{
border-top: 1px dotted #fff;
border-left: 1px solid #DBDFE6;
border-right: 1px solid #DBDFE6;
border-bottom: 1px solid #DBDFE6;
z-index:200;
height:200px;
overflow:auto;
position:absolute;
background-color:#fff;
padding:4px;
margin-top:-16px;
margin-left:-6px;
}

.saf_searchbox_container li{
font-size: 12px;
padding:2px;
font-family: Helvetica,Arial,Sans Serif;
list-style-type:none;
}
.saf_searchbox_container li.hover,
.saf_searchbox_container li:hover{
background-color: #41BFE6;
color:#fff;
cursor:pointer;
}


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

.fa-arrow-circle-right,.fa-arrow-circle-down, .fa-file-text-o, .fa-video-camera{
color: #ffff9f;
}
.ThemaBlock.site .bookshelf .pb_index span.selected{
color: #ffff9f;
}

/********************************/
/* Specefieke opmaak voor role blokken */
.personeel-type
{
width:100%;
height:300px;
background-color:  #ffff9f;
padding-top: 137px;
text-align: center;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 8px 8px 18px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    8px 8px 18px 0px rgba(0, 0, 0, 0.75);
box-shadow:         8px 8px 18px 0px rgba(0, 0, 0, 0.75);
}
.personeel-type:active{
margin-left:3px;
margin-top:3px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.cat_name>button{
background-color: #ffff9f !important;
border-color: #ffff9f !important;

}

/********CUSTOM BORDERRS**************/
.ThemaBlock.site div.textContainerToggle_intro {
border-top: 1px #ffff9f solid;
border-bottom: 1px #ffff9f solid;
}
/************************************/

/********CUSTOM BACKGROUNDS**************/
.ThemaBlock.site .ThemaBlockDetails h1{
background-color:#ffff9f;
}
.campus4workBanner{
background-color:#ffff9f;
}
.overviewtests th{
background-color:#ffff9f;
}
div.maincontent .pb-sub-banner-link h2 a{
background-color:#ffff9f;
}
.pb-sub-banner-link, .pb-banner, .pb_banner_text{
background-color:#ffff9f;
}
.bannerBackground{
background-color:#ffff9f;
}
.sitePageIntro{
background-color:#ffff9f;
}
/***************************************/
/********OVERRITE module block settings**************/
.moduleblock>.ReadMore
{
background-color:#ffff9f !important;
}
/***************************************/
/**********************************************************************************************************************
*                                                                                                                     *
*                                                     Knoppen                                                         *
*                                                                                                                     *
***********************************************************************************************************************/

/**** BASIS ***********************************************************************************************************/

/* :focus overrule because foundation wants it to be blue */
/*.pButton, .pButtonBasic, .pButton:focus, .pButtonBasic:focus {
    font-family: Ubuntu, sans-serif;
    height: 38px;
    padding: 0.25em 1em;
    color: #000000;
    text-align: left;
    font-size: 1em;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    background-color: transparent;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px solid hsl(200, 100%, 20%);
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

input[type="submit"].pButton {
    float: left;
    border-radius: 30px !important;
}

.pButton.center {
    text-align: center;
    padding: 0.25em 0;
}

.pButton:hover::after, .pButtonHover::after {
    color: white;
    background-color: #000000;
}

.pButton::after {
    border-radius: 0 30px 30px 0;
    speak: none;
    font-family: "FontAwesome", Webdings, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
    width: 35px;
    height: 38px;
    bottom: 5px;
    left: 15px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    position: relative;
    float: right;
}*/

.pButton, .pButtonBasic, .pButton:focus, .pButtonBasic:focus {
    min-height: 38px;
    height: auto;
    padding: 10px 20px 10px 20px;
    background-color: transparent;
    color: #000000;
    font-size: 12px;
    font-family: Ubuntu, sans-serif;
    font-weight: bold;
    text-transform: none;
    text-align: left;
    text-decoration: none;
    border-radius: 30px;
   border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px solid hsl(200, 100%, 20%);
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
}

input[type="submit"].pButton {
    float: left;
    border-radius: 30px !important;
}

.pButton::after {
    font-family: "FontAwesome", Webdings, sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding: 16px;
    margin: 0 0 0 16px;
    border-radius: 0 30px 30px 0;
    vertical-align: middle;
}

.pButton:hover, .pButtonHover {
    color: white;
    background-color: #000000;
}

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

/**** MARGES **********************************************************************************************************/

/* Ruimte onder de knoppen, behalve bij de laatste */

select, .pButton {
    margin-right: 5px;
    margin-bottom: 10px;
}

select:last-child, .pButton:last-child, .pButtonBasic:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

/* Een beetje ruimte tussen de knoppen als ze binnen een row direct na elkaar geplaatst zijn, behalve als deze */
/* ruimte door Foundation geregeld is */

/* The ~ combinator separates two selectors and matches the second element only if it is preceded by the first, and both share a common parent. */
/* https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_selectors */
/* Browser compability: Chrome/1.0; Firefox/1.0; MSIE/7; Opera/9; Safari/3 */

/**** ACTIEF/GESELECTEERD *********************************************************************************************/

.pButton.selected, .pButton:hover, .pButtonBasic:hover {
    color: white;
    background-color: #000000;
}

/**** ICONEN **********************************************************************************************************/

/*
*       pButtons with icons on the right side!
* BEWARE: New class names for buttons with icons. The old ones still work
*
* Previous classnames       New classnames
* pButton directive   =>   pButton icon arrow-right
* pButton instructive =>   pButton icon (cross | delete)
*
*/

.pButton.instructive, .pButton.icon, .pButtonBasic, .pButton.directive {
    padding: 10px 0 10px 15px;
}

.pButton.icon:hover, .pButton.instructive:hover, .pButton.directive:hover {
    color: #000000;
    background: none;
}

.pButton.icon.arrow::after, .pButton.icon.arrow-right::after, .pButton.directive::after {
    content: "\f054";
}

.pButton.icon.cross::after, .pButton.icon.delete::after, .pButton.instructive::after {
    content: "\f00d";
}

.pButton .fa, .pButtonBasic .fa {
    margin-top: 10px;
}

/**** CHAT ************************************************************************************************************/

.chatInputContainer {
    position: relative;
}

.pButton.chatAttachment {
    left: 10px;
    height: 65px;
    text-align: center;
    border: 1px solid #5e5e5e;
    border-radius: 25px 0 0 25px;
    background-color: transparent;
    color: hsl(200, 100%, 20%);
}/**********************************************************************************************************************
*                                                                                                                     *
*                                                   Typografie                                                        *
*                                                                                                                     *
***********************************************************************************************************************/

/*
*      FONT-FACES: Ubuntu, Icomoon, FontAwesome
*/

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,700,500);

@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;
}

@font-face{
font-family:'FontAwesome';
font-weight:normal;
font-style:normal;
src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0');
src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
}

/*
*      HEADINGS
*/

h1, h2 {
color: #000000;
font-family: 'Ubuntu', sans-serif;
font-weight: 100 !important;
}

h1 {
font-size: 1.4em;
}

h2 {
font-size: 1.2em;
}

h3, h4, h5, h6 {
font-family: 'Ubuntu', sans-serif;
}

h3, h4 {
color: #000000;
font-weight: 500;
}

h3 {
font-size: 1.1em;
}

h4 {
font-size: 1em;
}

h5, h6 {
color: #ffff9f;
font-weight: 700;
}

h5 {
font-size: 0.8em;
}

h6 {
font-size: 0.7em;
}

/*
*      P & A
*/

p {
color: #c0c0c0;
font-family: 'Ubuntu', sans-serif;
font-size: 1rem;
}

a {
font-weight: 600;
color: #000000;
font-size: 0.9em;
}/**********************************************************************************************************************
*                                                                                                                     *
*                                                  Formulieren                                                        *
*                                                                                                                     *
***********************************************************************************************************************/

/*
*      INVOERVELDEN::Inactief
*/

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 38px;
padding: 6px 10px 6px 20px; /* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border: 1px solid #000000;
color: #000000;
border-radius: 25px;
box-shadow: none;
box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px;
}

input:invalid {
border-color: darkred;
color: darkred;
font-weight: 700;
}

input.searchbox.inactive {
color: #c0c0c0;
}

/*
*      INVOERVELDEN::Actief
*/

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus, .searchbox.active {
border: 1px solid #000000;
color: /* #ffff9f; */
font-weight: 500;
outline: 0;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
background: url(img/icons/icon-dropdown.svg) no-repeat;
background-size: 15px 30px;
background-position: 95% 50%;
}

label,
legend {
display: inline;
margin-bottom: .5rem;
color: #000000;
font-weight: 500;
}

fieldset {
padding: 0;
border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
display: inline;
}

label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal;
}

/**** VALIDATIE *******************************************************************************************************/

/* input:required {
background: url(img/vector/jobxs_icon_form-required.svg) no-repeat;
background-size: 15px 30px;
background-position: 95% 50%;
} */

input:required:invalid, input:invalid {
color: darkred;
font-weight: 700;
background: url(img/vector/jobxs_icon_form-invalid.svg) no-repeat;
background-size: 15px 30px;
background-position: 95% 50%;
background-color: #ffdddd;

}


/**** UITGESCHAKELD ***************************************************************************************************/


input[disabled], input[readonly], input:disabled,
fieldset[disabled], fieldset[readonly], fieldset:disabled,
textarea[disabled], textarea[readonly], textarea:disabled
{
color: #666 !important;
border: 1px solid #444;
cursor: not-allowed;
background-color: #cfdfe6 !important;
}


/* TODO */
label[for="u_"] {
margin-bottom: 0px;
display: block;
}/**********************************************************************************************************************
*                                                                                                                     *
*                                                 Extra CSS bouwstenen                                                *
*                                                                                                                     *
***********************************************************************************************************************/

/*
* circle
*/

.circle, .circle.large {
width: 50px;
height: 50px;
border-radius: 25px;
}

.circle.medium {
width: 40px;
height: 40px;
border-radius: 20px;
}

.circle.dotted {
border: 2px dotted darkgray;
}
.circle.gray {
border: 1px solid darkgray;
}

.round-border{
border-radius: 15px;
padding: 5px 5px 5px 5px;
margin-bottom: 2px;
border: 1px darkblue solid;
}
/*
* Text Display
*/

.emphasized {
font-weight: 700;
}

.underline {
border-bottom: 2px;
}
.underline.dotted {
border-bottom: 2px dotted;
}

.underline.gray {
border-color: darkgray;
}

.underline.red {
border-color: darkred;
}

.red {
color: darkred;
}

.text.centered {
    text-align: center;
}

/*
* noMargin
*/

.noMargin.all-sides {
margin: 0 !important;
}

.noMargin.horizontal-sides {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.noMargin.vertical-sides {
margin-left: 0 !important;
margin-right: 0 !important;
}

.noMargin.left-side {
margin-left: 0 !important;
}
.noMargin.right-side {
margin-right: 0 !important;
}

.noMargin.top-side {
margin-top: 0 !important;
}
.noMargin.bottom-side {
margin-top: 0 !important;
}

/*
* noPadding
*/

.noPadding.all-sides {
padding: 0 !important;
}

.noPadding.horizontal-sides {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.noPadding.vertical-sides {
padding-left: 0 !important;
padding-right: 0 !important;
}

.noPadding.left-side {
padding-left: 0 !important;
}
.noPadding.right-side {
padding-right: 0 !important;
}

.noPadding.top-side {
padding-top: 0 !important;
}
.noPadding.bottom-side {
padding-top: 0 !important;
}

/*
 * noBorder
 */

.noBorder, .noBorder:active, .noBorder:focus {
border: none !important;
}

/*
*  color
*/

a.darkblue, p.darkblue, i.darkblue {
color: darkblue;
}

a.lightblue, p.lightblue, i.lightblue {
color: #0099cc;
}

p.secondaryfontcolor, i.secondaryfontcolor {
color: #000000;
}/**** JobXS-specifiek *************************************************************************************************/
/* TODO: Verwijderen als het geen JobXS is. */

/* TODO: Betere naam bedenken  (.klasse.subklasse.component.eigenschappen) */
.chatInputText {
    padding: 1rem !important;
    margin: 0;
    border-radius: 0 25px 25px 0;
}

.pButton.u_role_add {
    margin-right: 1%;
}

.pButton.u_role_add:nth-of-type(2n+1) {
    margin-right: 0;
}

.pButton.u_role_add:last-of-type {
    float: left;
}/**********************************************************************************************************************
*                                                                                                                    *
*                                                   Navigatie                                                        *
*                                                                                                                    *
**********************************************************************************************************************/

/*
*    PRIMAIRE NAVIGATIE
*/

.navigation.primary.inner {
    padding: 0 25px;
}

/*
*    SECUNDAIRE NAVIGATIE
*/

.navigation.secondary {
    padding: 0;
}

.navigation.secondary .header {
    border-bottom: 4px solid #d7d7d7;
    float: right;
}

.navigation.secondary ul {
    float: none !important;
}

.navigation.secondary ul, .navigation.secondary li, .navigation.secondary .header ul, .navigation.secondary .header li {
    display: block;
    list-style: none;
    padding: 0;
}

.navigation.secondary .header a.selected, .navigation.secondary .header li.selected {
    box-sizing: border-box;
    display: block;
    font-size: 26px;
    font-weight: 300;
    line-height: 24px;
    padding: 30px 0 20px;
}

.navigation.secondary a, .navigation.secondary li {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 20px;
    font-family: "Ubuntu Light", sans-serif;
    font-weight: 500;
    color: #000000;
}

.navigation.secondary a:hover, .navigation.secondary li:hover {
    color: #666;
}

.navigation.secondary .links, .navbarextra, .topsearchleft, .topsearchright {
    float: left;
}

.navigation.secondary .header *, .navigation.secondary .header a, .navigation.secondary .header li, .navigation.secondary .links a.selected, .navigation.secondary .links li.selected, #sitelanguage a > span.small, .tab, #scrolltotop, .make_choice, .choice_other, .choice_milestones, .milestone_container .form_block, .cms_widget_tab, .mobiletitle {
    display: none;
}

.manageNav {
    padding-bottom: 25px;
}

#sitepersonal a, .navigation.sidebar a#selected.topc, .navigation.sidebar a#selected.smallc {
    color: #000;
    font-weight: 700;
}

.navbarmain, .searchmenu_option_img, .searchmenu_option_txt {
    float: left;
}

.navbar .tab .main a, .navbar .tab.selected, .navbar .tab.selected .main a, .navbar .tab .main.hover, .navbar .tab .main.hover a, .navbar .tab.selected .main {
    color: #000;
    text-decoration: none;
}

.navigation-background {
position: fixed;
z-index: 10;
}
.navigation-background, .box.special {
/* background-color: #000000 ; */
background: white !important;
border-bottom: 1px solid #E4E4E4;
}

}

#navigation-small {
    background-color: #fff;
}

.navigation.sidebar a.mainlink:first-of-type {
    border-bottom: 4px solid #d7d7d7;
    font-size: 26px;
    font-weight: 300;
    padding: 20px 20px 12px 0;
}

.navigation.sidebar a.mainlink {
    color: #000;
    font-size: 16px;
    padding-right: 10px;
}

/* .navigation.sidebar a.mainlink:current {
font-size:30em;
} */

.navigation.sidebar a.sublink {
    color: #000;
    font-size: 14px;
}

.navbar {
    clear: right;
    color: #000;
    float: right;
    font-family: "Ubuntu", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding-15px 0 5px;
    padding: 0;
    text-transform: uppercase;
    width: 780px;
}

.navbar.tab {
    cursor: pointer;
    display: block;
    float: left;
    height: 17px;
    overflow: hidden;
    padding: 0;
}

.navbar.tab {
    display: block;
    float: left;
    padding: 0;
}

.navbar.tab, .navbar.main {
    color: #222;
    margin-top: 0;
    padding: 0 15px;
}

.navbar.inner {
    float: right;
    margin-right: 50px;
}

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

#menu-block-1 a.homeIcon::before {
    font-family: "FontAwesome", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: hsl(200, 100%, 70%);
    line-height: 56px;
    font-size: 25px;
    padding: 20px 0 20px 0;
    content: "\f015";
}

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

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

a.midc {
    font-size: 18px !important;
    font-weight: 300 !important;
}

#menu-block-1 a, #menu-block-small a {
    color: #c0c0c0;
    line-height: 56px;
    font-size: 18px !important;
    font-weight: 300 !important;
    height: 55px;
    padding 0 20px;
    font-family: 'Ubuntu', sans-serif;
}

#menu-block-1 .midc a:hover {
    background-color: #f7f7f7;
    color: #000000;
    font-weight: 700 !important;
}

#menu-block-1 .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 .subsubs a:hover {
    padding: 10px 4px 10px 30px;
}

#menu-block-small a.homeIcon::before {
    font-family: "FontAwesome", sans-serif;
    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;
    color: #ffcd00;
    font-size: 16px;
    padding: 10px 5px 5px 0;
    margin: 0;
    content: "\f015";
}

/*
* BEGIN: left side menu
*/

.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;
}

.menu-block-small a.mainlink {
    font-size: 19px;
}

.module_content {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
}

.action_site {
    padding-left: 100px !important;
    padding-right: 80px !important;
    padding-top: 55px !important;
    background-color: #fff;
}

.homepage_site {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mainContent {
    background-color: #fff;
}

.homepage_site .innerWidget {
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
}

@media (max-width: 1199px) and (min-width: 800px) {
    .action_site {
        padding: 0 !important;
        padding-top: 50px !important;
    }

    .action_site .innerWidget {
        padding-left: 21px;
    }

    #banner h1 {
        margin: 0 0 0;
    }
}

@media (max-width: 799px) and (min-width: 0px) {
    .mainContent {
        width: 100%;
    }

    .action_site {
        padding-left: 10px !important;
        padding-right: 0 !important;
    }
}

.tabDiv {
    max-width: 1600px;
}

.topc {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: 5px;
}

.vertical.center.flexbox {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
}

.background.white {
    background-color: white;
}

/*
*      HAMBURGER
*/

.hamburger {
    cursor: pointer;
    display: none;
    right: 1.5em;
}

.hamburger:hover {
    color: hsl(0, 0%, 25%);
}

.hamburger::before {
    font-family: "icomoon", sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 62px;
    font-size: 18px;
    padding: 0;
    content: "\e7c9";
    color: #969696;
}

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


#menu-block-1 a {
    padding: 5px 15px 5px 15px;
}

#menu-block-1 a.menu_item_selected {
    color: #000000;
    font-weight: 700 !important;
}

.topc.menuSelected {
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
}

.manageNav li, .manageNav a {
    color: #0099cc !important;
    font-weight: normal;
    display: block;
    float: left;
    padding: 5px 20px 5px 7px;
    text-align: center;
    cursor: pointer;
    font-size: 16px !important;
    margin-right: 10px;
    text-decoration: none;
}/* empty file *//*********************************************************************************************************************
*                                                                                                                    *
*                                                   Vacatures                                                        *
*                                                                                                                    *
**********************************************************************************************************************/

/*
 * Hier staat alle opmaak die betrekking heeft op /cr/manage/vac (themes\default\templates\manage.tpl)
 */

.vacature.titel {
    font-size: 1.3em;
    font-weight: 500 !important;
    color: hsl(200, 80%, 50%);
}

.vacature.ondertitel, .vacature.omschrijving {
    /* dit moet meer dry kunnen like .vacature.{ondertitel,status} net als in Linux */
    font-size: 0.9em;
}

.vacature.status, .vacature.pButton {
    font-weight: 700;
    font-size: 0.9em;
}

.vacature.ondertitel.link {
    color: hsl(0, 0%, 40%);
}

.vacature.ondertitel.link:hover {
    color: hsl(210, 60%, 40%);
}

.vacature.omschrijving {
    color: hsl(210, 20%, 40%);
}

/**********************************************************************************************************************
*                                                                                                                     *
*                                                    Website                                                          *
*                                                                                                                     *
***********************************************************************************************************************/

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

body {
    font-family: "Open Sans", "Frutiger", sans-serif;
    font-size: 0.875rem;
    color: #000;
    padding: 1px 0px 0px 0px;
    clear: both;
    background-color: white !important;
}

.default_background_color {
    background-color: #ffff9f;
}

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

select[multiple] {
    height: auto;
}

/*
*      IDENTITY
*/

#sitePersonal {
    padding-top: 8px;
    font-size: 11px;
    color: grey;
}

#sitePersonal a {
    color: grey;
    font-weight: bold;
}

#sitePersonal a:hover {
    color:  #ffff9f;
}

p.avatar, i.center-circle {
    text-align: center;
    display: block;
    vertical-align: middle;
    padding 0;
    position: relative;
    line-height: 45px;
    right: 0.12em;
    color: #c0c0c0;
}

i.center-circle {
    line-height: 37px;
}

.mainContent {
    min-height: 82vh;
}

#content {
    background-color: white;
    max-width: 1600px;
    padding: 10px;
    position: relative;     /* relative to it's static parent */
	top: 50px;
   
	
}

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

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

.topc {
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 auto;
}

@media screen and (min-width: 1600px) {
    #content {
        width: 90vw;
        margin: 0 auto;
    }
}

.tabDiv {
    padding-left: 35px;
}

.ldc_test_frame{
    width: inherit !important;
}
/**********************************************************************************************************************
*                                                                                                                     *
*                                               Zoekprofielen                                                         *
*                                                                                                                     *
***********************************************************************************************************************/

.container.searchprofiles {
    margin-top: 50px;
}

.row.agentcontain {
    padding-top: 6px;
    margin-right: 6px;
}/**********************************************************************************************************************
*                                                                                                                     *
*                                           Conflicterende regels                                                     *
*                            als laatste ingeladen om conflicten tegen te gaan                                        *
*                                                                                                                     *
***********************************************************************************************************************/

/*
 * Website layout
 */

#headerSearchContainer {
    background: transparent !important;
    border-radius: 0 !important;
}

.box.jumpout {
    background-color: transparent !important;
}

/*
 * Buttons
 */

.pButton.headerSubmit {
    float: none;
    margin-top: 0;
    margin-left: 5px;
}

/*
 * Forms
 */

input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 30px;
}

/*
 * Tables
 */

.paginatedTable table th,
.paginatedTable .paginatedTable-pagination,
.paginatedTable-pagination .paginatedTable-pagination-spacer {
    border: 1px #ddddff solid !important;
    background-color: #fff !important;
    color: #000000 !important;
}

.paginatedTable table th {
    font-weight: 700 !important;
}

table.paginatedTable {
    padding-top: 50px;
    border: none !important;
}

div.paginatedTable div.paginatedTable-pagination > span.paginatedTable-pagination-index {
    color: #000000 !important;
    font-weight: 700 !important;
}

html,body{
	height:auto;
}