@charset "UTF-8";
@font-face {
  font-family: 'avasto';
  src: url("../fonts/avasto.eot%3F99136962");
  src: url("../fonts/avasto.eot%3F99136962") format("embedded-opentype"), url("../fonts/avasto.woff2%3F99136962.html") format("woff2"), url("../fonts/avasto.woff%3F99136962") format("woff"), url("../fonts/avasto.ttf%3F99136962.html") format("truetype"), url("../fonts/avasto.svg%3F99136962") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'merriweathersansplain';
  src: url("../fonts/static/MerriweatherSans-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Merriweather-Italic';
  src: url("../fonts/static/MerriweatherSans-Italic.ttf");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }
@font-face {
  font-family: 'merriweather_bold-regular';
  src: url("../fonts/static/MerriweatherSans-Bold.ttf");
  font-weight: bold;
  font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline; }

html {
  height: 100%; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

a {
  cursor: pointer; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

*, *:before, *:after {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

.clear {
  clear: both; }

::-moz-selection {
  background: #000000;
  color: #fff; }

::selection {
  background: #000000;
  color: #fff; }

a:active,
a:hover {
  outline: 0; }

@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* IE6 */
* html .clearfix {
  height: 1%; }

/* IE7 */
*:first-child + html .clearfix {
  min-height: 1px; }

.alignleft {
  padding: 0 20px 0 0;
  float: left; }

.alignright {
  padding: 0 0 0 20px;
  float: right; }

.aligncentre {
  float: none;
  margin-bottom: 10px; }

nav {
  margin-top: 0px;
  width: 100%;
  font-family: 'merriweathersansplain';
  position: fixed;
  z-index: 999; }
  @media (max-width: 650px) {
    nav {
      margin-top: -20px; } }
  nav * {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  nav header {
    display: block;
    border-top: 5px solid #003b62;
    background: #fff;
    padding: 2.5em 0; }
    nav header:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    nav header img {
      float: left; }
  nav .terug a {
    text-decoration: none;
    color: #fff;
    float: right; }
    nav .terug a em {
      font-size: 0.9em;
      padding-top: 0.8em;
      text-decoration: none;
      font-style: normal; }
      @media (max-width: 840px) {
        nav .terug a em {
          font-size: 0.85em; } }
    nav .terug a span {
      display: none; }
    @media (max-width: 650px) {
      nav .terug a {
        padding-top: 0.6em; }
        nav .terug a span {
          display: inline;
          font-family: 'avasto';
          font-size: 1.3em;
          padding-right: 2em; }
        nav .terug a em {
          display: none; } }
    @media (max-width: 380px) {
      nav .terug a {
        padding-right: 0.5em; } }
    nav .terug a:hover {
      color: #003b62; }
  nav .navigation {
    background-color: #2c89b8;
    position: relative;
    opacity: 0.92;
    margin-top: 1.5em;
    width: 100%;
    display: block;
    margin-right: 0em; }
    nav .navigation:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    nav .navigation .menu {
      margin-top: 0em; }
    nav .navigation .logo {
      float: left;
      height: 3.5em;
      width: 0px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      overflow: hidden; }
      nav .navigation .logo img {
        width: 100%; }
      nav .navigation .logo:hover {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    nav .navigation .logozwem {
      float: left;
      height: 3.5em;
      width: 0px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      overflow: hidden; }
      nav .navigation .logozwem img {
        width: 100%; }
      nav .navigation .logozwem:hover {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    nav .navigation ul {
      display: block;
      margin: auto;
      float: right;
      clear: both;
      margin-top: -0.8em; }
      nav .navigation ul li {
        margin-top: -2.1em;
        float: left; }
        @media (max-width: 840px) {
          nav .navigation ul li {
            margin-top: -1.7em; } }
        @media (max-width: 680px) {
          nav .navigation ul li {
            margin-top: -1.7; } }
        nav .navigation ul li a {
          -webkit-transition: all 0s ease-in-out;
          -moz-transition: all 0s ease-in-out;
          -o-transition: all 0s ease-in-out;
          transition: all 0s ease-in-out;
          color: #cccccc;
          text-decoration: none;
          line-height: 2em;
          margin-left: 0.5em;
          font-size: 1.1em;
          padding-left: 6px; }
          @media (max-width: 840px) {
            nav .navigation ul li a {
              font-size: 1em;
              margin-left: 0.4em; } }
          @media (max-width: 770px) {
            nav .navigation ul li a {
              font-size: 0.9em;
              margin-left: 0.3em; } }
        nav .navigation ul li.hidden {
          display: none; }
        nav .navigation ul li.active a, nav .navigation ul li a:hover {
          color: #fff;
          border-bottom: #003b62 2px solid;
          padding-bottom: 0em; }
  nav #navbar-checkbox, nav .navbar-handle {
    display: none; }
  @media (max-width: 650px) {
    nav .navigation {
      margin-top: 18px;
      background-color: #2c89b8;
      position: relative;
      opacity: 0.92;
      height: 3em;
      overflow: hidden;
      width: 100%;
      z-index: 1;
      padding-bottom: 0.8em; } }
  @media (max-width: 650px) and (max-width: 400px) {
    nav .navigation {
      padding-bottom: 0.5em; } }
  @media (max-width: 650px) {
      nav .navigation img {
        margin-top: -7px; }
      nav .navigation .menu ul {
        margin-top: 10px;
        background-color: #9faab1;
        text-align: center;
        float: left;
        width: 100%; }
      nav .navigation .menu li {
        margin-top: 0%;
        color: #000000;
        text-align: center;
        font-size: 1em;
        padding-top: 0px !important;
        border-bottom: 1px solid #fff;
        width: 100%;
        padding: 0 1%; }
        nav .navigation .menu li:last-child {
          border-bottom: 0; }
        nav .navigation .menu li a {
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
          color: #003b62;
          text-decoration: none;
          line-height: 1.4em;
          font-size: 1em;
          display: block; }
        nav .navigation .menu li.active a, nav .navigation .menu li a:hover {
          color: #fff;
          -ms-transform: scale(1.1);
          -webkit-transform: scale(1.1);
          transform: scale(1.1);
          border: none;
          line-height: 1.8em; }
    nav #navbar-checkbox:checked + .navigation {
      height: auto; }
    nav .navbar-handle {
      top: -10px;
      right: 11px;
      position: fixed;
      width: 1.8rem;
      height: 1.8rem;
      line-height: 1.6rem;
      font-size: 2rem;
      text-align: center;
      padding: 0;
      border: none;
      background: #003b62;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      color: #fff;
      font-family: 'avasto';
      display: block;
      float: right;
      z-index: 99;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      nav .navbar-handle:hover {
        color: #fff;
        background: #000000; } }

.navbar {
  -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out, max-height .5s ease-out;
  -moz-transition: background .5s ease-in-out, padding .5s ease-in-out, max-height .5s ease-out;
  transition: background .5s ease-in-out, padding .5s ease-in-out, max-height .5s ease-out; }

.top-nav-collapse {
  margin-top: -25px;
  padding: 0; }
  @media (max-width: 650px) {
    .top-nav-collapse {
      margin-top: -20px; } }
  .top-nav-collapse .navigation {
    background: #2c89b8;
    height: 3em; }
    .top-nav-collapse .navigation ul {
      margin-top: -2.5%; }
      @media (max-width: 650px) {
        .top-nav-collapse .navigation ul {
          margin-top: 10px; } }
  @media (min-width: 650px) {
    .top-nav-collapse .logo {
      margin-top: 0.3em;
      width: 7em !important; }
    .top-nav-collapse .logozwem {
      margin-top: 0.3em;
      width: 12em !important; }
    .top-nav-collapse .logozwembadtechniek {
      display: none; }
    .top-nav-collapse .logodesign {
      display: none; }
    .top-nav-collapse .logoindustry {
      display: none; }
    .top-nav-collapse .terug {
      display: none; } }

.section {
  width: 96%;
  margin: auto;
  max-width: 980px;
  padding: 0; }
  .section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

@media (max-width: 500px) {
  .nomargin {
    width: 100% !important; } }
._1 {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 6.0204081633%; }

._2 {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 14.4897959184%; }

._3, .logoavasto, .logodesign, .logoindustry {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 22.9591836735%; }

._4, .button, .design, .logozwembadtechniek, .zwembadtechniek, .industry, .eerstekolom, .tweedekolom, .derdekolom, .kolom {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 31.4285714286%; }

._5, .fotospecialisatie {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 39.8979591837%; }

._6, .kader, .designbutton, .zwembadtechniekbutton, .industrybutton, .textzwembadtechniek, .fotoszwembadtechniek {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 48.3673469388%; }

._7, .quotes, .textspecialisatie {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 56.8367346939%; }

._8, .tekstlinks {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 65.306122449%; }

._9, .afdelingen {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 73.7755102041%; }

._10 {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 82.2448979592%; }

._11 {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 90.7142857143%; }

._12, .adres {
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 2.4489795918%;
  width: 99.1836734694%; }

@media (max-width: 1000px) {
  .kader {
    float: left;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.4489795918%;
    width: 56.8367346939%; } }
@media (max-width: 550px) {
  .kader {
    float: left;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.4489795918%;
    width: 99.1836734694%; } }
@media (max-width: 650px) {
  .quotes {
    float: left;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.4489795918%;
    width: 65.306122449%; } }
@media (max-width: 650px) {
  .textspecialisatie {
    float: left;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.4489795918%;
    width: 99.1836734694%; } }
@media (max-width: 650px) {
  .fotoszwembadtechniek {
    float: left;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.4489795918%;
    width: 99.1836734694%; }

  .textzwembadtechniek {
    float: left;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.4489795918%;
    width: 99.1836734694%; } }
@media (max-width: 600px) {
  .kolom {
    float: left;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.4489795918%;
    width: 99.1836734694%; } }
@media (max-width: 598px) {
  .tekstlinks {
    float: left;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.4489795918%;
    width: 99.1836734694%; }

  .button {
    float: left;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 2.4489795918%;
    width: 99.1836734694%; } }
.section div:first-child {
  margin-left: 0; }

.devider {
  width: 100%;
  margin-top: 4.8979591837%; }
  .devider:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .devider ._1-2 {
    float: left;
    width: 47.5510204082%; }
  .devider ._1-3 {
    float: left;
    margin-right: 4.8979591837%;
    width: 30.0680272109%; }
    .devider ._1-3:last-child {
      margin-right: 0; }

hr {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #333; }

h1, h2, h3, h4 {
  margin: 1.414em 0 0.2em;
  line-height: 1.2;
  font-family: 'merriweather_bold-regular'; }

h1 {
  margin-top: 0;
  font-size: 1.8em;
  color: #003b62; }

h2 {
  font-size: 1.8em;
  line-height: 1em;
  color: #2c89b8;
  text-align: center;
  margin-bottom: 0.7em;
  margin-top: 0.4em; }
  @media (max-width: 770px) {
    h2 {
      font-size: 1.6em;
      margin-bottom: 0.5em; } }
  @media (max-width: 510px) {
    h2 {
      font-size: 1.4em;
      margin-bottom: 0.3em; } }

h3 {
  font-size: 1.4em;
  color: #003b62;
  font-family: 'merriweathersansplain';
  margin: 0;
  font-weight: normal; }

h4 {
  font-size: 1.5em;
  color: #003b62;
  text-transform: uppercase; }

p {
  font-family: 'merriweathersansplain';
  font-size: 1em;
  margin-bottom: 1.3em;
  line-height: 1.5em;
  color: #000000; }
  @media (max-width: 770px) {
    p {
      font-size: 0.9em; } }
  @media (max-width: 510px) {
    p {
      font-size: 0.8em; } }
  p strong {
    font-weight: bold; }
  p a {
    color: #000000; }
    p a:hover {
      color: #003b62; }

small, .font_small {
  font-size: 0.833em; }

blockquote {
  color: #000000;
  font-size: 1.5em;
  padding: 1em 1%;
  line-height: 1.3em !important;
  text-align: center;
  font-familie: 'Merriweather-Italic';
  font-style: italic;
  font-weight: 500; }
  blockquote:before, blockquote:after {
    color: #000000; }

.content li {
  margin-left: 2em; }
.content ol li {
  list-style: decimal; }
.content ul li {
  list-style: disc; }

.icon {
  font-family: 'avasto';
  font-weight: 400 !important;
  font-style: normal; }

.standard, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="date"], input[type="number"], textarea, select, input[type="checkbox"], input[type="radio"], button, button[type="button"], input[type="button"], input[type="submit"], button[type="submit"], input[type="reset"], button[type="reset"] {
  border: 1px solid rgba(0, 0, 0, 0.5);
  font-family: "merriweathersansplain";
  font-weight: 700;
  word-spacing: 0.2em;
  letter-spacing: 0.1em;
  text-rendering: auto;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  border-radius: 0.4em;
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(204, 204, 204, 0.2);
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(204, 204, 204, 0.2);
  box-shadow: inset 0px 1px 3px 0px rgba(204, 204, 204, 0.2); }

.focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="date"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
  -moz-box-shadow: inset 0px 0px 3px 0px black;
  -webkit-box-shadow: inset 0px 0px 3px 0px black;
  box-shadow: inset 0px 0px 3px 0px black;
  background: #000000;
  color: #fff; }

.bad {
  color: #d44960;
  border-color: #d44960 !important;
  background: url("../img/bad.png") no-repeat right #fff;
  background-size: contain; }
  .bad:focus {
    border: 1px solid #000 !important;
    background: #fff; }

.good {
  color: #53b19f;
  border-color: #53b19f !important;
  background: url("../img/good.png") no-repeat right #fff;
  background-size: contain; }
  .good:focus {
    border: 1px solid #000 !important;
    background: #fff; }

form:after:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

label {
  font-size: 1em;
  margin-top: 0.6em;
  display: block; }

input, select, textarea, button {
  font-size: 1em;
  -webkit-appearance: none; }

input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="date"], input[type="number"], textarea {
  display: block;
  width: 100%;
  padding: 0.8rem 0.5rem 0.6rem; }
  input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="date"]:hover, input[type="number"]:hover, textarea:hover {
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.8); }

input[type="number"] {
  padding: 0.8rem 2rem 0.6rem 0.5rem;
  width: 100%; }

select {
  padding: 0.8rem 2rem 0.6rem 0.5rem;
  background: url("../img/select.png") no-repeat right #fff;
  background-size: contain;
  width: 100%; }
  select.auto-width {
    width: auto; }
@-moz-document url-prefix() {
  select {
    background-image: none; } }
input[type="checkbox"], input[type="radio"] {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  position: relative;
  top: -0.3rem;
  float: left; }
  input[type="checkbox"]:after, input[type="radio"]:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.ginput_container {
  position: relative; }
  .ginput_container li {
    min-height: 1.5rem; }

input[type="checkbox"] {
  margin-right: 0.5rem;
  top: -0.6rem; }
  input[type="checkbox"]:checked {
    background: url("../img/checkbox.png") no-repeat right #666;
    background-size: contain; }
  input[type="checkbox"]:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

input[type="radio"] {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.5rem; }
  input[type="radio"]:checked, input[type="radio"]:hover {
    background: url("../img/radio.png") no-repeat center #fff;
    background-size: contain; }

a[title="C2A"], a[title="c2a"] {
  font-weight: 700;
  text-decoration: none;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  border-radius: 0.4em;
  background: #003b62;
  border-bottom: 0;
  padding: 0.8rem !important;
  color: #fff;
  display: inline-block;
  border: none;
  -webkit-box-shadow: 0 4px #001f34;
  -moz-box-shadow: 0 4px #001f34;
  box-shadow: 0 4px #001f34; }
  a[title="C2A"]:after, a[title="c2a"]:after {
    content: ' »'; }
  a[title="C2A"]:hover, a[title="c2a"]:hover {
    background: #000000;
    -webkit-box-shadow: 0 3px black;
    -moz-box-shadow: 0 3px black;
    box-shadow: 0 3px black; }
  a[title="C2A"]:active, a[title="c2a"]:active {
    margin-top: 4px;
    -webkit-box-shadow: 0 0px black;
    -moz-box-shadow: 0 0px black;
    box-shadow: 0 0px black; }

button, button[type="button"], input[type="button"], input[type="submit"], button[type="submit"], input[type="reset"], button[type="reset"] {
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  border-radius: 0.4em;
  cursor: pointer;
  border: none;
  color: #fff;
  font-size: 1em;
  background: #000000;
  padding: 0.8em;
  font-weight: 700;
  border: 1px solid #000000; }
  button.xsmall, button[type="button"].xsmall, input[type="button"].xsmall, input[type="submit"].xsmall, button[type="submit"].xsmall, input[type="reset"].xsmall, button[type="reset"].xsmall {
    font-size: 0.2em !important; }
  button.small, button[type="button"].small, input[type="button"].small, input[type="submit"].small, button[type="submit"].small, input[type="reset"].small, button[type="reset"].small {
    font-size: 0.8em !important; }
  button.large, button[type="button"].large, input[type="button"].large, input[type="submit"].large, button[type="submit"].large, input[type="reset"].large, button[type="reset"].large {
    font-size: 1.2em !important; }
  button.xlarge, button[type="button"].xlarge, input[type="button"].xlarge, input[type="submit"].xlarge, button[type="submit"].xlarge, input[type="reset"].xlarge, button[type="reset"].xlarge {
    font-size: 1.5em !important; }
  button:hover, button[type="button"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, input[type="reset"]:hover, button[type="reset"]:hover {
    background: #e9eef4;
    border: 1px solid #e9eef4; }
  button.btn-good:hover, button.btn-bad:hover, button.btn-outline:hover, button[type="button"].btn-good:hover, button[type="button"].btn-bad:hover, button[type="button"].btn-outline:hover, input[type="button"].btn-good:hover, input[type="button"].btn-bad:hover, input[type="button"].btn-outline:hover, input[type="submit"].btn-good:hover, input[type="submit"].btn-bad:hover, input[type="submit"].btn-outline:hover, button[type="submit"].btn-good:hover, button[type="submit"].btn-bad:hover, button[type="submit"].btn-outline:hover, input[type="reset"].btn-good:hover, input[type="reset"].btn-bad:hover, input[type="reset"].btn-outline:hover, button[type="reset"].btn-good:hover, button[type="reset"].btn-bad:hover, button[type="reset"].btn-outline:hover {
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -moz-box-shadow: inset 0px 1px 5px 0px rgba(51, 51, 51, 0.5);
    -webkit-box-shadow: inset 0px 1px 5px 0px rgba(51, 51, 51, 0.5);
    box-shadow: inset 0px 1px 5px 0px rgba(51, 51, 51, 0.5); }
  button.btn-good, button[type="button"].btn-good, input[type="button"].btn-good, input[type="submit"].btn-good, button[type="submit"].btn-good, input[type="reset"].btn-good, button[type="reset"].btn-good {
    background: #53b19f;
    border: 1px solid #53b19f; }
  button.btn-bad, button[type="button"].btn-bad, input[type="button"].btn-bad, input[type="submit"].btn-bad, button[type="submit"].btn-bad, input[type="reset"].btn-bad, button[type="reset"].btn-bad {
    background: #d44960;
    border: 1px solid #d44960; }
  button.btn-disabled, button[type="button"].btn-disabled, input[type="button"].btn-disabled, input[type="submit"].btn-disabled, button[type="submit"].btn-disabled, input[type="reset"].btn-disabled, button[type="reset"].btn-disabled {
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    cursor: not-allowed; }
  button.btn-outline, button[type="button"].btn-outline, input[type="button"].btn-outline, input[type="submit"].btn-outline, button[type="submit"].btn-outline, input[type="reset"].btn-outline, button[type="reset"].btn-outline {
    color: #000000;
    background: none;
    border: 1px solid #000000; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  color: #000000;
  vertical-align: top;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  table * {
    text-align: left; }
  table td, table th {
    border: 1px solid #000000;
    padding: 0.6em 1em; }
  table tr:hover {
    background: rgba(0, 0, 0, 0.4);
    color: #fff; }
  table tr:nth-of-type(odd) {
    background: rgba(0, 0, 0, 0.1); }
    table tr:nth-of-type(odd):hover {
      background: rgba(0, 0, 0, 0.4); }
  table th {
    background: rgba(0, 0, 0, 0.7);
    color: #fff; }

.page-wrap {
  height: auto; }
  @media (min-width: 370px) {
    .page-wrap {
      min-height: 100%;
      margin-bottom: -300px; } }
  .page-wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.footer {
  clear: both;
  background: #e9eef4;
  text-align: left;
  font-size: 1em; }
  @media (min-width: 370px) {
    .footer {
      min-height: 300px; } }
  @media (max-width: 650px) {
    .footer {
      font-size: 0.9em; } }
  .footer .kolommen {
    padding-top: 2em;
    color: #003b62;
    padding-bottom: 2em; }
    .footer .kolommen h1 {
      padding-bottom: 1em; }
      @media (max-width: 570px) {
        .footer .kolommen h1 {
          display: none; } }
    .footer .kolommen a {
      color: #003b62;
      text-decoration: none; }
      .footer .kolommen a:hover {
        color: #9faab1; }
    .footer .kolommen .eerstekolom {
      margin-left: 0px;
      text-align: left; }
      @media (max-width: 570px) {
        .footer .kolommen .eerstekolom {
          display: none; } }
    .footer .kolommen .tweedekolom {
      text-align: left; }
      @media (max-width: 570px) {
        .footer .kolommen .tweedekolom {
          display: none; } }
    .footer .kolommen .derdekolom {
      text-align: left; }
      @media (max-width: 570px) {
        .footer .kolommen .derdekolom {
          display: none; } }
      .footer .kolommen .derdekolom a span {
        font-family: 'avasto';
        font-size: 1.4em;
        line-height: 1.0em; }
        .footer .kolommen .derdekolom a span:hover {
          opacity: 0.7; }

.adres a span {
  font-family: 'avasto';
  font-size: 1.4em;
  line-height: 1.0em; }
  .adres a span:hover {
    opacity: 0.7; }
@media (min-width: 570px) {
  .adres {
    display: none; } }

.avastoafbeelding {
  background: url(../img/headerafbeelding.png) no-repeat center;
  display: inherit;
  margin: 0;
  width: auto;
  height: 30em;
  padding-top: 1.5em;
  position: relative; }
  @media (max-width: 700px) {
    .avastoafbeelding {
      margin-bottom: 20em; } }
  @media (max-width: 400px) {
    .avastoafbeelding {
      margin-bottom: 16em; } }
  .avastoafbeelding img {
    width: 100%; }

.balkboven {
  background-color: #003b62;
  opacity: 0.9; }

.logoavasto {
  padding: 0.9em 0em 0.9em 0em; }
  .logoavasto img {
    width: 80%;
    float: left; }
    @media (max-width: 700px) {
      .logoavasto img {
        width: 100%; } }
    @media (max-width: 520px) {
      .logoavasto img {
        width: 150%; } }
    @media (max-width: 475px) {
      .logoavasto img {
        width: 175%; } }
    @media (max-width: 410px) {
      .logoavasto img {
        width: 190%; } }
    @media (max-width: 350px) {
      .logoavasto img {
        width: 200%; } }

.header {
  position: relative; }

.afdelingen {
  position: absolute;
  text-align: right !important;
  margin-right: 0px;
  bottom: 0;
  right: 0;
  padding-bottom: 0.5em;
  padding-top: 0.5em; }
  @media (max-width: 520px) {
    .afdelingen {
      position: none;
      padding-top: 0.5em; } }
  .afdelingen ul {
    float: right; }
  .afdelingen li {
    float: left; }
    @media (max-width: 555px) {
      .afdelingen li {
        float: none;
        line-height: 16px; } }
    @media (max-width: 520px) {
      .afdelingen li {
        line-height: 21px; } }
    @media (max-width: 380px) {
      .afdelingen li {
        line-height: 18px; } }
  @media (max-width: 555px) {
    .afdelingen {
      text-align: right !important; } }
  @media (max-width: 380px) {
    .afdelingen {
      line-height: 1.2em !important; } }
  .afdelingen a {
    padding-left: 1.4em;
    font-size: 1.2em;
    color: #9faab1;
    text-decoration: none; }
    @media (max-width: 820px) {
      .afdelingen a {
        font-size: 1em; } }
    @media (max-width: 700px) {
      .afdelingen a {
        font-size: 0.9em; } }
    @media (max-width: 600px) {
      .afdelingen a {
        font-size: 0.8em; } }
    @media (max-width: 520px) {
      .afdelingen a {
        padding-left: 0px; } }
    @media (max-width: 380px) {
      .afdelingen a {
        font-size: 0.75em; } }
    .afdelingen a:hover {
      color: #fff; }

.teksten {
  padding-top: 1em;
  font-size: 1.7em; }
  @media (max-width: 700px) {
    .teksten {
      font-size: 1.5em; } }
  @media (max-width: 500px) {
    .teksten {
      font-size: 1.2em; } }
  @media (max-width: 380px) {
    .teksten {
      font-size: 1em; } }

.text {
  width: 100%;
  float: right !important;
  text-transform: uppercase; }
  .text h1 {
    color: #003b62;
    text-transform: none;
    font-size: 2.5em;
    font-weight: normal;
    font-family: 'merriweathersansplain'; }
    @media (max-width: 700px) {
      .text h1 {
        font-size: 2em; } }
    @media (max-width: 500px) {
      .text h1 {
        font-size: 1.9em; } }
  .text li {
    line-height: 1.2em; }

.content {
  padding-top: 2em;
  position: relative; }

.tekstlinks {
  text-align: left; }

.button {
  text-align: right;
  bottom: 0;
  right: 0px;
  padding-bottom: 1em; }
  @media (min-width: 598px) {
    .button {
      position: absolute; } }
  @media (max-width: 598px) {
    .button {
      text-align: center; } }
  .button a {
    list-style: none;
    font-weight: bold;
    font-size: 1.1em;
    background-color: #003b62;
    border-radius: 8px;
    padding: 0.3em 1em;
    color: #fff;
    text-decoration: none;
    line-height: 3em; }
    @media (max-width: 740px) {
      .button a {
        font-size: 1em;
        padding: 0.3em 0.5em; } }
    @media (max-width: 670px) {
      .button a {
        font-size: 0.9em; } }
    @media (max-width: 598px) {
      .button a {
        margin: 0.5em; } }
    .button a:hover {
      background-color: #9faab1; }

.fotos {
  padding-top: 2em;
  padding-bottom: 8em; }
  @media (max-width: 760px) {
    .fotos {
      font-size: 0.8em !important; } }
  @media (max-width: 635px) {
    .fotos {
      font-size: 0.7em !important; } }
  @media (max-width: 540px) {
    .fotos {
      font-size: 0.65em !important; } }
  @media (max-width: 400px) {
    .fotos {
      display: none; } }
  .fotos a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .fotos a img {
      border: 6px solid #fff;
      -webkit-box-shadow: 1px 1px 3px 3px rgba(50, 50, 50, 0.25);
      -moz-box-shadow: 1px 1px 3px 3px rgba(50, 50, 50, 0.25);
      box-shadow: 1px 1px 3px 3px rgba(50, 50, 50, 0.25); }
    .fotos a span {
      position: absolute;
      color: #fff;
      bottom: 12px;
      left: 0;
      background-color: #003b62;
      padding: 0.2em 0.9em;
      margin-left: 6px !important; }
      @media (max-width: 760px) {
        .fotos a span {
          bottom: 11px; } }
      @media (max-width: 635px) {
        .fotos a span {
          bottom: 10px; } }
      @media (max-width: 500px) {
        .fotos a span {
          padding: 0.2em 0.5em; } }
    .fotos a:hover {
      opacity: 0.7; }
      .fotos a:hover span {
        background-color: #9faab1; }

.design {
  position: relative; }

.zwembadtechniek {
  position: relative; }
  .zwembadtechniek img {
    width: 100%; }

.industry {
  position: relative; }

.logozwembadtechniek {
  padding: 0.9em 0em 0.9em 0em;
  margin-left: 0px; }
  .logozwembadtechniek img {
    width: 100%;
    float: left; }
    @media (max-width: 550px) {
      .logozwembadtechniek img {
        width: 90%; } }
    @media (max-width: 480px) {
      .logozwembadtechniek img {
        width: 100%; } }
    @media (max-width: 400px) {
      .logozwembadtechniek img {
        width: 120%; } }
    @media (max-width: 350px) {
      .logozwembadtechniek img {
        width: 150%; } }
  .logozwembadtechniek:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

#zwembadtechniekafbeelding {
  background: url(../img/headerleisure.png) no-repeat center top;
  background-size: contain;
  display: inherit;
  margin: 0;
  width: auto;
  padding-top: 9em;
  padding-bottom: 0.5em; }
  @media (max-width: 650px) {
    #zwembadtechniekafbeelding {
      padding-top: 6em;
      padding-bottom: 1.5em; } }
  @media (max-width: 550px) {
    #zwembadtechniekafbeelding {
      padding-top: 8em; } }
  @media (max-width: 380px) {
    #zwembadtechniekafbeelding {
      padding-top: 6em; } }
  #zwembadtechniekafbeelding img {
    width: 100%; }
  #zwembadtechniekafbeelding .quotes {
    float: right;
    text-transform: uppercase;
    margin-top: -1em; }
    @media (max-width: 900px) {
      #zwembadtechniekafbeelding .quotes {
        margin-top: -2em; } }
    @media (max-width: 820px) {
      #zwembadtechniekafbeelding .quotes {
        margin-top: -2.5em; } }
    #zwembadtechniekafbeelding .quotes li {
      color: #003b62;
      width: 100%;
      font-size: 1.8em;
      line-height: 1.0em; }
      @media (max-width: 800px) {
        #zwembadtechniekafbeelding .quotes li {
          font-size: 1.5em; } }
      @media (max-width: 700px) {
        #zwembadtechniekafbeelding .quotes li {
          font-size: 1.3em; } }
      @media (max-width: 500px) {
        #zwembadtechniekafbeelding .quotes li {
          font-size: 1em; } }
      @media (max-width: 400px) {
        #zwembadtechniekafbeelding .quotes li {
          font-size: 0.8em;
          line-height: 1.4em; } }
  #zwembadtechniekafbeelding .kader {
    margin-top: 2em;
    float: right;
    padding: 1em 0.5em;
    background-color: #fff;
    border-radius: 8px;
    opacity: 0.8;
    border: #2c89b8 1px solid; }
    @media (max-width: 1150px) {
      #zwembadtechniekafbeelding .kader {
        margin-top: 1em;
        padding: 0.5em 0.5em; } }
    @media (max-width: 1050px) {
      #zwembadtechniekafbeelding .kader {
        margin-top: 0.5em;
        line-height: 1.2em; } }
    @media (max-width: 1000px) {
      #zwembadtechniekafbeelding .kader {
        margin-top: 2em; } }
    @media (max-width: 900px) {
      #zwembadtechniekafbeelding .kader {
        margin-top: 1em; } }
    @media (max-width: 770px) {
      #zwembadtechniekafbeelding .kader {
        font-size: 0.85em;
        line-height: 1.2em;
        margin-top: 0.5em; } }
    @media (max-width: 670px) {
      #zwembadtechniekafbeelding .kader {
        padding: 0.3em 0.5em;
        font-size: 0.8em; } }
    @media (max-width: 650px) {
      #zwembadtechniekafbeelding .kader {
        padding: 0.5em 0.5em; } }
    @media (max-width: 600px) {
      #zwembadtechniekafbeelding .kader {
        padding: 0.3em 0.5em; } }
    @media (max-width: 550px) {
      #zwembadtechniekafbeelding .kader {
        width: 100%;
        background-color: #fff;
        margin-top: 7%;
        padding: 0.5em 0.5em;
        color: #000;
        opacity: 1;
        line-height: 1.4em; } }
    @media (max-width: 510px) {
      #zwembadtechniekafbeelding .kader {
        font-size: 0.75em;
        margin-top: 7%; } }
    @media (max-width: 450px) {
      #zwembadtechniekafbeelding .kader {
        margin-top: 2%; } }
    @media (max-width: 380px) {
      #zwembadtechniekafbeelding .kader {
        margin-top: 3%; } }
  #zwembadtechniekafbeelding .zwembadtechniekbutton {
    margin-top: 1em;
    float: right; }
    #zwembadtechniekafbeelding .zwembadtechniekbutton a {
      display: block;
      padding: 0.3em 0.2em 0.5em 0.2em;
      background-color: #003b62;
      border-radius: 8px;
      font-size: 1.1em;
      color: #fff;
      text-decoration: none; }
      #zwembadtechniekafbeelding .zwembadtechniekbutton a:hover {
        background-color: #2c89b8; }
    @media (max-width: 1000px) {
      #zwembadtechniekafbeelding .zwembadtechniekbutton {
        display: none; } }

