/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Text styles ----------------------------------------*/
/* ------------------------------------------------------------------------------------------ */
@import url(css/bootstrap.css);
@import url(css/dnnreset.css);
@import url(css/font-awesome.min.css);
@import url(css/transparent.css);
p {
  padding: 0px;
  margin: 0px; }

h1, h2, h3, h4, h5, h6, .SubHead, .SubSubHead, .Head, h1 .Head, h2 .Head, h3 .Head {
  font-family: dinotbold, helvetica, arial, sans-serif;
  color: #28285a;
  font-weight: normal;
  /* bold zit al in het font zelf */
  letter-spacing: normal;
  font-size: 22px;
  line-height: 156%;
  margin: 0 0 0px 0; }

.toppane .notitle .contcontent h3 {
  padding-left: 30px; }

.toppane .notitle .contcontent .textblock h3 {
  padding-left: 0px; }

/* phone */
@media only screen and (min-width: 204px) and (max-width: 767px) {
  .toppane .notitle .contcontent h3 {
    padding-left: 0px; } }
h4, h4 .Head {
  font-size: 18px;
  line-height: 142%; }

.quote h4 .Head {
  font-family: dinotlight, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 142%;
  font-style: italic;
  color: #32ae72;
  padding-top: 30px; }

.Normal, p, span, td, th, div, li, a, a:link, a:visited, a:hover, a:active, .SkinObject, a.CommandButton {
  font-family: dinotlight, helvetica, arial, sans-serif;
  color: #28285a;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  font-size: 17px;
  line-height: 156%;
  text-transform: none; }

