/* 00 HTML */
html{height:100%; overflow-y:scroll;}
/* new clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */
/* RESPONSIVE */
img { display: inline-block; height: auto; max-width: 100%; border: 0; padding: 0; vertical-align: top; }
#Body { font-family : Arial; font-size : 16px; line-height : 21px; }
.H2 { font-family : Museo; font-size : 34px; letter-spacing : -1.36px; color : #3D3C3C; color : rgb(61, 60, 60); }
.H3 { font-family : Museo; font-size : 33px; letter-spacing : -1.32px; color : #858585; color : rgb(133, 133, 133); }
.H1 { font-family : Museo; font-size : 24px; color : #1D85BA; color : rgb(29, 133, 186); }
.a2 { font-family : Museo; font-size : 15px; letter-spacing : -0.6px; color : #F2F2F2; color : rgb(242, 242, 242); }
.H5 { font-family : Museo; font-size : 35px; line-height : 35px; color : #FFFFFF; color : rgb(255, 255, 255); }
.p3 { font-family : Museo; font-size : 16px; color : #C4004E; color : rgb(196, 0, 78); }
.a4 { font-family : Museo; font-size : 15px; letter-spacing : -0.6px; color : #1D85BA; color : rgb(29, 133, 186); }
.p2 { font-family : Arial; font-size : 16px; color : #FFFFFF; color : rgb(255, 255, 255); }
.H4 { font-family : Museo; font-size : 49px; letter-spacing : -1.96px; }
.a3 { font-family : Museo; font-size : 12px; letter-spacing : -0.48px; color : #848484; color : rgb(132, 132, 132); }
a { font-family : 'Museo'; font-size:inherit; line-height : 21px; color : #1D85BA; }
p { font-family : Arial; font-size : 16px; line-height : 21px; }
.H6 { font-family : Museo; font-size : 35px; line-height : 35px; color : #FFFFFF; color : rgb(255, 255, 255); }
#post-300 { font-family: "museo-n3", "museo", "Courier New", sans-serif; font-style: normal; font-weight: 300; }
#post-300-italic { font-family: "museo-i3", "museo", "Courier New", sans-serif; font-style: italic; font-weight: 300; }
#post-500 { font-family: "museo-n5", "museo", "Courier New", sans-serif; font-style: normal; font-weight: 500; }
#post-500-italic { font-family: "museo-i5", "museo", "Courier New", sans-serif; font-style: italic; font-weight: 500; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family : "museo-n5", "museo", "Courier New", sans-serif; font-weight: 500; padding: 0; margin: 0 0 1em 0; }
a > h3 { color: black; }

/* 001 ELEMENTS */
ul.list { padding: 0; margin: 0; margin-bottom:20px; }
ul.list li { list-style: none; }
.border-left { border-left: 1px solid white; padding-left: 0.5em; }
p.v-a-b img { vertical-align: baseline; }
.text-icon { font-family : Museo; font-size: 24px; font-weight: bold; color: #1d85ba; letter-spacing : 0.5px }
.text-icon a{ font-family : Museo; font-size: 24px; font-weight: bold; color: #1d85ba; letter-spacing : 0.5px; text-decoration:none; }
a.lees,
.lees:visited { color: #1d85ba; }
a.lees:after { content: " "; width: 17px; height: 17px; background: url(img/sprite.png); background-position: 0 -677px; display: inline-block; margin: 0 0 -2px 5px; }
.check,
.chek:visited,
.check:hover { color: white; }
a.check:after { content: " "; width: 17px; height: 17px; background: url(img/sprite.png); background-position: -17px -677px; display: inline-block; margin: 0 0 -2px 10px; }
a.iconverder:after { content: " "; width: 17px; height: 17px; background: url(img/sprite.png); background-position: 0px -677px; display: inline-block; margin: 0 0 -2px 10px; }
h1.slogan { font-family: "museo-n5", "museo", "Courier New", sans-serif; font-weight: 500; margin-bottom:0.5em;}
h1.slogan em { font-style: normal; color: #858585; }
.pane-color h2 .TitleH2 { color: white; font-family : "museo-n5", "museo", "Courier New", sans-serif; font-weight: 500; }
.case { padding: 1em; background: white; -moz-border-radius: 0px 28px 28px; -webkit-border-radius: 0px 28px 28px 28px;/*This is the correct shorthand for webkit*/ border-radius: 0px 28px 28px; margin: 0 10px 0 10px; }
#owl-case { padding: 0 2em 0 2em; }
.carousel .prev { background-position: 0 -645px; left: 0; }
.carousel .next { right: 0; background-position: -32px -645px; }
.carousel-nav { position: absolute; top: 45%; z-index: 998 !important; background: url(img/sprite.png); display: inline-block; width: 32px; height: 32px; }
p.attention { font-family: 'Museo'; font-weight: 500; color: #e4004e !important; }
.persoon h3 { color: #c4004e; font-size:24px; }
.persoon h3 a{ color: #c4004e; }
.persoon .photo { -moz-border-radius: 28px 28px 0px; -webkit-border-radius: 28px 28px 0px 28px;/*This is the correct shorthand for webkit*/ border-radius: 28px 28px 0px; margin-bottom: 1em; }
.persoon .profiel { padding: 1em 1em 1em 0; background: white; -moz-border-radius: 0px 28px 28px; -webkit-border-radius: 0px 28px 28px 28px;/*This is the correct shorthand for webkit*/ border-radius: 0px 28px 28px; }
.theme-home .persoon .profiel { padding: 1em;}
a.linkedin { background: url(img/sprite.png); background-position: -64px -645px; width: 32px; height: 32px; display: inline-block; }

.meerlezen{ clear:both; position:relative; display:block; height:50px; margin-top:20px;}
.meerlezen .prev { background-position: 0 -645px; left: 0; }
.meerlezen .next { right: 0; background-position: -32px -645px; }
.meerlezen-nav { position: absolute; top: 45%; z-index: 998 !important; background: url(img/sprite.png); display: inline-block; width: 31px; height: 32px; }

#check:hover { right: 0px; }
header { background: #f2f2f2; padding: 0.7em 0 0.5em 0; }
header a { font-family: Arial; font-size: 12px; color: #848484; }
header a:visited { color: inherit; }
.privacy p{ font-family: Arial; font-size: 12px; }
.privacy a { font-family: Arial; font-size: 12px; }
.privacy a:visited { color: inherit; }
nav { background: #3d3c3c; padding: 0.8em 0 0.5em 0; line-height: 99%; }
.theme-home nav.sticky { position: fixed; z-index: 1000; width: 100%; top: 0; }
.theme-home page.sticky { padding-top: 45px; }
.theme-inner .nav-inner.sticky { position: fixed; z-index: 1000; width: 100%; top: 0; }
.theme-inner page.sticky { padding-top: 85px; }
nav .list-inline,
header .list-inline,
.nav-sub .list-inline { padding-bottom: 0; margin-bottom: 0; }
nav a { color: white; font-size: 16px; }
nav a:visited { color: white; }
nav a:hover { color: white; text-decoration: none; }
.nav-sub { background: white; padding: 0.7em 0 0.5em 0; }
.nav-sub a,
.nav-sub a:visited { color: black; }
.list-nav a.active,
.nav-sub a.active{ text-decoration: underline;}
.hero { background-image: url("img/hero_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 1.5em 0 0 0; }
.hero .b-hero { text-align: center; display: none; }
.hero .b-hero img { margin-top: -125px; }
.BHome{ z-index:9999;}
.title { min-height: 100px; background-image: url("img/title_bg.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom: 1em; }
.title .b-hero { text-align: center; display: none; }
.title .b-hero img { margin-top: -110px; }
.pagetitle { padding: 1.4em 0 1em 0; background: #f2f2f2; }
.pagetitle h1 { margin: 0; }
section.content { padding: 4em 0 4em 0; background: #f0f0f0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; position: relative; }
.theme-inner .content { background: white; border: none; }
.more { background: #f2f2f2; padding: 2em 0 2em 0; }
.cases { background-image: url("img/cases_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 1.5em 0 1.5em 0; }
.meet { padding: 2em 0 2em 0; background: #f0f0f0; }
footer { padding: 2em 0 2em 0; min-height:300px; background-image: url("img/footer_bg.jpg"); background-position: top center; background-repeat: no-repeat; background-size: cover; border-top: 50px solid #cccccc; color: white; }
.theme-inner footer { border: 0; }
footer a,
footer a:visited { color: white; font-size: 90%; }
footer a:hover { color: white; }
footer .privacy a {font-size: 110%!important; }
footer * {}

/* 002 CONTAINERS 
    When making a new container give it the same name in the class container-special.ascx
    <div class="module-container container-special">.....</div>
    **/
.module-container { margin: 0 0 1em 0; }
.container-trans { background : white; padding: 1em; }
.container-white { background : rgba(255,255,255, 0.8); padding: 1em; }

/* 003 DNN FORM*/
/* Primary Action  */
.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction { }
.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover { }
.dnnPrimaryAction:active,
.dnnFormItem input[type="submit"]:active,
a.dnnPrimaryAction:active { }
.dnnPrimaryAction[disabled],
.dnnPrimaryAction[disabled]:hover,
.dnnPrimaryAction[disabled]:active { }
.dnnPrimaryAction:visited { }
/* Secondary Action */
.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span { }
.dnnFormItem button:hover,
.dnnFormItem input[type="button"]:hover,
 .dnnFormItem input[type="reset"]:hover,
 .dnnSecondaryAction:hover,
 a.dnnSecondaryAction:hover,
 ul.dnnAdminTabNav li a:hover,
 .dnnLogin .LoginTabGroup span:hover { }
.dnnFormItem button:active,
 .dnnFormItem input[type="button"]:active,
 .dnnFormItem input[type="reset"]:active,
 .dnnFormItem input[type="reset"]:active,
 .dnnSecondaryAction:active,
 a.dnnSecondaryAction:active,
 ul.dnnAdminTabNav li a:active { }
/* Panel */
.panel { position: fixed; background: #e5004e; color: #fff; width: 300px; top: 150px; -moz-border-radius: 0px 0px 0px 28px; -webkit-border-radius: 0px 0px 0px 28px; border-radius: 0px 0px 0px 28px; }
#homepanel { position: absolute; width: 400px; background: #e5004e; color: #fff; right: 0; -moz-border-radius: 0px 0px 0px 28px; -webkit-border-radius: 0px 0px 0px 28px; border-radius: 0px 0px 0px 28px; }
#rightpanel.panelshow { right: 0px; }
#slideleft { position: absolute; right: 299px; width: 80px; height: 50px; background: url(img/sprite.png); background-position: 0 -595px; top: -1px; }
#slidetab { position: absolute; right: 399px; width: 80px; height: 49px; background: url(img/sprite.png); background-position: 0 -595px; }
#rightpanel { right: -300px; transition: right 0.4s ease-in-out; -o-transition: right 0.4s ease-in-out; -ms-transition: right 0.4s ease-in-out; -moz-transition: right 0.4s ease-in-out; -webkit-transition: right 0.4s ease-in-out; z-index: 999999!important; }
.panel-inner { padding: 1em; }
.panel-inner a{ color:#fff;}
.panel-inner a:hover{ text-decoration:none;}
.slide-title { display: block; margin-bottom: 1em; font-family : 'Museo'; font-size : 25px; font-weight: normal; line-height: 115% }


/*OVERRIDES*/
.nav-sub .col-sm-12{min-height:21px;}
.C5LLC_controls .SubHead{}
.NormalTextBoxLabel{margin-top:10px;}
.SubHead.C5LLC_control-label{ float:left;margin-top:20px;}

.sticky .nav-sub{-moz-box-shadow: #000 0px 0px 36px -13px;-webkit-box-shadow: #000 0px 0px 36px -13px;box-shadow: #000 0px 0px 36px -13px;}
.theme-inner .content .container{ min-height:361px;}
.theme-inner.frontpage .content .container{ min-height: inherit;}
a:focus {
    outline: 0;
}
/*Subpagenavigatie*/
.blokken{ position:relative; padding-bottom:24px;}
.blokkenonder{ position:absolute; bottom:8px; left:16px;}
.NormalRed{ color:#c4004e;}
#dnn_ctr3258_HtmlModule_lblContent .col-sm-8{ padding:0;}



/* 005 MEDIAQUERIES */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.title .b-hero { display: block; position:relative; }
.panel { width: 400px; top: 325px; }
#rightpanel.panelshow { right: 0px; }
#slideleft { right: 399px; }
#slidetab { right: 399px; }
#rightpanel { right: -400px; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.hero { padding: 0 0 0; }
.hero .b-hero { display: block; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}