#zwembadtechniekoveravasto {
  margin-top: 1em; }
  @media (max-width: 600px) {
    #zwembadtechniekoveravasto {
      margin-top: 0em; } }
  @media (max-width: 600px) {
    #zwembadtechniekoveravasto span {
      display: none; } }
  #zwembadtechniekoveravasto img {
    width: 30%; }
    @media (max-width: 600px) {
      #zwembadtechniekoveravasto img {
        width: 10%; } }
    @media (max-width: 510px) {
      #zwembadtechniekoveravasto img {
        width: 10%; } }
    @media (max-width: 380px) {
      #zwembadtechniekoveravasto img {
        width: 12%; } }
  #zwembadtechniekoveravasto .kolom {
    padding: 1.5em;
    margin-left: 0em;
    max-width: 980px; }
    @media (max-width: 700px) {
      #zwembadtechniekoveravasto .kolom {
        padding: 0em; } }

#zwembadtechniekzwembadtechniek {
  background-color: #e9eef4;
  padding: 2em 0em 0em 0em; }
  @media (max-width: 380px) {
    #zwembadtechniekzwembadtechniek {
      margin: 0;
      width: 100%; } }
  #zwembadtechniekzwembadtechniek .fotoszwembadtechniek {
    margin-left: 0em; }
    @media (max-width: 650px) {
      #zwembadtechniekzwembadtechniek .fotoszwembadtechniek {
        margin-bottom: 3em;
        margin-top: 0em; } }
    #zwembadtechniekzwembadtechniek .fotoszwembadtechniek img {
      float: left;
      border: 6px solid #fff; }
    #zwembadtechniekzwembadtechniek .fotoszwembadtechniek .foto1 img {
      width: 70%;
      position: relative;
      top: 1em;
      transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      /* IE 9 */
      -webkit-transform: rotate(-3deg);
      /* Opera, Chrome, and Safari */
      box-shadow: 2px 4px 8px #333;
      z-index: 1; }
      @media (max-width: 650px) {
        #zwembadtechniekzwembadtechniek .fotoszwembadtechniek .foto1 img {
          width: 50%;
          left: 2.5em; } }
      @media (max-width: 380px) {
        #zwembadtechniekzwembadtechniek .fotoszwembadtechniek .foto1 img {
          width: 55%;
          left: 1em;
          top: -1em; } }
    #zwembadtechniekzwembadtechniek .fotoszwembadtechniek .foto2 img {
      width: 50%;
      position: relative;
      top: -4em;
      left: 14em;
      transform: rotate(2deg);
      -ms-transform: rotate(2deg);
      /* IE 9 */
      -webkit-transform: rotate(2deg);
      /* Opera, Chrome, and Safari */
      box-shadow: 2px 4px 8px #333; }
      @media (max-width: 940px) {
        #zwembadtechniekzwembadtechniek .fotoszwembadtechniek .foto2 img {
          top: -4em;
          left: 10em;
          width: 60%; } }
      @media (max-width: 800px) {
        #zwembadtechniekzwembadtechniek .fotoszwembadtechniek .foto2 img {
          left: 8em;
          top: 0em; } }
      @media (max-width: 650px) {
        #zwembadtechniekzwembadtechniek .fotoszwembadtechniek .foto2 img {
          width: 40%;
          left: 2.2em;
          top: 2.5em; } }
      @media (max-width: 380px) {
        #zwembadtechniekzwembadtechniek .fotoszwembadtechniek .foto2 img {
          width: 45%;
          left: -1em; } }
  #zwembadtechniekzwembadtechniek .textzwembadtechniek {
    margin-left: 0em;
    max-width: 980px;
    padding: 1em;
    margin-top: -1em; }
    #zwembadtechniekzwembadtechniek .textzwembadtechniek a {
      line-height: 4em;
      color: #fff;
      text-decoration: none;
      font-family: 'merriweather_bold-regular';
      padding: 0.4em 0.8em;
      border-radius: 8px;
      background-color: #003b62; }
      #zwembadtechniekzwembadtechniek .textzwembadtechniek a:hover {
        background-color: #2c89b8; }




