/*************************/
/*COLOR PALETTE */
/*************************/
/*************************/
/*FONT PALETTE */
/*************************/
/*************************/
/* BODY HTML */
/*************************/
body {
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  line-height: 24px; }

a {
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none; }

html {
  background-color: #174367; }

h1 {
  font-size: 24px;
  font-weight: 500;
  padding: 10px 0; }

h2 {
  font-size: 14px;
  color: #458cc6;
  font-weight: bold;
  text-transform: uppercase; }

h3 {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
  margin-bottom: 10px; }

p {
  margin: 1em 0; }

.titel {
  margin-bottom: 60px; }

.subpara {
  line-height: 16px;
  font-size: 12px; }

/*************************/
/* 2 KLEUREN BORDER */
/*************************/
.topborder-wrapper {
  width: 100%;
  height: 7px; }
  .topborder-wrapper .liblue {
    width: 50%;
    background-color: #458cc6;
    height: 7px;
    float: left; }
  .topborder-wrapper .darkblue {
    width: 50%;
    background-color: #26609b;
    height: 7px;
    float: right; }

/*************************/
/* HERO */
/*************************/
.hero-wrapper {
  width: 100%;
  background-color: #fff; }
  .hero-wrapper .hero {
    height: 350px;
    background: url("../images/logo-sophie-vandeputte.png") no-repeat 100% 100%; }
    .hero-wrapper .hero p.head {
      padding-top: 30px;
      font-family: 'Maven Pro', sans-serif;
      font-size: 67px;
      color: #26609b;
      font-weight: 700;
      line-height: 80px; }
      .hero-wrapper .hero p.head .tel {
        margin-top: 20px; }
    .hero-wrapper .hero span.tel {
      font-size: 18px;
      color: #26609b; }
    .hero-wrapper .hero p {
      margin: 0; }

/*************************/
/* SLIDER */
/*************************/
#slider {
  margin-top: 20px; }
  #slider .banner {
    position: relative;
    overflow: auto; }
  #slider .banner li {
    list-style: none; }
  #slider .banner ul li {
    float: left; }

.banner .btn, .banner .dot {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)); }

.banner .dots {
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 10px; }

.banner .dots li {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 4px;
  text-indent: -999em;
  border: 2px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  opacity: .4;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s; }

.banner .dots li.active {
  background: #fff;
  opacity: 1; }

/*************************/
/* CONTAINER */
/*************************/
.container {
  width: 100%;
  background: #0f426b;
  /* Old browsers */ }
  .container .menu {
    margin-top: 20px; }
    .container .menu ul a {
      font-family: 'Maven Pro', sans-serif;
      font-size: 16px;
      color: #fff;
      font-weight: 700;
      text-transform: uppercase; }
      .container .menu ul a:hover {
        border-bottom: 3px solid #fff;
        padding-bottom: 10px; }
    .container .menu ul li {
      display: inline;
      padding-right: 40px; }
  .container .welkomslide {
    margin-top: 60px; }
    .container .welkomslide img {
      margin-top: 50px; }
  .container .podologieslide, .container .doelgroepenslide, .container .diabetesslide, .container .behandelingenslide, .container .terugbetalingslide, .container .contactslide {
    margin-bottom: 160px; }
  .container .groepen li {
    opacity: 0.7; }
    .container .groepen li:hover {
      opacity: 1.0; }
  .container .tabs .active, .container .doelgroepen .active {
    color: #fff; }
  .container .tabs a, .container .doelgroepen a {
    font-family: 'Maven Pro', sans-serif;
    font-size: 14px;
    color: #458cc6;
    font-weight: bold;
    text-transform: uppercase; }
    .container .tabs a:hover, .container .doelgroepen a:hover {
      color: #fff; }
  .container .tabs li, .container .doelgroepen li {
    line-height: 54px; }
  .container .tabcontent {
    margin-top: 15px; }

/*************************/
/*CONTACTSLIDE */
/*************************/
#contact span {
  font-size: 12px; }

.contactslide ul {
  font-family: 'Maven Pro', sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  line-height: 24px; }
  .contactslide ul .titel {
    color: #26609b; }
  .contactslide ul a:hover {
    color: #26609b; }
.contactslide .frmContact {
  margin-top: 30px; }
  .contactslide .frmContact input[type="submit"] {
    background-color: #458cc6;
    font-family: 'Maven Pro', sans-serif;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    border-radius: 1px;
    padding: 11px 18px;
    border: none;
    cursor: pointer;
    width: 135px;
    float: right;
    margin-right: 30px; }
    .contactslide .frmContact input[type="submit"]:hover {
      background-color: #333333; }
  .contactslide .frmContact input {
    width: 282px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    padding: 13px 7px; }
  .contactslide .frmContact .box {
    margin-bottom: 10px;
    float: left;
    width: 300px;
    padding-right: 10px; }
  .contactslide .frmContact textarea {
    border-radius: 3px;
    width: 602px;
    height: 135px;
    border: 1px solid #e5e5e5; }
  .contactslide .frmContact textarea, .contactslide .frmContact input {
    outline: none; }
  .contactslide .frmContact input:focus {
    background-color: #458cc6;
    color: #fff;
    border: 1px solid #458cc6; }
  .contactslide .frmContact ::-webkit-input-placeholder {
    color: #999999; }
  .contactslide .frmContact :-moz-placeholder {
    color: #999999; }
  .contactslide .frmContact :-ms-input-placeholder {
    color: #999999; }
.contactslide .google {
  margin-top: 50px; }

#stickymenu {
  opacity: 0.6;
  position: fixed;
  top: 50%;
  right: 2%;
  text-transform: capitalize; }
  #stickymenu ul li {
    padding: 0px 15px;
    background: url("../images/dot.png") no-repeat 100% 50%; }
    #stickymenu ul li:hover {
      background: url("../images/dot-hover.png") no-repeat 100% 50%; }
      #stickymenu ul li:hover span {
        visibility: visible; }

#spotdesign {
  margin-top: 30px;
  float: right; }

.bold {
  font-weight: bold; }

.naam {
  font-size: 50px; }

.naamcontact {
  font-size: 16px; }

#form-message {
  border: 1px solid #00FF00;
  background: rgba(0, 255, 0, 0.4);
  margin-top: 1em;
  margin-bottom: 1em; }
  #form-message.warning {
    border-color: #FF9900;
    background: rgba(255, 153, 0, 0.4); }
  #form-message.error {
    border-color: #FF0000;
    background: rgba(255, 0, 0, 0.4); }
  #form-message p {
    text-align: center; }

