@charset "UTF-8";
@font-face {
  font-family: 'Akrobat-Bold';
  src: url("../fonts/Akrobat-Bold.eot");
  src: local("☺"), url("../fonts/Akrobat-Bold.woff") format("woff"), url("../fonts/Akrobat-Bold.ttf") format("truetype"), url("../fonts/Akrobat-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Akrobat-Regular';
  src: url("../fonts/Akrobat-Regular.eot");
  src: local("☺"), url("../fonts/Akrobat-Regular.woff") format("woff"), url("../fonts/Akrobat-Regular.ttf") format("truetype"), url("../fonts/Akrobat-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: 'Akrobat-Regular', Arial, Tahoma, sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin: 0px;
  padding: 0px;
  height: 100%;
  background-color: white; }

#pageHolder #horizonlineHolder {
  width: 100%;
  height: 144px;
  background-color: #0fb2ab;
  text-align: center;
  margin-top: 180px; }
  #pageHolder #horizonlineHolder .logo {
    margin-top: -120px; }
@media (min-width: 0px) {
  #pageHolder #foto img {
    width: 100%; } }
@media (min-width: 1024px) {
  #pageHolder #foto img {
    width: 100%; } }
@media (min-width: 1224px) {
  #pageHolder #foto img {
    width: 80%; } }
@media (min-width: 1440px) {
  #pageHolder #foto img {
    width: 60%; } }
#pageHolder #tekst a:link, #pageHolder #tekst a:visited, #pageHolder #tekst a:active {
  color: black; }
#pageHolder #tekst a:hover {
  color: #0fb2ab; }
#pageHolder #prijzen {
  color: white;
  background-color: #3c3c3b; }

h1 {
  font-size: 22px;
  font-family: 'Akrobat-Bold', Arial, Tahoma, sans-serif;
  margin: 0px;
  padding: 0px; }

h2 {
  font-size: 17px;
  font-family: 'Akrobat-Bold', Arial, Tahoma, sans-serif;
  margin: 0px;
  padding: 0px; }

.pageWidth {
  width: 1440px;
  margin: auto auto; }

@media (min-width: 0px) {
  .pageWidth {
    width: 100%; } }
@media (min-width: 1440px) {
  .pageWidth {
    width: 1440px; } }
.floatLeft {
  float: left; }

@media (min-width: 0px) {
  .col-1-2 {
    width: 100%; } }
@media (min-width: 768px) {
  .col-1-2 {
    width: 50%; } }
.padding-32 {
  padding: 32px; }

.padding-0-32-32-32 {
  padding: 0px 32px 32px 32px; }

.margin-16-16-16-0 {
  margin: 16px 16px 16px 0px; }

.clr {
  clear: both; }

a {
  -webkit-transition: color .1s ease-in-out;
  -moz-transition: color .1s ease-in-out;
  -o-transition: color .1s ease-in-out;
  -ms-transition: color .1s ease-in-out;
  transition: color .1s ease-in-out; }

/*# sourceMappingURL=style.css.map */