@media (max-width: 380px) {
  #zwembadtechniekslidesensations {
    margin: 0;
    width: 100%; } }
#zwembadtechniekslidesensations .fotoszwembadtechniek {
  margin-left: 0em; }
@media (max-width: 650px) {
  #zwembadtechniekslidesensations .fotoszwembadtechniek {
    margin-bottom: 3em;
    margin-top: 0em; } }
#zwembadtechniekslidesensations .fotoszwembadtechniek img {
  float: left;
  border: 6px solid #fff; }
#zwembadtechniekslidesensations .fotoszwembadtechniek .foto1 img {
  width: 70%;
  position: relative;
  top: 1em;
  transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  /* IE 9 */
  -webkit-transform: rotate(-3deg);
  /* Opera, Chrome, and Safari */
  box-shadow: 2px 4px 8px #333;
  z-index: 1; }
@media (max-width: 650px) {
  #zwembadtechniekslidesensations .fotoszwembadtechniek .foto1 img {
    width: 50%;
    left: 2.5em; } }
@media (max-width: 380px) {
  #zwembadtechniekslidesensations .fotoszwembadtechniek .foto1 img {
    width: 55%;
    left: 1em;
    top: -1em; } }
#zwembadtechniekslidesensations .fotoszwembadtechniek .foto2 img {
  width: 50%;
  position: relative;
  top: -4em;
  left: 14em;
  transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  /* IE 9 */
  -webkit-transform: rotate(2deg);
  /* Opera, Chrome, and Safari */
  box-shadow: 2px 4px 8px #333; }
