html {
  color: #4a4a4a;
  font-family: Open Sans, 'sans-serif';
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  background-color: #e5e5e5;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1920px) {
  body {
    background: url('https://cdn.sneeuwhoogte.nl/assets/bg/bg-1920.jpg') no-repeat center top;
  }
}
@media screen and (min-width: 1921px) {
  body {
    background: url('https://cdn.sneeuwhoogte.nl/assets/bg/bg-2560.jpg') no-repeat center top;
  }
}
@media screen and (max-width: 1600px) {
  .content-sidebar {
    display: none !important;
    margin: 0;
    padding: 0;
    visibility: hidden;
  }
  .container-with-sidebar {
    padding: 0 !important;
    margin: 0 !important;
    width: 1240px !important;
  }
  .menu .container {
    margin: 0;
  }
  .header .container {
    margin: 0;
  }
  .container.breadcrumb {
    margin: 0;
  }
}
.mobile-notification {
  background: white;
  font-size: 35px;
  padding: 30px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
input {
  padding: 0 10px;
  margin: 0;
  outline: 0;
}
button {
  outline: 0;
  padding: 0;
  margin: 0;
}
/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
  background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
  height: 29px;
  overflow: hidden;
  width: 260px;
}
.styled-select select {
  background: transparent;
  border: none;
  border-radius: 2px;
  border-right: 0;
  font-size: 14px;
  height: 29px;
  padding: 5px;
  /* If you add too much padding here, the options won't show in IE */
  width: 288px;
}
.styled-select.slate {
  background: url(/images/select-slate.jpg) #fff no-repeat right center;
  height: 34px;
  width: 260px;
}
.styled-select.slate select {
  font-family: Dosis, 'sans-serif';
  color: #0099ff;
  border: 1px solid #0099ff;
  font-size: 15px;
  font-weight: 500;
  height: 34px;
  width: 300px;
}
.slate {
  background-color: #ddd;
}
.slate select {
  color: #000;
}
/* Color palette */
:root {
  --ocean-blue: #0063ac;
}
.home h2 {
  font-size: 24px;
}
.home .content-left {
  overflow: visible;
}
h1 {
  font-family: Dosis, 'sans-serif';
  font-size: 33px;
  font-weight: 600;
  color: #000000;
  margin-top: 0;
}
.pagehead {
  display: block;
  width: 100%;
  clear: both;
}
.pagehead h1 {
  float: left;
  color: #fff;
  font-size: 42px;
  margin-bottom: 25px;
  padding-left: 20px;
  width: 780px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pagehead div.search {
  float: right;
  margin-top: 12px;
  width: 380px;
  padding-top: 0;
  padding-bottom: 30px;
  background: none;
}
.pagehead div.search input {
  font-family: Dosis, 'sans-serif';
  color: #ff6600;
  font-weight: 500;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  width: 210px;
  border: 0;
  border-radius: 2px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pagehead div.search input::-webkit-input-placeholder {
  color: #ff6600;
}
.pagehead div.search input:-moz-placeholder {
  color: #ff6600;
}
.pagehead div.search input::-moz-placeholder {
  color: #ff6600;
}
.pagehead div.search input:-ms-input-placeholder {
  color: #ff6600;
}
.pagehead div.search button {
  font-family: Dosis, 'sans-serif';
  font-weight: 500;
  text-transform: none;
  font-size: 18px;
  border: 1px solid white;
  width: 125px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  margin-left: 0;
  position: relative;
  top: 1px;
  margin-left: 20px;
}
h2 {
  font-family: Dosis, 'sans-serif';
  font-size: 25px;
  font-weight: 600;
  color: #000000;
  margin-top: 0;
}
h3 {
  font-family: Dosis, 'sans-serif';
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin: 0;
}
.h3-bg-blue {
  font-family: Dosis, 'sans-serif';
  font-size: 17px;
  font-size: 18px;
  text-align: center;
  background-color: #006699;
  color: #fff;
  font-weight: 500;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  margin: 0;
}
.favorieten-override h2 {
  display: none;
}
div.bg-blue {
  background-color: #006699;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}
h4 {
  font-family: Dosis, 'sans-serif';
  margin: 0 0 15px 0;
  font-weight: 600;
  color: #000000;
}
p {
  color: #4a4a4a;
}
a {
  text-decoration: none;
  color: #0099ff;
}
a:hover {
  text-decoration: none;
}
a > button {
  cursor: pointer;
}
.big {
  font-size: 17px;
}
.white {
  color: #ffffff !important;
}
.nomargin {
  margin: 0 !important;
}
.notopmargin {
  margin-top: 0 !important;
}
.semibold {
  font-weight: 600;
}
.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}
#font-colors .greyish-brown {
  color: #4a4a4a;
}
.default-color {
  color: #4a4a4a !important;
}
.text-blue {
  color: #0099ff;
}
.text-red {
  color: red;
}
.text-green {
  color: green;
}
.text-lighter-blue {
  color: #7fccff;
}
.text-greyish-brown {
  color: #4a4a4a;
}
.text-orange {
  color: #ff6600;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.small {
  font-size: 12px;
}
.smaller {
  font-size: 14px;
}
.larger {
  font-size: 15px;
}
.large {
  font-size: 16px;
}
.big {
  font-size: 18px;
}
.jumbo {
  font-size: 19px;
}
p.jumbo {
  color: #000000;
}
.dosis {
  font-family: Dosis, 'sans-serif';
}
.opensans {
  font-family: "Open Sans", 'sans-serif';
}
.cookacceptor {
  color: #fff;
  font-size: 14px;
  text-align: center;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  line-height: 25px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 5px;
  z-index: 100;
}
.container-full {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  overflow: hidden;
  z-index: 1000;
}
.container-full.text {
  padding: 10px 64px 26px 64px;
  box-sizing: border-box;
}
.container-full.text h1 {
  font-size: 39px;
  margin-bottom: 0;
}
.container-full.text .post-meta {
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}
.container-full.text .post-meta span {
  margin-right: 15px;
}
.container-full.text h3.interpreteren {
  font-family: "Open Sans", 'sans-serif';
  margin-top: 35px;
  font-size: 17px;
}
.container-with-sidebar {
  width: 1420px;
  margin: 0 auto;
  padding-left: 180px;
}
.container-with-sidebar .container {
  float: left;
}
.container {
  width: 1240px;
  padding: 0;
  margin: 0 auto;
}
/* This parent can be any width and height */
.leaderboard {
  text-align: center;
  min-height: 105px;
  /* May want to do this if there is risk the container may be narrower than the element inside */
  white-space: nowrap;
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
/* The element to be centered, can also be of any width and height */
.block > div {
  display: inline-block;
  vertical-align: middle;
}
/*
div.leaderboard {
  overflow: hidden;
  max-width: 970px;
  width: 728px;
  min-height: 90px;
  margin: 15px auto 0 auto;
}
*/
div.header {
  background-color: #fff;
  height: 100px;
}
div.header .logo {
  background: url('/images/logo/logo.png');
  background: url('/images/logo/logo.svg');
  background-repeat: no-repeat;
  width: 387px;
  height: 53px;
  margin-top: 23px;
  display: inline-block;
  float: left;
}
div.header .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
div.header .social-boxes {
  float: left;
  margin-top: 39px;
}
div.header .social-boxes .twitter {
  padding-top: -1px;
}
div.header .social-boxes .fb-like {
  margin: 0 25px 0 125px;
  width: 320px !important;
  overflow: hidden;
}
div.header .container {
  padding: 0 20px;
  width: 1200px;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.one-half {
  float: left;
  width: 50%;
}
.one-third {
  width: 33.333%;
}
.one-quarter {
  width: 25%;
}
.one-fifth {
  width: 20%;
}
.two-third {
  width: 66.666%;
}
.two-fifth {
  float: left;
  width: 40%;
  overflow: hidden;
}
.three-fifth {
  float: left;
  width: 60%;
  overflow: hidden;
}
.three-quarters {
  width: 75%;
}
.pointer {
  cursor: pointer;
}
div.menu {
  height: 50px;
  margin-bottom: 20px;
  background-color: #ff6600;
}
div.menu .container {
  width: 1200px;
  padding: 0 20px;
}
div.menu .container nav li {
  color: #fff;
  line-height: 50px;
  display: inline;
  text-transform: uppercase;
}
div.menu .container nav li a {
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  font-family: Dosis, 'sans-serif';
}
div.menu .container nav li a:hover {
  opacity: 0.6;
}
div.menu .container nav li + li::before {
  content: " | ";
  padding: 0 0.2em;
  font-size: 13px;
  position: relative;
  bottom: 2px;
}
div.menu .container nav.social li a {
  text-align: right;
  font-size: 13px;
}
div.content-full {
  float: left;
  background-color: #ffffff;
  width: 1240px;
  padding: 45px 64px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.content-left {
  clear: both;
  float: left;
  background-color: #ffffff;
  width: 780px;
  padding: 20px;
  overflow: hidden;
  min-height: 1504px;
}
div.content-left.padded {
  padding: 45px 85px;
  width: 650px;
}
div.content-right {
  float: left;
  margin-left: 20px;
  width: 400px;
}
div.content-right div.search {
  padding-top: 0;
  padding-bottom: 35px;
  background: none;
  overflow: visible;
}
div.content-right div.search input {
  font-family: Dosis, 'sans-serif';
  color: #ff6600;
  font-weight: 500;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  width: 210px;
  border: 0;
  border-radius: 2px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.content-right div.search input::-webkit-input-placeholder {
  color: #ff6600;
}
div.content-right div.search input:-moz-placeholder {
  color: #ff6600;
}
div.content-right div.search input::-moz-placeholder {
  color: #ff6600;
}
div.content-right div.search input:-ms-input-placeholder {
  color: #ff6600;
}
div.content-right div.search button {
  font-family: Dosis, 'sans-serif';
  font-weight: 500;
  text-transform: none;
  font-size: 18px;
  border: 1px solid white;
  width: 125px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  margin-left: 0;
  position: relative;
  top: 1px;
}
div.content-right > div {
  float: left;
  background-color: #ffffff;
  width: 360px;
  padding: 20px;
  overflow: hidden;
}
div.content-right > div h2 {
  font-weight: 600;
  text-align: center;
  margin: 0 !important;
  font-size: 20px;
  text-transform: uppercase;
}
div.content-right > div h2 span {
  font-weight: bold;
}
div.content-right > div div.sidebar-block {
  margin-bottom: 20px;
}
div.content-right > div div.sidebar-block nav li {
  font-size: 14px;
  line-height: 22px;
  list-style-type: none;
}
div.content-right > div div.sidebar-block.divFavorietenContainer p {
  text-align: center !important;
}
div.content-right > div div.sidebar-block.spotlight {
  overflow: hidden;
}
div.content-right > div div.sidebar-block.spotlight img {
  margin-top: 10px;
  margin-bottom: 0px;
}
div.content-right > div div.sidebar-block.spotlight p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 17px;
}
div.content-right > div div.rect-ad-336 {
  width: 336px;
  height: 280px;
  margin: 0 auto 20px auto;
}
div.content-right > div div.topaanbieding {
  clear: both;
  overflow: hidden;
  margin-top: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid black;
}
div.content-right > div div.topaanbieding h3 {
  margin-bottom: 5px;
}
div.content-right > div div.topaanbieding a.image {
  float: left;
  display: block;
  width: 110px;
}
div.content-right > div div.topaanbieding a.image img {
  height: 80px;
}
div.content-right > div div.topaanbieding div.description {
  width: 250px;
  float: left;
  font-size: 13px;
  line-height: 17px;
  color: #4a4a4a;
  font-weight: normal;
  height: 80px;
  position: relative;
}
div.content-right > div div.topaanbieding div.description a.btn {
  position: absolute;
  bottom: 0;
  left: 0;
}
div.content-right > div div.topaanbieding p {
  margin: 0;
}
div.content-sidebar {
  float: left;
  width: 160px;
  height: 600px;
  margin-top: 83px;
  margin-left: 20px;
}
div.content-sidebar.noheading {
  margin-top: 73px;
}
.introblok-left img {
  width: 100%;
  padding-right: 10px;
  box-sizing: border-box;
  height: 280px;
}
.introblok-right img {
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
  height: 280px;
}
.introblok-left > div:first-child {
  margin-right: 10px;
}
.introblok-left > div:last-child {
  width: 370px;
}
.weerblok-left img {
  width: 100%;
  padding-right: 10px;
  box-sizing: border-box;
  height: 280px;
}
.weerblok-right img {
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
  height: 280px;
}
.introblok h2 {
  font-size: 33px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.btn {
  padding: 0 15px;
  height: 25px;
  line-height: 25px;
  border: 0;
  border-radius: 2px;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  background: transparent;
  text-align: center;
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  cursor: pointer;
}
.btn-lg {
  text-transform: none;
  font-size: 18px;
  font-weight: 500;
}
.btn-big {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
.btn-huge {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.btn-blue {
  color: #0099ff;
  border: solid 1px #0099ff;
}
.btn-blue-closed {
  background-color: #0099ff;
  color: #fff;
}
.btn-red-closed {
  background-color: red;
  color: #fff;
}
.btn-fb {
  background-color: #006699;
  color: #fff;
}
.btn-fb span {
  margin-right: 10px;
}
.btn-white {
  color: #fff;
  border: solid 1px #ffffff;
}
.btn-white-filled {
  color: #0099ff;
  border: 1px solid #0099ff;
  background-color: #fff;
}
.btn-orange {
  color: #fff;
  background-color: #ff6600;
}
.btn-orange-open {
  color: #ff6600;
  border: solid 1px #ff6600;
}
.btn-bg-white {
  background: #fff;
}
.btn-white:hover,
.btn-orange:hover {
  background-color: #d95700 !important;
}
.btn-white.nohover:hover {
  background-color: transparent !important;
}
.favoriet {
  clear: both;
  overflow: hidden;
  height: 58px;
  border-bottom: 1px solid black;
}
.favoriet .left {
  float: left;
  width: 250px;
  padding-top: 5px;
}
.favoriet .left a {
  color: #000;
  font-family: Dosis, 'sans-serif';
  font-weight: 500;
  font-size: 18px;
}
.favoriet .left span {
  display: inline-block;
  margin-top: 3px;
  color: #0099ff;
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  width: 120px;
}
.favoriet img {
  float: left;
  margin-right: 20px;
  width: 50px;
  margin-top: 4px;
}
.favoriet > a {
  color: #000;
  float: left;
  width: 40px;
  margin-top: 14px;
}
.countries-container {
  overflow: visible;
}
.countries {
  background-color: #ff6600;
  min-height: 280px;
}
.countries h1 {
  text-align: center;
  font-weight: 600;
  color: #fff;
  font-size: 26px;
  padding-top: 30px;
  margin-bottom: 19px;
}
.countries nav {
  padding-top: 30px;
  width: 525px;
  margin: 0 auto;
  display: block;
}
.countries nav li {
  float: left;
  list-style-type: none;
  line-height: 50px;
  width: 33%;
  text-transform: uppercase;
  font-size: 17px;
  text-align: left;
}
.countries nav li a {
  font-weight: bold;
  color: #fff;
  font-size: 17px;
  font-size: 16px;
  font-family: Dosis, 'sans-serif';
}
.countries nav li a:hover {
  opacity: 0.6;
}
.countries nav li::before {
  position: relative;
  top: 7px;
  padding-right: 20px;
}
.countries nav li.vlag-au::before {
  content: url('/images/vlag/oostenrijk.png');
}
.countries nav li.vlag-de::before {
  content: url('/images/vlag/duitsland.png');
}
.countries nav li.vlag-no::before {
  content: url('/images/vlag/noorwegen.png');
}
.countries nav li.vlag-fr::before {
  content: url('/images/vlag/frankrijk.png');
}
.countries nav li.vlag-it::before {
  content: url('/images/vlag/itali.png');
}
.countries nav li.vlag-se::before {
  content: url('/images/vlag/zweden.png');
}
.countries nav li.vlag-ch::before {
  content: url('/images/vlag/zwitserland.png');
}
.countries nav li.vlag-cz::before {
  content: url('/images/vlag/tsjechi.png');
}
.countries nav li.vlag-es::before {
  content: url('/images/vlag/spanje.png');
}
.countries div.search {
  clear: both;
  padding-top: 20px;
  margin-left: 64px;
}
.countries div.search input {
  font-size: 18px;
  width: 400px;
  font-weight: 500;
}
.countries div.search input::-webkit-input-placeholder {
  color: #ff6600;
}
.countries div.search input:-moz-placeholder {
  color: #ff6600;
}
.countries div.search input::-moz-placeholder {
  color: #ff6600;
}
.countries div.search input:-ms-input-placeholder {
  color: #ff6600;
}
.countries div.search button {
  border: 1px solid #ffffff;
  border-radius: 2px;
  width: 232px;
  height: 42px;
  line-height: 42px;
  background: none;
  margin-left: 20px;
  cursor: pointer;
}
.home-maps {
  height: 215px;
  background-color: #0099ff;
}
.home-maps nav {
  height: 40px;
}
.home-maps nav li {
  float: left;
  text-align: center;
  font-weight: 600;
  font-family: Dosis, 'sans-serif';
  cursor: pointer;
  background-color: #006699;
  line-height: 1.56;
  font-size: 18px;
  width: 50%;
  line-height: 40px;
  list-style-type: none;
  text-transform: uppercase;
  color: #fff;
}
.home-maps nav li.active {
  background-color: #0099ff;
}
.home-maps div a {
  color: #fff;
  font-family: Dosis, 'sans-serif';
  font-size: 12px;
  float: left;
  width: 33.333%;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  box-sizing: border-box;
  line-height: 19px;
}
.home-maps .gevallen {
  display: none;
}
.ellipsis {
  width: 100%;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.home-verticals .one-third {
  width: 420px;
  box-sizing: border-box;
  padding-right: 20px;
}
.home-verticals .one-third:last-child {
  width: 400px;
  padding-right: 0;
}
.home-verticals .live-updates-footer {
  background-color: #ffffff;
  float: left;
  width: 400px;
  box-sizing: border-box;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.home-verticals .live-updates-footer p {
  font-family: Dosis, 'sans-serif';
  font-size: 17px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #0099ff;
}
.home-verticals .live-updates-footer button {
  width: 100%;
}
.home-verticals .ervaringen-footer {
  background-color: #0099ff;
  float: left;
  width: 400px;
  box-sizing: border-box;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.home-verticals .ervaringen-footer p {
  font-family: Dosis, 'sans-serif';
  font-size: 17px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.home-verticals .ervaringen-footer button {
  width: 100%;
}
.home-verticals .accommodaties-footer {
  background-color: #ffffff;
  float: left;
  width: 400px;
  box-sizing: border-box;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.home-verticals .accommodaties-footer p {
  font-family: Dosis, 'sans-serif';
  font-size: 17px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #ff6600;
}
.home-verticals .accommodaties-footer button {
  width: 100%;
}
.home-verticals .block-live-update {
  padding: 20px 20px 40px 20px;
}
.home-verticals .block-live-update .foto {
  width: 360px;
  height: 300px;
  background-position: center;
  background-size: cover;
  position: relative;
}
.home-verticals .block-live-update .foto div::before {
  content: '';
  position: absolute;
  height: 125px;
  bottom: 0px;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), #5c5c5c);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), #5c5c5c);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), #5c5c5c);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #5c5c5c);
}
.home-verticals .block-live-update .description {
  color: #E8E8E8;
  font-size: 13px;
  position: absolute;
  bottom: 50px;
  left: 45px;
  right: 45px;
}
.home-verticals .block-live-update .description a {
  color: #E8E8E8;
}
.home-verticals .block-live-update .description a:hover {
  color: #0099ff;
}
.home-verticals .block-live-update .caption {
  color: #0099ff;
  font-weight: 600;
  font-size: 14px;
  font-family: Dosis, 'sans-serif';
  text-transform: uppercase;
}
.home-verticals .block-live-update .caption .fa {
  font-size: 17px;
}
.home-verticals .block-live-update .caption .utf-icon {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.home-verticals .block-live-update:nth-child(even) {
  background-color: #ffffff;
}
.home-verticals .block-live-update:nth-child(odd) {
  background-color: #F7F7F7;
}
.home-verticals .block-ervaring {
  text-align: center;
  padding: 20px 20px 40px 20px;
  width: 360px;
  height: 300px;
}
.home-verticals .block-ervaring .grade,
.home-verticals .block-ervaring h4 {
  font-family: Dosis, 'sans-serif';
  color: #ffffff !important;
  font-size: 24px;
}
.home-verticals .block-ervaring .grade {
  background-image: url('/images/circle.png');
  margin: 0 auto;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 15px;
}
.home-verticals .block-ervaring .meta {
  font-size: 14px;
  color: #ffffff !important;
  text-align: center;
  font-family: Dosis, 'sans-serif';
  font-weight: 500;
}
.home-verticals .block-ervaring .meta span.left {
  margin-right: 7px;
}
.home-verticals .block-ervaring .meta span.right {
  margin-left: 7px;
}
.home-verticals .block-ervaring .grade-details {
  margin-top: 5px;
  font-weight: 500;
  color: #ffffff !important;
  font-family: Dosis, 'sans-serif';
  font-size: 17px;
  font-size: 18px;
}
.home-verticals .block-ervaring .grade-details span.ski {
  margin-right: 7px;
}
.home-verticals .block-ervaring .grade-details span.apres-ski {
  margin-right: 7px;
}
.home-verticals .block-ervaring p {
  overflow: hidden;
  max-height: 157px;
}
.home-verticals .block-ervaring.even {
  background-color: #0099ff;
}
.home-verticals .block-ervaring.odd {
  background-color: #26A8FF;
}
.block-ervaringen-breed h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
}
.block-ervaringen-breed .ervaring {
  clear: both;
  overflow: hidden;
  padding: 20px 64px 10px 64px;
}
.block-ervaringen-breed .ervaring .grade,
.block-ervaringen-breed .ervaring h4 {
  font-family: Dosis, 'sans-serif';
  color: #ffffff !important;
  font-size: 24px;
}
.block-ervaringen-breed .ervaring .grade {
  float: left;
  text-align: center;
  background-image: url('/images/circle.png');
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-right: 25px;
}
.block-ervaringen-breed .ervaring .details {
  width: 567px;
  float: left;
}
.block-ervaringen-breed .ervaring .details .meta {
  font-size: 14px;
  font-family: Dosis, 'sans-serif';
  font-weight: 500;
}
.block-ervaringen-breed .ervaring .details .meta span.left {
  margin-right: 7px;
}
.block-ervaringen-breed .ervaring .details .meta span.right {
  margin-left: 7px;
}
.block-ervaringen-breed .ervaring .details .grade-details {
  margin-top: 5px;
  font-weight: 500;
  font-family: Dosis, 'sans-serif';
  font-size: 17px;
  font-size: 18px;
}
.block-ervaringen-breed .ervaring .details .grade-details span.ski {
  margin-right: 7px;
}
.block-ervaringen-breed .ervaring .details .grade-details span.apres-ski {
  margin-right: 7px;
}
.block-ervaringen-breed .buttons {
  float: left;
  clear: both;
  margin-left: 84px;
  margin-top: 0px;
  margin-bottom: 30px;
}
.block-ervaringen-breed .buttons a.btn {
  margin-right: 20px;
}
/*
.block-ervaringen-breed .ervaring:nth-child(even) {
  #bg-colors > .blue;
}
.block-ervaringen-breed .ervaring:nth-child(odd) {
  #bg-colors > .light-blue;
}
*/
.reviews-container {
  margin-top: 40px;
}
.reviews-container.all .btn.alle-ervaringen {
  display: none;
}
.reviews-container h3 {
  color: #4a4a4a;
}
.reviews-container .ervaring .meta,
.reviews-container .ervaring .meta a {
  font-weight: 600;
  color: #9b9b9b !important;
}
.reviews-container .ervaring .grade-details {
  color: #ff6600 !important;
}
.reviews-container .ervaring p {
  color: #4a4a4a !important;
}
.reviews-container .ervaring.even {
  background-color: #ffffff;
}
.reviews-container .ervaring.odd {
  background-color: #F7F7F7;
}
.block-live-updates-breed {
  overflow: hidden;
  padding-top: 20px;
}
.block-live-updates-breed .block-live-update.first {
  padding-left: 20px;
}
.block-live-updates-breed .block-live-update.last {
  padding-right: 0;
}
.block-live-updates-breed .block-live-update {
  float: left;
  width: 360px;
  padding: 0 10px;
}
.block-live-updates-breed .block-live-update .foto {
  width: 360px;
  height: 300px;
  background-position: center;
  background-size: cover;
  position: relative;
}
.block-live-updates-breed .block-live-update .foto div::before {
  content: '';
  position: absolute;
  height: 125px;
  bottom: 0px;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), #5c5c5c);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), #5c5c5c);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), #5c5c5c);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #5c5c5c);
}
.block-live-updates-breed .block-live-update .description {
  color: #E8E8E8;
  font-size: 13px;
  position: absolute;
  bottom: 50px;
  left: 45px;
  right: 45px;
}
.block-live-updates-breed .block-live-update .description a {
  color: #E8E8E8;
}
.block-live-updates-breed .block-live-update .description a:hover {
  color: #0099ff;
}
.block-live-updates-breed .block-live-update .caption {
  color: #0099ff;
  font-weight: 600;
  font-size: 14px;
  font-family: Dosis, 'sans-serif';
  text-transform: uppercase;
}
.block-live-updates-breed .block-live-update .caption .fa {
  font-size: 17px;
}
.block-live-updates-breed .block-live-update .caption .utf-icon {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.block-live-updates-breed .live-updates-breed-footer {
  float: left;
  width: 100%;
  display: block;
  padding-top: 30px;
  margin-bottom: 40px;
}
.home-toplijsten {
  clear: both;
  padding: 30px;
  margin-top: 20px;
  box-sizing: border-box;
  background-color: #ffffff;
}
.home-toplijsten h4 {
  font-size: 20px;
}
.home-toplijsten .top-10 h4 {
  text-align: center;
  text-transform: uppercase;
}
.home-toplijsten h2 {
  font-size: 20px;
}
.home-toplijsten .list-container {
  float: left;
  width: 380px;
  padding-right: 20px;
}
.home-toplijsten .list-container img {
  margin: 20px 0;
}
.home-toplijsten .list-container ol {
  margin: 0 40px;
  padding: 0;
}
.home-toplijsten .list-container ol li {
  color: #0099ff;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
}
.home-toplijsten .list-container ol li a {
  color: #000;
  font-weight: normal;
  margin-left: 10px;
}
.home-toplijsten .list-container ol li span {
  float: right;
}
.home-toplijsten .list-container button {
  margin: 25px 0;
}
.home-toplijsten .list-container p {
  font-size: 14px;
}
.home-toplijsten .list-container:last-child {
  padding-right: 0;
}
input[type=text],
input[type=password],
input[type=date] {
  color: #ff6600;
  font-family: Dosis, 'sans-serif';
  border: 1px solid #ffffff;
  border-radius: 2px;
  background-color: #ffffff;
  height: 40px;
  line-height: 40px;
  outline: 0;
  position: relative;
  top: -1px;
}
input.input-blue {
  color: #0099ff;
  font-family: Dosis, 'sans-serif';
  border: 1px solid #0099ff;
  border-radius: 2px;
  font-size: 15px;
  font-weight: 500;
  height: 34px;
  line-height: 34px;
}
input.input-blue::-webkit-input-placeholder {
  color: #0099ff;
}
input.input-blue:-moz-placeholder {
  color: #0099ff;
}
input.input-blue::-moz-placeholder {
  color: #0099ff;
}
input.input-blue:-ms-input-placeholder {
  color: #0099ff;
}
input.input-orange {
  font-family: Dosis, 'sans-serif';
  font-weight: 500;
  font-size: 18px;
  border: 1px solid orange;
  height: 38px;
  line-height: 38px;
  width: 200px;
  margin-right: 20px;
}
input.input-orange::-webkit-input-placeholder {
  color: #ff6600;
}
input.input-orange:-moz-placeholder {
  color: #ff6600;
}
input.input-orange::-moz-placeholder {
  color: #ff6600;
}
input.input-orange:-ms-input-placeholder {
  color: #ff6600;
}
textarea.textarea-blue {
  border: 1px solid #0099ff;
  border-radius: 2px;
  font-size: 15px;
  font-weight: 500;
}
.input-icon-righttop {
  position: absolute;
  right: 5px;
  top: 5px;
}
.relative {
  position: relative;
}
.clear {
  clear: both;
}
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.form-input {
  overflow: hidden;
  clear: both;
}
.form-input label {
  float: left;
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  overflow: hidden;
  width: 150px;
  margin: 10px 0;
  line-height: 30px;
  height: 30px;
}
.form-input input {
  float: left;
  display: block;
  overflow: hidden;
  width: 300px;
  height: 30px;
  padding: 0 15px;
  line-height: 30px;
  margin: 10px 0;
}
.form-input textarea {
  color: #0099ff;
  float: left;
  display: block;
  overflow: hidden;
  width: 300px;
  padding: 8px 15px;
  line-height: 30px;
  margin: 10px 0;
  min-height: 150px;
}
.form-input .form-input-append {
  font-size: 14px;
  float: left;
  display: block;
  line-height: 30px;
  height: 30px;
  margin: 10px 0 10px 15px;
}
.form-input div.styled-select {
  position: relative;
  top: 7px;
}
.form-input-checkbox {
  clear: both;
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  text-transform: uppercase;
}
.form-input-checkbox label {
  float: left;
  display: block;
  margin: 15px 30px 15px 0px;
}
.form-input-checkbox label:first-child {
  margin-left: 150px;
}
.buttons {
  float: left;
  clear: both;
  margin: 10px 0 10px 150px;
}
textarea.textarea-bright-blue {
  background-color: #E4EFF4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  height: 150px;
  border: 0;
  border-radius: 2px;
  font-size: 13px;
}
.separator-black {
  clear: both;
  background-color: #000000;
  height: 4px;
  width: 100%;
  margin-bottom: 20px;
}
.seperator-bright-blue {
  background-color: #E4EFF4;
  height: 1px;
  width: 100%;
  margin-bottom: 20px;
}
.separator {
  background-color: #ff6600;
  height: 4px;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.separator::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid #ff6600;
  clear: both;
}
.block-eigen-verkoop,
.block-tui,
.block-vrijuit {
  padding: 20px 20px 40px 20px !important;
  width: 360px;
  height: 300px;
  position: relative;
}
.block-eigen-verkoop .logo,
.block-tui .logo,
.block-vrijuit .logo {
  overflow: hidden;
  float: left;
  width: 240px;
  height: 138px;
}
.block-eigen-verkoop .logo img,
.block-tui .logo img,
.block-vrijuit .logo img {
  width: 220px;
  height: 138px;
}
.block-eigen-verkoop .specs,
.block-tui .specs,
.block-vrijuit .specs {
  float: left;
  width: 120px;
  height: 138px;
  position: relative;
}
.block-eigen-verkoop .specs .location,
.block-tui .specs .location,
.block-vrijuit .specs .location {
  position: absolute;
  bottom: 17px;
  font-size: 14px;
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-eigen-verkoop .specs .stars,
.block-tui .specs .stars,
.block-vrijuit .specs .stars {
  position: absolute;
  bottom: 0;
}
.block-eigen-verkoop .description,
.block-tui .description,
.block-vrijuit .description {
  clear: both;
  float: left;
  margin-top: 18px;
  height: 125px;
  overflow: hidden;
  font-size: 14px;
  line-height: 17px;
}
.block-eigen-verkoop .description h4,
.block-tui .description h4,
.block-vrijuit .description h4 {
  white-space: nowrap;
  overflow: hidden;
  width: 360px;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 25px;
}
.block-eigen-verkoop .description p,
.block-tui .description p,
.block-vrijuit .description p {
  margin-top: 0;
  margin-bottom: 3px;
  display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 87px;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.block-eigen-verkoop .description ul,
.block-tui .description ul,
.block-vrijuit .description ul {
  overflow: hidden;
  clear: both;
  padding-left: 20px;
}
.block-eigen-verkoop .description ul li,
.block-tui .description ul li,
.block-vrijuit .description ul li {
  font-size: 14px;
  line-height: 17px;
  float: left;
  padding-right: 20px;
}
.block-eigen-verkoop .footer,
.block-tui .footer,
.block-vrijuit .footer {
  position: absolute;
  bottom: 20px;
  width: 360px;
}
.block-eigen-verkoop .footer span,
.block-tui .footer span,
.block-vrijuit .footer span {
  font-weight: 600;
  text-align: left;
  font-family: Dosis, 'sans-serif';
  color: #ff6600;
  text-transform: uppercase;
  line-height: 28px;
}
.block-eigen-verkoop .footer span.fa,
.block-tui .footer span.fa,
.block-vrijuit .footer span.fa {
  font-family: FontAwesome;
}
.block-eigen-verkoop .footer .fa,
.block-tui .footer .fa,
.block-vrijuit .footer .fa {
  margin-left: 3px;
  margin-right: 15px;
  font-size: 15px;
}
.block-eigen-verkoop .spacer,
.block-tui .spacer,
.block-vrijuit .spacer {
  display: inline-block;
  width: 20px;
}
.block-eigen-verkoop:nth-child(even) {
  background-color: #ffffff;
}
.block-eigen-verkoop:nth-child(odd) {
  background-color: #F7F7F7;
}
.block-eigen-verkoop-breed,
.block-checkyeti-breed {
  padding: 20px;
  height: 140px;
  position: relative;
}
.block-eigen-verkoop-breed .logo,
.block-checkyeti-breed .logo {
  overflow: hidden;
  display: block;
  float: left;
  width: 220px;
  height: 139px;
}
.block-eigen-verkoop-breed .logo img,
.block-checkyeti-breed .logo img {
  width: 220px;
  height: 139px;
}
.block-eigen-verkoop-breed .specs,
.block-checkyeti-breed .specs {
  margin-left: 20px;
  width: 110px;
  height: 140px;
  float: left;
  position: relative;
}
.block-eigen-verkoop-breed .specs .location,
.block-checkyeti-breed .specs .location {
  position: absolute;
  bottom: 17px;
  font-size: 14px;
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-eigen-verkoop-breed .specs .stars,
.block-checkyeti-breed .specs .stars {
  position: absolute;
  bottom: 0;
}
.block-eigen-verkoop-breed .description,
.block-checkyeti-breed .description {
  float: left;
  width: 390px;
  height: 104px;
  overflow: hidden;
  font-size: 13px;
  line-height: 16px;
}
.block-eigen-verkoop-breed .description h4,
.block-checkyeti-breed .description h4 {
  /*white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;*/
  font-size: 20px;
  margin-bottom: 3px;
  height: 20px;
}
.block-eigen-verkoop-breed .description p,
.block-checkyeti-breed .description p {
  margin-top: 0px;
  margin-bottom: 5px;
  display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 80px;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.block-eigen-verkoop-breed .footer,
.block-checkyeti-breed .footer {
  width: 390px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.block-eigen-verkoop-breed .footer span,
.block-checkyeti-breed .footer span {
  font-weight: 600;
  text-align: left;
  font-family: Dosis, 'sans-serif';
  color: #ff6600;
  text-transform: uppercase;
  line-height: 28px;
}
.block-eigen-verkoop-breed .footer span.fa,
.block-checkyeti-breed .footer span.fa {
  font-family: FontAwesome;
  top: 1px;
}
.block-eigen-verkoop-breed .footer a,
.block-checkyeti-breed .footer a {
  float: right;
  margin-left: 8px;
}
.block-eigen-verkoop-breed .footer a button,
.block-checkyeti-breed .footer a button {
  width: 90px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.block-eigen-verkoop-breed .footer a span,
.block-checkyeti-breed .footer a span {
  position: relative;
  top: 3px;
}
.block-eigen-verkoop-breed .footer a.dialogHotel,
.block-checkyeti-breed .footer a.dialogHotel {
  margin-left: 0;
}
.block-eigen-verkoop-breed:nth-child(even) {
  background-color: #ffffff;
}
.block-eigen-verkoop-breed:nth-child(odd):not(.block-intersport-breed) {
  background-color: #F7F7F7;
}
.block-sunweb .company-logo {
  display: block;
  background: url('/images/sunweb.png');
  width: 80px;
  height: 17px;
  background-size: 80px 17px;
}
.block-tui span {
  font-weight: 600;
  text-align: left;
  font-family: Dosis, 'sans-serif';
  color: #ff6600;
  text-transform: uppercase;
  line-height: 28px;
}
.block-tui span.fa {
  font-family: FontAwesome;
  top: 1px;
}
.block-tui .company-logo {
  display: block;
  background: url('/images/TUI_logo.svg');
  background-size: 80px 46px;
  width: 80px;
  height: 46px;
}
.block-intersport-breed .company-logo {
  display: block;
  background: url('/images/aanbod/intersport-logo.jpg');
  background-size: 110px 35px;
  width: 110px;
  height: 35px;
  position: relative;
  left: -10px;
}
.block-tui-breed .company-logo {
  display: block;
  background: url('/images/TUI_logo.svg');
  background-size: 80px 46px;
  width: 80px;
  height: 46px;
}
.block-tui-breed .footer a button {
  width: auto;
  padding: 0 15px !important;
}
.block-tui-breed .footer .fa {
  margin-right: 15px;
}
.block-bizztravel-breed .company-logo {
  display: block;
  background: url('/images/bizztravel.png');
  width: 80px;
  height: 26px;
  background-size: 80px 26px;
}
.block-sunweb-breed .company-logo {
  display: block;
  background: url('/images/sunweb.png');
  width: 80px;
  height: 17px;
  background-size: 80px 17px;
}
.block-vrijuit.block-neckermann .company-logo {
  background: url('/images/Neckermann_logo.png');
  width: 80px;
  height: 51px;
  background-size: 80px 51px;
}
.block-vrijuit .company-logo {
  display: block;
  background: url('/images/vrij-uit.png');
  width: 80px;
  height: 38px;
  background-size: 80px 38px;
}
.block-vrijuit span {
  font-weight: 600;
  text-align: left;
  font-family: Dosis, 'sans-serif';
  color: #ff6600;
  text-transform: uppercase;
  line-height: 28px;
}
.block-vrijuit span.fa {
  font-family: FontAwesome;
  top: 1px;
}
.block-vrijuit ul {
  margin: 0;
}
.block-vrijuit-breed.block-neckermann-breed .company-logo {
  display: block;
  background: url('/images/Neckermann_logo.png');
  width: 80px;
  height: 51px;
  background-size: 80px 51px;
}
.block-vrijuit-breed .company-logo {
  display: block;
  background: url('/images/vrij-uit.png');
  width: 80px;
  height: 38px;
  background-size: 80px 38px;
}
.block-vrijuit-breed h4 {
  width: 390px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
}
.block-vrijuit-breed ul {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
}
.block-vrijuit-breed ul li {
  font-size: 13px;
  line-height: 16px;
  display: inline;
  list-style-type: square;
  padding-right: 5px;
}
.block-vrijuit-breed ul li:before {
  content: "\2022";
  padding-right: 7px;
}
.block-checkyeti-breed .company-logo {
  display: block;
  background: url('/images/logo_checkyeti.svg');
  width: 80px;
  height: 62px;
  background-size: 80px 62px;
}
footer {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  overflow: hidden;
  z-index: 1000;
  clear: both;
  overflow: visible !important;
  margin-bottom: 0;
  background-color: #006699;
  height: 480px;
}
footer h4 {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 20px;
}
footer > div {
  margin: 0 auto;
  width: 1170px;
  padding: 55px 40px 75px 30px;
}
footer > div .list {
  float: left;
  width: 220px;
}
footer > div .list li {
  list-style-type: none;
}
footer > div .list li a {
  color: #fff;
  font-size: 11px;
  line-height: 15px;
}
footer > div .list li a:hover {
  color: #0099ff;
}
footer > div .right {
  float: left;
  width: 480px;
  margin-left: 30px;
}
footer > div .right .app h4 {
  display: inline-block;
  position: relative;
  bottom: 4px;
}
footer > div .right .app img {
  margin-left: 25px;
  position: relative;
  bottom: 12px;
}
footer > div .right .search {
  margin-top: 40px;
}
footer > div .right .search input {
  color: #006699;
  font-size: 17px;
  font-size: 18px;
  font-weight: 500;
  width: 460px;
}
footer > div .right .search input::-webkit-input-placeholder {
  color: #006699;
}
footer > div .right .search input:-moz-placeholder {
  color: #006699;
}
footer > div .right .search input::-moz-placeholder {
  color: #006699;
}
footer > div .right .search input:-ms-input-placeholder {
  color: #006699;
}
footer > div .right .search button {
  padding: 0 45px;
  margin-top: 25px;
  font-weight: 500;
  text-transform: none;
}
footer > div .copyright {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 87px;
  text-transform: uppercase;
  font-family: Dosis, 'sans-serif';
  font-size: 12px;
  color: #fff;
  position: relative;
}
footer > div .copyright > a {
  position: absolute;
  bottom: 0;
  color: #fff;
}
footer > div .copyright .right {
  float: right;
  width: 480px;
}
footer > div .copyright .right a {
  font-family: Dosis, 'sans-serif';
  font-size: 12px;
  color: #fff;
  padding: 0 5px;
}
footer > div .copyright .right a img {
  position: relative;
  top: 4px;
}
.map-search {
  clear: both;
  margin: 20px 0;
}
.map-search input {
  width: 260px;
  height: 32px;
  line-height: 32px;
}
#reactiesContainer > div {
  clear: both;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
#reactiesContainer > div .foto {
  width: 50px;
  padding-right: 20px;
}
#reactiesContainer > div .reactie {
  width: 582px;
  overflow: hidden;
  font-size: 13px;
}
#reactiesContainer > div .reply-meta {
  margin-top: 15px;
  margin-bottom: 0;
}
#reactiesContainer > div .reply-meta .naam {
  font-weight: 600;
}
#reactiesContainer > div .subReacties {
  clear: both;
  padding-top: 10px;
  margin-left: 70px;
  width: 582px;
}
#reactiesContainer > div .subReacties .foto {
  margin-top: 10px;
  width: 50px;
  padding-right: 20px;
}
#reactiesContainer > div .subReacties .reactie {
  margin-top: 10px;
  background-color: #E4EFF4;
  width: 472px;
  padding: 16px 20px;
}
.sidebar-app {
  clear: both;
  overflow: hidden;
}
.sidebar-app > a img {
  display: block;
  float: left;
  border-radius: 20px;
  width: 90px;
  margin-left: 45px;
}
.sidebar-app div {
  width: 50%;
  float: right;
}
.sidebar-app div img:first-child {
  margin-bottom: 5px;
}
.sidebar-app.afdalingen div img {
  margin-top: 25px;
}
.sh-per-land {
  clear: both;
  overflow: hidden;
}
.sh-per-land ul {
  padding: 10px 0 0 0;
}
.sh-per-land ul li {
  list-style-type: none;
  float: left;
  width: 50%;
  margin-bottom: 15px;
}
.sh-per-land ul li a {
  color: #ff6600;
  font-family: Dosis, 'sans-serif';
  font-weight: bold;
  text-transform: uppercase;
}
.sh-per-land ul li::before {
  position: relative;
  top: 8px;
  padding-right: 10px;
  padding-left: 20px;
}
.sh-per-land ul li.vlag-au::before {
  content: url('/images/vlag/oostenrijk.png');
}
.sh-per-land ul li.vlag-de::before {
  content: url('/images/vlag/duitsland.png');
}
.sh-per-land ul li.vlag-no::before {
  content: url('/images/vlag/noorwegen.png');
}
.sh-per-land ul li.vlag-fr::before {
  content: url('/images/vlag/frankrijk.png');
}
.sh-per-land ul li.vlag-it::before {
  content: url('/images/vlag/itali.png');
}
.sh-per-land ul li.vlag-se::before {
  content: url('/images/vlag/zweden.png');
}
.sh-per-land ul li.vlag-ch::before {
  content: url('/images/vlag/zwitserland.png');
}
.sh-per-land ul li.vlag-cz::before {
  content: url('/images/vlag/tsjechi.png');
}
.sh-per-land ul li.vlag-es::before {
  content: url('/images/vlag/spanje.png');
}
.sh-per-land ul li.vlag-fi {
  position: relative;
  top: 10px;
  left: 56px;
}
nav.webcams-landen {
  padding: 0px 0 10px 0;
}
nav.webcams-landen li {
  list-style-type: none;
  margin-bottom: 15px;
}
nav.webcams-landen li a {
  color: #ff6600;
  font-family: Dosis, 'sans-serif';
  font-weight: bold;
  text-transform: uppercase;
}
nav.webcams-landen li::before {
  position: relative;
  top: 8px;
  padding-right: 10px;
  padding-left: 0px;
}
nav.webcams-landen li.vlag-au::before {
  content: url('/images/vlag/oostenrijk.png');
}
nav.webcams-landen li.vlag-de::before {
  content: url('/images/vlag/duitsland.png');
}
nav.webcams-landen li.vlag-no::before {
  content: url('/images/vlag/noorwegen.png');
}
nav.webcams-landen li.vlag-fr::before {
  content: url('/images/vlag/frankrijk.png');
}
nav.webcams-landen li.vlag-it::before {
  content: url('/images/vlag/itali.png');
}
nav.webcams-landen li.vlag-se::before {
  content: url('/images/vlag/zweden.png');
}
nav.webcams-landen li.vlag-ch::before {
  content: url('/images/vlag/zwitserland.png');
}
nav.webcams-landen li.vlag-cz::before {
  content: url('/images/vlag/tsjechi.png');
}
nav.webcams-landen li.vlag-es::before {
  content: url('/images/vlag/spanje.png');
}
.recent-weer ul {
  padding: 0;
}
.recent-weer ul li {
  list-style-type: none;
  height: 25px;
  line-height: 25px;
}
.recent-weer ul li a {
  font-weight: 600;
}
.recent-weer ul li a span {
  font-weight: normal;
  color: #4a4a4a;
  margin-left: 15px;
}
.container.breadcrumb ul {
  margin-top: -13px;
  padding-left: 20px;
  padding-left: 15px;
}
.container.breadcrumb ul li {
  padding: 0;
  font-family: Dosis, 'sans-serif';
  font-size: 14px;
  font-weight: 600;
  list-style-type: none;
  display: block;
  float: left;
  height: 35px;
  line-height: 35px;
  text-transform: uppercase;
  margin-left: 5px;
}
.container.breadcrumb ul li a {
  color: #7fccff;
}
.container.breadcrumb ul li:last-child a {
  color: #ffffff;
}
.sneeuwverwachting .head {
  width: 100%;
}
.sneeuwverwachting .head h2 {
  float: left;
}
.sneeuwverwachting .select-country {
  float: right;
}
.sneeuwverwachting .select-country .styled-select {
  display: inline-block;
  width: 200px;
}
.sneeuwverwachting .select-country .styled-select.slate {
  width: 200px;
}
.sneeuwverwachting .select-country .styled-select.slate select {
  width: 220px;
}
.sneeuwverwachting .select-country > span {
  font-weight: 600;
  font-family: Dosis, 'sans-serif';
  text-transform: uppercase;
  position: relative;
  bottom: 9px;
  margin-right: 10px;
}
table {
  font-family: Dosis, 'sans-serif';
  width: 100%;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
table tr,
table th,
table td {
  padding: 8px 15px;
  margin: 0;
}
table th {
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  height: 35px;
  line-height: 35px;
}
table td {
  font-size: 17px;
  font-size: 18px;
  color: #0099ff;
}
.table-striped-h2 {
  font-size: 20px;
  margin-bottom: 0;
  position: relative;
  top: -20px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
table.striped.small {
  position: relative;
  top: -20px;
}
table.striped.small th {
  font-family: Dosis, 'sans-serif';
  text-align: center;
  font-size: 12px;
  font-weight: 600 !important;
  padding: 5px;
  text-transform: lowercase !important;
  line-height: 15px;
  height: 15px;
}
table.striped.small td {
  text-align: center;
  padding: 5px;
  font-size: 14px !important;
  height: 17px !important;
  line-height: 17px !important;
  color: #4a4a4a;
}
table.striped.small td .current {
  color: #4a4a4a !important;
  font-weight: bold;
}
table.striped.small td:first-child {
  text-align: left;
  color: #7fccff;
  width: 130px;
}
table.striped.small td:first-child a,
table.striped.small td:first-child span {
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
table.striped {
  font-weight: 600;
}
table.striped tbody tr:nth-child(odd) {
  background-color: #E4EFF4;
}
table.striped td {
  height: 19px;
}
span.vlag {
  position: relative;
  top: 1px;
  margin-right: 5px;
  display: inline-block;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
}
span.vlag-au {
  background-image: url('/images/vlag/oostenrijk.png');
}
span.vlag-de {
  background-image: url('/images/vlag/duitsland.png');
}
span.vlag-no {
  background-image: url('/images/vlag/noorwegen.png');
}
span.vlag-fr {
  background-image: url('/images/vlag/frankrijk.png');
}
span.vlag-it {
  background-image: url('/images/vlag/itali.png');
}
span.vlag-se {
  background-image: url('/images/vlag/zweden.png');
}
span.vlag-ch {
  background-image: url('/images/vlag/zwitserland.png');
}
span.vlag-cz {
  background-image: url('/images/vlag/tsjechi.png');
}
span.vlag-es {
  background-image: url('/images/vlag/spanje.png');
}
#formRegistration .btn-fb,
#formLogin .btn-fb {
  margin: 20px 0 35px 0;
}
#formRegistration .btn-fb span,
#formLogin .btn-fb span {
  font-size: 33px;
  position: relative;
  top: 10px;
}
#formRegistration .one-half,
#formLogin .one-half {
  position: relative;
  height: 70px;
}
#formRegistration .input-checkbox,
#formLogin .input-checkbox {
  font-family: "Open Sans", 'sans-serif';
}
#formRegistration .input-checkbox label,
#formLogin .input-checkbox label {
  font-weight: normal;
  font-size: 21px;
  margin-right: 45px;
  margin-bottom: 25px;
}
#formRegistration .input-text label,
#formLogin .input-text label {
  text-transform: uppercase;
  display: none;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 11px;
}
#formRegistration .input-text input,
#formLogin .input-text input {
  font-family: "Open Sans", 'sans-serif';
  font-weight: normal;
  color: #000;
  margin-top: 15px;
  width: 275px;
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  font-size: 16px;
}
#formRegistration .input-text input::-webkit-input-placeholder,
#formLogin .input-text input::-webkit-input-placeholder {
  color: #000;
}
#formRegistration .input-text input:-moz-placeholder,
#formLogin .input-text input:-moz-placeholder {
  color: #000;
}
#formRegistration .input-text input::-moz-placeholder,
#formLogin .input-text input::-moz-placeholder {
  color: #000;
}
#formRegistration .input-text input:-ms-input-placeholder,
#formLogin .input-text input:-ms-input-placeholder {
  color: #000;
}
#formRegistration .input-text input:focus + label,
#formLogin .input-text input:focus + label {
  display: block;
}
.sneeuwhoogte .input-orange {
  width: 250px;
}
.sneeuwhoogte button {
  width: 100px;
  font-family: Dosis, 'sans-serif';
  font-weight: bold;
  text-transform: none;
}
.sneeuwhoogte button.btn-huge {
  width: auto;
}
.sneeuwhoogte .quick-access-buttons .btn {
  display: block;
  clear: both;
  width: 225px;
  margin: 20px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sneeuwhoogte .list-container h2 {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
}
.sneeuwhoogte .list-container h2 span {
  font-weight: 600;
  margin-left: 10px;
  font-size: 16px;
  text-transform: lowercase;
}
.sneeuwhoogte .top10-lijst ol {
  margin: 0 35px 0 60px;
  padding: 0;
}
.sneeuwhoogte .top10-lijst ol li {
  color: #0099ff;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
}
.sneeuwhoogte .top10-lijst ol li a {
  color: #000;
  font-weight: normal;
  margin-left: 10px;
}
.sneeuwhoogte .top10-lijst ol li span {
  float: right;
}
nav.links {
  margin-bottom: 25px;
}
nav.links li {
  list-style-type: none;
  height: 32px;
  font-size: 17px;
}
.ad-336x280 {
  width: 336px;
  height: 280px;
  margin: 80px 0 40px 40px;
}
.ppreacties {
  font-size: 13px;
}
.ppreacties .subReactie .reactie {
  background-color: #E4EFF4;
}
.ppreacties .reply-meta {
  margin-bottom: 0;
}
.sneeuwhoogte .tabs {
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  text-align: center;
  color: #006699;
  height: 40px;
  margin: -20px;
  background-color: #7fccff;
}
.sneeuwhoogte .tabs > div {
  font-size: 14px;
  float: left;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  border-right: 1px solid #72C2F5;
}
.sneeuwhoogte .tabs .active {
  background-color: #ffffff;
  border-right: 1px solid #fff;
}
.sneeuwhoogte .tabs .sneeuwhoogte {
  width: 129px;
}
.sneeuwhoogte .tabs .weer {
  width: 64px;
}
.sneeuwhoogte .tabs .webcam {
  width: 79px;
}
.sneeuwhoogte .tabs .sneeuwhistorie {
  width: 129px;
}
.sneeuwhoogte .tabs .pistekaart {
  width: 94px;
}
.sneeuwhoogte .tabs .reviews {
  width: 79px;
}
.sneeuwhoogte .tabs .live-updates {
  width: 107px;
}
.sneeuwhoogte .tabs .accommodaties {
  width: 132px;
  border-right: 0;
}
.sneeuwhoogte .tabs a {
  color: inherit;
}
.sneeuwhoogte-dorp .dorp-info {
  clear: both;
  height: 330px;
  margin-top: 50px;
  background-image: url('/images/berg.png');
  background-repeat: no-repeat;
  padding: 20px 0 0px 64px;
  position: relative;
}
.sneeuwhoogte-dorp .dorp-info .last-update {
  font-weight: 600;
  font-size: 14px;
  clear: both;
  margin-bottom: 10px;
}
.sneeuwhoogte-dorp .dorp-info .last-update .fa {
  margin-right: 3px;
  position: relative;
  top: 1px;
}
.sneeuwhoogte-dorp .dorp-info h1,
.sneeuwhoogte-dorp .dorp-info span.cm {
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.sneeuwhoogte-dorp .dorp-info .txt {
  float: left;
  width: 165px;
}
.sneeuwhoogte-dorp .dorp-info .txt h1 {
  color: #006699;
}
.sneeuwhoogte-dorp .dorp-info .value {
  float: left;
}
.sneeuwhoogte-dorp .dorp-info .value h1 {
  color: #ff6600;
  width: 50px;
}
.sneeuwhoogte-dorp .dorp-info .value span {
  color: #ff6600;
  float: right;
  margin-left: 10px;
}
.sneeuwhoogte-dorp .dorp-info .tui {
  margin-top: 25px;
}
.sneeuwhoogte-dorp .dorp-info .left {
  color: #006699;
  font-weight: 600;
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sneeuwhoogte-dorp .dorp-info .right {
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sneeuwhoogte-dorp .dorp-info-footer {
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  color: white;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 auto 40px auto;
  padding: 0 40px 0 20px;
  width: 720px;
  min-height: 20px !important;
  height: auto !important;
}
.sneeuwhoogte-dorp .dorp-info-footer:hover {
  overflow: visible;
  white-space: initial;
}
tr.lighter-blue {
  background-color: #7fccff !important;
}
tr.light-blue {
  background-color: rgba(217, 240, 255, 0.85) !important;
}
.sneeuwhoogte-weer .dorp-info-footer {
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  font-size: 14px;
  width: 820px !important;
  margin-left: -20px;
  margin-bottom: 20px;
}
.sneeuwhoogte-weer .wi {
  position: relative;
  top: 4px;
  font-size: 21px;
}
.sneeuwhoogte-weer .snowflake {
  position: relative;
  top: 1px;
  line-height: 15px;
  font-size: 19px;
}
.sneeuwhoogte-weer .weer-container {
  padding-left: 0;
  padding-right: 0;
  margin-left: -20px;
  margin-top: 20px;
  width: 820px;
  overflow: hidden;
  position: relative;
  font-size: 14px;
}
.sneeuwhoogte-weer .weer-container .navigator {
  text-align: center;
  cursor: pointer;
  float: left;
  width: 50px;
  height: 520px;
  background-color: rgba(217, 240, 255, 0.85);
}
.sneeuwhoogte-weer .weer-container .navigator > span {
  text-align: left;
  color: #006699;
  display: inline-block;
  border: 1px solid #006699;
  height: 30px;
  width: 30px;
  margin-top: 245px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.sneeuwhoogte-weer .weer-container .navigator > span span {
  font-size: 14px;
  margin-top: 9px;
  margin-left: 12px;
}
.sneeuwhoogte-weer .weer-container .navigatorLinks {
  float: left;
  text-align: center;
  cursor: pointer;
  width: 50px;
  height: 520px;
  background-color: rgba(217, 240, 255, 0.85);
}
.sneeuwhoogte-weer .weer-container .navigatorLinks > span {
  text-align: left;
  color: #006699;
  display: inline-block;
  border: 1px solid #006699;
  height: 30px;
  width: 30px;
  margin-top: 245px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.sneeuwhoogte-weer .weer-container .navigatorLinks > span span {
  font-size: 14px;
  margin-top: 9px;
  margin-left: 10px;
}
.sneeuwhoogte-weer .weer-container .left {
  float: left;
  margin-top: 170px;
  width: 148px;
  border-right: 1px solid white;
}
.sneeuwhoogte-weer .weer-container .left table tr {
  height: 35px;
}
.sneeuwhoogte-weer .weer-container .left table tr td {
  line-height: 19px;
}
.sneeuwhoogte-weer .weer-container .left td {
  color: #006699;
  font-family: Dosis, 'sans-serif';
  font-size: 14px;
  text-transform: uppercase;
}
.sneeuwhoogte-weer .weer-container .right {
  float: left;
  width: 571px;
  overflow: hidden;
}
.sneeuwhoogte-weer .weer-container .right .weer-data {
  width: 2212px;
  text-align: center;
}
.sneeuwhoogte-weer .weer-container .right .weer-data .weer-dag {
  width: 285px;
  border-right: 1px solid white;
}
.sneeuwhoogte-weer .weer-container .right .weer-data .weer-dag > div {
  clear: both;
  width: 285px;
}
.sneeuwhoogte-weer .weer-container .right .weer-data .weer-dag .weer-row {
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  height: 35px;
  line-height: 35px;
}
.sneeuwhoogte-weer .weer-container .right .weer-data .weer-dag .weer-row:nth-child(even) {
  background-color: #E4EFF4;
}
.sneeuwhoogte-weer .weer-container .right .weer-data .weer-dag .weer-row.wind img {
  position: relative;
  top: 5px;
  margin-right: 3px;
}
.sneeuwhoogte-weer .weer-container .right .weer-data .weer-dag .weer-row.totaal-neerslag {
  color: #006699;
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  text-transform: uppercase;
  background-color: #7fccff;
}
.sneeuwhoogte-weer .weer-container .right .weer-data .weer-dag .weer-row.totaal-neerslag-value {
  color: #006699;
  background-color: rgba(217, 240, 255, 0.85);
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  text-transform: uppercase;
}
.sneeuwhoogte-weer .weer-container .right .weer-data .weer-dag .dag {
  color: #ff6600;
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.sneeuwhoogte-weer .weer-container .right .weer-data .weer-dag .dagdeel {
  line-height: 44px;
  height: 44px;
  text-transform: uppercase;
  color: #006699;
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
}
.sneeuwhoogte-pistekaart .pistekaart-container {
  margin-top: 40px;
  width: 780px;
  min-height: 485px;
  overflow: hidden;
}
.sneeuwhoogte-pistekaart .pistekaart-container iframe {
  width: 780px;
  height: 480px;
}
.sneeuwhoogte-pistekaart .pistekaart-footer {
  background-color: #006699;
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  margin-top: -5px;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .navigate {
  width: 220px;
  padding-top: 20px;
  margin-left: 280px;
  float: left;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .navigate .navigate-right {
  float: left;
  text-align: left;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
  height: 60px;
  width: 60px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .navigate .navigate-right span {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  margin-top: 20px;
  margin-left: 24px;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .navigate .navigate-left {
  float: left;
  text-align: left;
  display: inline-block;
  border: 1px solid #fff;
  height: 60px;
  width: 60px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .navigate .navigate-left span {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  margin-top: 20px;
  margin-left: 21px;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .navigate .pagination {
  color: #fff;
  font-family: Dosis, 'sans-serif';
  font-size: 14px;
  float: left;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0 10px;
  line-height: 60px;
  width: 55px;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .pistekaart-menu {
  height: 60px;
  line-height: 60px;
  padding-top: 20px;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .pistekaart-menu > a {
  margin-right: 20px;
  display: inline-block;
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .pistekaart-menu > a.hidden {
  display: none;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .pistekaart-menu .offline {
  width: 133px;
  padding-right: 20px;
  display: inline-block;
  line-height: 20px;
  margin-top: 15px;
  float: right;
  text-align: center;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .pistekaart-menu .offline a.fa {
  font-size: 20px;
  color: #fff;
}
.sneeuwhoogte-pistekaart .pistekaart-footer .pistekaart-menu .offline a.offline-textlink {
  text-transform: uppercase;
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  color: #fff;
  font-size: 12px;
}
.sneeuwhoogte-webcams .webcam-container {
  margin-top: 40px;
  width: 780px;
  min-height: 485px;
  overflow: hidden;
}
.sneeuwhoogte-webcams .webcam-container iframe {
  width: 780px;
  height: 480px;
}
.sneeuwhoogte-webcams .webcam-footer {
  position: relative;
  background-color: #006699;
  width: 100%;
  height: 200px;
  margin-bottom: 20px;
  margin-top: -5px;
}
.sneeuwhoogte-webcams .webcam-footer .search {
  float: left;
  width: 290px;
  padding-top: 30px;
  padding-left: 30px;
}
.sneeuwhoogte-webcams .webcam-footer .search input {
  color: #006699;
  font-weight: 500;
  font-family: Dosis, 'sans-serif';
  font-size: 17px;
  font-size: 18px;
  width: 220px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #006699;
  border-radius: 2px;
}
.sneeuwhoogte-webcams .webcam-footer .search input::-webkit-input-placeholder {
  color: #006699;
}
.sneeuwhoogte-webcams .webcam-footer .search input:-moz-placeholder {
  color: #006699;
}
.sneeuwhoogte-webcams .webcam-footer .search input::-moz-placeholder {
  color: #006699;
}
.sneeuwhoogte-webcams .webcam-footer .search input:-ms-input-placeholder {
  color: #006699;
}
.sneeuwhoogte-webcams .webcam-footer .navigate {
  width: 220px;
  padding-top: 20px;
  float: left;
}
.sneeuwhoogte-webcams .webcam-footer .navigate .navigate-right {
  float: left;
  text-align: left;
  color: #fff;
  display: inline-block;
  border: 1px solid #fff;
  height: 60px;
  width: 60px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.sneeuwhoogte-webcams .webcam-footer .navigate .navigate-right span {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  margin-top: 20px;
  margin-left: 24px;
}
.sneeuwhoogte-webcams .webcam-footer .navigate .navigate-left {
  float: left;
  text-align: left;
  display: inline-block;
  border: 1px solid #fff;
  height: 60px;
  width: 60px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.sneeuwhoogte-webcams .webcam-footer .navigate .navigate-left span {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  margin-top: 20px;
  margin-left: 21px;
}
.sneeuwhoogte-webcams .webcam-footer .navigate .pagination {
  color: #fff;
  font-family: Dosis, 'sans-serif';
  font-size: 14px;
  float: left;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0 10px;
  line-height: 60px;
  width: 55px;
}
.sneeuwhoogte-webcams .webcam-footer .webcam-menu {
  height: 60px;
  line-height: 60px;
  padding-top: 20px;
}
.sneeuwhoogte-webcams .webcam-footer .webcam-menu > a {
  display: inline-block;
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
}
.sneeuwhoogte-webcams .webcam-footer .webcam-menu .offline {
  width: 133px;
  padding-right: 20px;
  display: inline-block;
  line-height: 20px;
  margin-top: 15px;
  float: right;
  text-align: center;
}
.sneeuwhoogte-webcams .webcam-footer .webcam-menu .offline a.fa {
  font-size: 20px;
  color: #fff;
}
.sneeuwhoogte-webcams .webcam-footer .webcam-menu .offline a.offline-textlink {
  text-transform: uppercase;
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  color: #fff;
  font-size: 12px;
}
.sneeuwhoogte-webcams .webcam-footer .meer-webcams-skigebied {
  font-family: Dosis, 'sans-serif';
  font-size: 14px;
  text-align: center;
  color: white;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 740px;
  font-weight: 600;
  clear: both;
  margin: 25px auto 5px auto;
  line-height: 20px;
  text-transform: uppercase;
}
.sneeuwhoogte-webcams .webcam-footer .meer-webcams-skigebied span,
.sneeuwhoogte-webcams .webcam-footer .meer-webcams-skigebied a {
  font-size: 14px;
}
.sneeuwhoogte-webcams .webcam-footer .meer-webcams-skigebied:hover {
  overflow: visible;
  white-space: initial;
}
.sneeuwhoogte-webcams .webcam-footer .alle-webcams-land {
  position: absolute;
  bottom: 15px;
  clear: both;
  width: 100%;
  text-align: center;
}
select {
  font-family: "Open Sans" !important;
  font-size: 14px !important;
}
.sneeuwhoogte-sneeuwhistorie .sneeuwhistorie-container {
  margin-top: 40px;
  min-height: 470px !important;
  height: 470px !important;
}
.sneeuwhoogte-sneeuwhistorie .sneeuwhistorie-container .sneeuwhistorie-menu {
  background-color: #EAFAFF;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 30px;
}
.sneeuwhoogte-sneeuwhistorie .sneeuwhistorie-container .sneeuwhistorie-menu .styled-select {
  display: inline-block;
  margin-right: 20px;
  width: 150px;
}
.sneeuwhoogte-sneeuwhistorie .sneeuwhistorie-container .sneeuwhistorie-menu .styled-select.slate {
  width: 150px;
}
.sneeuwhoogte-sneeuwhistorie .sneeuwhistorie-container .sneeuwhistorie-menu .styled-select.slate select {
  width: 170px;
}
.sneeuwhoogte-sneeuwhistorie .sneeuwhistorie-container .sneeuwhistorie-menu > span {
  font-weight: 600;
  font-family: Dosis, 'sans-serif';
  text-transform: uppercase;
  position: relative;
  bottom: 11px;
  margin-right: 20px;
}
.sneeuwhoogte-sneeuwhistorie .sneeuwhistorie-container .sneeuwhistorie-menu > .btn {
  position: relative;
  bottom: 12px;
}
.sneeuwhoogte-sneeuwhistorie .dorp-info-footer {
  font-family: Dosis, 'sans-serif';
  font-weight: 600;
  color: white;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 auto 40px auto;
  padding: 0 40px 0 20px;
  width: 720px;
  min-height: 40px !important;
  height: auto !important;
}
.sneeuwhoogte-sneeuwhistorie .dorp-info-footer:hover {
  overflow: visible;
  white-space: initial;
}
.sneeuwhoogte-reviews .search {
  margin-bottom: 20px;
}
.sneeuwhoogte-reviews .search input {
  color: #ff6600;
  font-size: 17px;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ff6600;
  height: 40px;
  font-weight: 500;
  width: 230px;
  margin-right: 20px;
}
.sneeuwhoogte-reviews .search input::-webkit-input-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-reviews .search input:-moz-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-reviews .search input::-moz-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-reviews .search input:-ms-input-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-reviews .search button {
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ff6600;
}
.sneeuwhoogte-accommodaties .search {
  margin-top: 25px;
  margin-bottom: 20px;
}
.sneeuwhoogte-accommodaties .search input {
  color: #ff6600;
  font-size: 17px;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ff6600;
  height: 40px;
  font-weight: 500;
  width: 230px;
  margin-right: 20px;
}
.sneeuwhoogte-accommodaties .search input::-webkit-input-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-accommodaties .search input:-moz-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-accommodaties .search input::-moz-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-accommodaties .search input:-ms-input-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-accommodaties .search button {
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ff6600;
}
.sneeuwhoogte-accommodaties .accommodaties-container {
  margin-top: 40px;
}
.sneeuwhoogte-live-updates .liveupdates-menu {
  height: 90px;
}
.alle-live-updates .liveupdates-menu {
  height: 130px;
}
.sneeuwhoogte-live-updates .search,
.alle-live-updates .search {
  margin-top: 25px;
  margin-bottom: 20px;
}
.sneeuwhoogte-live-updates .search input,
.alle-live-updates .search input {
  color: #ff6600;
  font-size: 17px;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ff6600;
  height: 40px;
  font-weight: 500;
  width: 230px;
  margin-right: 20px;
}
.sneeuwhoogte-live-updates .search input::-webkit-input-placeholder,
.alle-live-updates .search input::-webkit-input-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-live-updates .search input:-moz-placeholder,
.alle-live-updates .search input:-moz-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-live-updates .search input::-moz-placeholder,
.alle-live-updates .search input::-moz-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-live-updates .search input:-ms-input-placeholder,
.alle-live-updates .search input:-ms-input-placeholder {
  color: #ff6600;
}
.sneeuwhoogte-live-updates .search button,
.alle-live-updates .search button {
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ff6600;
}
.sneeuwhoogte-live-updates .liveupdates-menu,
.alle-live-updates .liveupdates-menu {
  clear: both;
  padding-top: 20px;
  font-family: Dosis, 'sans-serif';
  text-transform: uppercase;
  font-weight: bold;
}
.sneeuwhoogte-live-updates .liveupdates-menu .filter-datum,
.alle-live-updates .liveupdates-menu .filter-datum {
  margin-top: 36px;
}
.sneeuwhoogte-live-updates .liveupdates-menu div.inputs,
.alle-live-updates .liveupdates-menu div.inputs {
  margin-right: 0;
}
.sneeuwhoogte-live-updates .liveupdates-menu div.inputs .search,
.alle-live-updates .liveupdates-menu div.inputs .search {
  position: relative;
  top: 10px;
}
.sneeuwhoogte-live-updates .liveupdates-menu > div,
.alle-live-updates .liveupdates-menu > div,
.sneeuwhoogte-live-updates .liveupdates-menu div.inputs > div,
.alle-live-updates .liveupdates-menu div.inputs > div {
  margin-right: 20px;
}
.sneeuwhoogte-live-updates .liveupdates-menu > div .filter-datum,
.alle-live-updates .liveupdates-menu > div .filter-datum,
.sneeuwhoogte-live-updates .liveupdates-menu div.inputs > div .filter-datum,
.alle-live-updates .liveupdates-menu div.inputs > div .filter-datum {
  font-family: Dosis, 'sans-serif';
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 20px;
}
.sneeuwhoogte-live-updates .liveupdates-menu > div .styled-select,
.alle-live-updates .liveupdates-menu > div .styled-select,
.sneeuwhoogte-live-updates .liveupdates-menu div.inputs > div .styled-select,
.alle-live-updates .liveupdates-menu div.inputs > div .styled-select {
  display: inline-block;
  width: 170px;
  margin-top: 10px;
}
.sneeuwhoogte-live-updates .liveupdates-menu > div .styled-select.slate,
.alle-live-updates .liveupdates-menu > div .styled-select.slate,
.sneeuwhoogte-live-updates .liveupdates-menu div.inputs > div .styled-select.slate,
.alle-live-updates .liveupdates-menu div.inputs > div .styled-select.slate {
  width: 170px;
}
.sneeuwhoogte-live-updates .liveupdates-menu > div .styled-select.slate select,
.alle-live-updates .liveupdates-menu > div .styled-select.slate select,
.sneeuwhoogte-live-updates .liveupdates-menu div.inputs > div .styled-select.slate select,
.alle-live-updates .liveupdates-menu div.inputs > div .styled-select.slate select {
  width: 190px;
}
.sneeuwhoogte-live-updates .liveupdates-menu > div > span,
.alle-live-updates .liveupdates-menu > div > span,
.sneeuwhoogte-live-updates .liveupdates-menu div.inputs > div > span,
.alle-live-updates .liveupdates-menu div.inputs > div > span {
  font-weight: 600;
  font-family: Dosis, 'sans-serif';
  text-transform: uppercase;
  position: relative;
  bottom: 9px;
  margin-right: 10px;
}
.sneeuwhoogte-live-updates #appFotoContainer,
.alle-live-updates #appFotoContainer {
  clear: both;
  margin-top: 40px;
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update,
.alle-live-updates #appFotoContainer .block-live-update {
  float: left;
  width: 360px;
  margin-bottom: 30px;
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update .foto,
.alle-live-updates #appFotoContainer .block-live-update .foto {
  width: 360px;
  position: relative;
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update .foto img,
.alle-live-updates #appFotoContainer .block-live-update .foto img {
  width: 360px;
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update .foto div::before,
.alle-live-updates #appFotoContainer .block-live-update .foto div::before {
  content: '';
  position: absolute;
  height: 125px;
  bottom: 0px;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), #5c5c5c);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), #5c5c5c);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), #5c5c5c);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #5c5c5c);
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update .description,
.alle-live-updates #appFotoContainer .block-live-update .description {
  color: #fff;
  font-size: 13px;
  position: absolute;
  bottom: 50px;
  left: 15px;
  right: 15px;
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update .description a,
.alle-live-updates #appFotoContainer .block-live-update .description a {
  color: #fff;
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update .description a:hover,
.alle-live-updates #appFotoContainer .block-live-update .description a:hover {
  color: #0099ff;
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update .caption,
.alle-live-updates #appFotoContainer .block-live-update .caption {
  color: #0099ff;
  font-weight: 600;
  font-size: 14px;
  font-family: Dosis, 'sans-serif';
  text-transform: uppercase;
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update .caption .fa,
.alle-live-updates #appFotoContainer .block-live-update .caption .fa {
  font-size: 17px;
}
.sneeuwhoogte-live-updates #appFotoContainer .block-live-update .caption .utf-icon,
.alle-live-updates #appFotoContainer .block-live-update .caption .utf-icon {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.alle-live-updates {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.alle-live-updates .live-updates-download-app {
  width: 460px;
  height: 120px;
  margin-right: 0 !important;
}
.alle-live-updates .live-updates-download-app a {
  margin-right: 20px;
  margin-top: 7px;
}
.alle-live-updates .live-updates-download-app a img.app {
  display: block;
  float: left;
  border-radius: 20px;
  width: 90px;
}
.alle-live-updates .live-updates-download-app a img.app-download {
  margin-top: 25px;
}
/*
Typeahead
*/
footer .search .tt-dropdown-menu {
  bottom: 30px !important;
  top: initial !important;
}
span.twitter-typeahead h3 {
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 0;
  margin-right: 20px;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
span.twitter-typeahead .tt-dropdown-menu {
  font-family: "Open Sans", 'sans-serif' !important;
  text-transform: none !important;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
span.twitter-typeahead .tt-suggestion > p {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
span.twitter-typeahead .tt-suggestion > p:hover,
span.twitter-typeahead .tt-suggestion > p:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
span.twitter-typeahead .tt-suggestion.tt-cursor {
  color: #ffffff;
  background-color: #428bca;
}
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
}
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}
.kaarten .kaarten-search {
  margin: 0 auto;
  width: 600px;
}
input[type=checkbox]:not(.old),
input[type=radio]:not(.old) {
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
}
input[type=checkbox]:not(.old) + label,
input[type=radio]:not(.old) + label {
  display: inline-block;
  margin-left: -2em;
  line-height: 1.5em;
}
input[type=checkbox]:not(.old) + label > span,
input[type=radio]:not(.old) + label > span {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 0.01em solid #c0c0c0;
  border-radius: 1em;
  margin: 0.25em 0.5em 0.25em 0.25em;
  background: #ffffff;
  background-image: -moz-linear-gradient(#ffffff, #ffffff);
  background-image: -ms-linear-gradient(#ffffff, #ffffff);
  background-image: -o-linear-gradient(#ffffff, #ffffff);
  background-image: -webkit-linear-gradient(#ffffff, #ffffff);
  background-image: linear-gradient(#ffffff, #ffffff);
  vertical-align: bottom;
}
input[type=checkbox]:not(.old):checked + label > span,
input[type=radio]:not(.old):checked + label > span {
  background-image: -moz-linear-gradient(#ffffff, #ffffff);
  background-image: -ms-linear-gradient(#ffffff, #ffffff);
  background-image: -o-linear-gradient(#ffffff, #ffffff);
  background-image: -webkit-linear-gradient(#ffffff, #ffffff);
  background-image: linear-gradient(#ffffff, #ffffff);
}
input[type=checkbox]:not(.old):checked + label > span:before {
  content: '✓';
  display: block;
  width: 1em;
  color: #0099ff;
  font-size: 0.875em;
  line-height: 1em;
  text-align: center;
  text-shadow: 0 0 0.0714em #0099ff;
  font-weight: bold;
}
input[type=radio]:not(.old):checked + label > span > span {
  display: block;
  width: 0.8em;
  height: 0.8em;
  border-radius: 0.8em;
  margin-left: 0.1em;
  margin-top: 0.1em;
  background: #0099ff;
  background-image: -moz-linear-gradient(#0099ff, #0099ff);
  background-image: -ms-linear-gradient(#0099ff, #0099ff);
  background-image: -o-linear-gradient(#0099ff, #0099ff);
  background-image: -webkit-linear-gradient(#0099ff, #0099ff);
  background-image: linear-gradient(#0099ff, #0099ff);
}
.schneebericht .form-input > label {
  width: 250px;
}
.schneebericht .form-input input {
  width: 120px;
}
.schneebericht .form-input label.checkbox {
  width: auto;
}
.schneebericht .form-input label.checkbox input {
  width: auto;
}
.schneebericht .form-input span {
  float: left;
  margin: 0 20px 0 10px;
  line-height: 45px;
}
.schneebericht .styled-select.slate {
  float: left;
  width: 150px;
  margin-right: 10px;
}
.schneebericht .styled-select.slate select {
  width: 170px;
}
/*
vTip styles
*/
div#vtip {
  font-family: "Open Sans", 'sans-serif';
  display: none;
  position: absolute;
  padding: 10px;
  left: 5px;
  background-color: white;
  border: 1px solid #a6c9e2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 9999;
  font-size: 12px !important;
  font-weight: 300;
  width: 100px;
}
div#vtip #vtipArrow {
  position: absolute;
  top: -10px;
  left: 100px;
}
.bg-success {
  text-align: center;
  clear: both;
  background-color: #dff0d8;
  line-height: 50px;
  height: 50px;
  width: 100%;
}
.bg-error {
  text-align: center;
  clear: both;
  background-color: #f2dede;
  line-height: 50px;
  height: 50px;
  width: 100%;
}
.skigebied-details span {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}
.skigebied-details span:last-child {
  margin-bottom: 20px;
}
.skigebied-details img {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
}
canvas#imgSneeuwHistorie {
  background-image: url('/img/logo/logo-faded.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
div.video video {
  max-width: 100%;
}
#map-canvas-radar-container:hover #map-canvas-toggle-play-pause {
  cursor: pointer;
  display: flex !important;
}
#map-canvas-radar-container:hover #map-canvas-toggle-play-pause.playing span.fa-pause {
  display: initial !important;
  cursor: pointer;
}
#map-canvas-radar-container:hover #map-canvas-toggle-play-pause.paused span.fa-play {
  display: initial !important;
  cursor: pointer;
}
/*# sourceMappingURL=base.css.map */