/* COLORS */
/* fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
body {
  background: #ffffff;
  color: #636362;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  font-weight: lighter;
  /* reset stuff */
  /* other stuff */
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body h7 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 120px;
}
body .wittetekst {
  color: #ffffff;
}
body .zwartetekst {
  color: #000000;
}
body .rodetekst {
  color: #b80d12;
}
body .knop,
body .button {
  background: #4da4d0;
  border-left: #4da4d0;
  border-right: #4da4d0;
  border-top: #4da4d0;
  border-bottom: 4px solid #30657f;
  display: inline-block;
  padding: 20px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
  width: auto;
  margin: 1em 0 1em 5%;
}
body input,
body textarea {
  border: 1px solid #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #ffffff;
  -webkit-appearance: none;
  padding: 4%;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  color: #a7a7a7;
  font-size: 21px;
  width: 92%;
}
body input:focus,
body textarea:focus {
  border-color: #333;
}
body .MobileOnly {
  display: none;
}
body div.banner.greybg {
  background-color: #e7e7e7;
}
body div.banner.lightbluebg {
  background-color: #4da4d0;
}
body div.banner.lightbluebg h1 {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #ffffff;
  font-size: 32px;
  margin: 20px 0;
  font-weight: lighter;
  line-height: 120%;
  text-transform: uppercase;
}
body div.banner.darkbluebg {
  background-color: #16414f;
}
body div.banner.whitebg {
  background-color: #ffffff;
}
body div.banner.lightblackbg {
  background-color: #131313;
  border-top: 5px solid #9e9e9e;
}
body div.banner.blackbg {
  background-color: #000000;
}
body div.banner .automarge {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
body div.banner .automarge.header {
  height: 166px;
}
body div.banner .automarge.header #lgo {
  width: 350px;
  height: 103px;
  float: left;
  margin-top: 35px;
}
body div.banner .automarge.header #socialmedia {
  color: #b80d12;
  font-size: 18px;
  width: 250px;
  float: right;
  text-align: right;
  margin-top: 85px;
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter;
}
body div.banner .automarge.header #socialmedia img {
  margin-left: 20px;
}
body div.banner .automarge.navigation {
  color: #000000;
  font-size: 24px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: lighter;
}
body div.banner .automarge.navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  overflow: hidden;
}
body div.banner .automarge.navigation ul li {
  display: block;
  width: auto;
  float: left;
  line-height: 120%;
  width: 20%;
  text-align: center;
  margin: 0;
}
body div.banner .automarge.navigation ul li a {
  text-decoration: none;
  padding: .2em 1em;
  color: #000000;
  padding: 20px 0;
  display: inline-block;
  border-bottom: solid 5px #80d2e9;
  width: 100%;
}
body div.banner .automarge.navigation ul li a.active {
  border-bottom: solid 5px #30657f;
}
body div.banner .automarge.navigation ul li:first-child {
  text-align: left;
}
body div.banner .automarge.navigation ul li:last-child {
  text-align: right;
}
body div.banner .automarge.navigation2 {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 120%;
  text-transform: uppercase;
}
body div.banner .automarge.navigation2 ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  overflow: hidden;
}
body div.banner .automarge.navigation2 ul li {
  display: block;
  width: auto;
  float: left;
  line-height: 120%;
  width: 20%;
  text-align: center;
  margin: 0;
}
body div.banner .automarge.navigation2 ul li a {
  text-decoration: none;
  padding: .2em 1em;
  color: #ffffff;
  padding: 10px 0;
  display: inline-block;
  border-bottom: solid 5px #16414f;
  width: 100%;
}
body div.banner .automarge.navigation2 ul li a.active {
  border-bottom: solid 5px #4da4d0;
}
body div.banner .automarge.navigation2 ul li:first-child {
  text-align: left;
}
body div.banner .automarge.navigation2 ul li:last-child {
  text-align: right;
}
body div.banner .automarge.nowplaying .bannercenter {
  margin: 5% 0;
  text-align: center;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 32px;
  font-weight: bold;
  /*font-size: 144px;*/
}
body div.banner .automarge.nowplaying .bannercenter p {
  line-height: 120%;
  margin: 0;
}
body div.banner .automarge.nowplaying .bannercenter p.smallertekst {
  text-transform: uppercase;
}
body div.banner .automarge.nowplaying .bannercenter h1 {
  font-size: 60px;
  text-shadow: #000000;
  line-height: 120%;
  margin: 0;
  text-transform: uppercase;
}
body div.banner .automarge.nowplaying .bannercenter .knop {
  padding: 25px 60px;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 36px;
  font-weight: bold;
}
body div.banner .automarge.programmatie {
  padding: 60px 0;
}
body div.banner .automarge.programmatie a.productie {
  display: block;
  width: 308px;
  height: 225px;
  float: left;
  margin-right: 18px;
  margin-bottom: 20px;
  position: relative;
  background-position: center top;
}
body div.banner .automarge.programmatie a.productie.derdecel {
  margin-right: 0;
}
body div.banner .automarge.programmatie a.productie .titel {
  background-color: #ffffff;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  width: 100%;
}
body div.banner .automarge.programmatie a.productie .titel h2 {
  color: #b80d12;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 20px;
  text-decoration: none;
}
body div.banner .automarge.programmatie a.productie .titel .speeldata {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #3d3d3d;
  text-transform: normal;
  padding: 0 20px 20px;
  text-decoration: none;
  display: none;
}
body div.banner .automarge.nieuwsberichten {
  padding: 50px 0;
}
body div.banner .automarge.nieuwsberichten h2 {
  color: #b80d12;
  font-size: 36px;
  line-height: 100%;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: lighter;
  margin: 0;
  padding: 0 0 20px 0;
  font-weight: normal;
}
body div.banner .automarge.nieuwsberichten .nieuwsberichtcontainer {
  width: 100%;
  overflow: hidden;
}
body div.banner .automarge.nieuwsberichten .nieuwsberichtcontainer .nieuwsbericht {
  width: 320px;
  float: left;
}
body div.banner .automarge.nieuwsberichten .nieuwsberichtcontainer .nieuwsbericht h3 {
  color: #3d3d3d;
  font-size: 18px;
  line-height: 100%;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0 0 30px 0;
}
body div.banner .automarge.nieuwsberichten h3 {
  color: #b80d12;
  font-size: 18px;
  line-height: 100%;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 45px 0 30px 0;
}
body div.banner .automarge.columns .first {
  width: 34%;
  float: left;
}
body div.banner .automarge.columns .second {
  width: 33%;
  float: left;
}
body div.banner .automarge.columns .third {
  width: 33%;
  float: left;
}
body div.banner .automarge.toplidsteunsponsor div {
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  text-align: center;
  padding: 20px 0;
  font-weight: lighter;
}
body div.banner .automarge.toplidsteunsponsor div.lid {
  background-color: #4da4d0;
  margin-top: 20px;
}
body div.banner .automarge.toplidsteunsponsor div.steun {
  background-color: #30657f;
  margin-top: 20px;
}
body div.banner .automarge.toplidsteunsponsor div.sponsors {
  background-color: #16414f;
  margin-top: 20px;
}
body div.banner .automarge.lidsteunsponsor div {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}
body div.banner .automarge.lidsteunsponsor div a {
  display: inline-block;
  float: left;
  width: 50%;
  text-align: center;
}
body div.banner .automarge.therealcontent {
  overflow: hidden;
  padding-top: 60px;
}
body div.banner .automarge.therealcontent .theleftblock {
  width: 28%;
  float: left;
  margin-right: 5%;
}
body div.banner .automarge.therealcontent .theleftblock .thewhiteblok {
  background-color: #ffffff;
  padding: 10%;
}
body div.banner .automarge.therealcontent .theleftblock .thewhiteblok h3,
body div.banner .automarge.therealcontent .theleftblock .thewhiteblok h3 a {
  color: #b80d12;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 120%;
  margin: 15px 0;
  text-decoration: none;
  text-transform: uppercase;
}
body div.banner .automarge.therealcontent .theleftblock .thewhiteblok h3.active,
body div.banner .automarge.therealcontent .theleftblock .thewhiteblok h3 a.active {
  border-bottom: 2px solid #b80d12;
}
body div.banner .automarge.therealcontent .theleftblock .thewhiteblok h3:first-child,
body div.banner .automarge.therealcontent .theleftblock .thewhiteblok h3 a:first-child {
  margin-top: 0;
}
body div.banner .automarge.therealcontent .theleftblock p.knoppekeerin {
  margin-top: 30px;
}
body div.banner .automarge.therealcontent .theleftblock p.knoppekeerin .knop.reserveert {
  width: 85%;
  text-align: center;
  font-size: 24px;
}
body div.banner .automarge.therealcontent .therest {
  width: 67%;
  float: left;
}
body div.banner .automarge.therealcontent .therest h1,
body div.banner .automarge.therealcontent .therest h2,
body div.banner .automarge.therealcontent .therest h3 {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #b80d12;
  font-size: 36px;
  line-height: 36px;
  font-weight: lighter;
  margin: 0 0 35px 0;
}
body div.banner .automarge.therealcontent .therest p {
  margin: 0 0 25px 0;
}
body div.banner .automarge.therealcontent.programmatie a.productie {
  display: block;
  width: 308px;
  height: 225px;
  float: left;
  margin-right: 18px;
  margin-bottom: 20px;
  position: relative;
  background-position: center top;
}
body div.banner .automarge.therealcontent.programmatie a.productie.tweedecel {
  margin-right: 0;
}
body div.banner .automarge.therealcontent.programmatie a.productie .titel {
  background-color: #ffffff;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  width: 100%;
}
body div.banner .automarge.therealcontent.programmatie a.productie .titel h2 {
  color: #b80d12;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 20px;
  text-decoration: none;
}
body div.banner .automarge.therealcontent.programmatie a.productie .titel .speeldata {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #3d3d3d;
  text-transform: normal;
  padding: 0 20px 20px;
  text-decoration: none;
  display: none;
}
body div.banner .automarge.therealcontent.fotos h2 {
  color: #b80d12;
  font-size: 36px;
  line-height: 100%;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: lighter;
  margin: 0;
  padding-bottom: 60px;
  font-weight: normal;
}
body div.banner .automarge.therealcontent.fotos .DieFoto div {
  width: 306px;
  height: 224px;
  margin-right: 18px;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 306px auto;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #80d2e9;
}
body div.banner .automarge.therealcontent.fotos .DieFoto:nth-child(3n+1) div {
  margin-right: 0;
}
body div.banner .automarge.footer1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: lighter;
  color: #ffffff;
  line-height: 120%;
}
body div.banner .automarge.footer1 h3 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 22px;
  font-weight: lighter;
  color: #808080;
  margin: 35px 0;
  text-transform: uppercase;
  line-height: 100%;
}
body div.banner .automarge.footer1 a {
  color: #4da4d0;
  text-decoration: none;
}
body div.banner .automarge.footer1 a.knop {
  color: #ffffff;
  font-size: 24px;
}
body div.banner .automarge.footer2 {
  color: #ffffff;
  padding: 20px 0;
  text-align: right;
}
body .field-group {
  padding-bottom: 3%;
}
body .indicates-required {
  text-align: right;
  font-size: 11px;
}
body .righttext {
  text-align: right;
}
body .asterisk {
  color: #b80d12;
  font-size: 200%;
}
body .clear {
  clear: both;
}
body div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0em .5em 0em .5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both;
}
body div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%;
}
body #mce-error-response {
  display: none;
}
body #mce-success-response {
  color: #529214;
  display: none;
}
body label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: .5em 0;
  color: #b80d12;
}
body .error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  color: #b80d12;
}
body #mc-embedded-subscribe {
  clear: both;
}
body .reserveren {
  width: 100%;
  height: 100%;
  background-color: #e7e7e7;
  color: #a7a7a7;
  padding: 40px;
  overflow: hidden;
}
body .reserveren h1 {
  color: #b80d12;
  font-size: 36px;
  line-height: 100%;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  margin: 0;
  padding-bottom: 50px;
  font-weight: lighter;
  width: 90%;
}
body .reserveren h3 {
  color: #b80d12;
  font-size: 24px;
  line-height: 100%;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  margin: 0;
  padding-bottom: 20px;
  text-decoration: none;
}
body .reserveren .leftcolumn {
  width: 40%;
  float: left;
  padding-right: 8%;
}
body .reserveren .leftcolumn .whitecontainer {
  background-color: #ffffff;
}
body .reserveren .leftcolumn .whitecontainer p {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: bold;
}
body .reserveren .leftcolumn .whitecontainer p label {
  display: block;
  padding: 10px;
}
body .reserveren .leftcolumn .whitecontainer p label input {
  position: absolute;
  top: -100px;
  left: -1200px;
}
body .reserveren .leftcolumn .whitecontainer p label .wachtlijst {
  color: #b80d12;
  font-size: 50%;
}
body .reserveren .leftcolumn .whitecontainer p label.active {
  background-color: #30657f;
  color: #ffffff;
}
body .reserveren .rightcolumn {
  width: 40%;
  float: left;
}