@media (max-width: 940px) {
  #zwembadtechniekslidesensations .fotoszwembadtechniek .foto2 img {
    top: -4em;
    left: 10em;
    width: 60%; } }
@media (max-width: 800px) {
  #zwembadtechniekslidesensations .fotoszwembadtechniek .foto2 img {
    left: 8em;
    top: 0em; } }
@media (max-width: 650px) {
  #zwembadtechniekslidesensations .fotoszwembadtechniek .foto2 img {
    width: 40%;
    left: 2.2em;
    top: 2.5em; } }
@media (max-width: 380px) {
  #zwembadtechniekslidesensations .fotoszwembadtechniek .foto2 img {
    width: 45%;
    left: -1em; } }
#zwembadtechniekslidesensations .textzwembadtechniek {
  margin-left: 0em;
  max-width: 980px;
  padding: 1em;
  margin-top: -1em; }
#zwembadtechniekslidesensations .textzwembadtechniek a {
  line-height: 4em;
  color: #fff;
  text-decoration: none;
  font-family: 'merriweather_bold-regular';
  padding: 0.4em 0.8em;
  border-radius: 8px;
  background-color: #003b62; }
#zwembadtechniekslidesensations .textzwembadtechniek a:hover {
  background-color: #2c89b8; }


#zwembadtechniekspecialisatie {
  background-color: #2c89b8;
  padding: 2em 0em 2em 0em; }
  @media (max-width: 650px) {
    #zwembadtechniekspecialisatie {
      padding: 1em 0em 1em 0em; } }
  #zwembadtechniekspecialisatie .textspecialisatie {
    text-align: left; }
    #zwembadtechniekspecialisatie .textspecialisatie h2 {
      color: #fff;
      text-align: left; }
      @media (max-width: 650px) {
        #zwembadtechniekspecialisatie .textspecialisatie h2 {
          text-align: center; } }
    #zwembadtechniekspecialisatie .textspecialisatie #no {
      height: 0 !important;
      display: none; }
    #zwembadtechniekspecialisatie .textspecialisatie .accordion section {
      float: left;
      overflow: hidden;
      cursor: pointer;
      width: 100%;
      -webkit-transition: height 0.2s ease-out;
      -moz-transition: height 0.2s ease-out;
      -o-transition: height 0.2s ease-out;
      -ms-transition: height 0.2s ease-out;
      transition: height 0.2s ease-out; }
      #zwembadtechniekspecialisatie .textspecialisatie .accordion section p {
        display: none; }
      #zwembadtechniekspecialisatie .textspecialisatie .accordion section h4 {
        position: relative;
        margin: 0.3rem 0;
        left: 0;
        font-size: 1em;
        color: #fff; }
        @media (max-width: 650px) {
          #zwembadtechniekspecialisatie .textspecialisatie .accordion section h4 {
            text-align: center; } }
        #zwembadtechniekspecialisatie .textspecialisatie .accordion section h4 a {
          color: #003b62;
          font-weight: 900 !important;
          display: block;
          font-weight: normal;
          text-decoration: none; }
          @media (max-width: 650px) {
            #zwembadtechniekspecialisatie .textspecialisatie .accordion section h4 a {
              text-align: center; } }
      #zwembadtechniekspecialisatie .textspecialisatie .accordion section:hover h4 a {
        color: #fff; }
      #zwembadtechniekspecialisatie .textspecialisatie .accordion section:after {
        position: relative;
        font-size: 24px;
        color: #fff;
        font-weight: bold;
        top: -60px;
        left: 810px; }
      #zwembadtechniekspecialisatie .textspecialisatie .accordion section:target {
        height: auto;
        min-height: 9.5em;
        padding-bottom: 1em; }
        #zwembadtechniekspecialisatie .textspecialisatie .accordion section:target h4 {
          width: 100%; }
          #zwembadtechniekspecialisatie .textspecialisatie .accordion section:target h4 a {
            color: #fff;
            padding: 0; }
        #zwembadtechniekspecialisatie .textspecialisatie .accordion section:target p {
          width: 80%;
          margin: 1em 0 1em 2em;
          display: block;
          color: #fff; }
          @media (max-width: 650px) {
            #zwembadtechniekspecialisatie .textspecialisatie .accordion section:target p {
              width: 100%;
              text-align: center;
              margin: 0;
              padding: 0em 1em; } }
        #zwembadtechniekspecialisatie .textspecialisatie .accordion section:target:after {
          left: -9999px; }
  #zwembadtechniekspecialisatie .fotospecialisatie img {
    border: 6px solid #fff;
    width: 90%;
    position: relative;
    top: 2em;
    right: 1em;
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    /* IE 9 */
    -webkit-transform: rotate(2deg);
    /* Opera, Chrome, and Safari */
    box-shadow: 2px 4px 8px #333; }
    @media (max-width: 650px) {
      #zwembadtechniekspecialisatie .fotospecialisatie img {
        display: none; } }