.whitetext .contcontent p,
.whitetext .contcontent div,
.whitetext .contcontent td,
.whitetext .contcontent span,
.whitetext .contcontent h1,
.whitetext .contcontent h2,
.whitetext .contcontent h3,
.whitetext .contcontent h4,
.whitetext .contcontent strong,
.whitetext .contcontent b,
.whitetext h1,
.whitetext h2,
.whitetext h3,
.whitetext h1 .Head,
.whitetext h2 .Head,
.whitetext h3 .Head,
.whitetext a,
.whitetext span,
.whitetext .contcontent a.CommandButton:link,
.whitetext .contcontent .SkinObject,
.whitetext .contcontent a {
  color: #ffffff; }

/* actie menu */
.whitetext .Head.LabelEditTextClass,
.whitetext .contcontent .dnnActionMenuTag *,
.whitetext .contcontent .dnnActionMenuBody * {
  color: #000 !important; }

a:link, a:visited, a:hover, a.CommandButton:link, a.CommandButton {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

b, strong, .NormalBold {
  display: inline-block;
  padding: 10px 0 0px 0; }

b, strong, .NormalBold, strong span, b span {
  font-family: dinotbold, helvetica, arial, sans-serif;
  font-weight: normal; }

.contcontent ul {
  list-style: none;
  padding-bottom: 0px; }
  .contcontent ul li {
    list-style-type: square;
    padding-bottom: 0px; }

.contcontent ul + p > b,
.contcontent ul + p > strong {
  padding-top: 0px; }

.contcontent .bstrap30 .btn-info {
  color: #fff;
  background-color: #32ae72;
  border-color: #32ae72; }
  .contcontent .bstrap30 .btn-info:hover {
    background-color: #28285a;
    border-color: #28285a; }
.contcontent img.hidden-xs {
  margin: 15px 0; }

/* inverse regel als voorbeeld */
@media only screen and (min-width: 204px) and (max-width: 767px) {
  .futuralight .contcontent .Normal, .futuralight .contcontent p, .futuralight .contcontent td, .futuralight .contcontent th, .futuralight .contcontent div, .futuralight .contcontent a, .futuralight .contcontent a:link, .futuralight .contcontent a:visited, .futuralight .contcontent a:hover, .futuralight .contcontent a:active, .futuralight .contcontent .SkinObject, .futuralight .contcontent a.CommandButton {
    font-size: 24px; } }
.admin .dnnFormItem input[type="text"], .admin .dnnFormItem select, .admin .dnnFormItem textarea, .admin .dnnFormItem input[type="email"], .admin .dnnFormItem input[type="search"],
.admin .dnnFormItem input[type="password"] {
  font-size: 16px; }

.admin .dnnTreeArea {
  width: 550px; }

.RelatedPagesEdit table td {
  padding-right: 10px; }

body {
  font-family: dinotlight, helvetica, arial, sans-serif;
  overflow: scroll; }

body#Body {
  margin-bottom: 1px; }

img {
  max-width: 100%;
  height: auto !important; }

/* override bootstrap */
.main {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: solid 0px #dcdcdc;
  width: 100%;
  min-height: 100%; }

/* overriding  dnnsharp */
.container li {
  list-style-type: disc;
  margin-left: 5px; }

.headerrow {
  /*background-color: red;*/ }

/* home */
/* #region content panes */
.contentrow {
  padding-bottom: 60px; }
  .contentrow .contentpane, .contentrow .leftpane {
    padding: 0 75px 0 30px; }
  .contentrow .topleftpane {
    padding-left: 30px; }

.splash .contentrow .contentpane, .splash .contentrow .leftpane, .home .contentrow .contentpane, .home .contentrow .leftpane {
  padding: 0px; }

/* #endregion */
/* #region containers styling */
.quote {
  padding-top: 40px; }
  .quote .contcontent {
    padding-right: 10px; }
    .quote .contcontent * {
      font-family: dinotlight, helvetica, arial, sans-serif;
      font-weight: normal;
      font-size: 22px;
      line-height: 136%;
      font-style: italic;
      color: #877c9e; }
  .quote .contfooter h4 .Head {
    padding-top: 30px; }

.greentitle {
  padding-bottom: 30px; }
  .greentitle h2 .Head {
    color: #32ae72;
    font-size: 18px; }

/* #endregion containers */
/* #region Header */
.logopanewrapper {
  padding: 60px 0; }
  .logopanewrapper .logopane {
    width: 600px;
    height: 116px;
    overflow: hidden;
    background-color: #ffffff; }

.languagewrapper {
  text-align: right;
  font-size: 15px; }
  .languagewrapper a.languagelink {
    text-transform: uppercase;
    font-size: 15px; }

/* #endregion*/
/* #region hamburger menu */
.mobilemenu {
  padding-bottom: 15px; }
  .mobilemenu .languagewrapper {
    padding-right: 10px;
    width: 100px;
    height: 30px;
    float: right;
    margin-top: 0px; }
    .mobilemenu .languagewrapper a.languagelink {
      font-size: 18px; }
  .mobilemenu .menuicon {
    font-size: 25px; }
  .mobilemenu a.menu-toggle {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 0px 10px 15px; }
  .mobilemenu #wrap-menu {
    display: none; }
    .mobilemenu #wrap-menu ul.RootElement {
      padding: 0;
      margin: 0;
      border-top: solid 4px #ededed; }
      .mobilemenu #wrap-menu ul.RootElement li {
        background-color: #32ae72;
        padding: 20px;
        margin: 0; }
        .mobilemenu #wrap-menu ul.RootElement li a span {
          color: #ffffff;
          font-size: 22px;
          font-weight: bold; }
        .mobilemenu #wrap-menu ul.RootElement li a:hover {
          color: #ffffff; }
        .mobilemenu #wrap-menu ul.RootElement li a.Level0 span {
          font-size: 36px;
          font-weight: normal;
          text-transform: lowercase; }
        .mobilemenu #wrap-menu ul.RootElement li.Level0.LastItem {
          background-color: #28285a; }
      .mobilemenu #wrap-menu ul.RootElement li.HasChildren {
        position: relative; }
        .mobilemenu #wrap-menu ul.RootElement li.HasChildren i.fa {
          position: absolute;
          right: 20px;
          top: 29px;
          font-size: 40px;
          color: #ffffff; }
          .mobilemenu #wrap-menu ul.RootElement li.HasChildren i.fa.fa-angle-up {
            color: #28285a; }
        .mobilemenu #wrap-menu ul.RootElement li.HasChildren.ActiveParent i.fa, .mobilemenu #wrap-menu ul.RootElement li.HasChildren.Active i.fa {
          color: #28285a; }
    .mobilemenu #wrap-menu ul li {
      display: block;
      list-style-type: none;
      border-bottom: solid 4px #ededed;
      padding: 5px 15px;
      text-align: center; }
      .mobilemenu #wrap-menu ul li ul {
        margin-left: 0;
        padding-top: 20px; }
      .mobilemenu #wrap-menu ul li.selected, .mobilemenu #wrap-menu ul li.ActiveParent, .mobilemenu #wrap-menu ul li.Active {
        background-color: #d1e8d6; }
        .mobilemenu #wrap-menu ul li.selected a, .mobilemenu #wrap-menu ul li.selected a span, .mobilemenu #wrap-menu ul li.selected a:hover, .mobilemenu #wrap-menu ul li.selected a:hover span, .mobilemenu #wrap-menu ul li.ActiveParent a, .mobilemenu #wrap-menu ul li.ActiveParent a span, .mobilemenu #wrap-menu ul li.ActiveParent a:hover, .mobilemenu #wrap-menu ul li.ActiveParent a:hover span, .mobilemenu #wrap-menu ul li.Active a, .mobilemenu #wrap-menu ul li.Active a span, .mobilemenu #wrap-menu ul li.Active a:hover, .mobilemenu #wrap-menu ul li.Active a:hover span {
          color: #28285a;
          text-transform: none; }
        .mobilemenu #wrap-menu ul li.selected li, .mobilemenu #wrap-menu ul li.ActiveParent li, .mobilemenu #wrap-menu ul li.Active li {
          background-color: #d1e8d6; }
      .mobilemenu #wrap-menu ul li.HasChildren {
        cursor: pointer; }
        .mobilemenu #wrap-menu ul li.HasChildren li {
          border-bottom: solid 0px #ededed;
          padding: 5px; }
    .mobilemenu #wrap-menu ul ul {
      display: none; }
      .mobilemenu #wrap-menu ul ul li.LastItem {
        border-bottom: 0px;
        padding-bottom: 0px; }
    .mobilemenu #wrap-menu ul .OpenMenu ul {
      display: block; }
  .mobilemenu .stripe {
    display: block;
    background-color: #808080;
    width: 15px;
    height: 1px;
    margin: 4px;
    transform-origin: left;
    transition: all 0.3s ease-in-out; }

