.donkerblauw {
  color: #425062 !important; }

.bg-donkerblauw {
	background-color: #425062 !important; 
}

.grijs {
  color: #787878 !important; }

.groen {
  color: #5F8B21 !important; }

.bg-groen {
  background-color: #5F8B21 !important; }

.bg-lgr {
  background-color: rgba(95, 139, 33, 0.2) !important; }

.blauw {
  color: #3548A4 !important; }

.bg-blauw {
  background-color: #3548A4 !important; }

.bg-lbl {
  background-color: rgba(53, 72, 164, 0.2) !important; }

.geel {
  color: #FFFE70 !important; }

.bg-ge {
  background-color: #FFFE70 !important; }

.bg-lge {
  background-color: rgba(255, 254, 112, 0.2) !important; }

.roos {
  color: #B25657 !important; }

.bg-roos {
  background-color: #B25657 !important; }

.bg-lroos {
  background-color: rgba(178, 86, 87, 0.2) !important; }

.rood,
.error {
  color: #CC4645 !important; }

.bg-rood {
  background-color: #CC4645 !important; }

.bg-lrood {
  background-color: rgba(204, 70, 69, 0.2) !important; }

.bg-lb {
  background-color: #edf8ff !important; }

.bg-lg {
  background-color: #e3e7e8 !important; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: #787878;
  background-color: white; }

section {
  padding: 60px 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

h1 {
  color: white;
  font-size: 46px;
  padding-top: 40px;
  padding-bottom: 20px; }

h2 {
  font-weight: 700;
  color: #425062;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 32px; }

h3 {
  font-weight: 700;
  color: #425062;
  margin-top: 40px;
  margin-bottom: 20px; }

h4 {
  color: #425062;
  text-transform: uppercase;
  font-weight: 900;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 18px; }

p {
  margin-bottom: 15px; }

ul {
  margin-bottom: 0; }

a {
  color: #425062;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

a:focus,
a:hover {
  color: #787878; }

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #FFFFFF;
}

.navbar-header .naam {
  display: none;
  visibility: hidden; }
  @media screen and (max-width: 425px) {
    .navbar-header .naam {
      display: inline-block;
      visibility: visible;
      color: #425062;
      font-size: 20px;
      font-weight: 700;
      padding: 15px; } }

.navbar-toggle {
  background-color: #425062; }
  .navbar-toggle .icon-bar {
    background-color: white; }

.dropdown-menu {
  font-size: 16px;
  border: none;
  border-radius: 5px; }

.nav > li a{
  padding: 10px 0;
  margin: 10px 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .nav > li a:hover, .nav > li a:active, .nav > li a.active{
    background-color: white;
    border-bottom: 2px solid #425062;
    color: #425062; }
  .nav > li a .glyphicon{
    font-size: 10px; }

#bs-example-navbar-collapse-1 .nav li a {
  border: none !important; }
  #bs-example-navbar-collapse-1 .nav li a:hover, #bs-example-navbar-collapse-1 .nav li a:active, #bs-example-navbar-collapse-1 .nav li a:focus {
    border-bottom: 3px solid #425062 !important; }

#crumbs ul {padding:0px;}

@media screen and (max-width: 425px) {
  .navbar {
    margin-bottom: 0; } }

/* -- HOMEPAGE -- */
#home #header .navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top; }

#home #header nav {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(227, 231, 232, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(227, 231, 232, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(227, 231, 232, 0.75); }

#home #header .navbar .navbar-collapse {
  text-align: center; }

#home #header .nav .open > a,
#home #header .nav .open > a:focus,
#home #header .nav .open > a:hover {
  background-color: white;
  border-color: #425062 !important; }

#home #header a {
  color: #425062;
  text-transform: uppercase;
  font-weight: 900;
  height: 40px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#home #header .navbar{
    margin-bottom: 0;
}

#home .titel-home {
  min-height: 400px; }

#home .titel-home p {
    color: white;
    font-size: 20px;
    margin-bottom: 20px; }

#home .titel-home .meer {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    height: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-bottom: 5px;
    border-bottom: 2px solid white; }

#home .titel-home .meer:focus, #home .titel-home .meer:hover {
      text-decoration: none;
      border-bottom: none; }
      
#home .titel-home .reserveren {
    color: #425062;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    padding: 20px 30px;
    background-color: white;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    width: 150px;
    margin-top: 30px; }

#home .titel-home .reserveren:hover, #home .titel-home .reserveren:focus {
      background-color: #425062;
      color: white;
      text-decoration: none; }

#home .propop {
  background-color: #425062;
  border-radius: 5px;
  margin-top: -120px;
  margin-bottom: 60px; }

#home .propop p {
    color: white;
    padding-bottom: 45px;
    font-size: 20px; }

#home .box {
  width: 98%;
  padding: 30px;
  background-color: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  -moz-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75); }

#home .box img {
    margin: 30px auto; }

#home .box a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    padding: 5px 0;
    margin: 10px;
    border-bottom: 2px solid #425062; }
    
#home .box a:focus, #home .box a:hover {
      text-decoration: none;
      border-bottom: none;
      color: #425062; }

@media screen and (max-width: 1024px) {
  #home .box a {
    display: inline-block;
    margin-bottom: 10px; } }

@media screen and (max-width: 767px) {
  #home .box {
    margin: 0 auto; }
  #home .box {
    margin-bottom: 40px; } }

@media screen and (max-width: 425px) {
  #home .reserveren {
    display: none;
    visibility: hidden; } }

#voorstelling #header .navbar .navbar-nav,
#overzicht #header .navbar .navbar-nav,
#basis #header .navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top; }

#voorstelling #header nav,
#overzicht #header nav,
#basis #header nav {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(227, 231, 232, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(227, 231, 232, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(227, 231, 232, 0.75); }

#voorstelling #header .navbar .navbar-collapse,
#overzicht #header .navbar .navbar-collapse,
#basis #header .navbar .navbar-collapse {
  text-align: center; }