#zwembadtechniekreferenties {
  padding: 2em 0em 2em 0em;
  text-align: center; }
  @media (max-width: 650px) {
    #zwembadtechniekreferenties {
      padding: 1em 0em 1em 0em; } }
  #zwembadtechniekreferenties * {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #zwembadtechniekreferenties .inhoudreferenties {
    max-width: 980px;
    margin: auto; }
    #zwembadtechniekreferenties .inhoudreferenties a {
      color: #000000;
      float: left;
      text-decoration: none;
      margin: 0.5em; }
      #zwembadtechniekreferenties .inhoudreferenties a:hover {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    #zwembadtechniekreferenties .inhoudreferenties li {
      margin-left: 0em;
      text-align: center;
      display: inline-block;
      width: 23.5%; }
      #zwembadtechniekreferenties .inhoudreferenties li p {
        margin-bottom: -0.4em; }
      @media (max-width: 850px) {
        #zwembadtechniekreferenties .inhoudreferenties li {
          width: 32%; } }
      @media (max-width: 600px) {
        #zwembadtechniekreferenties .inhoudreferenties li {
          width: 48%; } }
      #zwembadtechniekreferenties .inhoudreferenties li img {
        margin: 0;
        margin-bottom: 0.4em;
        border: 6px solid #fff;
        box-shadow: 2px 4px 8px #333;
        width: 100%; }