.home .menupane .mobilemenu .stripe,
.menupane:hover .mobilemenu .stripe {
  background-color: #ffffff; }

.mobilemenu.open .stripe {
  background-color: #ffffff; }
.mobilemenu.open .str1 {
  transform: rotate(45deg);
  transform-origin: left;
  transition: transform 0.3s ease-in-out; }
.mobilemenu.open .str2 {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44); }
.mobilemenu.open .str3 {
  transform: rotate(-45deg);
  transform-origin: left;
  transition: transform 0.3s ease-in-out; }

/* #endregion */
/* #region menu  */
.menuwrapper {
  padding: 0 0 60px 0;
  border-bottom: solid 2px #ffffff; }
  .menuwrapper ul.Level0 {
    list-style: none;
    margin: 0 -2px 0 0;
    padding: 0; }
    .menuwrapper ul.Level0 li.Level0 {
      list-style: none;
      margin: 0;
      padding: 0;
      float: left;
      position: relative;
      border: 0px solid #32ae72;
      background-color: #32ae72;
      border-right: 2px solid #FFFFFF;
      border-bottom: 0px solid #FFFFFF; }
      .menuwrapper ul.Level0 li.Level0 a.Level0 {
        display: block;
        height: 145px;
        width: 146px;
        padding: 10px 5px;
        padding-top: 40px;
        text-align: center;
        font-family: dinotlight, helvetica, arial, sans-serif;
        color: #28285a;
        font-style: normal;
        font-weight: normal;
        letter-spacing: normal;
        font-size: 22px;
        line-height: 156%;
        color: #ffffff;
        text-decoration: none; }
        .menuwrapper ul.Level0 li.Level0 a.Level0.FirstItem {
          width: 144px; }
        .menuwrapper ul.Level0 li.Level0 a.Level0.LastItem {
          padding: 40px 10px 10px 10px;
          border-right: 0px solid #FFFFFF;
          width: 144px; }
        .menuwrapper ul.Level0 li.Level0 a.Level0 span {
          font-family: dinotlight, helvetica, arial, sans-serif;
          color: #28285a;
          font-style: normal;
          font-weight: normal;
          letter-spacing: normal;
          font-size: 22px;
          line-height: 156%;
          color: #ffffff;
          letter-spacing: 1px;
          line-height: 142%;
          text-transform: lowercase; }
      .menuwrapper ul.Level0 li.Level0.LastItem {
        background-color: #28285a; }
      .menuwrapper ul.Level0 li.Level0.Active, .menuwrapper ul.Level0 li.Level0.ActiveParent {
        border: 0px solid #d1e8d6;
        background-color: #d1e8d6;
        border-right: 2px solid #FFFFFF;
        border-bottom: 0px solid #FFFFFF; }
        .menuwrapper ul.Level0 li.Level0.Active a.Level0, .menuwrapper ul.Level0 li.Level0.ActiveParent a.Level0 {
          color: #28285a;
          font-family: dinotbold, helvetica, arial, sans-serif; }
          .menuwrapper ul.Level0 li.Level0.Active a.Level0 span, .menuwrapper ul.Level0 li.Level0.ActiveParent a.Level0 span {
            color: #28285a;
            font-family: dinotbold, helvetica, arial, sans-serif; }
      .menuwrapper ul.Level0 li.Level0:hover {
        border: 0px solid #d1e8d6;
        background-color: #d1e8d6;
        border-right: 2px solid #FFFFFF;
        border-bottom: 0px solid #FFFFFF; }
        .menuwrapper ul.Level0 li.Level0:hover a.Level0 {
          color: #28285a;
          font-family: dinotbold, helvetica, arial, sans-serif; }
          .menuwrapper ul.Level0 li.Level0:hover a.Level0 span {
            color: #28285a;
            font-family: dinotbold, helvetica, arial, sans-serif; }
        .menuwrapper ul.Level0 li.Level0:hover ul {
          left: 0;
          opacity: 1; }
          .menuwrapper ul.Level0 li.Level0:hover ul li a {
            font-family: dinotlight, helvetica, arial, sans-serif; }
      .menuwrapper ul.Level0 li.Level0 ul {
        list-style: none;
        position: absolute;
        z-index: 1000;
        margin: 0 0 0 -1px;
        padding: 15px;
        background-color: #d1e8d6;
        left: -99999em;
        opacity: 0;
        width: 255px;
        -webkit-box-shadow: 3px 3px 3px 0px rgba(205, 205, 205, 0.5);
        -moz-box-shadow: 3px 3px 3px 0px rgba(205, 205, 205, 0.5);
        box-shadow: 3px 3px 3px 0px rgba(205, 205, 205, 0.5); }
        .menuwrapper ul.Level0 li.Level0 ul li {
          list-style: none; }
          .menuwrapper ul.Level0 li.Level0 ul li:hover a {
            font-family: dinotlight, helvetica, arial, sans-serif !important; }
          .menuwrapper ul.Level0 li.Level0 ul li a {
            font-family: dinotlight, helvetica, arial, sans-serif;
            color: #28285a;
            font-weight: bold;
            letter-spacing: 1px;
            font-size: 14px;
            line-height: 142%;
            display: block;
            padding: 5px 0px;
            margin: 0;
            width: auto; }
            .menuwrapper ul.Level0 li.Level0 ul li a span {
              font-family: dinotlight, helvetica, arial, sans-serif;
              color: #28285a;
              font-weight: bold;
              letter-spacing: 1px;
              font-size: 14px;
              line-height: 142%; }
    .menuwrapper ul.Level0 li.Level0:hover + ul {
      left: 0;
      opacity: 1; }

/* #endregion */
/* #region Footer */
.footerrow {
  background-color: #d1e8d6;
  padding: 60px 0;
  border-top: solid 2px #ffffff; }
  .footerrow .totopwrapper {
    position: absolute;
    right: 10px;
    top: -40px; }
  .footerrow .menuwrapper {
    border-bottom: 0px; }
  .footerrow .simplemenu {
    list-style-type: none;
    padding: 0;
    margin: 40px 0 0 0px;
    text-align: center; }
    .footerrow .simplemenu li {
      list-style-type: none;
      padding: 0 20px;
      margin: 0;
      display: inline; }
      .footerrow .simplemenu li a, .footerrow .simplemenu li span {
        font-size: 15px;
        color: #28285a;
        text-transform: lowercase; }
  .footerrow .contactwrapper.contactrow {
    text-align: center;
    margin: 20px 0 0 0; }
    .footerrow .contactwrapper.contactrow .contactlink, .footerrow .contactwrapper.contactrow .termslinks, .footerrow .contactwrapper.contactrow .copyrighttext {
      display: inline;
      margin: 0;
      padding: 0 40px; }
      .footerrow .contactwrapper.contactrow .contactlink br, .footerrow .contactwrapper.contactrow .termslinks br, .footerrow .contactwrapper.contactrow .copyrighttext br {
        display: none; }
      .footerrow .contactwrapper.contactrow .contactlink ul.simplemenu, .footerrow .contactwrapper.contactrow .contactlink li, .footerrow .contactwrapper.contactrow .termslinks ul.simplemenu, .footerrow .contactwrapper.contactrow .termslinks li, .footerrow .contactwrapper.contactrow .copyrighttext ul.simplemenu, .footerrow .contactwrapper.contactrow .copyrighttext li {
        display: inline;
        margin: 0;
        padding: 0; }
      .footerrow .contactwrapper.contactrow .contactlink span, .footerrow .contactwrapper.contactrow .contactlink a, .footerrow .contactwrapper.contactrow .termslinks span, .footerrow .contactwrapper.contactrow .termslinks a, .footerrow .contactwrapper.contactrow .copyrighttext span, .footerrow .contactwrapper.contactrow .copyrighttext a {
        display: inline;
        margin: 0;
        padding: 0;
        font-size: 15px;
        color: #28285a; }
  .footerrow .loginlinkwrapper {
    text-align: right; }
    .footerrow .loginlinkwrapper span, .footerrow .loginlinkwrapper a {
      font-size: 15px;
      color: #d1e8d6; }
    .footerrow .loginlinkwrapper a:hover {
      color: #32ae72; }

/* #endregion */
/* #region responsive styling */
@media (min-width: 204px) and (max-width: 970px) {
  .logintext, .menutext, .searchtext {
    display: none; }

  .main .container {
    width: 100%; }

  .footerrow .simplemenu, .footerrow .contactlinkwrapper, .footerrow .copyrightwrapper {
    margin-left: 0px; } }
/* phone */
@media only screen and (min-width: 204px) and (max-width: 767px) {
  .logopanewrapper {
    padding: 5px 0 0 0; }
    .logopanewrapper .logopane {
      max-width: 100%;
      height: auto;
      padding: 15px 0; }
      .logopanewrapper .logopane .FFImageShow {
        max-width: 100%;
        height: auto;
        overflow: hidden; }
        .logopanewrapper .logopane .FFImageShow img {
          max-width: 100% !important; }

  .mobilemenu .languagewrapper {
    width: 130px; }

  #logo2 {
    margin-left: 0px; }

  .orderwrapper {
    display: flex;
    flex-flow: row wrap; }
    .orderwrapper .order1, .orderwrapper .order2, .orderwrapper .order3 {
      padding-bottom: 30px; }
    .orderwrapper .order1 {
      order: 1;
      width: 100%; }
    .orderwrapper .order2 {
      order: 2;
      width: 100%; }
    .orderwrapper .order3 {
      order: 3;
      width: 100%; }
    .orderwrapper .order4 {
      order: 4;
      width: 100%; }
    .orderwrapper ul.simplemenu {
      padding-top: 20px; }

  .contentrow .contentpane, .contentrow .leftpane {
    padding: 0; }
    .contentrow .contentpane img, .contentrow .leftpane img {
      margin-left: 0 !important; }

  .contmain.fullwidth .row {
    margin-left: 0px;
    margin-right: 0px; }

  .contentrow .topleftpane {
    padding: 0 0 30px 0; }

  .contentrow .topleftpane.DNNEmptyPane {
    padding: 0 0 0px 0; }

  .DnnModule-ActionForm .field-container.af-slide {
    clear: both;
    padding-top: 30px;
    text-align: center; }

  .footerrow .simplemenu, .footerrow .contactlinkwrapper, .footerrow .copyrightwrapper {
    margin-left: 0px; }
  .footerrow .simplemenu li {
    padding: 0 3px; }
  .footerrow .contactwrapper.contactrow .contactlink, .footerrow .contactwrapper.contactrow .termslinks, .footerrow .contactwrapper.contactrow .copyrighttext {
    padding: 0 3px; } }
/* and (orientation: portrait) */
@media only screen and (min-width: 768px) and (max-width: 969px) {
  .main .container {
    width: 768px; }
    .main .container ul.Level0 li.Level0 a.Level0 {
      height: 107px;
      width: 108px;
      padding: 5px;
      padding-top: 20px;
      text-align: center;
      color: #ffffff;
      letter-spacing: 1px;
      line-height: 135%;
      font-size: 16px; }
      .main .container ul.Level0 li.Level0 a.Level0 span {
        font-size: 16px; } }
@media only screen and (min-width: 970px) and (max-width: 1059px) {
  .main .container {
    width: 970px;
    /* menu corrections*/ }
    .main .container ul.Level0 li.Level0 a.Level0 {
      display: block;
      height: 138px;
      width: 137px;
      padding: 5px;
      padding-top: 40px; }
      .main .container ul.Level0 li.Level0 a.Level0.FirstItem {
        width: 136px; } }
@media only screen and (min-width: 1060px) {
  .main .container {
    width: 1030px; }

  .contentrow .centerpic {
    padding: 0 25px; }
  .contentrow .rowoverride {
    margin-left: 0px;
    margin-right: 0px; }
    .contentrow .rowoverride .leftpane, .contentrow .rowoverride .centerpane, .contentrow .rowoverride .rightpane {
      padding-left: 15px;
      padding-right: 15px; } }
/* #endregion */

/*# sourceMappingURL=skin.css.map */