#voorstelling #header .nav .open > a,
#voorstelling #header .nav .open > a:hover,
#overzicht #header .nav .open > a,
#overzicht #header .nav .open > a:hover,
#basis #header .nav .open > a,
#basis #header .nav .open > a:hover {
  background-color: white;
  border-color: #425062; }

#voorstelling #header a,
#overzicht #header a,
#basis #header a {
  color: #425062;
  text-transform: uppercase;
  font-weight: 900;
  height: 40px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#voorstelling #crumbs ul,
#overzicht #crumbs ul,
#basis #crumbs ul {
  list-style-type: none; }
  #voorstelling #crumbs ul li,
  #overzicht #crumbs ul li,
  #basis #crumbs ul li {
    display: inline-block; }
    #voorstelling #crumbs ul li.active,
    #overzicht #crumbs ul li.active,
    #basis #crumbs ul li.active {
      text-transform: uppercase;
      font-weight: 900;
      font-size: 12px;
      height: 50px;
      line-height: 50px; }
    #voorstelling #crumbs ul li:after,
    #overzicht #crumbs ul li:after,
    #basis #crumbs ul li:after {
      content: '\0020\002F\0020'; }
    #voorstelling #crumbs ul li:last-child:after,
    #overzicht #crumbs ul li:last-child:after,
    #basis #crumbs ul li:last-child:after {
      content: ''; }
    #voorstelling #crumbs ul li a,
    #overzicht #crumbs ul li a,
    #basis #crumbs ul li a {
      text-transform: uppercase;
      font-weight: 900;
      font-size: 12px;
      height: 50px;
      line-height: 50px;
      color: #787878;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #voorstelling #crumbs ul li a:focus, #voorstelling #crumbs ul li a:hover,
      #overzicht #crumbs ul li a:focus,
      #overzicht #crumbs ul li a:hover,
      #basis #crumbs ul li a:focus,
      #basis #crumbs ul li a:hover {
        color: #425062; }

@media screen and (max-width: 425px) {
  #voorstelling #crumbs,
  #overzicht #crumbs,
  #basis #crumbs {
    display: none;
    visibility: hidden; } }

#voorstelling .titel-res,
#overzicht .titel-res,
#basis .titel-res {
  /*min-height: 350px;*/ }
  #voorstelling .titel-res p,
  #overzicht .titel-res p,
  #basis .titel-res p {
    color: white;
    font-size: 20px;
    margin-bottom: 40px; }
  
#reserveren .titel-res .btn,
  #contact .titel-res .btn,
  #voorstelling .titel-res .btn,
  #overzicht .titel-res .btn,
  #basis .titel-res .btn {
    color: #425062;
	border: none;
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 20px 30px;
    background-color: white;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #voorstelling .titel-res a:hover,
    #overzicht .titel-res a:hover,
    #basis .titel-res a:hover {
      background-color: #425062;
      color: white; }
    #voorstelling .titel-res a span,
    #overzicht .titel-res a span,
    #basis .titel-res a span {
      display: inline;
      font-weight: 400;
      font-size: 10px; }


#voorstelling .titel-res-drop,
#overzicht .titel-res-drop,
#basis .titel-res-drop {
  /*min-height: 350px;*/ }
  #voorstelling .titel-res-drop p,
  #overzicht .titel-res-drop p,
  #basis .titel-res-drop p {
    color: white;
    font-size: 20px;
    margin-bottom: 40px; }
  #voorstelling .titel-res-drop img,
  #overzicht .titel-res-drop img,
  #basis .titel-res-drop img {
    max-width: 95%;
    height: auto;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none; }
  #voorstelling .titel-res-drop a,
  #overzicht .titel-res-drop a,
  #basis .titel-res-drop a {
    color: #425062;
    text-transform: uppercase;
    font-weight: 900;
    padding: 20px 30px;
    background-color: white;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #voorstelling .titel-res-drop a:hover,
    #overzicht .titel-res-drop a:hover,
    #basis .titel-res-drop a:hover {
      background-color: #425062;
      color: white; }
    #voorstelling .titel-res-drop a span,
    #overzicht .titel-res-drop a span,
    #basis .titel-res-drop a span {
      display: inline;
      font-weight: 400;
      font-size: 10px; }
  #voorstelling .titel-res-drop .reserveren-menu,
  #overzicht .titel-res-drop .reserveren-menu,
  #basis .titel-res-drop .reserveren-menu {
    top: 200%;
    left: 20px; }
  @media screen and (max-width: 425px) {
    #voorstelling .titel-res-drop,
    #overzicht .titel-res-drop,
    #basis .titel-res-drop {
      padding: 40px 20px; }
      #voorstelling .titel-res-drop p,
      #overzicht .titel-res-drop p,
      #basis .titel-res-drop p {
        font-size: 18px; }
      #voorstelling .titel-res-drop h1,
      #overzicht .titel-res-drop h1,
      #basis .titel-res-drop h1 {
        font-size: 40px;
        margin-top: 20px; } }

#voorstelling .titel,
#overzicht .titel,
#basis .titel {
  min-height: 300px;
  padding-top: 100px; }
  #voorstelling .titel h1,
  #overzicht .titel h1,
  #basis .titel h1 {
    margin-top: 10px; }
  #voorstelling .titel p,
  #overzicht .titel p,
  #basis .titel p {
    color: white;
    font-size: 20px;
    margin-bottom: 40px; }
  #voorstelling .titel img,
  #overzicht .titel img,
  #basis .titel img {
    max-width: 95%;
    height: auto;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none; }

#voorstelling .subnav,
#overzicht .subnav,
#basis .subnav {
  height: 100px; }
  #voorstelling .subnav ul,
  #overzicht .subnav ul,
  #basis .subnav ul {
    list-style-type: none;
    padding: 0; }
    #voorstelling .subnav ul li,
    #overzicht .subnav ul li,
    #basis .subnav ul li {
      display: inline-block; }
      #voorstelling .subnav ul li a,
      #overzicht .subnav ul li a,
      #basis .subnav ul li a {
        color: #425062;
        text-transform: uppercase;
        font-weight: 900;
        padding: 10px 0;
        margin-right: 30px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #voorstelling .subnav ul li a:hover,
        #overzicht .subnav ul li a:hover,
        #basis .subnav ul li a:hover {
          background-color: #e3e7e8;
          border-bottom: 2px solid #425062;
          color: #425062; }