#carousel {
  max-width: 100%;
  margin-top: 20px;
  border: 2px solid #fff;
  border-radius: 2px; }
  #carousel .itemslide {
    display: none; }
    #carousel .itemslide:first-child {
      display: block; }
  #carousel.created {
    border: 0;
    border-radius: 0; }
    #carousel.created .itemslide {
      display: block; }

.caroufredsel_wrapper {
  border: 2px solid #fff;
  border-radius: 2px; }

@media screen and (max-width: 1200px) {
  #stickymenu {
    display: none; }

  img {
    width: 100%;
    height: auto; }

  .google iframe {
    width: 100%; }

  #spotdesign {
    max-width: 100px; } }
@media screen and (max-width: 1065px) {
  body {
    font-size: 110%;
    line-height: 30px; }

  .container .menu ul li {
    padding-right: 15px; } }
@media screen and (max-width: 800px) {
  #carousel {
    display: none; }

  .hero-wrapper .hero p.head {
    font-size: 30px;
    padding-top: 0;
    line-height: 40px; }

  .container .menu ul li:nth-child(even) {
    background-color: #0d3759; }
  .container .menu ul li {
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    padding-top: 20px; }
    .container .menu ul li a {
      text-decoration: none; }
      .container .menu ul li a:hover {
        border: none; }

  .frmContact textarea {
    max-width: 100%; }

  .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_5, .container_16 .grid_10, .container_16 .grid_11 {
    padding-bottom: 50px;
    width: 100%;
    display: block; }

  .container_16 .push_2, .container_16 .push_1 {
    left: 0; }

  .contactslide .frmContact input {
    width: 100%;
    height: 50px;
    font-size: 18px; }

  .contactslide .frmContact .box {
    width: 100%; }

  .contactslide .frmContact textarea {
    height: 250px; }

  ::-webkit-input-placeholder {
    font-size: 18px; }

  .contactslide .frmContact input[type="submit"] {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 80px;
    font-size: 18px; }

  .naam {
    font-size: 50px; }

  .contactslide .frmContact textarea {
    width: 100%; }

  .contactgegevens {
    text-align: center; }
    .contactgegevens li {
      font-size: 18px; }

  #behan {
    display: none; }

  h3 {
    font-size: 18px; }

  .tabcontent p {
    margin-top: 30px;
    margin-bottom: 30px; }

  .doelgroepen {
    display: none; } }
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

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