.logodesign {
  padding: 0.9em 0em 0.9em 0em;
  margin-left: 0px; }
  .logodesign img {
    width: 80%;
    float: left; }
    @media (max-width: 550px) {
      .logodesign img {
        width: 90%; } }
    @media (max-width: 480px) {
      .logodesign img {
        width: 100%; } }
    @media (max-width: 400px) {
      .logodesign img {
        width: 120%; } }
    @media (max-width: 350px) {
      .logodesign img {
        width: 150%; } }
  .logodesign:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

#designafbeelding {
  background: url(../img/headerleisure.png) no-repeat center top;
  background-size: contain;
  display: inherit;
  margin: 0;
  width: auto;
  padding-top: 9em;
  padding-bottom: 0.5em; }
  @media (max-width: 650px) {
    #designafbeelding {
      padding-top: 6em;
      padding-bottom: 1.5em; } }
  @media (max-width: 550px) {
    #designafbeelding {
      padding-top: 8em; } }
  @media (max-width: 380px) {
    #designafbeelding {
      padding-top: 6em; } }
  #designafbeelding img {
    width: 100%; }
  #designafbeelding .quotes {
    float: right;
    text-transform: uppercase;
    margin-top: -1em; }
    @media (max-width: 900px) {
      #designafbeelding .quotes {
        margin-top: -2em; } }
    @media (max-width: 820px) {
      #designafbeelding .quotes {
        margin-top: -2.5em; } }
    #designafbeelding .quotes li {
      color: #003b62;
      width: 100%;
      font-size: 1.8em;
      line-height: 1.0em; }
      @media (max-width: 800px) {
        #designafbeelding .quotes li {
          font-size: 1.5em; } }
      @media (max-width: 700px) {
        #designafbeelding .quotes li {
          font-size: 1.3em; } }
      @media (max-width: 500px) {
        #designafbeelding .quotes li {
          font-size: 1em; } }
      @media (max-width: 400px) {
        #designafbeelding .quotes li {
          font-size: 0.8em;
          line-height: 1.4em; } }
  #designafbeelding .kader {
    margin-top: 2em;
    float: right;
    padding: 1em 0.5em;
    background-color: #fff;
    border-radius: 8px;
    opacity: 0.8;
    border: #92081f 1px solid; }
    @media (max-width: 1150px) {
      #designafbeelding .kader {
        margin-top: 1em;
        padding: 0.5em 0.5em; } }
    @media (max-width: 1050px) {
      #designafbeelding .kader {
        margin-top: 0.5em;
        line-height: 1.2em; } }
    @media (max-width: 1000px) {
      #designafbeelding .kader {
        margin-top: 2em; } }
    @media (max-width: 900px) {
      #designafbeelding .kader {
        margin-top: 1em; } }
    @media (max-width: 770px) {
      #designafbeelding .kader {
        font-size: 0.85em;
        line-height: 1.2em;
        margin-top: 0.5em; } }
    @media (max-width: 670px) {
      #designafbeelding .kader {
        padding: 0.3em 0.5em;
        font-size: 0.8em; } }
    @media (max-width: 650px) {
      #designafbeelding .kader {
        padding: 0.5em 0.5em; } }
    @media (max-width: 600px) {
      #designafbeelding .kader {
        padding: 0.3em 0.5em; } }
    @media (max-width: 550px) {
      #designafbeelding .kader {
        width: 100%;
        background-color: #fff;
        margin-top: 7%;
        padding: 0.5em 0.5em;
        color: #000;
        opacity: 1;
        line-height: 1.4em; } }
    @media (max-width: 510px) {
      #designafbeelding .kader {
        font-size: 0.75em;
        margin-top: 7%; } }
    @media (max-width: 450px) {
      #designafbeelding .kader {
        margin-top: 2%; } }
    @media (max-width: 380px) {
      #designafbeelding .kader {
        margin-top: 3%; } }
  #designafbeelding .designbutton {
    margin-top: 1em;
    float: right; }
    #designafbeelding .designbutton a {
      display: block;
      padding: 0.3em 0.2em 0.5em 0.2em;
      background-color: #92081f;
      border-radius: 8px;
      font-size: 1.1em;
      color: #fff;
      text-decoration: none; }
      #designafbeelding .designbutton a:hover {
        background-color: #003b62; }
    @media (max-width: 1000px) {
      #designafbeelding .designbutton {
        display: none; } }

#designoveravasto {
  margin-top: 1em; }
  @media (max-width: 600px) {
    #designoveravasto {
      margin-top: 0em; } }
  #designoveravasto h2 {
    color: #92081f; }
  @media (max-width: 600px) {
    #designoveravasto span {
      display: none; } }
  #designoveravasto img {
    width: 30%; }
    @media (max-width: 600px) {
      #designoveravasto img {
        width: 10%; } }
    @media (max-width: 510px) {
      #designoveravasto img {
        width: 10%; } }
    @media (max-width: 380px) {
      #designoveravasto img {
        width: 12%; } }
  #designoveravasto .kolom {
    padding: 1.5em;
    margin-left: 0em;
    max-width: 980px; }
    @media (max-width: 700px) {
      #designoveravasto .kolom {
        padding: 0em; } }

#designzwembadtechniek {
  background-color: rgba(146, 8, 31, 0.1);
  padding: 2em 0em 0em 0em; }
  @media (max-width: 380px) {
    #designzwembadtechniek {
      margin: 0;
      width: 100%; } }
  #designzwembadtechniek .fotoszwembadtechniek {
    margin-left: 0em; }
    @media (max-width: 650px) {
      #designzwembadtechniek .fotoszwembadtechniek {
        margin-bottom: 3em;
        margin-top: 0em; } }
    #designzwembadtechniek .fotoszwembadtechniek img {
      float: left;
      border: 6px solid #fff; }
    #designzwembadtechniek .fotoszwembadtechniek .foto1 img {
      width: 70%;
      position: relative;
      top: 1em;
      transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      /* IE 9 */
      -webkit-transform: rotate(-3deg);
      /* Opera, Chrome, and Safari */
      box-shadow: 2px 4px 8px #333;
      z-index: 1; }
      @media (max-width: 650px) {
        #designzwembadtechniek .fotoszwembadtechniek .foto1 img {
          width: 50%;
          left: 2.5em; } }
      @media (max-width: 380px) {
        #designzwembadtechniek .fotoszwembadtechniek .foto1 img {
          width: 55%;
          left: 1em;
          top: -1em; } }
    #designzwembadtechniek .fotoszwembadtechniek .foto2 img {
      width: 50%;
      position: relative;
      top: -4em;
      left: 14em;
      transform: rotate(2deg);
      -ms-transform: rotate(2deg);
      /* IE 9 */
      -webkit-transform: rotate(2deg);
      /* Opera, Chrome, and Safari */
      box-shadow: 2px 4px 8px #333; }
      @media (max-width: 940px) {
        #designzwembadtechniek .fotoszwembadtechniek .foto2 img {
          top: -4em;
          left: 10em;
          width: 60%; } }
      @media (max-width: 800px) {
        #designzwembadtechniek .fotoszwembadtechniek .foto2 img {
          left: 8em;
          top: 0em; } }
      @media (max-width: 650px) {
        #designzwembadtechniek .fotoszwembadtechniek .foto2 img {
          width: 40%;
          left: 2.2em;
          top: 2.5em; } }
      @media (max-width: 380px) {
        #designzwembadtechniek .fotoszwembadtechniek .foto2 img {
          width: 45%;
          left: -1em; } }
  #designzwembadtechniek .textzwembadtechniek {
    margin-left: 0em;
    max-width: 980px;
    padding: 1em;
    margin-top: -1em; }
    #designzwembadtechniek .textzwembadtechniek h2 {
      color: #92081f; }
    #designzwembadtechniek .textzwembadtechniek a {
      line-height: 4em;
      color: #fff;
      text-decoration: none;
      font-family: 'merriweather_bold-regular';
      padding: 0.4em 0.8em;
      border-radius: 8px;
      background-color: #92081f; }
      #designzwembadtechniek .textzwembadtechniek a:hover {
        background-color: #003b62; }