@media screen and (max-width: 768px) {
  #voorstelling .subnav ul li a,
  #overzicht .subnav ul li a,
  #basis .subnav ul li a {
    margin-right: 15px;
    font-size: 15px;
    font-weight: 700; } }

@media screen and (max-width: 425px) {
  #voorstelling .subnav,
  #overzicht .subnav,
  #basis .subnav {
    height: 100px; }
    #voorstelling .subnav ul,
    #overzicht .subnav ul,
    #basis .subnav ul {
      display: none;
      visibility: hidden; } }

#voorstelling .overflow,
#overzicht .overflow,
#basis .overflow {
  margin-top: -140px; }

#voorstelling .vak1,
#voorstelling .vak2,
#voorstelling .vak3,
#overzicht .vak1,
#overzicht .vak2,
#overzicht .vak3,
#basis .vak1,
#basis .vak2,
#basis .vak3 {
  background-color: white;
  border-radius: 5px;
  padding: 20px;
  min-height: 250px;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  -moz-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75); }

#voorstelling .vak1,
#overzicht .vak1,
#basis .vak1 {
  width: 99%; }

#voorstelling .vak2,
#overzicht .vak2,
#basis .vak2 {
  width: 99%; }
  #voorstelling .vak2 a,
  #overzicht .vak2 a,
  #basis .vak2 a {
    font-weight: 700;
    transition: all 0.3s ease; }
    #voorstelling .vak2 a:focus, #voorstelling .vak2 a:hover, #voorstelling .vak2 a:active, #voorstelling .vak2 a.active,
    #overzicht .vak2 a:focus,
    #overzicht .vak2 a:hover,
    #overzicht .vak2 a:active,
    #overzicht .vak2 a.active,
    #basis .vak2 a:focus,
    #basis .vak2 a:hover,
    #basis .vak2 a:active,
    #basis .vak2 a.active {
      color: #425062; }

#voorstelling .vak3,
#overzicht .vak3,
#basis .vak3 {
  width: 99%; }

@media screen and (max-width: 1024px) {
  #voorstelling .vak1,
  #voorstelling .vak2,
  #voorstelling .vak3,
  #overzicht .vak1,
  #overzicht .vak2,
  #overzicht .vak3,
  #basis .vak1,
  #basis .vak2,
  #basis .vak3 {
    min-height: 300px; } }

@media screen and (max-width: 768px) {
  #voorstelling .vak1,
  #overzicht .vak1,
  #basis .vak1 {
    min-height: 200px;
    margin-bottom: 30px; }
  #voorstelling .vak2,
  #voorstelling .vak3,
  #overzicht .vak2,
  #overzicht .vak3,
  #basis .vak2,
  #basis .vak3 {
    min-height: 260px; } }

@media screen and (max-width: 425px) {
  #voorstelling .vak2,
  #overzicht .vak2,
  #basis .vak2 {
    margin-bottom: 30px;
    min-height: 200px; } }

#voorstelling .mm,
#overzicht .mm,
#basis .mm {
  padding: 0;
  margin: 30px 0; }
  #voorstelling .mm #slideshow img,
  #overzicht .mm #slideshow img,
  #basis .mm #slideshow img {
    width: 97%;
    padding: 10px;
    background-color: white;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
    -moz-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
    box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75); }

#voorstelling iframe,
#overzicht iframe,
#basis iframe {
  width: 97%;
  padding: 10px;
  background-color: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  -moz-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75); }

#voorstelling .slick-next,
#overzicht .slick-next,
#basis .slick-next {
  right: -5%; }

#voorstelling .slick-prev,
#overzicht .slick-prev,
#basis .slick-prev {
  left: 5%; }

#voorstelling .slick-next,
#voorstelling .slick-prev,
#overzicht .slick-next,
#overzicht .slick-prev,
#basis .slick-next,
#basis .slick-prev {
  position: absolute;
  top: 40%;
  margin-top: -10px;
  font-size: 60px;
  color: white;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
  width: 100px;
  cursor: pointer; }

#voorstelling .slick-next:hover,
#voorstelling .slick-prev:hover,
#overzicht .slick-next:hover,
#overzicht .slick-prev:hover,
#basis .slick-next:hover,
#basis .slick-prev:hover {
  color: white;
  opacity: 1; }

@media screen and (max-width: 768px) {
  #voorstelling .mm,
  #overzicht .mm,
  #basis .mm {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 425px) {
  #voorstelling .slick-next,
  #voorstelling .slick-prev,
  #overzicht .slick-next,
  #overzicht .slick-prev,
  #basis .slick-next,
  #basis .slick-prev {
    display: none;
    visibility: hidden; } }

#voorstelling .downloads .vak,
#overzicht .downloads .vak,
#basis .downloads .vak {
  position: relative;
  width: 99%;
  background-color: #425062;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  -moz-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #voorstelling .downloads .vak:after,
  #overzicht .downloads .vak:after,
  #basis .downloads .vak:after {
    content: '';
    display: block;
    padding-bottom: 100%; }
  #voorstelling .downloads .vak .content,
  #overzicht .downloads .vak .content,
  #basis .downloads .vak .content {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 25%; }
  #voorstelling .downloads .vak a,
  #overzicht .downloads .vak a,
  #basis .downloads .vak a {
    color: white !important;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #voorstelling .downloads .vak a p,
    #overzicht .downloads .vak a p,
    #basis .downloads .vak a p {
      font-size: 22px;
      line-height: 28px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #voorstelling .downloads .vak a p i,
      #overzicht .downloads .vak a p i,
      #basis .downloads .vak a p i {
        color: white !important;
        font-size: 32px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }

#voorstelling .downloads .vak:hover,
#overzicht .downloads .vak:hover,
#basis .downloads .vak:hover {
  background-color: white !important; }
  #voorstelling .downloads .vak:hover a,
  #overzicht .downloads .vak:hover a,
  #basis .downloads .vak:hover a {
    color: #787878 !important;
    text-decoration: none; }
    #voorstelling .downloads .vak:hover a p,
    #overzicht .downloads .vak:hover a p,
    #basis .downloads .vak:hover a p {
      color: #787878 !important; }
      #voorstelling .downloads .vak:hover a p i,
      #overzicht .downloads .vak:hover a p i,
      #basis .downloads .vak:hover a p i {
        color: #787878 !important; }

@media screen and (max-width: 425px) {
  #voorstelling .downloads .mob,
  #overzicht .downloads .mob,
  #basis .downloads .mob {
    display: none !important;
    visibility: hidden !important; }
  #voorstelling .downloads .vak,
  #overzicht .downloads .vak,
  #basis .downloads .vak {
    width: 99%; }
    #voorstelling .downloads .vak .content,
    #overzicht .downloads .vak .content,
    #basis .downloads .vak .content {
      padding-top: 25%; }
      #voorstelling .downloads .vak .content p,
      #overzicht .downloads .vak .content p,
      #basis .downloads .vak .content p {
        padding: 0 10%; } }

#voorstelling .downloads .uitleg,
#overzicht .downloads .uitleg,
#basis .downloads .uitleg {
  margin-bottom: 40px; }