#designspecialisatie {
  background-color: #92081f;
  padding: 2em 0em 2em 0em; }
  @media (max-width: 650px) {
    #designspecialisatie {
      padding: 1em 0em 1em 0em; } }
  #designspecialisatie .textspecialisatie {
    text-align: left; }
    #designspecialisatie .textspecialisatie h2 {
      color: #fff;
      text-align: left; }
      @media (max-width: 650px) {
        #designspecialisatie .textspecialisatie h2 {
          text-align: center; } }
    #designspecialisatie .textspecialisatie #no {
      height: 0 !important;
      display: none; }
    #designspecialisatie .textspecialisatie .accordion section {
      float: left;
      overflow: hidden;
      cursor: pointer;
      width: 100%;
      -webkit-transition: height 0.2s ease-out;
      -moz-transition: height 0.2s ease-out;
      -o-transition: height 0.2s ease-out;
      -ms-transition: height 0.2s ease-out;
      transition: height 0.2s ease-out; }
      #designspecialisatie .textspecialisatie .accordion section p {
        display: none; }
      #designspecialisatie .textspecialisatie .accordion section h4 {
        position: relative;
        margin: 0.3rem 0;
        left: 0;
        font-size: 1em;
        color: #fff; }
        @media (max-width: 650px) {
          #designspecialisatie .textspecialisatie .accordion section h4 {
            text-align: center; } }
        #designspecialisatie .textspecialisatie .accordion section h4 a {
          color: #000;
          font-weight: 900 !important;
          display: block;
          font-weight: normal;
          text-decoration: none; }
          @media (max-width: 650px) {
            #designspecialisatie .textspecialisatie .accordion section h4 a {
              text-align: center; } }
      #designspecialisatie .textspecialisatie .accordion section:hover h4 a {
        color: #fff; }
      #designspecialisatie .textspecialisatie .accordion section:after {
        position: relative;
        font-size: 24px;
        color: #fff;
        font-weight: bold;
        top: -60px;
        left: 810px; }
      #designspecialisatie .textspecialisatie .accordion section:target {
        height: auto;
        min-height: 9.5em;
        padding-bottom: 1em; }
        #designspecialisatie .textspecialisatie .accordion section:target h4 {
          width: 100%; }
          #designspecialisatie .textspecialisatie .accordion section:target h4 a {
            color: #fff;
            padding: 0; }
        #designspecialisatie .textspecialisatie .accordion section:target p {
          width: 80%;
          margin: 1em 0 1em 2em;
          display: block;
          color: #fff; }
          @media (max-width: 650px) {
            #designspecialisatie .textspecialisatie .accordion section:target p {
              width: 100%;
              text-align: center;
              margin: 0;
              padding: 0em 1em; } }
        #designspecialisatie .textspecialisatie .accordion section:target:after {
          left: -9999px; }
  #designspecialisatie .fotospecialisatie img {
    border: 6px solid #fff;
    width: 90%;
    position: relative;
    top: 2em;
    right: 1em;
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    /* IE 9 */
    -webkit-transform: rotate(2deg);
    /* Opera, Chrome, and Safari */
    box-shadow: 2px 4px 8px #333; }
    @media (max-width: 650px) {
      #designspecialisatie .fotospecialisatie img {
        display: none; } }

#designreferenties {
  padding: 2em 0em 2em 0em;
  text-align: center; }
  #designreferenties h2 {
    color: #92081f; }
  @media (max-width: 650px) {
    #designreferenties {
      padding: 1em 0em 1em 0em; } }
  #designreferenties * {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #designreferenties .inhoudreferenties {
    max-width: 980px;
    margin: auto; }
    #designreferenties .inhoudreferenties a {
      color: #000000;
      float: left;
      text-decoration: none;
      margin: 0.5em; }
      #designreferenties .inhoudreferenties a:hover {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    #designreferenties .inhoudreferenties li {
      margin-left: 0em;
      text-align: center;
      display: inline-block;
      width: 23.5%; }
      #designreferenties .inhoudreferenties li p {
        margin-bottom: -0.4em; }
      @media (max-width: 850px) {
        #designreferenties .inhoudreferenties li {
          width: 32%; } }
      @media (max-width: 600px) {
        #designreferenties .inhoudreferenties li {
          width: 48%; } }
      #designreferenties .inhoudreferenties li img {
        margin: 0;
        margin-bottom: 0.4em;
        border: 6px solid #fff;
        box-shadow: 2px 4px 8px #333;
        width: 100%; }

.logoindustry {
  padding: 0.9em 0em 0.9em 0em;
  margin-left: 0px; }
  .logoindustry img {
    width: 80%;
    float: left; }
    @media (max-width: 550px) {
      .logoindustry img {
        width: 90%; } }
    @media (max-width: 480px) {
      .logoindustry img {
        width: 100%; } }
    @media (max-width: 400px) {
      .logoindustry img {
        width: 120%; } }
    @media (max-width: 350px) {
      .logoindustry img {
        width: 150%; } }
  .logoindustry:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

#industryafbeelding {
  background: url(../img/headerleisure.png) no-repeat center top;
  background-size: contain;
  display: inherit;
  margin: 0;
  width: auto;
  padding-top: 9em;
  padding-bottom: 0.5em; }
  @media (max-width: 650px) {
    #industryafbeelding {
      padding-top: 6em;
      padding-bottom: 1.5em; } }
  @media (max-width: 550px) {
    #industryafbeelding {
      padding-top: 8em; } }
  @media (max-width: 380px) {
    #industryafbeelding {
      padding-top: 6em; } }
  #industryafbeelding img {
    width: 100%; }
  #industryafbeelding .quotes {
    float: right;
    text-transform: uppercase;
    margin-top: -1em; }
    @media (max-width: 900px) {
      #industryafbeelding .quotes {
        margin-top: -2em; } }
    @media (max-width: 820px) {
      #industryafbeelding .quotes {
        margin-top: -2.5em; } }
    #industryafbeelding .quotes li {
      color: #003b62;
      width: 100%;
      font-size: 1.8em;
      line-height: 1.0em; }
      @media (max-width: 800px) {
        #industryafbeelding .quotes li {
          font-size: 1.5em; } }
      @media (max-width: 700px) {
        #industryafbeelding .quotes li {
          font-size: 1.3em; } }
      @media (max-width: 500px) {
        #industryafbeelding .quotes li {
          font-size: 1em; } }
      @media (max-width: 400px) {
        #industryafbeelding .quotes li {
          font-size: 0.8em;
          line-height: 1.4em; } }
  #industryafbeelding .kader {
    margin-top: 2em;
    float: right;
    padding: 1em 0.5em;
    background-color: #fff;
    border-radius: 8px;
    opacity: 0.8;
    border: #566775 1px solid; }
    @media (max-width: 1150px) {
      #industryafbeelding .kader {
        margin-top: 1em;
        padding: 0.5em 0.5em; } }
    @media (max-width: 1050px) {
      #industryafbeelding .kader {
        margin-top: 0.5em;
        line-height: 1.2em; } }
    @media (max-width: 1000px) {
      #industryafbeelding .kader {
        margin-top: 2em; } }
    @media (max-width: 900px) {
      #industryafbeelding .kader {
        margin-top: 1em; } }
    @media (max-width: 770px) {
      #industryafbeelding .kader {
        font-size: 0.85em;
        line-height: 1.2em;
        margin-top: 0.5em; } }
    @media (max-width: 670px) {
      #industryafbeelding .kader {
        padding: 0.3em 0.5em;
        font-size: 0.8em; } }
    @media (max-width: 650px) {
      #industryafbeelding .kader {
        padding: 0.5em 0.5em; } }
    @media (max-width: 600px) {
      #industryafbeelding .kader {
        padding: 0.3em 0.5em; } }
    @media (max-width: 550px) {
      #industryafbeelding .kader {
        width: 100%;
        background-color: #fff;
        margin-top: 7%;
        padding: 0.5em 0.5em;
        color: #000;
        opacity: 1;
        line-height: 1.4em; } }
    @media (max-width: 510px) {
      #industryafbeelding .kader {
        font-size: 0.75em;
        margin-top: 7%; } }
    @media (max-width: 450px) {
      #industryafbeelding .kader {
        margin-top: 2%; } }
    @media (max-width: 380px) {
      #industryafbeelding .kader {
        margin-top: 3%; } }
  #industryafbeelding .industrybutton {
    margin-top: 1em;
    float: right; }
    #industryafbeelding .industrybutton a {
      display: block;
      padding: 0.3em 0.2em 0.5em 0.2em;
      background-color: #566775;
      border-radius: 8px;
      font-size: 1.1em;
      color: #fff;
      text-decoration: none; }
      #industryafbeelding .industrybutton a:hover {
        background-color: #003b62; }
    @media (max-width: 1000px) {
      #industryafbeelding .industrybutton {
        display: none; } }

#industryoveravasto {
  margin-top: 1em; }
  @media (max-width: 600px) {
    #industryoveravasto {
      margin-top: 0em; } }
  #industryoveravasto h2 {
    color: #566775; }
  @media (max-width: 600px) {
    #industryoveravasto span {
      display: none; } }
  #industryoveravasto img {
    width: 30%; }
    @media (max-width: 600px) {
      #industryoveravasto img {
        width: 10%; } }
    @media (max-width: 510px) {
      #industryoveravasto img {
        width: 10%; } }
    @media (max-width: 380px) {
      #industryoveravasto img {
        width: 12%; } }
  #industryoveravasto .kolom {
    padding: 1.5em;
    margin-left: 0em;
    max-width: 980px; }
    @media (max-width: 700px) {
      #industryoveravasto .kolom {
        padding: 0em; } }

#industryzwembadtechniek {
  background-color: #e9eef4;
  padding: 2em 0em 0em 0em; }
  @media (max-width: 380px) {
    #industryzwembadtechniek {
      margin: 0;
      width: 100%; } }
  #industryzwembadtechniek .fotoszwembadtechniek {
    margin-left: 0em; }
    @media (max-width: 650px) {
      #industryzwembadtechniek .fotoszwembadtechniek {
        margin-bottom: 3em;
        margin-top: 0em; } }
    #industryzwembadtechniek .fotoszwembadtechniek img {
      float: left;
      border: 6px solid #fff; }
    #industryzwembadtechniek .fotoszwembadtechniek .foto1 img {
      width: 70%;
      position: relative;
      top: 1em;
      transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      /* IE 9 */
      -webkit-transform: rotate(-3deg);
      /* Opera, Chrome, and Safari */
      box-shadow: 2px 4px 8px #333;
      z-index: 1; }
      @media (max-width: 650px) {
        #industryzwembadtechniek .fotoszwembadtechniek .foto1 img {
          width: 50%;
          left: 2.5em; } }
      @media (max-width: 380px) {
        #industryzwembadtechniek .fotoszwembadtechniek .foto1 img {
          width: 55%;
          left: 1em;
          top: -1em; } }
    #industryzwembadtechniek .fotoszwembadtechniek .foto2 img {
      width: 50%;
      position: relative;
      top: -4em;
      left: 14em;
      transform: rotate(2deg);
      -ms-transform: rotate(2deg);
      /* IE 9 */
      -webkit-transform: rotate(2deg);
      /* Opera, Chrome, and Safari */
      box-shadow: 2px 4px 8px #333; }
      @media (max-width: 940px) {
        #industryzwembadtechniek .fotoszwembadtechniek .foto2 img {
          top: -4em;
          left: 10em;
          width: 60%; } }
      @media (max-width: 800px) {
        #industryzwembadtechniek .fotoszwembadtechniek .foto2 img {
          left: 8em;
          top: 0em; } }
      @media (max-width: 650px) {
        #industryzwembadtechniek .fotoszwembadtechniek .foto2 img {
          width: 40%;
          left: 2.2em;
          top: 2.5em; } }
      @media (max-width: 380px) {
        #industryzwembadtechniek .fotoszwembadtechniek .foto2 img {
          width: 45%;
          left: -1em; } }
  #industryzwembadtechniek .textzwembadtechniek {
    margin-left: 0em;
    max-width: 980px;
    padding: 1em;
    margin-top: -1em; }
    #industryzwembadtechniek .textzwembadtechniek h2 {
      color: #566775; }
    #industryzwembadtechniek .textzwembadtechniek a {
      line-height: 4em;
      color: #fff;
      text-decoration: none;
      font-family: 'merriweather_bold-regular';
      padding: 0.4em 0.8em;
      border-radius: 8px;
      background-color: #566775; }
      #industryzwembadtechniek .textzwembadtechniek a:hover {
        background-color: #003b62; }

#industryspecialisatie {
  background-color: #566775;
  padding: 2em 0em 2em 0em; }
  @media (max-width: 650px) {
    #industryspecialisatie {
      padding: 1em 0em 1em 0em; } }
  #industryspecialisatie .textspecialisatie {
    text-align: left; }
    #industryspecialisatie .textspecialisatie h2 {
      color: #fff;
      text-align: left; }
      @media (max-width: 650px) {
        #industryspecialisatie .textspecialisatie h2 {
          text-align: center; } }
    #industryspecialisatie .textspecialisatie #no {
      height: 0 !important;
      display: none; }
    #industryspecialisatie .textspecialisatie .accordion section {
      float: left;
      overflow: hidden;
      cursor: pointer;
      width: 100%;
      -webkit-transition: height 0.2s ease-out;
      -moz-transition: height 0.2s ease-out;
      -o-transition: height 0.2s ease-out;
      -ms-transition: height 0.2s ease-out;
      transition: height 0.2s ease-out; }
      #industryspecialisatie .textspecialisatie .accordion section p {
        display: none; }
      #industryspecialisatie .textspecialisatie .accordion section h4 {
        position: relative;
        margin: 0.3rem 0;
        left: 0;
        font-size: 1em;
        color: #fff; }
        @media (max-width: 650px) {
          #industryspecialisatie .textspecialisatie .accordion section h4 {
            text-align: center; } }
        #industryspecialisatie .textspecialisatie .accordion section h4 a {
          color: #000;
          font-weight: 900 !important;
          display: block;
          font-weight: normal;
          text-decoration: none; }
          @media (max-width: 650px) {
            #industryspecialisatie .textspecialisatie .accordion section h4 a {
              text-align: center; } }
      #industryspecialisatie .textspecialisatie .accordion section:hover h4 a {
        color: #fff; }
      #industryspecialisatie .textspecialisatie .accordion section:after {
        position: relative;
        font-size: 24px;
        color: #fff;
        font-weight: bold;
        top: -60px;
        left: 810px; }
      #industryspecialisatie .textspecialisatie .accordion section:target {
        height: auto;
        min-height: 9.5em;
        padding-bottom: 1em; }
        #industryspecialisatie .textspecialisatie .accordion section:target h4 {
          width: 100%; }
          #industryspecialisatie .textspecialisatie .accordion section:target h4 a {
            color: #fff;
            padding: 0; }
        #industryspecialisatie .textspecialisatie .accordion section:target p {
          width: 80%;
          margin: 1em 0 1em 2em;
          display: block;
          color: #fff; }
          @media (max-width: 650px) {
            #industryspecialisatie .textspecialisatie .accordion section:target p {
              width: 100%;
              text-align: center;
              margin: 0;
              padding: 0em 1em; } }
        #industryspecialisatie .textspecialisatie .accordion section:target:after {
          left: -9999px; }
  #industryspecialisatie .fotospecialisatie img {
    border: 6px solid #fff;
    width: 90%;
    position: relative;
    top: 2em;
    right: 1em;
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    /* IE 9 */
    -webkit-transform: rotate(2deg);
    /* Opera, Chrome, and Safari */
    box-shadow: 2px 4px 8px #333; }
    @media (max-width: 650px) {
      #industryspecialisatie .fotospecialisatie img {
        display: none; } }

#industryreferenties {
  padding: 2em 0em 2em 0em;
  text-align: center; }
  #industryreferenties h2 {
    color: #566775; }
  @media (max-width: 650px) {
    #industryreferenties {
      padding: 1em 0em 1em 0em; } }
  #industryreferenties * {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #industryreferenties .inhoudreferenties {
    max-width: 980px;
    margin: auto; }
    #industryreferenties .inhoudreferenties a {
      color: #000000;
      float: left;
      text-decoration: none;
      margin: 0.5em; }
      #industryreferenties .inhoudreferenties a:hover {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    #industryreferenties .inhoudreferenties li {
      margin-left: 0em;
      text-align: center;
      display: inline-block;
      width: 23.5%; }
      #industryreferenties .inhoudreferenties li p {
        margin-bottom: -0.4em; }
      @media (max-width: 850px) {
        #industryreferenties .inhoudreferenties li {
          width: 32%; } }
      @media (max-width: 600px) {
        #industryreferenties .inhoudreferenties li {
          width: 48%; } }
      #industryreferenties .inhoudreferenties li img {
        margin: 0;
        margin-bottom: 0.4em;
        border: 6px solid #fff;
        box-shadow: 2px 4px 8px #333;
        width: 100%; }

html {
  height: 100%;
  -webkit-font-smoothing: anti-aliased; }

body {
  margin: auto;
  font-family: "merriweathersansplain";
  font-size: 1em;
  line-height: 1.45;
  height: 100%; }

#industryafbeelding .quotes h3 {
  color:#fff !important;
}
#industryafbeelding .quotes li {
color:#fff !important;
}


@media screen and (max-width: 767px) {
  .featherlight-inner {
    width: 100%;
  }
}