.titel .donkerblauw,
.titel-res .donkerblauw,
.titel-res-drop .donkerblauw {
  color: #425062 !important; }

.groen-accent .titel .donkerblauw,
.groen-accent .titel-res .donkerblauw,
.groen-accent .titel-res-drop .donkerblauw {
  color: #425062 !important; }

.groen-accent .titel .groen,
.groen-accent .titel-res .groen,
.groen-accent .titel-res-drop .groen {
  color: #5F8B21 !important; }

.groen-accent .titel .blauw,
.groen-accent .titel-res .blauw,
.groen-accent .titel-res-drop .blauw {
  color: #3548A4 !important; }

.groen-accent .titel .geel,
.groen-accent .titel-res .geel,
.groen-accent .titel-res-drop .geel {
  color: #FFFE70 !important; }

.groen-accent .titel .roos,
.groen-accent .titel-res .roos,
.groen-accent .titel-res-drop .roos {
  color: #B25657 !important; }

.groen-accent .titel .rood,
.groen-accent .titel-res .rood,
.groen-accent .titel-res-drop .rood {
  color: #CC4645 !important; }

.groen-accent .titel-res a:hover,
.groen-accent .titel-res-drop a:hover {
  background-color: #5F8B21 !important; }

.groen-accent .vak2 a {
  color: #5F8B21; }
  .groen-accent .vak2 a:focus, .groen-accent .vak2 a:hover, .groen-accent .vak2 a:active, .groen-accent .vak2 a.active {
    color: #787878; }

.groen-accent #footer p a:focus,
.groen-accent #footer p a:hover {
  color: #5F8B21 !important;
  opacity: 1 !important; }

.blauw-accent .titel .donkerblauw,
.blauw-accent .titel-res .donkerblauw,
.blauw-accent .titel-res-drop .donkerblauw {
  color: #425062 !important; }

.blauw-accent .titel .groen,
.blauw-accent .titel-res .groen,
.blauw-accent .titel-res-drop .groen {
  color: #5F8B21 !important; }

.blauw-accent .titel .blauw,
.blauw-accent .titel-res .blauw,
.blauw-accent .titel-res-drop .blauw {
  color: #3548A4 !important; }

.blauw-accent .titel .geel,
.blauw-accent .titel-res .geel,
.blauw-accent .titel-res-drop .geel {
  color: #FFFE70 !important; }

.blauw-accent .titel .roos,
.blauw-accent .titel-res .roos,
.blauw-accent .titel-res-drop .roos {
  color: #B25657 !important; }

.blauw-accent .titel .rood,
.blauw-accent .titel-res .rood,
.blauw-accent .titel-res-drop .rood {
  color: #CC4645 !important; }

.blauw-accent .titel-res a:hover,
.blauw-accent .titel-res-drop a:hover {
  background-color: #3548A4 !important; }

.blauw-accent .vak2 a {
  color: #3548A4; }
  .blauw-accent .vak2 a:focus, .blauw-accent .vak2 a:hover, .blauw-accent .vak2 a:active, .blauw-accent .vak2 a.active {
    color: #787878; }

.blauw-accent #footer p a:focus,
.blauw-accent #footer p a:hover {
  color: #3548A4 !important;
  opacity: 1 !important; }

.geel-accent .titel .donkerblauw,
.geel-accent .titel-res .donkerblauw,
.geel-accent .titel-res-drop .donkerblauw {
  color: #425062 !important; }

.geel-accent .titel .groen,
.geel-accent .titel-res .groen,
.geel-accent .titel-res-drop .groen {
  color: #5F8B21 !important; }

.geel-accent .titel .blauw,
.geel-accent .titel-res .blauw,
.geel-accent .titel-res-drop .blauw {
  color: #3548A4 !important; }

.geel-accent .titel .geel,
.geel-accent .titel-res .geel,
.geel-accent .titel-res-drop .geel {
  color: #FFFE70 !important; }

.geel-accent .titel .roos,
.geel-accent .titel-res .roos,
.geel-accent .titel-res-drop .roos {
  color: #B25657 !important; }

.geel-accent .titel .rood,
.geel-accent .titel-res .rood,
.geel-accent .titel-res-drop .rood {
  color: #CC4645 !important; }

.geel-accent .titel-res a:hover,
.geel-accent .titel-res-drop a:hover {
  background-color: #FFFE70 !important;
  color: #787878 !important; }

.geel-accent .vak2 a {
  color: #FFFE70; }
  .geel-accent .vak2 a:focus, .geel-accent .vak2 a:hover, .geel-accent .vak2 a:active, .geel-accent .vak2 a.active {
    color: #787878; }

.geel-accent #footer p a:focus,
.geel-accent #footer p a:hover {
  color: #FFFE70 !important;
  opacity: 1 !important; }

.roos-accent .titel .donkerblauw,
.roos-accent .titel-res .donkerblauw,
.roos-accent .titel-res-drop .donkerblauw {
  color: #425062 !important; }

.roos-accent .titel .groen,
.roos-accent .titel-res .groen,
.roos-accent .titel-res-drop .groen {
  color: #5F8B21 !important; }

.roos-accent .titel .blauw,
.roos-accent .titel-res .blauw,
.roos-accent .titel-res-drop .blauw {
  color: #3548A4 !important; }

.roos-accent .titel .geel,
.roos-accent .titel-res .geel,
.roos-accent .titel-res-drop .geel {
  color: #FFFE70 !important; }

.roos-accent .titel .roos,
.roos-accent .titel-res .roos,
.roos-accent .titel-res-drop .roos {
  color: #B25657 !important; }

.roos-accent .titel .rood,
.roos-accent .titel-res .rood,
.roos-accent .titel-res-drop .rood {
  color: #CC4645 !important; }

.roos-accent .titel-res a:hover,
.roos-accent .titel-res-drop a:hover {
  background-color: #B25657 !important; }

.roos-accent .vak2 a {
  color: #B25657; }
  .roos-accent .vak2 a:focus, .roos-accent .vak2 a:hover, .roos-accent .vak2 a:active, .roos-accent .vak2 a.active {
    color: #787878; }

.roos-accent #footer p a:focus,
.roos-accent #footer p a:hover {
  color: #B25657 !important;
  opacity: 1 !important; }

.rood-accent .titel .donkerblauw,
.rood-accent .titel-res .donkerblauw,
.rood-accent .titel-res-drop .donkerblauw {
  color: #425062 !important; }

.rood-accent .titel .groen,
.rood-accent .titel-res .groen,
.rood-accent .titel-res-drop .groen {
  color: #5F8B21 !important; }

.rood-accent .titel .blauw,
.rood-accent .titel-res .blauw,
.rood-accent .titel-res-drop .blauw {
  color: #3548A4 !important; }

.rood-accent .titel .geel,
.rood-accent .titel-res .geel,
.rood-accent .titel-res-drop .geel {
  color: #FFFE70 !important; }

.rood-accent .titel .roos,
.rood-accent .titel-res .roos,
.rood-accent .titel-res-drop .roos {
  color: #B25657 !important; }

.rood-accent .titel .rood,
.rood-accent .titel-res .rood,
.rood-accent .titel-res-drop .rood {
  color: #CC4645 !important; }

.rood-accent .titel-res a:hover,
.rood-accent .titel-res-drop a:hover {
  background-color: #CC4645 !important; }

.rood-accent .vak2 a {
  color: #CC4645; }
  .rood-accent .vak2 a:focus, .rood-accent .vak2 a:hover, .rood-accent .vak2 a:active, .rood-accent .vak2 a.active {
    color: #787878; }

.rood-accent #footer p a:focus,
.rood-accent #footer p a:hover {
  color: #CC4645 !important;
  opacity: 1 !important; }

#reserveren #header .navbar .navbar-nav,
#contact #header .navbar .navbar-nav,
#basis #header .navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top; }

#reserveren #header nav,
#contact #header nav,
#basis #header nav {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(227, 231, 232, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(227, 231, 232, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(227, 231, 232, 0.75); }

#reserveren #header .navbar .navbar-collapse,
#contact #header .navbar .navbar-collapse,
#basis #header .navbar .navbar-collapse {
  text-align: center; }

#reserveren #header .nav .open > a,
#reserveren #header .nav .open > a:focus,
#reserveren #header .nav .open > a:hover,
#contact #header .nav .open > a,
#contact #header .nav .open > a:focus,
#contact #header .nav .open > a:hover,
#basis #header .nav .open > a,
#basis #header .nav .open > a:focus,
#basis #header .nav .open > a:hover {
  background-color: white;
  border-color: #425062; }

#reserveren #header a,
#contact #header a,
#basis #header a {
  color: #425062;
  text-transform: uppercase;
  font-weight: 900;
  height: 40px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#reserveren #crumbs ul,
#contact #crumbs ul,
#basis #crumbs ul {
  list-style-type: none; }
  #reserveren #crumbs ul li,
  #contact #crumbs ul li,
  #basis #crumbs ul li {
    display: inline-block;
	}
    #reserveren #crumbs ul li.active,
    #contact #crumbs ul li.active,
    #basis #crumbs ul li.active {
      text-transform: uppercase;
      font-weight: 900;
      font-size: 12px;
      height: 50px;
      line-height: 50px; }
    #reserveren #crumbs ul li:after,
    #contact #crumbs ul li:after,
    #basis #crumbs ul li:after {
      content: '\0020\002F\0020'; }
    #reserveren #crumbs ul li:last-child:after,
    #contact #crumbs ul li:last-child:after,
    #basis #crumbs ul li:last-child:after {
      content: ''; }
	#overzicht #crumbs ul li a,
    #reserveren #crumbs ul li a,
    #contact #crumbs ul li a,
    #basis #crumbs ul li a {
      text-transform: uppercase;
      font-weight: 900;
      font-size: 12px;
      height: 50px;
      line-height: 50px;
      text-decoration: none;
      color: #787878;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #reserveren #crumbs ul li a:focus, #reserveren #crumbs ul li a:hover,
      #contact #crumbs ul li a:focus,
      #contact #crumbs ul li a:hover,
      #basis #crumbs ul li a:focus,
      #basis #crumbs ul li a:hover {
        color: #425062;
        text-decoration: none; }

@media screen and (max-width: 425px) {
  #reserveren #crumbs,
  #contact #crumbs,
  #basis #crumbs {
    display: none;
    visibility: hidden; } }

  #reserveren .titel h1,
  #contact .titel h1,
  #basis .titel h1 {
    margin-top: 10px; }
  #reserveren .titel p,
  #contact .titel p,
  #basis .titel p {
    color: white;
    font-size: 20px;
    margin-bottom: 40px; }
  #reserveren .titel img,
  #contact .titel img,
  #basis .titel img {
    max-width: 95%;
    height: auto;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none; }

#reserveren .titel-res,
#contact .titel-res,
#basis .titel-res {
  /*min-height: 350px;*/ }
  #reserveren .titel-res p,
  #contact .titel-res p,
  #basis .titel-res p {
    color: white;
    font-size: 20px;
    margin-bottom: 40px; }
  
#voorstelling .titel-res a,  
#overzicht .titel-res a,
  #reserveren .titel-res a,
  #contact .titel-res a,
  #basis .titel-res a {
    color: #425062;
    text-transform: uppercase;
    font-weight: 900;
    padding: 20px 30px;
    background-color: white;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #reserveren .titel-res a:hover,
    #contact .titel-res a:hover,
    #basis .titel-res a:hover {
      background-color: #425062;
      color: white; }
    #reserveren .titel-res a span,
    #contact .titel-res a span,
    #basis .titel-res a span {
      display: inline;
      font-weight: 400;
      font-size: 10px; }

#reserveren .form input, #reserveren .form select, #reserveren .form textarea,
#contact .form input,
#contact .form select,
#contact .form textarea,
#basis .form input,
#basis .form select,
#basis .form textarea {
  height: 50px;
  border-radius: 5px;
  width: 100%;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  -moz-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75); }

#reserveren .form .checkbox,
#reserveren .form .radio,
#reserveren .form input[type=checkbox],
#contact .form .checkbox,
#contact .form .radio,
#contact .form input[type=checkbox],
#basis .form .checkbox,
#basis .form .radio,
#basis .form input[type=checkbox] {
  width: initial;
  padding: 0;
  box-shadow: none;
  display: inline-block;
  border: none;
  height: auto;
  margin-bottom: 0px; }

#reserveren .form .vink input,
#contact .form .vink input,
#basis .form .vink input {
  width: initial;
  padding: 0;
  box-shadow: none;
  margin-bottom: 0; }

#reserveren .form .submit input,
#reserveren .form .actions input,
#contact .form .submit input,
#contact .form .actions input,
#basis .form .submit input,
#basis .form .actions input,
input[type=submit]{
  border: none;
  width: 160px !important;
  color: white;
  box-shadow: none;
  background-color: #425062;
  opacity: 1;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#reserveren .form .submit input:hover,
#reserveren .form .actions input:hover,
#contact .form .submit input:hover,
#contact .form .actions input:hover,
#basis .form .submit input:hover,
#basis .form .actions input:hover,
input[type=submit]:hover{
  background-color: #e3e7e8;
  color: #425062; }

#reserveren a,
#contact a,
#basis a {
  text-transform: none;
  font-weight: 700;
  color: #787878;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #reserveren a:hover, #reserveren a:focus,
  #contact a:hover,
  #contact a:focus,
  #basis a:hover,
  #basis a:focus {
    color: #425062; }

#reserveren #google-map iframe,
#contact #google-map iframe,
#basis #google-map iframe {
  width: 100%;
  height: 450px;
  padding: 10px;
  background-color: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  -moz-box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
  box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75); }

#reserveren .adres,
#contact .adres,
#basis .adres {
  color: #425062;
  font-weight: 700; }
  #reserveren .adres .adresvak,
  #contact .adres .adresvak,
  #basis .adres .adresvak {
    display: block;
    margin: 0 auto; }
    #reserveren .adres .adresvak span,
    #contact .adres .adresvak span,
    #basis .adres .adresvak span {
      display: inline-block;
      width: 30px;
      font-size: 24px; }
    #reserveren .adres .adresvak p,
    #contact .adres .adresvak p,
    #basis .adres .adresvak p {
      margin-bottom: 0; }
      #reserveren .adres .adresvak p a,
      #contact .adres .adresvak p a,
      #basis .adres .adresvak p a {
        color: #425062; }
        #reserveren .adres .adresvak p a:hover,
        #contact .adres .adresvak p a:hover,
        #basis .adres .adresvak p a:hover {
          color: #787878; }

#reserveren .voorstellingen .grid,
#contact .voorstellingen .grid,
#basis .voorstellingen .grid {
  padding: 20px 0 120px 0;
  margin: 0 auto;
  list-style: none;
  text-align: center; }
  #reserveren .voorstellingen .grid figcaption,
  #contact .voorstellingen .grid figcaption,
  #basis .voorstellingen .grid figcaption {
    background: #425062; }
  #reserveren .voorstellingen .grid li,
  #contact .voorstellingen .grid li,
  #basis .voorstellingen .grid li {
    display: inline-block;
    width: 282px;
    margin-bottom: 100px;
    padding: 20px 10px;
    position: relative; }
  #reserveren .voorstellingen .grid h3,
  #contact .voorstellingen .grid h3,
  #basis .voorstellingen .grid h3 {
    color: #FFF;
    font-weight: 400;
    font-size: 20px;
    opacity: 1; }
  #reserveren .voorstellingen .grid span,
  #contact .voorstellingen .grid span,
  #basis .voorstellingen .grid span {
    font-weight: 400;
    opacity: 1; }
  #reserveren .voorstellingen .grid img,
  #contact .voorstellingen .grid img,
  #basis .voorstellingen .grid img {
    width: 90%; }

#reserveren .voorstellingen .cs-style-7 figcaption,
#contact .voorstellingen .cs-style-7 figcaption,
#basis .voorstellingen .cs-style-7 figcaption {
  height: 135%;
  width: 90%;
  opacity: 1;
  box-shadow: 0 0 0 10px #425062;
  transition: opacity 0.3s; }

#reserveren .voorstellingen .no-touch .cs-style-7 figure:hover figcaption,
#reserveren .voorstellingen .cs-style-7 figure:hover figcaption,
#contact .voorstellingen .no-touch .cs-style-7 figure:hover figcaption,
#contact .voorstellingen .cs-style-7 figure:hover figcaption,
#basis .voorstellingen .no-touch .cs-style-7 figure:hover figcaption,
#basis .voorstellingen .cs-style-7 figure:hover figcaption {
  opacity: 0.8;
  height: 135%;
  box-shadow: 0 0 0 10px #425062; }

.groen-accent .titel,
.groen-accent .titel-res {
  background-color: #5F8B21 !important; }
  .groen-accent .titel .donkerblauw,
  .groen-accent .titel-res .donkerblauw {
    color: #425062 !important; }
  .groen-accent .titel .groen,
  .groen-accent .titel-res .groen {
    color: #5F8B21 !important; }
  .groen-accent .titel .blauw,
  .groen-accent .titel-res .blauw {
    color: #3548A4 !important; }
  .groen-accent .titel .geel,
  .groen-accent .titel-res .geel {
    color: #FFFE70 !important; }
  .groen-accent .titel .roos,
  .groen-accent .titel-res .roos {
    color: #B25657 !important; }
  .groen-accent .titel .rood,
  .groen-accent .titel-res .rood {
    color: #CC4645 !important; }


.groen-accent .tabel a:hover,
.groen-accent .tabel a:focus,
.groen-accent .form a:hover,
.groen-accent .form a:focus {
  color: #5F8B21 !important; }

.groen-accent .form .submit input,
.groen-accent .form .actions input,
.groen-accent input[type=submit]{
  background-color: #5F8B21 !important; }
  .groen-accent .form .submit input:hover,
  .groen-accent .form .actions input:hover,
  .groen-accent input[type=submit]:hover{
    color: #5F8B21 !important;
    background-color: #e3e7e8 !important; }

.groen-accent figcaption {
  background: #5F8B21 !important; }

.groen-accent .cs-style-7 figcaption {
  box-shadow: 0 0 0 10px #5F8B21 !important; }

.blauw-accent .titel,
.blauw-accent .titel-res {
  background-color: #3548A4 !important; }
  .blauw-accent .titel .donkerblauw,
  .blauw-accent .titel-res .donkerblauw {
    color: #425062 !important; }
  .blauw-accent .titel .groen,
  .blauw-accent .titel-res .groen {
    color: #5F8B21 !important; }
  .blauw-accent .titel .blauw,
  .blauw-accent .titel-res .blauw {
    color: #3548A4 !important; }
  .blauw-accent .titel .geel,
  .blauw-accent .titel-res .geel {
    color: #FFFE70 !important; }
  .blauw-accent .titel .roos,
  .blauw-accent .titel-res .roos {
    color: #B25657 !important; }
  .blauw-accent .titel .rood,
  .blauw-accent .titel-res .rood {
    color: #CC4645 !important; }


.blauw-accent .tabel a:hover,
.blauw-accent .tabel a:focus,
.blauw-accent .form a:hover,
.blauw-accent .form a:focus {
  color: #3548A4 !important; }

.blauw-accent .form .submit input,
.blauw-accent .form .actions input,
.blauw-accent input[type=submit]{
  background-color: #3548A4 !important; }
  .blauw-accent .form .submit input:hover,
  .blauw-accent .form .actions input:hover,
  .blauw-accent input[type=submit]:hover{
    color: #3548A4 !important;
    background-color: #e3e7e8 !important; }

.blauw-accent figcaption {
  background: #3548A4 !important; }

.blauw-accent .cs-style-7 figcaption {
  box-shadow: 0 0 0 10px #3548A4 !important; }

.geel-accent .titel,
.geel-accent .titel-res {
  background-color: #FFFE70 !important;
  color: #787878 !important; }
  .geel-accent .titel .donkerblauw,
  .geel-accent .titel-res .donkerblauw {
    color: #425062 !important; }
  .geel-accent .titel .groen,
  .geel-accent .titel-res .groen {
    color: #5F8B21 !important; }
  .geel-accent .titel .blauw,
  .geel-accent .titel-res .blauw {
    color: #3548A4 !important; }
  .geel-accent .titel .geel,
  .geel-accent .titel-res .geel {
    color: #FFFE70 !important; }
  .geel-accent .titel .roos,
  .geel-accent .titel-res .roos {
    color: #B25657 !important; }
  .geel-accent .titel .rood,
  .geel-accent .titel-res .rood {
    color: #CC4645 !important; }


.geel-accent .tabel a:hover,
.geel-accent .tabel a:focus,
.geel-accent .form a:hover,
.geel-accent .form a:focus {
  color: #FFFE70 !important; }

.geel-accent .form .submit input,
.geel-accent .form .actions input,
.geel-accent input[type=submit]{
  background-color: #FFFE70 !important;
  color: #787878 !important; }
  .geel-accent .form .submit input:hover,
  .geel-accent .form .actions input:hover,
  .geel-accent input[type=submit]:hover{
    color: #FFFE70 !important;
    background-color: #787878 !important; }

.geel-accent figcaption {
  background: #FFFE70 !important; }

.geel-accent .cs-style-7 figcaption {
  box-shadow: 0 0 0 10px #FFFE70 !important; }

.geel-accent .grid h3 {
  color: #787878 !important; }

.geel-accent .grid span {
  color: #787878 !important; }

.roos-accent .titel,
.roos-accent .titel-res {
  background-color: #B25657 !important; }
  .roos-accent .titel .donkerblauw,
  .roos-accent .titel-res .donkerblauw {
    color: #425062 !important; }
  .roos-accent .titel .groen,
  .roos-accent .titel-res .groen {
    color: #5F8B21 !important; }
  .roos-accent .titel .blauw,
  .roos-accent .titel-res .blauw {
    color: #3548A4 !important; }
  .roos-accent .titel .geel,
  .roos-accent .titel-res .geel {
    color: #FFFE70 !important; }
  .roos-accent .titel .roos,
  .roos-accent .titel-res .roos {
    color: #B25657 !important; }
  .roos-accent .titel .rood,
  .roos-accent .titel-res .rood {
    color: #CC4645 !important; }


.roos-accent .tabel a:hover,
.roos-accent .tabel a:focus,
.roos-accent .form a:hover,
.roos-accent .form a:focus {
  color: #B25657 !important; }

.roos-accent .form .submit input,
.roos-accent .form .actions input,
.roos-accent input[type=submit]{
  background-color: #B25657 !important; }
  .roos-accent .form .submit input:hover,
  .roos-accent .form .actions input:hover,
  .roos-accent input[type=submit]:hover{
    color: #B25657 !important;
    background-color: #e3e7e8 !important; }

.roos-accent figcaption {
  background: #B25657 !important; }

.roos-accent .cs-style-7 figcaption {
  box-shadow: 0 0 0 10px #B25657 !important; }

.rood-accent .titel,
.rood-accent .titel-res {
  background-color: #CC4645 !important; }
  .rood-accent .titel .donkerblauw,
  .rood-accent .titel-res .donkerblauw {
    color: #425062 !important; }
  .rood-accent .titel .groen,
  .rood-accent .titel-res .groen {
    color: #5F8B21 !important; }
  .rood-accent .titel .blauw,
  .rood-accent .titel-res .blauw {
    color: #3548A4 !important; }
  .rood-accent .titel .geel,
  .rood-accent .titel-res .geel {
    color: #FFFE70 !important; }
  .rood-accent .titel .roos,
  .rood-accent .titel-res .roos {
    color: #B25657 !important; }
  .rood-accent .titel .rood,
  .rood-accent .titel-res .rood {
    color: #CC4645 !important; }


.rood-accent .tabel a:hover,
.rood-accent .tabel a:focus,
.rood-accent .form a:hover,
.rood-accent .form a:focus {
  color: #CC4645 !important; }

.rood-accent .form .submit input,
.rood-accent .form .actions input,
.rood-accent input[type=submit]{
  background-color: #CC4645 !important; }
  .rood-accent .form .submit input:hover,
  .rood-accent .form .actions input:hover,
  .rood-accent input[type=submit]:hover{
    color: #CC4645 !important;
    background-color: #e3e7e8 !important; }

.rood-accent figcaption {
  background: #CC4645 !important; }

.rood-accent .cs-style-7 figcaption {
  box-shadow: 0 0 0 10px #CC4645 !important; }

#footer {
  padding: 60px 0; }
  #footer p a {
    color: #425062;
    opacity: 1;
    text-decoration: none;
    text-transform: none;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #footer p a:focus,
  #footer p a:hover {
    color: #425062;
    opacity: 0.7;
    text-decoration: none; }
  @media screen and (max-width: 425px) {
    #footer {
      text-align: center; }
      #footer h4 {
        margin-top: 20px; } }

.copyright {
  height: 60px;
  line-height: 60px; }
  .copyright p {
    display: inline;
    color: #425062; }
  .copyright img {
    display: inline-block;
    float: right;
    opacity: 0.7;
    width: 20px;
    margin: 20px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .copyright img:hover {
    opacity: 1; }

#contact form input, #contact form textarea {
  border: 1px solid #e3e7e8; }

#svg {
  list-style-type: none; }
  #svg a {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px; }
    #svg a:hover figure img {
      opacity: 1; }
    #svg a:hover figcaption span {
      transform: translateY(0);
      opacity: 0; }
    #svg a:hover figure button {
      opacity: 1;
      transform: translateY(-50%) translateX(-50%) scale(1); }
  #svg figure {
    position: relative;
    overflow: hidden;
    margin: 5px;
    background: #333;
    box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75); }
    #svg figure img {
      position: relative;
      display: block;
      width: 100%;
      opacity: 0.7;
      transition: opacity 0.3s; }
    #svg figure svg {
      position: absolute;
      top: -1px;
      /* fixes rendering issue in FF */
      z-index: 10;
      width: 100%;
      height: 60%; }
      #svg figure svg path {
        fill: #fff; }
    #svg figure figcaption {
      position: absolute;
      top: 0;
      z-index: 11;
      padding: 10px;
      width: 100%;
      height: 100%;
      text-align: center;
      backface-visibility: hidden;
      background: none !important; }
      #svg figure figcaption strong {
        text-transform: uppercase; }
      #svg figure figcaption span {
        display: block;
        padding: 0 20px;
        color: #aaa;
        font-weight: 300;
        transition: opacity 0.3s, transform 0.3s;
        transform: translateY(10px);
        backface-visibility: hidden; }
    #svg figure button {
      position: absolute;
      padding: 4px 20px;
      border: none;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: bold;
      transition: opacity 0.3s, transform 0.3s;
      backface-visibility: hidden;
      top: 50%;
      left: 50%;
      border: 3px solid #fff;
      background: transparent;
      color: #fff;
      opacity: 0;
      transform: translateY(-50%) translateX(-50%) scale(0.25); }

@media only screen and (max-width: 1200px) {
  #svg figure button {
    font-size: 10px; }
  #svg figure figcaption span {
    transform: translateY(0px); } }

@media only screen and (max-width: 991px) {
  #svg figure button {
    font-size: 15px; }
  #svg figure figcaption span {
    transform: translateY(20px); } }

@media only screen and (max-width: 768px) {
  #svg figure figcaption span {
    transform: translateY(100px); } }

@media only screen and (max-width: 600px) {
  #svg figure figcaption span {
    transform: translateY(50px); } }

@media only screen and (max-width: 400px) {
  #svg figure figcaption span {
    transform: translateY(10px); } }

#lightgallery .small {
  	width: 80%;
	margin-left: 10%;
}

.img {
    background-color: white;
    padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 5px rgba(227, 231, 232, 0.75);
	margin: 2%;
	height:100%;
}

.kader {
	padding: 3%;
}

.p-center {
	text-align: center;
	margin-top: 10px;
}

@media (max-width: 766px) {
	.kader {
		margin-left: 10%;
		width: 80%;
	}
	.img {
		width: 90%;
		margin-left: 5%;
	}
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border: none;
}

@media screen and (max-width: 767px){
    .table-responsive {
        border: none;
    }
}

.form h2{
    margin-top: 0;
}

form{
    margin-bottom: 1em;
}

.checkbox input[type=checkbox]{
    margin-left:0;
}

hr{
    margin-top:0;
    margin-bottom: 0;
    border: 0;
    border-top: 0px;
}