@import url('menu.css');
/*  @group Config */
/* Variables *//* Mixins */
/* Import Menu */
@font-face {
  font-family: Century Gothic;
  src: url('fonts/Century_Gothic.eot');
  src: url('fonts/Century_Gothic.eot?#iefix') format('embedded-opentype'), url('fonts/Century_Gothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Century Gothic;
  src: url('fonts/Century_Gothic_Bold.eot');
  src: url('fonts/Century_Gothic_Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Century_Gothic_Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
/* @end *//*  @group Basic Styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
body {
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 14px;
  color: #000000;
  min-height: 100%;
}
/* All  Styles */
a {
  color: #757b00;
  text-decoration: underline;
}
a:hover {
  color: #757b00;
}
a.link {
  color: #007eb1;
}
h1 {
  font-weight: normal;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  margin-bottom: 10px;
  color: #009ddb;
  font-size: 40px;
  position: relative;
  /*display: table;*/

}
/*h1 img {
  vertical-align: inherit;
  margin-right: 10px;
  margin-top: 12px;
}
h1 span {
  display: table-cell;
  line-height: 48px;
  margin-top: 0px;
  width: 100%;
  vertical-align: middle;
}*/
.headerWrapper {
  display: table;
  margin-bottom: 25px;
  position: relative;
  vertical-align: middle;
  float: left;
  left: -4px;
}
.headerWrapper .contentImg {
  margin-right: 10px;
  margin-top: 7px;
  vertical-align: inherit;
  float: left;
}
.headerWrapper h1 {
  color: #009ddb;
  display: table-cell;
  padding-left: 0px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 48px;
  font-weight: normal;
  margin-left: 0px;
  vertical-align: middle;
}
.headerWrapper h1 span {
  display: table-cell;
  line-height: 48px;
  margin-top: 0;
  width: 100%;
}
.headerWrapper.withSubtitle {
  margin-bottom: 5px;
}
h2 {
  color: #009ddb;
  font-weight: normal;
  font-size: 24px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  margin: 0 0 10px 0;
}
h3 {
  color: #009ddb;
  font-weight: bold;
  font-size: 18px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  margin: 0 0 10px 0;
}
h3.negative {
  color: #757b00;
}
p {
  line-height: 20px;
  margin-bottom: 10px;
}
p.intro,
em.intro {
  margin-left: 0px;
  width: 940px;
  display: block;
  line-height: 33px;
  font-style: normal;
  clear: both;
}
em.subtext {
  margin: 0 0 25px 10px;
  width: 940px;
  display: block;
  font-style: normal;
  font-size: 12px;
}
blockquote {
  padding: 10px 0 0 10px;
}
blockquote .quote {
  font-size: 18px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  padding-right: 20px;
}
blockquote p {
  line-height: 27px;
}
blockquote p:last-child,
blockquote p.last {
  padding-bottom: 20px;
  padding-right: 20px;
  margin-bottom: 0px !important;
}
blockquote .name {
  margin: 0 !important;
}
.intro {
  line-height: 22px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 22px;
  margin-bottom: 20px;
}
.intro em {
  line-height: 20px;
}
address {
  font-style: normal;
  color: #86919a;
  margin-bottom: 1.5em;
}
.blockquote {
  padding-bottom: 1em;
}
.blockquote p {
  font-family: "Georgia";
  font-style: italic;
  font-size: 1.2em;
}
dl {
  color: #0D4161;
}
dl dd {
  margin-bottom: 0.4em;
}
dl dt {
  font-weight: bold;
  margin-bottom: 0.4em;
}
ul {
  margin-bottom: 1.5em;
  margin-left: 18px;
}
ul li {
  list-style: none;
  padding-left: 15px;
}
table {
  width: 100%;
  background: #e7f2f6;
  border-collapse: collapse;
  margin-bottom: 2em;
  border-color: #FFF;
}
table thead th {
  font-weight: bold;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
table td {
  border-top: 1px solid #fff;
}
table caption {
  position: absolute !important;
  left: -999em !important;
  top: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
table .right {
  text-align: right;
}
table td,
table th {
  padding: 5px;
  text-align: left;
  vertical-align: top;
}
#phases table {
  margin-bottom: 0em;
}
fieldset {
  position: relative;
}
input.double {
  width: 30px !important;
}
input.large {
  width: 200px !important;
}
input.medium {
  width: 120px !important;
}
input.small {
  width: 64px !important;
}
input.single {
  width: 20px !important;
  text-align: center;
  padding: 4px 0px;
}
/*
input.text {
    border: 1px solid @swatch-blue;
    font-size: 16px;
    padding: 3px 5px;
    font-weight: bold;
    -moz-box-shadow: 1px 1px 0px #eeeeee inset;
    -webkit-box-shadow: 1px 1px 0px #eeeeee inset;
    box-shadow: 1px 1px 0px #eeeeee inset;
}
*/
input[type=text],
input.text {
  border: 1px solid #eee;
  font-size: 18px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  border-radius: 3px;
  padding: 18px 20px;
  -moz-box-shadow: 0px 1px 1px 0px #dddddd inset;
  -webkit-box-shadow: 0px 1px 1px 0px #dddddd inset;
  box-shadow: 0px 1px 1px 0px #dddddd inset;
  float: none;
  color: #000000;
  margin-bottom: 10px;
}
input {
  vertical-align: middle;
  font-family: Verdana, "Times New Roman", Arial, sans-serif;
  outline: 0;
}
.blueBlock input.button {
  padding: 2px 10px;
}
label {
  vertical-align: middle;
}
textarea.text {
  /*
  border: 1px solid @swatch-blue;
    font-size: 16px;
    padding: 3px 5px;
    font-weight: bold;
    -moz-box-shadow: 1px 1px 0px #eeeeee inset;
    -webkit-box-shadow: 1px 1px 0px #eeeeee inset;
    box-shadow: 1px 1px 0px #eeeeee inset;
*/

  border: 1px solid #eee;
  font-size: 18px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  border-radius: 3px;
  padding: 15px;
  -moz-box-shadow: 0px 1px 1px 0px #dddddd inset;
  -webkit-box-shadow: 0px 1px 1px 0px #dddddd inset;
  box-shadow: 0px 1px 1px 0px #dddddd inset;
  float: none;
  color: #000000;
  margin-bottom: 30px;
}
select {
  font-size: 14px;
  -moz-box-shadow: 1px 1px 0px #eeeeee inset;
  -webkit-box-shadow: 1px 1px 0px #eeeeee inset;
  box-shadow: 1px 1px 0px #eeeeee inset;
}
.button,
span.button,
p.button {
  background-color: #009ddb;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  padding: 0px 10px;
  color: #FFF;
  border: 0;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.button:hover,
span.button:hover,
p.button:hover {
  background-color: #007eb1;
  color: white;
}
.button.action,
span.button.action,
p.button.action {
  background: url("/images/arrows/arrow_white_right.png") 95% center no-repeat #009ddb;
  color: white;
  padding-right: 30px;
}
.button.action:hover,
span.button.action:hover,
p.button.action:hover {
  background-color: #007eb1;
  color: white;
}
.button:hover,
span.button:hover,
p.button:hover {
  color: #FFF;
  background-color: #007eb1;
}
span.button a,
p.button a {
  color: #FFF;
  text-decoration: none;
}
/*  @group Header */
#logo {
  position: absolute;
  left: 10px;
  top: 28px;
  width: 173px;
  height: 34px;
  z-index: 2;
}
#logo a.skipLink {
  display: block;
  left: -999em;
  position: absolute;
  text-decoration: none;
  top: -18px;
  width: 200px;
  z-index: 100;
}
#logo hr {
  position: absolute !important;
  left: -999em !important;
  top: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
#header {
  position: absolute;
  left: 0px;
  background: url("../images/bg_header.gif") left bottom repeat-x;
  top: 0;
  width: 100%;
  height: 133px;
}
#header .headerContent {
  width: 960px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
#header hr {
  position: absolute !important;
  left: -999em !important;
  top: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
/* @group Search */
#mainSearch .zoekTerm,
#mainSearch .zoekButton {
  border: none;
  padding: 0 0px 0 20px;
  color: #FFFFFF;
  background-color: #007eb1;
  font-size: 14px;
  font-weight: normal;
  height: 29px;
  line-height: 25px;
}
#mainSearch {
  position: absolute;
  top: 88px;
  right: 0px;
  z-index: 3;
}
#mainSearch .zoekButton {
  background-image: url("../images/icons/icon_search_button.gif");
  background-position: 5px center;
  background-repeat: no-repeat;
  padding: 0 0 0  3px;
  display: inline-block;
  text-indent: -3000px;
  width: 29px;
}
#mainSearch .clear {
  position: absolute;
  left: 190px;
  bottom: 3px;
  background: url("../images/icons/icon_search_close.gif") left top no-repeat;
  height: 15px;
  width: 15px;
  cursor: pointer;
}
#mainSearch .zoekButton:hover {
  cursor: pointer;
  background-color: #FFF;
  background-image: url("../images/icons/icon_search_button_hover.gif");
  color: #007eb1;
}
#mainSearch .zoekTerm {
  width: 201px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}
#mainSearch #suggestions {
  background: #007eb1;
  color: white;
  padding: 0 20px 0px 20px;
}
#mainSearch #suggestions a {
  color: white;
}
#mainSearch label,
#mainSearch legend {
  position: absolute !important;
  left: -999em !important;
  top: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
#faqSearch {
  position: relative;
  padding: 40px 100px 40px 100px;
  margin-bottom: 50px;
  background-color: /*#F1F7FA -- bad contrast */ #e7f2f6;
}
#faqSearch label {
  text-align: center;
  margin-bottom: 20px;
  display: block;
}
#faqSearch label h2 {
  font-size: 40px;
}
#faqSearch input[type=text] {
  /*background: url("@{imgPath}icons/icon_faqsearch.png") 98% center no-repeat white;*/

  border: 1px solid #eee;
  font-size: 18px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  border-radius: 3px;
  border: 1px solid #009ddb;
  width: 713px;
  padding: 15px;
  -moz-box-shadow: 0px 1px 1px 0px #dddddd inset;
  -webkit-box-shadow: 0px 1px 1px 0px #dddddd inset;
  box-shadow: 0px 1px 1px 0px #dddddd inset;
  float: none;
  color: #000000;
  margin-bottom: 30px;
}
#faqSearch #faqSearchAC {
  position: absolute;
  left: 83px;
  display: none;
  top: 154px;
  z-index: 999;
  width: 729px;
}
#faqSearch #faqSearchAC li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#faqSearch #faqSearchAC li a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #797979;
  background: white;
  font-size: 18px;
  padding: 15px;
  margin-top: -1px;
  border: 1px solid #ebebeb;
}
#faqSearch #feedbackForm {
  margin: 20px 0 0 0;
}
#faqSearchButton {
  position: absolute;
  left: 692px;
  top: 71px;
  background: url("/images/icons/icon_faqsearch.png") center no-repeat;
  width: 52px;
  height: 52px;
  border: none;
  cursor: pointer;
}
#faqSearchButton:hover {
  background: url("/images/icons/icon_faqsearch_white.png") center no-repeat #007eb1;
}
#searchResults h3 a {
  color: #009ddb;
  font-weight: normal;
  margin-bottom: 0;
}
#searchResults h3 a:hover {
  color: #007eb1;
}
#searchResults .row {
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
}
#searchResults em {
  font-style: normal;
}
#searchResults em a {
  text-decoration: none;
  color: #797979;
}
.contentsearchcontrol {
  margin-bottom: 20px;
}
.contentsearchcontrol label {
  display: block;
}
/* @group Breadcrumbs */
#breadcrumb {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
#breadcrumb ul {
  margin: 7px 0 0 15px;
}
#breadcrumb ul li {
  display: inline;
  padding: 0;
  font-size: 12px;
  color: #979797;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  text-transform: capitalize;
}
#breadcrumb ul li a {
  color: #000;
  display: inline-block;
  text-decoration: none;
  padding-right: 15px;
  background: url("../images/arrows/arrow_breadcrumb.gif") right center no-repeat;
}
#breadcrumb ul li a:hover {
  text-decoration: none;
  color: #007eb1;
}
#breadcrumb ul li a.noArrow {
  background: none !important;
}
/*  @group Lay Out */
#wrapper {
  width: 100%;
  position: relative;
}
#contentWrapper {
  width: 960px;
  margin: 0 auto;
  padding: 135px 0 0 0;
  position: relative;
  background: #FFFFFF;
}
#popupWrapper {
  /*padding: 0 10px 0 10px;*/

}
/*  @group Sidebar */
#sidebar {
  font-size: 12px;
  margin-top: -21px;
  padding-top: 0px;
  width: 250px !important;
}
#sidebar h3 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 20px;
}
#sidebar .block {
  padding: 20px;
  background-color: /*#F1F7FA -- bad contrast */ #e7f2f6;
  margin-bottom: 10px;
}
#sidebar .block p {
  margin-bottom: 8px;
  line-height: 18px;
}
#sidebar .blueBlock {
  margin-bottom: 10px;
}
#sidebar .block-startform h2 {
    margin-bottom: 15px;
}
#sidebar .block-startform p {
    margin-bottom: 18px;
}
#sidebar .block-startform {
    margin-top: 15px !important;
}
#sidebar .zoomExample {
  position: relative;
  min-height: 250px;
}
#sidebar .zoomExample h3 {
  color: #000;
  font-size: 16px;
  margin-top: 0px;
}
#sidebar p.intro {
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 14px;
  line-height: 20px;
}
#sidebar h3.firstElem {
  margin-top: 0px;
}
#sidebar h2 {
  font-size: 27px;
}
#sidebar .linklist,
#sidebar .links,
#sidebar .link,
#sidebar .actionlinks,
#sidebar .buttonlist,
#sidebar .newsitems {
  margin: 0 !important;
}
#grid .row {
  margin-bottom: 20px;
}
#grid .column25 {
  width: 200px;
  float: left;
}
#grid .column30 {
  width: 278px;
  float: left;
}
#grid .column33 {
  width: 295px;
  margin-right: 30px;
  float: left;
}
#grid .column33.lastElem {
  margin-right: 0;
}
#grid .column33 .noHeader {
  margin-top: 40px;
}
#grid .column33 .contentBlock,
#grid .column33 ul {
  margin-bottom: 0 !important;
}
#grid .column33 .action.fullwidth {
  width: 260px;
}
#grid .column33.vergunningZoneColumn1 {
  margin-right: 15px;
}
#grid .column33.vergunningZoneColumn2 {
  margin-right: 15px;
}
#grid .column25.vergunningZoneColumn1 {
  margin-right: 15px;
}
#grid .column25.vergunningZoneColumn2 {
  margin-right: 15px;
}
#grid .column25.vergunningZoneColumn3 {
  margin-right: 15px;
}
#grid .column67 {
  width: 610px;
  float: left;
  margin-right: 20px;
}
#grid .column50 {
  width: 460px;
  float: left;
  margin-right: 20px;
}
#grid .column45 {
  width: 432px;
  float: left;
  margin-right: 20px;
}
#grid .column45 em.intro,
#grid .column45 p.intro {
  width: 423px;
}
#grid .column45 .regularForm label {
  width: 55%;
}
#grid .column45 .regularForm label.w300 {
  width: 300px;
}
#grid .column45 .regularForm label.small {
  width: 95px;
}
#grid .column45 .regularForm .large label,
#grid .column45 .regularForm .large label.large {
  width: 340px;
  padding-left: 10px;
}
#grid .column45 .regularForm .text,
#grid .column45 .regularForm .readonly {
  width: 145px;
}
#grid .column45 .regularForm .text .large {
  width: 215px;
}
#grid .column50 em.intro,
#grid .column50 p.intro {
  width: 460px;
}
#grid .column50 .projectBlock {
  width: auto !important;
}
#grid .column75 {
  width: 650px;
  float: left;
  padding-right: 45px;
}
#grid .column75 em.intro,
#grid .column75 p.intro {
  width: 650px;
}
#grid .column75 .column50 {
  width: 315px;
}
#grid .column75 .column50 em.intro,
#grid .column75 .column50 p.intro {
  width: 310px;
}
#grid .last {
  margin-right: 0px;
}
#grid .last object {
  float: right;
}
#grid .leftCol {
  float: left;
  width: 50%;
}
#grid .rightCol {
  float: right;
  width: 50%;
  text-align: right;
}
#grid .video,
#grid .foto {
  position: relative;
  display: block;
}
#grid .video .play,
#grid .foto .play {
  position: absolute;
  background: url("../images/icons/icon_play.png") center no-repeat;
  height: 80px;
  width: 80px;
  left: 50%;
  margin-left: -40px;
  top: 50%;
  margin-top: -40px;
}
#grid .video .play:hover,
#grid .foto .play:hover {
  background-image: url("../images/icons/icon_play_hover.png");
}
#grid .foto .play {
  background: url("../images/icons/icon_fotoplay.png") center no-repeat;
}
#grid .foto .play:hover {
  background-image: url("../images/icons/icon_fotoplay_hover.png");
}
#grid .split {
  float: left;
  width: 220px;
  margin-right: 10px;
}
#grid .split .video {
  overflow: hidden;
  height: 100px;
}
#grid .split .video img {
  margin-bottom: 0;
}
#grid .split.last {
  margin-right: 0px;
}
/*  @group Content */
#entry {
  padding: 25px 0px 10px 15px;
  /* @group Lists */
  /* @end */

}
#entry .contentBlock {
  padding-left: 0px;
  margin-bottom: 30px;
  clear: both;
}
#entry .contentBlock p {
  margin-bottom: 10px;
}
#entry .contentBlock .intro {
  margin-left: 0;
  width: auto;
}
#entry .contentBlock .projectBlock {
  margin-left: -10px;
  margin-top: 20px;
  overflow: hidden;
}
#entry .contentBlock .projectBlock.last {
  margin-top: 20px !important;
}
#entry a.link {
  padding-left: 23px;
  background: url("../images/icons/icon_linklist.gif") left 2px no-repeat;
  display: inline-block;
  text-decoration: none;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  color: #007eb1;
  line-height: 22px;
  margin-bottom: 30px;
}
#entry a.link:hover {
  background-image: url("../images/icons/icon_linklist_hover.gif");
  color: #009ddb;
}
#entry a.back {
  background: url("../images/icons/icon_back.gif") left 2px no-repeat;
}
#entry a.back:hover {
  background-image: url("../images/icons/icon_back_hover.gif");
}
.regularForm .field .back {
  float: left;
  margin-bottom: 0 !important;
}
#entry ul {
  margin-top: 10px;
}
#entry ul li {
  list-style-image: url("../images/arrows/arrow_li.gif");
  padding-left: 0;
  margin-bottom: 10px;
}
#entry ul li a.more {
  margin-top: 20px;
  color: #aab300;
  text-decoration: none;
}
#entry ul li a.more:hover {
  color: #aab300;
  list-style-image: url("../images/arrows/arrow_li_hover.gif") !important;
}
#entry ul li span {
  color: #000000;
  line-height: 20px;
}
#entry ul.linklist,
.foldOut ul.linklist {
  margin: 10px 0 30px 0;
}
#entry ul.linklist li,
.foldOut ul.linklist li {
  list-style: none;
  margin-bottom: 5px;
  line-height: 0;
}
#entry ul.linklist a,
.foldOut ul.linklist a {
  padding: 0px 0 0 20px;
  background: url("../images/arrows/arrow_li.gif") left 4px no-repeat;
  display: inline-block;
  text-decoration: none;
  color: #007eb1;
  list-style-image: none;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  line-height: 20px;
  border: 0;
}
#entry ul.linklist a:hover,
.foldOut ul.linklist a:hover {
  background-image: url("../images/arrows/arrow_li_hover.gif");
  color: #009ddb;
}
#entry ul.newsitems {
  margin-left: 0;
}
#entry ul.newsitems li {
  list-style: none;
  margin: 0 0 20px 0;
}
#entry ul.newsitems li .item {
  margin-left: 45px;
}
#entry ul.newsitems li .item h3 {
  margin-bottom: 10px;
}
#entry ul.newsitems li .item h3 a {
  color: #009ddb;
  text-decoration: none;
}
#entry ul.newsitems li .item h3 a:hover {
  color: #007eb1;
}
#entry ul.inline li {
  float: left;
  margin-right: 10px;
}
#entry ul.checklist {
  margin: 10px 0 30px 0px;
  padding: 0;
}
#entry ul.checklist li {
  background: url(../images/icons/icon_check.png) left 2px no-repeat;
  padding-left: 25px;
  list-style: none;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 14px;
  list-style-image: none !important;
}
#entry ul.contact {
  margin: 10px 0;
  padding: 0px;
}
#entry ul.contact li {
  list-style-image: none !important;
  padding: 0;
  margin: 10px 0;
  color: 000;
}
#entry ul.contact li img {
  float: left;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
#entry ul.contact li p {
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 14px;
  margin: 0px;
  color: #000;
}
#entry ul.contact li p a {
  color: #007eb1;
  text-decoration: none;
}
#entry ul.contact li p a:hover {
  color: #009ddb;
}
#entry ul.contact li a.email {
  display: block;
  padding-left: 20px;
  background: url("../images/icons/icon_mail.png") left center no-repeat;
}
#entry ul.contact li a.email:hover {
  background: url("../images/icons/icon_mail_hover.png") left center no-repeat;
}
#entry ul.contact li a.twitterService {
  display: block;
  padding-left: 20px;
  background: url("../images/icons/icon_twitter_small.png") left center no-repeat;
}
#entry ul.contact li a.twitterService:hover {
  background-image: url("../images/icons/icon_twitter_small_hover.png");
}
#entry ul.contact li a.facebookService {
  display: block;
  padding-left: 20px;
  background: url("../images/icons/icon_facebook_small.png") 3px center no-repeat;
}
#entry ul.contact li a.facebookService:hover {
  background-image: url("../images/icons/icon_facebook_small_hover.png");
}
#entry ul.contact li span {
  font-weight: normal;
  color: #007eb1;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 12px;
}
#entry ul.actionlinks {
  margin: 10px 0 30px 0;
  padding: 0;
}
#entry ul.actionlinks li {
  list-style: none;
  margin-bottom: 5px;
  line-height: 0;
  margin-left: 0px;
}
#entry ul.actionlinks li a {
  padding-left: 25px;
  background: url("../images/icons/icon_linklist.gif") left 2px no-repeat;
  display: block;
  text-decoration: none;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  height: auto;
  list-style-image: none;
  color: #007eb1;
  line-height: 22px;
  margin-bottom: 0px;
}
#entry ul.actionlinks li a.showAll {
  background: url("../images/icons/icon_link_white.gif") left 2px no-repeat;
}
#entry ul.actionlinks li a.important {
  background: url("../images/icons/icon_msg.gif") left 2px no-repeat;
  color: #BD3A12;
}
#entry ul.actionlinks li a.important:hover {
  background: url("../images/icons/icon_msg.gif") left 2px no-repeat;
  color: #009ddb;
}
#entry ul.actionlinks li a:hover {
  background-image: url("../images/icons/icon_linklist_hover.gif");
  color: #009ddb;
}
#entry ul.buttonlist {
  margin: 10px 0;
  padding: 0;
}
#entry ul.buttonlist li {
  list-style: none;
}
#entry ul.buttonlist li a {
  display: block;
  padding: 7px 10px;
  background-color: #FFF;
  text-decoration: none;
  list-style-image: none;
  min-height: 40px;
}
#entry ul.buttonlist li img {
  float: left;
  height: 40px;
  margin-right: 10px;
}
#entry ul.buttonlist li a span {
  color: #007eb1;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  padding-right: 0px;
  font-size: 12px;
  display: block;
}
#entry ul.buttonlist li a:hover {
  background: #FFF;
}
#entry ul.buttonlist li a:hover span {
  /*background: url("../images/arrows/arrow_li_hover.gif") right 6px no-repeat;*/

  color: #009ddb;
}
/* Buttonslist 50*/
#entry ul.buttonlist50 {
  margin: 0;
  padding: 0;
}
#entry ul.buttonlist50 li {
  list-style: none;
  padding-right: 5px;
  background: url("../images/buttons/btn_bg50_right.gif") right top no-repeat;
}
#entry ul.buttonlist50 li a {
  display: block;
  padding: 0px;
  background: url("../images/buttons/btn_bg50.gif") left top no-repeat;
  text-decoration: none;
  height: 64px;
  list-style-image: none;
  line-height: 64px;
  font-size: 22px;
  color: #009ddb;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
#entry ul.buttonlist50 li a span {
  padding-left: 80px;
  font-size: 22px;
  color: #009ddb;
  display: block;
  height: 100%;
  line-height: 64px;
}
#entry ul.buttonlist50 li a span.watermeter {
  background: url("../images/icons/icon_small_meterstand.gif") 10px center no-repeat;
}
#entry ul.buttonlist50 li a span.moving {
  background: url("../images/icons/icon_small_verhuizen.gif") 17px center no-repeat;
}
#entry ul.buttonlist50 li a span.paying {
  background: url("../images/icons/icon_small_betalen.gif") 17px center no-repeat;
}
#entry ul.buttonlist50 li a span.editDetails {
  background: url("../images/icons/icon_small_head_gegevens.gif") 17px center no-repeat;
}
#entry ul.buttonlist50 li a:hover {
  background: url("../images/buttons/btn_bg50.gif") left bottom no-repeat;
}
#entry ul.buttonlist50 li:hover a {
  background: url("../images/buttons/btn_bg50_right.gif") right bottom no-repeat;
}
/* Buttonlist 33 */
#entry ul.buttonlist33 {
  margin: 0;
  padding: 0;
}
#entry ul.buttonlist33 li {
  list-style: none;
  background: url("../images/buttons/btn_bg50.gif") left top no-repeat;
}
#entry ul.buttonlist33 li a {
  display: block;
  padding: 0px;
  background: url("../images/buttons/btn_bg50_right.gif") right top no-repeat;
  text-decoration: none;
  height: 64px;
  list-style-image: none;
  line-height: 64px;
  font-size: 22px;
  color: #009ddb;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
#entry ul.buttonlist33 li a span {
  padding-left: 80px;
  font-size: 22px;
  color: #009ddb;
  display: block;
  height: 100%;
  line-height: 64px;
}
#entry ul.buttonlist33 li a span.multiline {
  background-position: 10px 2px !important;
  line-height: 24px;
  position: relative;
  top: 7px;
}
#entry ul.buttonlist33 li a span.watermeter {
  background: url("../images/icons/icon_small_meterstand.gif") 10px center no-repeat;
}
#entry ul.buttonlist33 li a span.moving {
  background: url("../images/icons/icon_small_verhuizen.gif") 17px center no-repeat;
}
#entry ul.buttonlist33 li a span.paying {
  background: url("../images/icons/icon_small_betalen.gif") 17px center no-repeat;
}
#entry ul.buttonlist33 li a span.editDetails {
  background: url("../images/icons/icon_small_head_gegevens.gif") 17px center no-repeat;
}
#entry ul.buttonlist33 li:hover a {
  background: url("../images/buttons/btn_bg50_right.gif") right bottom no-repeat;
}
#entry ul.buttonlist33 li:hover {
  background: url("../images/buttons/btn_bg50.gif") left bottom no-repeat;
}
#entry .iconedHeader {
  margin-bottom: 10px;
  zoom: 1;
}
#entry .iconedHeader:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#entry .iconedHeader img {
  float: left;
  margin-right: 15px;
  position: relative;
  top: -2px;
}
#entry .iconedHeader h2 {
  font-size: 30px;
}
#entry ul.links {
  margin: 10px 0 30px 0;
  padding: 0;
}
#entry ul.links li {
  list-style: none;
  margin-bottom: 5px;
}
#entry ul.links li a {
  margin: 0;
}
#entry ol {
  margin-left: 20px;
}
#entry ol li {
  list-style: decimal !important;
}
/* @group Sidemenu */
#sidemenu ul {
  margin: 0 20px 0 0;
}
#sidemenu ul li {
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0;
  border-bottom: 1px solid #d0d9dd;
}
#sidemenu ul li.selected a {
  background: url("../images/arrows/arrow_li_hover.gif") 1px 7px no-repeat;
  color: #009ddb;
}
#sidemenu ul li.selected a:hover {
  color: #007eb1;
  background: url("../images/arrows/arrow_li_hover.gif") 1px 7px no-repeat;
}
#sidemenu ul li.open .level2 {
  display: block;
}
#sidemenu ul li.open a {
  background: url("../images/arrows/arrow_submenu_active.gif") 1px 7px no-repeat;
  color: #009ddb;
}
#sidemenu ul li.open a:hover {
  color: #007eb1;
  background: url("../images/arrows/arrow_submenu_active.gif") 1px 7px no-repeat;
}
#sidemenu ul li.open ul li a {
  color: #000000;
}
#sidemenu ul li a {
  font-size: 16px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  display: block;
  padding-left: 20px;
  margin-bottom: 5px;
  background: url("../images/arrows/arrow_li.gif") left 6px no-repeat;
}
#sidemenu ul li a:hover {
  color: #009ddb;
  background: url("../images/arrows/arrow_li_hover.gif") 0px 6px no-repeat;
}
#sidemenu ul li .level2 {
  padding-left: 20px;
  padding: 0;
  margin: 0;
  display: none;
}
#sidemenu ul li .level2 li {
  border-bottom: 0px;
}
#sidemenu ul li .level2 li a {
  font-size: 14px;
  text-transform: inherit;
  background: none;
  padding: 3px 20px;
  margin-bottom: 1px;
  background: #eef0cc;
}
#sidemenu ul li .level2 li a.active {
  background: #d4d97f;
}
#sidemenu ul li .level2 li a:hover {
  background: #d4d97f;
  color: #000000;
}
#content .column25 {
  width: 221px;
}
#content .column75 {
  margin-right: 0;
  border-left: 1px solid #d0d9dd;
  border-right: 0;
  padding-left: 50px;
  padding-right: 10px;
}
/* Feedback */
/*#feedbackForm{display:none;}*/
#feedbackThanks,
#feedbackNoInput {
  display: none;
}
#feedbackComment {
  width: 98% !important;
}
#feedbackResult textarea,
#feedbackResult input {
  margin-top: 6px;
}
#feedbackResult .button {
  float: right;
  margin-right: 6px;
}
/*#feedbackForm label{width:300px;display:block;}*/
#addthisbox label {
  /*
    margin-left: -460px;
    vertical-align: middle;
    */

  float: left;
}
#sharethis_bar {
  float: left;
  font-size: 12px;
  margin-left: 10px;
  padding: 0;
  position: absolute;
  top: 64px;
}
#feedbackForm h2 {
  background: #FFF;
  display: inline;
  padding: 10px 20px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  top: -32px;
  color: #007eb1;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  left: 200px;
}
#feedbackForm h3 {
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  color: #FFF;
  display: inline;
}
#feedbackForm .blueBlock {
  background-color: #009ddb !important;
  color: #FFF;
  margin-bottom: 0;
  padding: 10px 10px;
}
#feedbackForm .blueBlock h3,
#feedbackForm .blueBlock a {
  color: #FFF;
}
#feedbackForm .blueBlock .button {
  background: #FFF;
  color: #009ddb;
  height: 31px;
  line-height: 30px;
  margin-left: 5px;
}
#feedbackForm .greenBlock {
  background-color: #acb508 !important;
  color: #FFF;
}
#feedbackForm .greenBlock .button {
  background: #FFF;
  color: #acb508;
  height: 31px;
  line-height: 30px;
  margin-left: 5px;
}
#feedbackForm a.link {
  padding-left: 23px;
  background: url("../images/icons/icon_linklist.gif") left 2px no-repeat;
  display: block;
  text-decoration: none;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  color: #007eb1;
  line-height: 22px;
  margin-bottom: 30px;
}
#feedbackForm a.link:hover {
  background-image: url("../images/icons/icon_linklist_hover.gif");
  color: #009ddb;
}
#feedbackform #like-button {
  width: 60px;
}
#feedbackform a.addthis_button_tweet {
  width: 100px;
}
#feedbackform #gplus-button {
  width: 65px;
  padding-top: 2px;
}
/* @group Sidemenu */
#projectmenu {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}
#projectmenu ul {
  position: absolute;
  bottom: 3px;
  left: 30px;
  background: #FFF;
  width: auto;
  padding: 0px;
  margin: 0;
  border: 1px solid #d0d9dd;
}
#projectmenu ul li.back {
  border: 1px solid #aab300;
  background-color: #aab300;
  height: 33px;
  margin: -1px;
  z-index: 8;
  overflow: visible !important;
  position: absolute;
}
#projectmenu ul li.back .left {
  display: block;
  background: url("../images/arrows/arrow_pmenu_down.gif") bottom center no-repeat;
  height: 10px;
  width: 13px;
  position: absolute;
  bottom: -10px;
  left: 44%;
}
#projectmenu ul li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
#projectmenu ul li a {
  font-size: 18px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  padding: 5px 10px;
  outline: none;
  text-align: center;
  z-index: 10;
  display: block;
  float: left;
  position: relative;
  margin: auto 0px;
}
#projectmenu ul li a.active {
  background: #aab300;
  border-color: #aab300;
}
#projectmenu img {
  max-width: 960px;
}
#projectmenu .thema {
  bottom: 130px;
}
#projectmenu .thema span {
  font-size: 48px;
  line-height: 60px;
}
#projectmenu h2 {
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 0;
  margin: 0;
}
#projectmenu h2 span {
  display: inline;
  font-size: 33px;
  padding: 0px 10px;
  line-height: 42px;
  margin: 0;
  color: #FFF;
  background: url("../images/homepage/bg_titel.png") left top repeat;
  width: auto;
  vertical-align: inherit;
}
/* @group Contact form */
#contactQuestions {
  position: relative;
  margin-top: 45px;
}
#contactQuestions a {
  text-decoration: none;
}
#contactQuestions ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#contactQuestions ul li {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
}
#contactQuestions ul li a {
  color: #000;
  display: block;
  padding: 15px 20px;
}
#contactQuestions ul li a.selected {
  background: #FFF;
  padding-left: 30px;
}
#contactQuestions .state {
  position: absolute;
  display: none;
  top: -46px;
  height: 21px;
  width: 55px;
  background: url("/images/arrows/arrow_hr_down.png") left top no-repeat;
}
#contactQuestions .question1 {
  float: left;
  width: 240px;
  margin: 0 10px 0 0;
}
#contactQuestions .question1.active .state {
  display: block;
  left: 90px;
}
#contactQuestions .question1 .blueBlock {
  padding: 0;
  background: #009ddb;
}
#contactQuestions .question1 .blueBlock a {
  color: #FFF;
}
#contactQuestions .question1 .blueBlock a:hover {
  background: #018ec6;
}
#contactQuestions .question1 .blueBlock a.selected {
  width: 237px;
  position: relative;
  z-index: 2;
  padding-bottom: 25px;
  margin-bottom: -10px;
  margin-left: -10px;
  color: #009ddb !important;
  background: url("/images/arrows/arrow_contact_q1.png") left top no-repeat transparent;
}
#contactQuestions .question2 {
  float: left;
  width: 260px;
  margin: 0 10px;
}
#contactQuestions .question2.active .state {
  display: block;
  left: 350px;
}
#contactQuestions .question2 .blueBlock {
  padding: 0;
}
#contactQuestions .question2 .blueBlock a {
  color: #009ddb;
}
#contactQuestions .question2 .blueBlock a:hover {
  background: #e3edf2;
}
#contactQuestions .question2 .blueBlock a.selected {
  width: 255px;
  position: relative;
  z-index: 1;
  padding-bottom: 25px;
  margin-bottom: -10px;
  margin-left: -10px;
  color: #FFF !important;
  background: url("/images/arrows/arrow_contact_q2.png") left top no-repeat transparent;
}
#contactQuestions .results {
  float: left;
  width: 405px;
  margin-left: 10px;
  background: url("/images/arrows/arrow_blueBlock_down.png") 48% bottom no-repeat;
  margin-bottom: 20px;
}
#contactQuestions .results.active .state {
  display: block;
  left: 705px;
}
#contactQuestions .results .action {
  width: 370px;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: normal;
}
#contactQuestions .results h3 {
  background: /*#F1F7FA -- bad contrast */ #e7f2f6;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  color: #009ddb;
  padding: 20px;
}
.m_tooltip {
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
  z-index: -2;
  color: #000000;
  float: left;
  margin-top: 10px;
  padding: 10px;
  width: 260px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 1px 2px #000;
  background-color: #FFFFFF;
}
#contactForm .header {
  text-align: center;
  margin-bottom: 20px;
  display: block;
}
#contactForm .header h2 {
  font-size: 40px;
}
#contactForm .header h3 {
  font-weight: normal;
  color: #000000;
  font-size: 22px;
  text-transform: none;
}
#contactForm .header h3 p {
  line-height: 33px;
  font-style: normal;
  margin: 0;
}
.or {
  height: 90px;
  width: 90px;
  background: /*#F1F7FA -- bad contrast */ #e7f2f6;
  line-height: 90px;
  text-transform: uppercase;
  color: #009ddb;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  background: url("/images/circle.png") left top no-repeat;
  margin: 70px auto 50px auto;
}
#contactForm fieldset {
  float: left;
  width: 49%;
  margin-right: 9px;
}
#contactForm fieldset input.text {
  width: 390px;
}
#contactForm fieldset textarea {
  width: 400px;
  height: 170px;
  margin-bottom: 10px;
}
#contactForm fieldset .error {
  color: #cc0000;
}
#contactForm input[type=submit] {
  font-size: 16px;
  height: 40px;
  width: 430px;
  float: right;
  margin-right: 13px;
}
#contactForm input[type=file] {
  margin-bottom: 10px;
}
#contactForm .checkbox {
  padding: 15px 10px 34px 20px;
  zoom: 1;
}
#contactForm .checkbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#contactForm .checkbox div {
  float: left;
  margin-right: 30px;
}
#contactForm .checkbox label {
  width: auto;
  margin-right: 20px;
}
#contactForm .checkbox input {
  float: left;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
/* @group Thema */
#thema #projectmenu {
  margin: 0px;
}
#thema #projectmenu ul {
  bottom: 20px;
}
#thema #entry {
  margin-top: 325px;
  background: #e7f2f6;
  border: 1px solid #d0d9dd;
  position: relative;
  z-index: 2;
  padding-top: 20px;
  padding-left: 0;
}
#thema #entry .column33.last {
  margin-right: 30px;
  margin-left: 30px !important;
  margin-top: 10px !important;
}
#thema #entry .column75 {
  width: 610px;
}
#thema #entry .column75 .intro {
  width: 610px;
}
#thema #entry p {
  margin-bottom: 20px;
}
#thema #entry .column33 {
  width: 280px;
  float: left;
  margin-left: 30px;
  margin-top: 10px;
  margin-right: 0;
}
#thema #entry .column33 .whiteBlock {
  padding: 0 0 10px 0;
  margin-bottom: 0;
  background: #FFF;
  border: 1px solid #d0d9dd;
}
#thema #entry .column33 .whiteBlock h3 {
  padding: 10px;
  margin-bottom: 0px;
}
#thema #entry .column33 .whiteBlock img {
  margin: 0;
}
#thema #entry .column33 .whiteBlock p {
  padding: 10px 10px;
  color: #007eb1;
  font-size: 18px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-weight: normal;
  line-height: 24px;
}
#thema #entry .column33 .whiteBlock a.link {
  margin-left: 10px;
  color: #000000;
}
#thema #headerPhoto {
  position: absolute;
  width: 100%;
  height: 430px;
  background: transparent;
  top: 174px;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
#thema #headerPhoto .content {
  width: 960px;
  margin: 0 auto;
  z-index: 4;
  position: relative;
}
#thema #headerPhoto .content h1 {
  text-transform: uppercase;
  width: 600px;
  position: absolute;
  top: 30px;
  left: 30px;
  margin: 0;
  line-height: 17px;
}
#thema #headerPhoto .content h1 a {
  text-decoration: none;
}
#thema #headerPhoto .content h1 a span {
  display: inline-block;
  font-size: 48px;
  padding: 10px 5px;
  line-height: 32px;
  margin: 0;
  color: #FFF;
  background: url("../images/homepage/bg_titel.png") left top repeat;
  width: auto;
  vertical-align: inherit;
}
#thema #headerPhoto .bg {
  position: absolute;
  top: 0 !important;
  width: 100%;
}
#thema #entry .column33 .whiteBlock .video img,
#thema #entry .column33 .whiteBlock .foto img,
#thema #entry .column33 .whiteBlock img {
  max-width: 277px;
  margin: 0 1px;
}
.themaContent #entry {
  background: #FFF !important;
  border: 0 !important;
  padding: 20px 20px !important;
}
/* @group Project */
#project #zipcodeCheck {
  z-index: 100;
}
#project #header {
  z-index: 10;
  background-position: 0px 94px;
}
#project #contentWrapper {
  z-index: 5;
  background: transparent;
}
#project #mainMenu {
  top: 94px;
}
#project #projectmenu {
  margin: 0px;
  padding-top: 3px;
  height: 45px;
}
#project #projectmenu ul {
  bottom: auto;
  width: 900px;
}
#project #projectmenu ul a {
  font-size: 16px;
}
#project #headerPhoto {
  position: absolute;
  width: 100%;
  height: 430px;
  background: transparent;
  top: 132px;
  /*174px;*/

  left: 0;
  z-index: 1;
  overflow: hidden;
}
#project #headerPhoto .bg {
  position: absolute;
  top: 0 !important;
  width: 100%;
}
#project #headerPhoto .content {
  width: 960px;
  margin: 0 auto;
  z-index: 4;
  position: relative;
}
#project #headerPhoto .content h1 {
  text-transform: uppercase;
  width: 600px;
  position: absolute;
  top: 104px;
  left: 30px;
  margin: 0;
  line-height: 17px;
}
#project #headerPhoto .content h1 a {
  text-decoration: none;
}
#project #headerPhoto .content h1 a span {
  display: inline-block;
  font-size: 48px;
  padding: 10px 5px;
  line-height: 32px;
  margin: 0;
  color: #FFF;
  background: url("/images/homepage/bg_titel.png") left top repeat;
  width: auto;
  vertical-align: inherit;
}
#project #breadcrumb ul {
  margin: -4px 0 19px 38px;
  color: #007eb1;
}
#project #breadcrumb ul a,
#project #breadcrumb ul a.current {
  color: #007eb1;
}
#project #locationCheck {
  background: #009ddb;
  margin: 0 -1px 35px;
  color: #fff;
  position: relative;
}
#project #locationCheck .description {
  font-weight: bold;
  display: inline-block;
  padding: 15px 40px;
}
#project #locationCheck fieldset {
  padding: 20px;
  background: #007eb1;
  position: absolute;
  left: 500px;
  top: -12px;
}
#project #locationCheck fieldset input {
  color: #007eb1;
  font-size: 20px;
  text-transform: uppercase;
  padding: 2px;
  font-weight: bold;
  border: 1px solid #009bd9;
  border-bottom-color: #64c3e9;
  border-top-color: #c6dde6;
  margin: 0;
  text-align: center;
}
#project #locationCheck input.numbers {
  width: 64px;
}
#project #locationCheck input.letters {
  width: 40px;
}
#project #locationCheck input[type=submit] {
  width: 30px;
  background: #aab300 url(../images/location-arrow.png) 10px 7px no-repeat;
  border: 1px solid #aab300;
  border-bottom-color: #929a00;
  border-top-color: #c5cb52;
  text-indent: -9999em;
  cursor: pointer;
  outline: 0;
}
#project #locationCheck input[type=submit]:hover {
  background-color: #009ddb;
  border: 1px solid #009ddb;
  border-bottom-color: #008cc3;
  border-top-color: #15A5DE;
}
#map_canvas {
  width: 100%;
  height: 430px;
  position: absolute;
  top: 132px;
  left: 0;
  z-index: 1;
}
#project .googlemapstitle {
  width: 960px;
  margin: 0 auto;
  z-index: 2;
  position: relative;
  top: 0;
  left: 0;
}
#project .googlemapstitle h1 {
  width: 600px;
  position: absolute;
  top: 225px;
  left: 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 17px;
}
#project .googlemapstitle h1 span {
  background: url("/images/homepage/bg_titel.png") repeat scroll left top transparent;
  padding: 10px 5px;
  line-height: 32px;
  display: inline-block;
}
#project #entry {
  margin-top: 286px;
  background: #fff;
  border: 1px solid #e1dfe3;
  position: relative;
  z-index: 2;
  padding-left: 0;
  padding-top: 20px;
}
#project #entry h1 {
  margin-right: 30px;
  margin-left: 30px;
}
#project #entry .content {
  padding: 20px 30px 60px 30px;
}
#project #entry .column75 {
  width: 598px;
  border-right: 0;
  padding: 0 10px;
  margin-right: 50px;
}
#project #entry .column75 .intro {
  width: 598px;
  margin-left: 0;
}
#project #entry .column25 {
  width: 230px;
}
#project #entry .column50 {
  width: 430px;
  padding: 0 10px;
  margin-right: 18px;
}
#project #entry .column50.last {
  margin-right: 0;
  padding: 0;
}
#project #entry .column50 .intro {
  width: 430px;
  margin-left: 0;
}
#project .slidePanel,
#project .slidePanel.active:hover {
  border: 1px solid #7accec;
  border-top: 1px solid #e9f6fc;
  margin: 0 0 10px;
  padding: 0 10px;
  background: url("../images/slidePanel-bg.png") repeat-x left bottom transparent;
}
#project .slidePanel:hover {
  border: 1px solid #0380b3;
  border-top: 1px solid #7accec;
  background: url("../images/slidePanel-bg-hover.png") repeat-x left bottom transparent;
}
#project .slidePanel.active,
#project .slidePanel.active:hover {
  background: #fff;
}
#project .slidePanel > a {
  padding: 10px 10px 10px 57px;
  margin: 0;
  cursor: pointer;
  font-size: 24px;
  font-weight: normal;
  background: no-repeat 0px 5px;
  display: block;
  text-decoration: none;
  color: #009ddb;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
#project .column25 .slidePanel > a {
  color: #007eb1;
  font-weight: bold;
  font-size: 14px;
  line-height: 34px;
}
/*#project #ideasBlock{ margin-bottom:20px;} */
#project #subscribeBlock {
  margin-bottom: 20px;
}
#project .column25 #ideasBlock > a {
  line-height: 16px;
}
#project .slidePanel.active > a {
  border-bottom: 1px solid #7accec;
}
#project #appointmentBlock > a {
  background-image: url("../images/slideIcon-appointment.png");
}
#project #appointmentBlock:hover > a,
#project #appointmentBlock.active > a {
  background-image: url("../images/slideIcon-appointment-hover.png");
}
#project #callBlock > a {
  background-image: url("../images/slideIcon-call.png");
}
#project #callBlock:hover > a,
#project #callBlock.active > a {
  background-image: url("../images/slideIcon-call-hover.png");
}
#project #ideasBlock > a {
  background-image: url("../images/slideIcon-ideas.png");
}
#project #ideasBlock:hover > a,
#project #ideasBlock.active > a {
  background-image: url("../images/slideIcon-ideas-hover.png");
}
#project #subscribeBlock > a {
  background-image: url("../images/slideIcon-appointment.png");
}
#project #subscribeBlock:hover > a,
#project #subscribeBlock.active > a {
  background-image: url("../images/slideIcon-appointment-hover.png");
}
#project .slideContent {
  display: none;
}
#project .slideContent fieldset {
  margin: 10px 0;
}
#project .slideContent fieldset .fieldrow {
  background: #e7f2f6;
  overflow: hidden;
  padding: 10px;
  margin-bottom: 5px;
}
#project .slideContent fieldset .fieldrow label {
  display: block;
  color: #007eb1;
  font-weight: bold;
  margin: 0 0 5px;
}
#project .slideContent fieldset .fieldrow table {
  margin-bottom: 0;
}
#project .slideContent fieldset .fieldrow table input,
#project .slideContent fieldset .fieldrow table label {
  float: left;
}
#project .slideContent fieldset .fieldrow table label {
  display: inline-block;
  width: 340px;
}
#project .slideContent fieldset #phases label {
  display: inline;
}
#project .slideContent fieldset .fieldrow input[type=text],
#project .slideContent fieldset .fieldrow select {
  border: 1px solid #009bd9;
  border-top-color: #0085b9;
  border-bottom-color: #64c3e9;
  padding: 4px 5px;
  display: block;
}
#project .column50 .slideContent fieldset .fieldrow input[type=text] {
  width: 350px;
}
#project .column50 .slideContent fieldset .fieldrow select {
  width: 366px;
}
#project .column25 .slideContent fieldset .fieldrow input[type=text] {
  width: 157px;
}
#project .column25 .slideContent fieldset .fieldrow select {
  width: 173px;
}
#project .slideContent fieldset .fieldrow input.numbers {
  width: 64px !important;
  display: inline;
}
#project .slideContent fieldset .fieldrow input.letters {
  width: 20px !important;
  display: inline;
  text-transform: uppercase;
}
#project .slideContent fieldset .fieldrow input[type=submit] {
  float: right;
  margin-right: 22px;
}
#project .column25 .slideContent fieldset .fieldrow input[type=submit] {
  float: right;
  margin-right: 15px;
}
#project .slideContent fieldset .fieldrow.required {
  background: #f3e6dc url(../images/ico-required.png) no-repeat right bottom;
}
#project .slideContent fieldset .fieldrow.required label {
  color: #bd3a12;
}
#project .slideContent fieldset .fieldrow.required input[type=text],
#project .slideContent fieldset .fieldrow.required select {
  border: 1px solid #ce7401;
  border-top-color: #c75b08;
  border-bottom-color: #e2ac64;
}
a.lightbox {
  text-decoration: none;
  position: relative;
  overflow: hidden;
  float: left;
  clear: both;
  width: 100%;
}
a.lightbox img {
  border: 1px solid #e9e8ed;
}
a.lightbox img.zoom {
  border: 0;
  position: absolute;
  top: 50px;
  margin: 0 0 0 80px;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
a.lightbox img.zoom:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
a.lightbox span.link {
  padding-left: 23px;
  background: url("../images/icons/icon_linklist.gif") left 2px no-repeat;
  display: block;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  color: #007eb1;
  line-height: 22px;
  margin-bottom: 30px;
}
a.lightbox span.link:hover {
  background-image: url("../images/icons/icon_linklist_hover.gif");
  color: #009ddb;
}
#project .highlight {
  background: #e7f2f6;
  padding: 10px;
  margin-bottom: 20px;
}
/*#project .highlight*/a.rss {
  text-decoration: none;
  color: #333;
  display: block;
  clear: both;
  text-align: right;
  margin: 0 0 8px;
  padding: 0 25px 0 0;
  background: url(../images/ico-rss.png) no-repeat center right;
}
/*#project .highlight*/a.rss:hover {
  color: #009ddb;
}
a.rss.actueelrss {
  color: #007eb1;
}
#project .highlight a.link {
  margin-bottom: 0px;
}
#project td.fase span {
  color: #fff;
  background: #019dd9 url(../images/blue-icon.png) no-repeat;
  width: 18px;
  height: 18px;
  display: block;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-weight: bold;
  text-align: center;
}
#project ul.dates li {
  overflow: hidden;
}
#project ul.dates li > a {
  float: left;
  width: 415px;
  background-position: 1% 100%;
  border-left: 1px solid #7bccec;
  border-right: 1px solid #7bccec;
}
#project ul.dates li > div {
  margin: -5px 0 10px 140px;
  width: 387px;
  float: left;
}
#project em.datelist {
  overflow: hidden;
  width: 140px;
  color: #004380;
  font-style: normal;
  text-transform: uppercase;
  float: left;
}
#project em.datelist em {
  display: inline-block;
  padding: 4px 2px;
  vertical-align: top;
  margin-top: 23px;
  margin-right: 6px;
}
#project em.datelist strong {
  text-align: center;
  display: inline-block;
  width: 30px;
  border: 1px solid #2ec3fd;
  color: #004380;
  padding: 4px 2px;
  background: #ffffff url("../images/slidePanel-bg.png") repeat-x left bottom;
  font-size: 12px;
  margin-right: 15px;
}
#project em.datelist strong.withyear {
  width: 50px;
}
#project .accordion em.datelist strong {
  margin-right: 6px;
}
#project .accordionPlaceholder > ul li > a {
  padding: 23px 10px 22px;
}
#project em.datelist span {
  text-transform: uppercase;
  color: #004380;
  display: block;
  font-size: 14px;
}
#project .dates > li h3 {
  margin-left: 110px;
}
#project .progress {
  margin: 0;
}
#project .progress li {
  list-style: none;
  overflow: hidden;
  padding: 10px;
  background: url("../images/buttons/acc_li_bg.gif") no-repeat 1% 100%;
  border-top: 1px solid #E9F6FC;
  border-left: 1px solid #7bccec;
  border-right: 1px solid #7bccec;
  vertical-align: middle;
}
#project .progress li:hover {
  background: url("../images/buttons/acc_li_bg_hover.gif") no-repeat 1% 100%;
  cursor: pointer;
}
#project .progress li a {
  text-decoration: none;
  color: #009ddb;
  font-size: 18px;
  font-weight: bold;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
#project .progress li a:hover {
  color: #333;
}
#project .progress em.datelist {
  width: 45px;
}
#project .sideblocknavigation {
  margin: 0 0 20px;
}
#project .sideblocknavigation li {
  margin: 0;
  list-style: none;
  padding: 0;
}
#project .sideblocknavigation li a {
  display: block;
  color: #333;
  border-top: 1px solid #e5e8b2;
  text-decoration: none;
  padding: 7px 10px 7px 25px;
  background: url(../images/sideblocknav_arrow.png) no-repeat 10px 11px;
}
#project .sideblocknavigation li a:hover {
  background-color: #f6f7dd;
}
#project .sideblocknavigation li.active a {
  background-color: #e5e8b2;
}
.vcardsholder {
  margin: 0 -40px 0 -10px;
  overflow: hidden;
}
.vcard {
  background: url("../images/buttons/acc_li_bg.gif") no-repeat 1% 100%;
  border: 1px solid #7bccec;
  border-bottom: 0;
  float: left;
  width: 285px;
  height: 170px;
  padding: 10px 5px 0px 10px;
  margin: 0 20px 20px 0;
  overflow: hidden;
}
.vcard img {
  float: left;
}
.vcard .data {
  float: right;
  width: 165px;
  position: relative;
}
.vcard .data h3 {
  margin-bottom: 0px;
  font-size: 15px;
  color: #333;
  height: 40px;
  overflow: hidden;
}
.vcard .data p {
  margin-bottom: 10px;
  font-size: 12px;
}
.vcard .data p.function {
  height: 40px;
}
.socialmedia {
  width: 100px;
  text-align: right;
  padding: 0;
  height: 23px;
  position: absolute;
  top: 5px;
  right: 25px;
}
.vcard .socialmedia {
  text-align: left;
  padding: 0;
  height: 30px;
  position: relative;
  top: -10px;
  right: 0;
  line-height: 0;
}
.socialmedia a {
  text-decoration: none;
  width: 22px;
  height: 23px;
  background-image: url("/images/ico-socials.png");
  text-indent: -9999em;
  font-size: 0.001em;
  line-height: 0;
  display: inline-block;
  margin: 0 5px 0 0;
}
.socialmedia a.linkedin {
  background-position: 0px 0px;
}
.socialmedia a.twitter {
  background-position: -26px 0px;
}
.socialmedia a.mail {
  background-position: -52px 0px;
}
.socialmedia a.facebook {
  background-position: -78px 0px;
}
.socialmedia a.linkedin:hover {
  background-position: 0px 23px;
}
.socialmedia a.twitter:hover {
  background-position: -26px 23px;
}
.socialmedia a.mail:hover {
  background-position: -52px 23px;
}
.socialmedia a.facebook:hover {
  background-position: -78px 23px;
}
.socialmedia.actueel {
  position: relative;
  float: right;
  top: -40px;
}
#footerLogos {
  padding: 20px 0;
}
#footerLogos img {
  margin: 0 20px 20px;
  max-height: 80px;
  vertical-align: top;
}
/* @group google maps */
#maps {
  position: relative;
  margin-bottom: 30px;
  height: 350px;
  background: #e7f2f6;
}
/*  @group Tweets */
#tweets {
  background-color: #e7f2f6;
  padding: 10px;
  margin-bottom: 20px;
  position: relative;
}
#tweets h3 {
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  padding-right: 25px;
  background: url("../images/icons/icon_twitter.gif") right center no-repeat;
  text-align: right;
}
#tweets ul {
  margin: 0px !important;
  padding: 0px !important;
}
#tweets ul li {
  list-style: none;
  margin: 0px;
  padding: 5px;
  background: #FFF;
  border: 1px solid #78cbec;
  font-size: 12px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  margin-bottom: 20px;
  position: relative;
}
#tweets ul .author {
  background: url("../images/arrows/arrow_twitter.gif") right top no-repeat;
  display: block;
  min-width: 15px;
  height: 15px;
  position: relative;
  bottom: 21px;
  right: 23px;
  font-size: 10px;
  text-align: right;
  padding-right: 25px;
  padding-top: 3px;
  color: #007eb1;
}
#tweets ul .author a {
  color: #007eb1;
}
#tweets ul .author a:hover {
  text-decoration: none;
}
/*  @group Footer */
#footer {
  /*position:absolute;*/

  margin-top: 20px;
  /* no sticky */

  bottom: 0;
  margin-bottom: 20px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  background: white;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  font-size: 12px;
}
#footer .footerContent {
  width: 960px;
  margin: 0 auto;
}
#footer .footerContent ul {
  padding: 0px !important;
  margin: 0px !important;
  float: left;
}
#footer .footerContent ul li {
  list-style: none;
  display: inline;
  padding-right: 15px;
  border-right: 1px solid #d0d9dd;
  padding-left: 0;
}
#footer .footerContent ul li a {
  text-decoration: none;
  color: #007eb1;
}
#footer .footerContent ul li a:hover {
  color: #009ddb;
}
#footer .footerContent ul li.last {
  border: 0;
  padding-left: 15px;
}
#footer .footerContent p {
  line-height: 40px;
  text-align: right;
}
#footer p .externallink {
  background-position: left 5px;
}
/* @group Forms */
.formBlock {
  position: relative;
}
.formBlock .intro {
  background-color: #e7f2f6;
  padding: 14px 10px 10px 10px;
  margin-bottom: 4px;
  font-size: 14px;
  font-style: normal;
}
.formBlock .intro h2 {
  clear: both;
  color: #000000;
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: bold;
}
.formBlock .intro p {
  margin-bottom: 5px;
}
.formBlock legend {
  position: absolute !important;
  left: -999em !important;
  top: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.formBlock .field {
  background-color: #e7f2f6;
  padding: 10px 30px 10px 10px;
  margin-bottom: 4px;
  position: relative;
}
.formBlock .field label,
#feedbackResult label {
  color: #007eb1;
  font-weight: bold;
  width: 158px;
  display: inline-block;
  font-size: 13px;
  height: 24px;
  line-height: 23px;
}
#feedbackResult label {
  width: auto !important;
}
.formBlock .field span {
  font-size: 12px;
}
.formBlock .field .inline {
  width: auto;
  margin-left: 12px;
  margin-right: 2px;
}
.formBlock .field .button {
  float: right;
}
.formBlock .field .description {
  line-height: 18px;
  display: block;
  font-size: 14px;
  margin-top: 10px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
.formBlock .field #opnameNummer {
  background: url("../images/ms_bg_input.gif") left top no-repeat transparent;
  border: 0 none;
  font-size: 16px;
  font-weight: bold;
  height: 28px;
  letter-spacing: 16px;
  margin-right: -22px;
  padding: 0 0 0 4px;
  width: 285px;
  margin-top: -1px;
}
.formBlock .field .validator {
  display: block;
  position: absolute;
  right: 5px;
  top: 11px;
  width: 20px;
  height: 25px;
  margin-left: 5px;
}
.formBlock #additive {
  float: right;
}
.formBlock .radioField {
  margin-bottom: 10px;
}
.formBlock .radioField label {
  width: auto;
}
.formBlock .valid {
  background: #e5e8b2;
}
.formBlock .valid label {
  color: #858c00;
}
.formBlock .valid .text {
  border: 1px solid #858c00;
}
.formBlock .valid .validator {
  background: url("../images/icons/icon_valid.gif") center no-repeat;
}
.formBlock .error {
  background: #f3e6dc;
}
.formBlock .error label {
  color: #cf4a01;
}
.formBlock .error .text {
  border: 1px solid #cf4a01;
}
.formBlock .error .validator {
  background: url("../images/icons/icon_error.gif") center no-repeat;
}
.formBlock .msField.field {
  height: 100px;
}
.formBlock .msField input {
  background: url("../images/ms_bg_input.gif") left bottom no-repeat transparent;
  border: 0 none;
  font-size: 16px;
  font-weight: bold;
  height: 28px;
  letter-spacing: 16px;
  margin-right: -22px;
  padding: 0 0 0 4px;
  width: 150px;
}
.formBlock .arrow {
  display: block;
  height: 13px;
  left: 46%;
  position: relative;
  top: -5px;
  width: 26px;
  z-index: 1;
  background: url("../images/arrows/arrow_down.gif") left 0px no-repeat;
}
.formBlockInfo {
  background: #e7f2f6;
  height: 243px;
  position: relative;
}
.stepsForm .help {
  height: 20px;
  font-weight: bold;
  width: 20px;
  position: absolute;
  left: 4px;
  top: 103px;
  z-index: 2;
  text-indent: -3000px;
  cursor: help;
  background: url("../images/icons/icon_help_noborder.png") left 1px no-repeat;
}
.formBlockInfo .help {
  height: 33px;
  font-weight: bold;
  width: 33px;
  position: absolute;
  left: 4px;
  top: 103px;
  z-index: 2;
  text-indent: -3000px;
  cursor: help;
  background: url("../images/icons/icon_help.gif") left 1px no-repeat;
}
.formBlockInfo .help:hover,
.stepsForm .help:hover {
  background-position: left bottom;
}
.stepsForm .help {
  left: 185px;
  top: 15px;
  margin-left: 5px;
}
.formBlockInfo .arrow {
  height: 20px;
  width: 14px;
  position: absolute;
  left: -14px;
  top: 110px;
  z-index: 1;
  background: url("../images/arrows/arrow_ms_help.gif") left -1px no-repeat;
}
.formBlockInfo img {
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.formBlockInfo.hover img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.formBlockInfo.hover .help,
.formBlockInfo.hover .arrow {
  background-position: left bottom;
}
.regularForm {
  position: relative;
}
.regularForm fieldset {
  margin-bottom: 10px;
}
.regularForm fieldset .intro {
  margin-bottom: 4px;
  padding: 5px 10px;
}
.regularForm fieldset.filled .intro {
  margin-bottom: 1px;
}
.regularForm .agreement {
  margin-bottom: 10px;
}
.regularForm .agreement label {
  width: 300px;
  padding-left: 25px;
  margin-bottom: 5px;
  line-height: 16px;
  margin-top: -20px;
}
.regularForm .intro {
  background-color: #e7f2f6;
  padding: 14px 10px 10px 10px;
  margin-bottom: 4px;
  font-size: 14px;
  font-style: normal;
}
.regularForm .intro h2 {
  clear: both;
  color: #000000;
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: bold;
}
.regularForm .intro p {
  margin-bottom: 5px;
}
.regularForm legend {
  background-color: #e7f2f6;
  padding: 5px 30px 5px 10px;
  font-size: 16px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-weight: bold;
  white-space: inherit;
  margin-bottom: 1px;
  display: block;
  width: 60%;
}
.regularForm .text {
  font-size: 12px;
  float: right;
  margin-left: 4px;
  width: 200px;
  height: 24px;
  line-height: 24px;
}
.regularForm .addressField {
  float: none;
}
.regularForm input[type=file] {
  float: right;
}
.regularForm .file {
  width: 100px;
}
.regularForm textarea {
  min-height: 70px !important;
  width: 98% !important;
  font-family: Verdana, "Times New Roman", Arial, sans-serif;
}
.regularForm .field {
  background-color: #e7f2f6;
  padding: 10px 30px 10px 10px;
  margin-bottom: 4px;
  position: relative;
}
.regularForm .filled .field {
  margin-bottom: 1px;
}
.regularForm .filled em {
  display: none;
}
.regularForm .field label {
  color: #007eb1;
  font-weight: bold;
  width: 60%;
  display: inline-block;
  font-size: 13px;
  line-height: 30px;
}
.regularForm .field label em {
  color: #007eb1;
  font-size: 12px;
}
.regularForm .field span {
  font-size: 12px;
}
.regularForm .field .inline {
  width: auto;
  margin-right: 2px;
}
.regularForm .field .inline select {
  width: 48%;
}
.regularForm .field .inline select.last {
  float: right;
}
.regularForm .field .button {
  float: right;
  margin-left: 5px;
  margin-top: 3px;
}
.regularForm .field .button:disabled {
  background-color: #444;
}

.regularForm .field .validator {
  display: block;
  position: absolute;
  right: 5px;
  top: 10px;
  width: 20px;
  height: 30px;
  margin-left: 5px;
}
.regularForm .field .intro {
  padding: 5px 0px !important;
}
.regularForm .upload label {
  width: 50%;
}
.regularForm .radioFieldRight,
.regularForm .checkboxFieldRight {
  margin-bottom: 0px;
  float: right;
  width: 217px;
}
.regularForm .radioFieldRight div,
.regularForm .checkboxFieldRight div {
  margin-bottom: 5px;
}
.regularForm .radioFieldRight label,
.regularForm .checkboxFieldRight label {
  width: 90%;
  line-height: 20px;
  color: #000000;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-weight: normal;
}
.regularForm .radioFieldRight input,
.regularForm .checkboxFieldRight input {
  vertical-align: top;
  margin-top: 6px;
}
.regularForm .checkboxFieldRight input {
  margin-top: 3px;
}
.regularForm .checkboxField,
.regularForm .radioField {
  margin-bottom: 1px;
}
.regularForm .checkboxField input,
.regularForm .radioField input {
  margin-left: 5px;
  margin-right: 0px;
}
.regularForm .checkboxField label,
.regularForm .radioField label {
  width: 50%;
  font-weight: normal;
  color: #000000;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
.regularForm .checkboxField .radioFieldRight label,
.regularForm .radioField .radioFieldRight label,
.regularForm .checkboxField .checkboxFieldRight label,
.regularForm .radioField .checkboxFieldRight label {
  width: auto;
}
.regularForm .zipCode {
  float: right;
  width: 213px;
}
.regularForm .zipCode input {
  float: none;
  margin: 0;
}
.regularForm .valid {
  background: #e5e8b2;
}
.regularForm .valid label {
  color: #858c00;
}
.regularForm .valid .text {
  border: 1px solid #858c00;
}
.regularForm .valid .validator {
  background: url("../images/icons/icon_valid.gif") center no-repeat;
}
.regularForm .error {
  background: #f3e6dc;
}
.regularForm .error label,
.regularForm .error .headers span{
  color: #cf4a01;
}
.regularForm .error .text {
  border: 1px solid #cf4a01;
}
.regularForm .error .validator {
  background: url("../images/icons/icon_error.gif") center no-repeat;
}
.regularForm .bsn label {
  width: 120px !important;
}
.regularForm .filled,
.regularForm .filled2 {
  background: #E7F2F6 ;
  padding: 10px;
}
.regularForm .filled .field,
.regularForm .filled .intro,
.regularForm .filled2 .field,
.regularForm .filled2 .intro {
  background-color: #FFF;
}
.regularForm .filled .back,
.regularForm .filled2 .back {
  background-color: #FFF !important;
  background-position: 10px 5px !important;
  float: left;
  padding-left: 35px !important;
  padding-bottom: 0px;
  padding-right: 10px;
  line-height: 27px !important;
}
.regularForm .filled div {
  display: none;
  /* for non-javascript*/

}
.regularForm .filled div.finalSend {
  display: block;
  /* for non-javascript*/

}
.regularForm .field.bsn input {
  background: url("/images/bsn_bg_input.gif") no-repeat scroll left top transparent;
  border: 0 none;
  font-size: 16px;
  font-weight: bold;
  height: 28px;
  letter-spacing: 19px;
  /*margin-right: -22px;*/

  margin-top: 1px;
  padding: 0 0 0 4px;
  width: 248px;
  float: right;
  margin-right: -12px;
}
.blueBlock {
  background-color: /*#F1F7FA -- bad contrast */ #e7f2f6;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
}
.contactBlock {
  padding-bottom: 20px;
}
.contactBlock .button {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 236px;
}
.blueBlock .buttonlist50 {
  padding-top: 10px;
}
.blueBlock .field {
  background: #FFF;
  margin: 5px 0 0 0;
  padding: 10px;
}
.blueBlock .field span {
  font-size: 16px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
.blueBlock h3 {
  font-weight: bold;
}
.blueBlock p {
  margin-bottom: 10px;
}
.greenBlock {
  background-color: #f3f3d9 !important;
  padding: 10px;
  margin-bottom: 0 !important;
  position: relative;
}
.greenBlock h2 {
  clear: both;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-weight: bold;
  color: #000000;
  margin: 0 0 15px 0;
  font-size: 18px;
}
.greenBlock h3 {
  font-weight: normal;
}
.greenBlock p {
  margin-bottom: 10px;
}
.whiteBlock {
  border: 1px solid #7accec;
  padding: 15px 20px 20px 20px;
  margin-bottom: 20px;
  position: relative;
}
.whiteBlock img {
  margin-bottom: 10px;
}
.whiteBlock h3 {
  font-weight: bold;
  margin-bottom: 15px;
}
.whiteBlock a.link {
  margin-bottom: 0px !important;
}
.whiteBlock hr {
  background: #d0d9dd;
  color: #d0d9dd;
}
.projectBlock {
  padding-left: 10px;
  width: 310px !important;
}
.projectBlock img {
  margin-left: -10px;
  margin-bottom: 10px;
}
.projectBlock ul {
  margin-bottom: 0 !important;
}
.projectBlock .split .actionlinks a {
  font-weight: bold;
}
/* @group Meterstanden */
#meterstandFormInfo .arrow {
  top: 89px;
}
#meterstandFormInfo .help {
  top: 81px;
}
#faq {
  padding-left: 0px;
  position: relative;
  z-index: 999;
}
#faq ul {
  margin-left: 0px;
}
#findWaterMeter {
  padding-right: 15px;
}
#questions {
  border-left: 1px solid #dad8dd;
  padding-left: 15px;
}
#questions p {
  margin-bottom: 5px;
}
#questions small {
  font-size: 12px;
  display: block;
  line-height: 18px;
}
/* @group Invoices */
#chooseInvoice .bigButton {
  width: 375px;
  height: 101px;
  line-height: 101px;
  display: block;
  float: left;
  text-decoration: none;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 24px;
  color: #009ddb;
  padding-left: 90px;
}
#chooseInvoice ul {
  margin: 0;
}
#chooseInvoice ul li {
  list-style: none;
  background: url("../images/buttons/btn_bg_big.gif") left top no-repeat;
  width: 450px;
  height: 101px;
  float: left;
  margin-right: 5px;
}
#chooseInvoice ul li:hover {
  background-position: left bottom;
}
#chooseInvoice ul .tax a {
  background: url("../images/icons/icon_tax.png") 10px -80px no-repeat;
  display: table;
  position: relative;
}
#chooseInvoice ul .tax a:hover {
  background-position: 10px 20px;
}
#chooseInvoice ul .tax a span {
  line-height: 27px;
  display: table-cell;
  vertical-align: middle;
  color: #009ddb;
}
#chooseInvoice ul .drinkwater a {
  background: url("../images/icons/icon_drinkwater.png") 10px -80px no-repeat;
  display: table;
  position: relative;
}
#chooseInvoice ul .drinkwater a:hover {
  background-position: 10px 20px;
}
#chooseInvoice ul .drinkwater a span {
  line-height: 27px;
  display: table-cell;
  vertical-align: middle;
  color: #009ddb;
}
/* @group Moving */
#newMoveSituation {
  border: 1px solid #d0d9dd;
  padding: 20px;
  margin-bottom: 0px;
  top: -18px;
  display: none;
  position: relative;
}
#newMoveSituation h2 {
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
}
#newMoveSituation h3 {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
#newMoveSituation p {
  margin-bottom: 10px;
}
#newMoveSituation p.intro {
  width: 605px !important;
}
#newMoveSituation .result {
  padding-bottom: 20px;
  border-bottom: 1px solid #d0d9dd;
}
#newMoveSituation ul {
  margin: 0;
}
#newMoveSituation ul li {
  /*list-style: none; 			color: @text-color; 			padding-top: 20px; 			padding-left: 85px;*/

  margin-left: 20px;
}
#newMoveSituation ul .tax {
  background: url("../images/icons/icon_tax.png") 0px -75px no-repeat;
  min-height: 70px;
}
#newMoveSituation ul .drinkwater {
  background: url("../images/icons/icon_drinkwater.png") 0px -75px no-repeat;
}
/* @group Accordion */
.accordion,
.foldOut {
  margin: 0 0 0 5px;
  padding: 0;
}
.accordion li,
.foldOut li {
  list-style: none !important;
}
.accordion > li,
.foldOut > li {
  margin: 0 0 15px 0;
  padding: 0 0px;
  list-style: none !important;
  list-style-image: none !important;
}
.accordion > li > a,
.foldOut > li > a {
  padding-left: 25px;
  color: #007eb1;
  line-height: 20px;
  display: block;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  background: url("../images/icons/icon_plus.gif") left 1px no-repeat;
  border-top: 1px dotted #FFF;
}
.accordion > li > a:hover,
.foldOut > li > a:hover {
  color: #009ddb;
  background: url("../images/icons/icon_plus_blue.gif") left 1px no-repeat;
}
.accordion > li .close,
.foldOut > li .close {
  background: url("../images/icons/icon_min.gif") left 1px no-repeat;
  color: #007eb1;
}
.accordion > li .close:hover,
.foldOut > li .close:hover {
  background: url("../images/icons/icon_min.gif") left 1px no-repeat;
}
.accordion > li div,
.foldOut > li div {
  margin: 0px 20px 0 0;
  padding: 10px 20px 15px 25px;
  line-height: 20px;
  color: #000000;
  border-bottom: 1px dotted #d0d9dd;
}
.accordion > li div p,
.foldOut > li div p {
  margin-bottom: 20px;
}
.accordionPlaceholder {
  background: #e7f2f6;
  padding: 10px 10px 5px 10px;
  margin-bottom: 20px;
}
.accordionPlaceholder > ul {
  margin: 0 !important;
  padding: 0;
}
.accordionPlaceholder > ul li {
  margin: 0 !important;
}
.accordionPlaceholder > ul li > a {
  background: url("../images/buttons/acc_li_bg.gif") left bottom no-repeat;
  line-height: 18px;
  border: 0;
  margin-bottom: 5px;
  padding: 10px 10px 13px 10px;
  border-top: 1px solid #dbf1fa;
}
.accordionPlaceholder > ul li > a span {
  background: url("../images/icons/icon_plus.gif") left 1px no-repeat;
  display: block;
  padding-left: 25px;
}
.accordionPlaceholder > ul li > a:hover {
  background: url("../images/buttons/acc_li_bg_hover.gif") left bottom no-repeat;
  color: #007eb1;
}
.accordionPlaceholder > ul li > a:hover span {
  background: url("../images/icons/icon_plus_blue.gif") left 1px no-repeat;
}
.accordionPlaceholder > ul li .close {
  background: url("../images/buttons/acc_li_bg_hover.gif") left bottom no-repeat;
  color: #007eb1;
  padding: 10px 10px 13px 10px;
  border-top: 1px solid #dbf1fa;
}
.accordionPlaceholder > ul li .close span {
  background: url("../images/icons/icon_min.gif") left 1px no-repeat;
}
.accordionPlaceholder > ul li .close:hover {
  background: url("../images/buttons/acc_li_bg.gif") left bottom no-repeat;
  color: #007eb1;
}
.accordionPlaceholder > ul li .close:hover span {
  background: url("../images/icons/icon_min.gif") left 1px no-repeat;
}
.accordionPlaceholder > ul li div {
  background: #FFF;
  border: 1px solid #78cbec;
  border-top: 0px;
  margin: -5px 0 5px 0;
  padding: 10px 20px 15px 35px;
}
.accordionPlaceholder > ul li div p {
  margin-bottom: 10px;
}
.accordionPlaceholder > ul li div em {
  font-size: 12px;
  display: block;
}
.doubleFoldoutPlaceholder {
  position: relative;
}
.doubleFoldoutPlaceholder .linklist {
  margin: 0px !important;
}
.doubleFoldoutPlaceholder span.buttonToggleAllFoldouts {
  display: block;
  position: absolute;
  right: 0;
  top: -37px;
  width: 130px;
  padding: 15px 10px 5px 35px;
  background: url("../images/icons/icon_plus.gif") 10px 15px no-repeat #e7f2f6;
  cursor: pointer;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.doubleFoldoutPlaceholder span.buttonToggleAllFoldouts:hover {
  background-image: url("../images/icons/icon_plus_blue.gif");
  color: #00338E;
}
.doubleFoldoutPlaceholder span.buttonToggleAllFoldouts.close {
  background-image: url("../images/icons/icon_min.gif");
}
.doubleFoldoutPlaceholder ul.foldOutColumn1 {
  margin-right: 20px !important;
}
.doubleFoldoutPlaceholder ul.foldOut {
  float: left;
  width: 450px;
}
.doubleFoldoutPlaceholder ul.foldOut li a {
  min-height: 40px;
}
.doubleFoldoutPlaceholder .accordionPlaceholder > ul li div a {
  padding-left: 23px;
  background: url("../images/icons/icon_linklist.gif") left 2px no-repeat;
  display: block;
  text-decoration: none;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  color: #007eb1;
  min-height: 0px;
}
.doubleFoldoutPlaceholder .accordionPlaceholder > ul li div a:hover {
  background-image: url("../images/icons/icon_linklist_hover.gif");
  color: #009ddb;
}
/* @group Varen & Wandelen */
.headerPhoto {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
  position: relative;
}
.headerPhoto img {
  max-width: 950px;
}
.headerPhoto h2 {
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 0;
  margin: 0;
}
.headerPhoto h2 span {
  display: inline;
  font-size: 33px;
  padding: 0px 10px;
  line-height: 42px;
  margin: 0;
  color: #FFF;
  background: url("../images/homepage/bg_titel.png") left top repeat;
  width: auto;
  vertical-align: inherit;
}
/* @group  Kwijtschelding wizard */
#remission label {
  width: auto;
}
#feedbackResult,
#lincenseResult,
#returnRemission {
  border: 1px solid #d0d9dd;
  padding: 10px;
  margin-bottom: 0px;
  top: 0px;
  background: #FFF;
  display: none;
  position: relative;
}
/* @group Messages */
.warningMsg,
.infoMsg {
  background: #eef0cc url("../images/icons/icon_msg.gif") 10px 10px no-repeat;
  padding: 10px 10px 10px 32px;
  margin: 10px 0px 20px 10px;
  color: #000000;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
.warningMsg ul,
.infoMsg ul {
  margin-left: 0px;
}
.warningMsg ul li,
.infoMsg ul li {
  font-size: 12px;
  line-height: 18px;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.infoMsg {
  background-image: none;
  padding: 10px;
}
/* @group Zoom Examples */
.zoomExample {
  position: relative;
  min-height: 250px;
}
.zoomExample h3 {
  color: #000;
  font-size: 16px;
}
.zoomExample img {
  float: right;
}
.zoomExample span {
  background: url("../images/txt_bekijkvoorbeeld.gif") left top no-repeat;
  height: 76px;
  width: 206px;
  display: block;
  position: absolute;
  left: 0;
  top: 74px;
  text-indent: -3000px;
  z-index: 2;
}
.zoomExample .zoom {
  background: url("../images/icons/icon_zoomexample.png") left top no-repeat;
  height: 84px;
  width: 84px;
  position: absolute;
  z-index: 2;
  left: 50%;
  text-indent: -3000px;
  top: 159px;
}
/* @group Homepage */
#homepage {
  /* @group Supersized Plugin */
  /*Supersize Plugin Styles*/
  /* @end */

}
#homepage #headerPhoto {
  position: absolute;
  width: 100%;
  height: 475px;
  background: transparent;
  top: 132px;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
#homepage #headerPhoto .bg {
  position: absolute;
  top: 0 !important;
  width: 100%;
}
#homepage #headerPhoto .content {
  width: 960px;
  margin: 0 auto;
  z-index: 4;
  height: 475px;
  position: relative;
}
#homepage #headerPhoto .content h1 {
  text-transform: uppercase;
  width: 450px;
  position: absolute;
  bottom: 170px;
  left: 30px;
  margin: 0;
  line-height: 17px;
}
#homepage #headerPhoto .content h1 a {
  text-decoration: none;
}
#homepage #headerPhoto .content h1 a span {
  display: inline-block;
  font-size: 28px;
  padding: 0px 5px;
  line-height: 32px;
  margin: 0;
  color: #FFF;
  background: url("../images/homepage/bg_titel.png") left top repeat;
  width: auto;
  vertical-align: inherit;
}
#homepage #headerPhoto .content .block {
  width: 330px;
  position: absolute;
  right: 0px;
  top: 63px;
  background: url("../images/white_trans.png") left top repeat;
  padding: 30px;
}
#homepage #headerPhoto .content .block div {
  background: #009ddb;
}
#homepage #headerPhoto .content .block div h3 {
  padding: 10px;
  margin: 0;
  color: #FFF;
  font-size: 25px;
  font-weight: normal;
}
#homepage #headerPhoto .content .block div ul {
  margin: 0px 0;
  padding: 0 0 5px 0;
}
#homepage #headerPhoto .content .block div ul li {
  list-style: none;
  padding-left: 10px;
}
#homepage #headerPhoto .content .block div ul li a {
  display: block;
  padding: 7px 10px;
  background: url("../images/buttons/btn_btnlistbg280.gif") left center no-repeat;
  border-bottom: 1px solid #7accec;
  border-top: 1px solid #e9f6fc;
  text-decoration: none;
  width: 290px;
  list-style-image: none;
  margin-bottom: 5px;
}
#homepage #headerPhoto .content .block div ul li a span {
  background: url("../images/icons/icon_linklist.gif") left 0px no-repeat;
  color: #000000;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  padding-left: 23px;
  font-size: 16px;
}
#homepage #headerPhoto .content .block div ul li a:hover {
  background: url("../images/buttons/btn_btnlistbg280_hover.gif") left center no-repeat;
}
#homepage #headerPhoto .content .block div ul li a:hover span {
  background: url("../images/icons/icon_linklist_hover.gif") left 2px no-repeat;
}
#homepage #entry {
  margin-top: 368px;
  background: #FFF;
  border: 1px solid #d0d9dd;
  position: relative;
  z-index: 2;
  padding-top: 20px;
  padding-bottom: 40px;
}
#homepage #entry p {
  margin-bottom: 20px;
}
#homepage #entry .column75 {
  width: 510px;
  margin-right: 30px;
  margin-left: 15px;
  padding-right: 0px;
  border: 0;
}
#homepage #entry .column25 {
  width: 330px;
  padding-left: 30px;
  border-left: 1px solid #d0d9dd;
}
#homepage #entry .column25 .projectBlock img {
  width: 330px;
}
#homepage #entry .iconImg {
  float: left;
  margin-right: 15px;
  max-width: 85px;
}
#homepage #entry .highlighted {
  height: 365px;
}
#homepage #entry .highlighted .column50 {
  width: 250px;
  margin-right: 10px;
}
#homepage #entry .highlighted .column50 h2 {
  margin-left: 10px;
}
#homepage #entry .highlighted .column50 .blueBlock {
  height: 100%;
  margin-bottom: 0px;
}
#homepage #entry .highlighted .column50 .blueBlock blockquote {
  padding: 0;
}
#homepage #entry .highlighted .column50 .blueBlock blockquote .name,
#homepage #entry .highlighted .column50 .blueBlock blockquote .city {
  margin-left: 10px !important;
  line-height: normal;
}
#homepage #entry .highlighted .column50 .blueBlock p {
  line-height: 27px;
  color: #007eb1;
  font-size: 18px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
#homepage #entry .highlighted .column50 .blueBlock p.city,
#homepage #entry .highlighted .column50 .blueBlock p.name cite,
#homepage #entry .highlighted .column50 .blueBlock p.name {
  font-style: normal;
  font-family: Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  padding: 0;
}
#homepage #entry .highlighted .column50 .blueBlock .link {
  color: #000000;
  margin-top: -5px;
  margin-right: 10px;
}
#homepage #entry .highlighted .column50 .blueBlock img {
  position: relative;
}
#homepage #entry hr {
  background: #d0d9dd;
  color: #d0d9dd;
}
#homepage #entry h2 {
  font-weight: bold;
  font-size: 18px;
}
#homepage #entry .intro {
  color: #007eb1;
  font-size: 30px;
  line-height: 42px;
  width: 410px;
  margin-left: 0;
  display: inline-block;
}
#homepage #navigation {
  position: relative;
  left: 30px;
  top: 310px;
}
#homepage #navigation a {
  display: block;
  float: left;
  /*height: 16px; 	    	line-height: 15px; 	    	width: 16px;*/
  /*border: 2px solid @swatch-green;*/

  color: #FFF;
  height: 19px;
  width: 19px;
  background: #858c00;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  margin-right: 5px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-weight: bold;
  /*&:hover { 	    		background: @swatch-blue; 	    		border: 2px solid @swatch-blue; 	    		color: #FFF; 	    	} 	    	&.active { 	    		background: #FFF; 	    		border: 2px solid @swatch-blue; 	    		color: @swatch-blue; 	    	}*/

}
#homepage #navigation #nextslide {
  background: url("../images/paging/rechts-blue.gif") left top no-repeat;
  text-indent: -3000px;
}
#homepage #navigation #nextslide:hover {
  background: url("../images/paging/rechts-mouseover.gif") left top no-repeat;
}
#homepage #navigation #prevslide {
  background: url("../images/paging/links-blue.gif");
  text-indent: -3000px;
}
#homepage #navigation #prevslide:hover {
  background: url("../images/paging/links-mouseover.gif") left top no-repeat;
}
#homepage #loading {
  position: absolute;
  top: 49.5%;
  left: 49.5%;
  z-index: 10;
  width: 24px;
  height: 24px;
  text-indent: -999em;
  background-image: url(images/progress.gif);
}
/* @group Homepage */
#storing #header {
  position: absolute !important;
  left: -999em !important;
  top: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
#storing .close {
  right: 0px;
  top: -25px;
  color: #FFF;
  font-weight: bold;
  background: #000;
  font-size: 14px;
  padding: 2px 35px 4px 10px;
  text-decoration: none;
  position: relative;
  float: right;
}
#storing .close span {
  background: url("../images/storing/icon_close.gif") right top no-repeat;
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0;
  top: -2px;
  text-indent: -3000px;
}
#storing .close:hover {
  background: #009ddb;
}
#storing .close:first-child {
  top: -55px;
}
#storing .close:last-child {
  top: 11px;
}
#storing #headerPhoto {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #007eb1;
  top: 100px;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
#storing #headerPhoto .bg {
  position: absolute;
  top: 0 !important;
  width: 100%;
}
#storing #headerPhoto .content {
  width: 960px;
  margin: 0 auto;
  z-index: 4;
  position: relative;
}
#storing #headerPhoto .content h1 {
  text-transform: uppercase;
  width: 700px;
  position: absolute;
  top: 30px;
  left: 0px;
  margin: 0;
  line-height: 17px;
}
#storing #headerPhoto .content h1 span {
  display: inline-block;
  font-size: 45px;
  padding: 0px 10px;
  line-height: 55px;
  margin: 0;
  color: #FFF;
  background: #009ddb;
  width: auto;
  vertical-align: inherit;
}
#storing #headerPhoto .content h1 span.title {
  background: url("../images/storing/icon_storing.gif") 98% center no-repeat #000000;
  color: #FFF;
  padding-right: 60px;
}
#storing .block div {
  background: #009ddb;
}
#storing .block div h3 {
  padding: 10px;
  margin: 0;
  color: #FFF;
  font-size: 25px;
  font-weight: bold;
}
#storing .block div ul {
  margin: 0px 0;
  padding: 0 0 5px 0;
}
#storing .block div ul li {
  list-style: none;
  padding-left: 10px;
  display: block;
  margin: 5px 10px;
  padding: 7px 10px 7px 40px;
  background: url("../images/storing/icon_li.gif") 10px center no-repeat #ffffff;
  margin-bottom: 5px;
  color: #000000;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 18px;
}
#storing #entry {
  margin-top: 185px;
  background: #FFF;
  border: 1px solid #d0d9dd;
  position: relative;
  z-index: 2;
  padding-top: 20px;
}
#storing #entry p {
  margin-bottom: 20px;
}
#storing #entry #grid {
  padding-top: 10px;
}
#storing #entry .column75 {
  width: 540px;
  margin-right: 30px;
  margin-left: 30px;
  padding-right: 0px;
  border: 0;
}
#storing #entry .column25 {
  width: 330px;
  border-left: 0;
}
#storing #entry .column25 .projectBlock img {
  width: 330px;
}
#storing #entry abbr {
  margin-bottom: 25px;
  display: block;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
#storing #entry abbr .date {
  background: none;
  display: inline;
  float: none;
  margin: 0px;
}
#storing #entry abbr .time {
  background: #000;
  color: #FFF;
  font-weight: bold;
  padding: 0 3px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
#storing #entry .contentBlock {
  padding: 10px 75px 0px 75px;
}
#storing #entry .contentBlock h2 {
  font-size: 48px;
  line-height: 48px;
}
#storing #entry .contentBlock h3 {
  margin-bottom: 0px;
}
#storing #entry .contentBlock h4 {
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 16px;
}
#storing #entry .contentBlock p {
  line-height: 22px;
}
#storing #entry .contentBlock .intro {
  font-size: 22px;
  line-height: 33px;
}
#storing #entry .iconImg {
  float: left;
  margin-right: 10px;
}
#storing #entry .photoBlock {
  height: 185px;
  margin-bottom: 0px;
  overflow: hidden;
  width: 328px;
}
#storing #entry .photoBlock img {
  max-width: 328px;
}
#storing #entry hr {
  background: #000000;
  color: #000000;
  margin: 30px;
}
/* @group Supersized Plugin */
#supersized {
  position: fixed;
}
#supersized img {
  -ms-interpolation-mode: bicubic;
}
#supersized img,
#supersized a {
  height: 100% !important;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0px !important;
}
#supersized .prevslide,
#supersized .prevslide img {
  z-index: 0;
}
#supersized .activeslide,
#supersized .activeslide img {
  z-index: 1;
}
#nextthumb,
#prevthumb {
  z-index: 6;
  display: none;
  position: absolute;
  bottom: 12px;
  height: 75px;
  width: 100px;
  overflow: hidden;
  border: 2px solid #fff;
  -moz-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
  box-shadow: 0px 0px 5px #000000;
}
#nextthumb {
  right: 12px;
}
#prevthumb {
  left: 12px;
}
#nextthumb img,
#prevthumb img {
  width: 150px;
}
#nextthumb:active,
#prevthumb:active {
  bottom: 10px;
}
/*Add hover pointer*/
#controls > *:hover,
#nextthumb:hover,
#prevthumb:hover {
  cursor: pointer;
}
/* @group Change Zipcode */
#zipcodeCheck {
  position: relative;
  border-bottom: 5px solid #e7f2f6;
  background: #e7f2f6;
}
#zipcodeCheck .wrapper {
  width: 960px;
  margin: 0 auto;
  position: relative;
}
#zipcodeCheck .wrapper .content {
  padding: 20px;
  height: 120px;
  display: none;
}
#zipcodeCheck .wrapper .content .leftCol {
  float: left;
  width: 552px;
  height: 120px;
  padding-right: 30px;
  border-right: 1px solid #d0d9dd;
}
#zipcodeCheck .wrapper .content .leftCol p {
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
  color: #007eb1;
}
#zipcodeCheck .wrapper .content .rightCol {
  float: left;
  width: 325px;
  margin-left: 10px;
}
#zipcodeCheck .wrapper .content .rightCol h2 {
  font-size: 24px;
}
#zipcodeCheck .wrapper .content .rightCol h3 {
  color: #000000;
}
#zipcodeCheck .wrapper .content .rightCol legend {
  position: absolute !important;
  left: -999em !important;
  top: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
#zipcodeCheck .wrapper .content .rightCol p {
  font-size: 12px;
  margin-top: 10px;
}
#zipcodeCheck .wrapper .content .rightCol .error .text {
  border: 1px solid #cf4a01;
  background: #f3e6dc;
}
#zipcodeCheck .wrapper ul {
  position: absolute;
  z-index: 1;
  right: 20px;
  bottom: -58px;
}
#zipcodeCheck .wrapper ul li {
  float: left;
  padding-left: 5px;
}
#zipcodeCheck .wrapper ul a {
  padding: 0px 10px;
  height: 32px;
  line-height: 28px;
  color: #007eb1;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  padding-right: 30px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  margin-top: 4px;
  display: block;
}
#zipcodeCheck .wrapper ul a.active {
  background: #e7f2f6 url("../images/arrows/arrow_li_up.gif") 95% center no-repeat !important;
}
#zipcodeCheck .wrapper ul a.active:hover {
  background: #e7f2f6 url("../images/arrows/arrow_li_up_hover.gif") 94.3% 9px no-repeat !important;
}
#zipcodeCheck .wrapper ul #changeZipcodeBtn {
  background: #e7f2f6 url("../images/arrows/arrow_li_down.gif") 95% center no-repeat;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 159px;
  white-space: nowrap;
}
#zipcodeCheck .wrapper ul #changeZipcodeBtn:hover {
  color: #009ddb;
  background: url("../images/arrows/arrow_submenu_active.gif") 95% 12px no-repeat #e7f2f6;
}
#zipcodeCheck .wrapper ul #mijnWaternetBtn {
  background: url("../images/arrows/arrow_li.gif") 95% center no-repeat;
}
#zipcodeCheck .wrapper ul #mijnWaternetBtn:hover {
  color: #009ddb;
}
#zipcodeCheck .wrapper ul #mijnWaternetBtn.selected {
  color: #009ddb;
  background: url("../images/arrows/arrow_li_down.gif") no-repeat scroll 95% center;
}
/* @group Reports */
#reports {
    position: relative;
}
#reports ul {
  overflow: hidden;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  width: 666px;
  margin: 20px 0;
  border: 1px solid #d0d9dd;
  border-right: 0;
  float: left;
}
#reports ul li {
  float: left;
  /* important: display inline gives incorrect results when you check for elem's width */

  margin: 0;
  list-style: none;
  padding: 0;
  white-space: nowrap;
  background: #fff;
  text-transform: uppercase;
  list-style-image: none !important;
  margin-right: 25px;
}
#reports ul li a {
  color: #000000;
  text-decoration: none;
}
#reports ul li a:hover {
  color: #858c00;
}
#reports ul li span {
  margin: 0 10px 0 0;
  color: #666 !important;
}
#reports .button {
  text-transform: uppercase;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 14px;
  height: 28px;
  margin: 0;
  line-height: 26px;
  border: 0;
  background: #aab300;
    position: absolute;
    right: 0;
    top: 20px;
}
#reports .button:hover {
  background: #868d04;
}
.date {
  width: 32px;
  height: 40px;
  margin-top: 6px;
  background: url("../images/bg_date.gif") left top no-repeat;
  float: left;
  margin-right: 10px;
}
.date .day,
.date .month {
  font-size: 17px;
  color: #004380 !important;
  text-align: center;
  width: 32px;
  font-weight: bold;
  line-height: 15px !important;
  display: block;
}
.date .day {
  margin-top: 5px;
}
.date .month {
  font-size: 11px;
  text-transform: uppercase;
}
.newsphoto {
  float: right;
  margin-left: 20px;
  max-width: 330px;
}
.newsphoto span {
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  color: #007eb1;
  margin-bottom: 20px;
  display: block;
}
.paging {
  margin: 0px auto 0 auto;
  text-align: center;
  display: table;
}
.paging li {
  list-style: none;
  display: inline;
}
.paging li a {
  display: block;
  float: left;
  font-size: 14px;
  margin: 0px 5px 0 0;
  padding: 0px;
  text-align: center;
  height: 19px;
  line-height: 18px;
  width: 19px;
  background: url("../images/paging/normal.gif") left top no-repeat;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}
.paging li a.selected {
  background-image: url("../images/paging/mouseover.gif");
}
.paging li a:hover {
  background-image: url("../images/paging/mouseover.gif");
}
.paging li.prev a {
  background-image: url("../images/paging/links-blue.gif");
  background-position: center left;
  text-indent: -3000px;
  margin-right: 20px;
}
.paging li.prev a.disabled {
  background-image: url("../images/paging/links-grijs.gif");
}
.paging li.prev a.disabled:hover {
  background-image: url("../images/paging/links-grijs.gif");
}
.paging li.prev a:hover {
  background-image: url("../images/paging/links-mouseover.gif");
}
.paging li.next a {
  background-image: url("../images/paging/rechts-blue.gif");
  background-position: center right;
  text-indent: -3000px;
  margin-left: 20px;
}
.paging li.next a.disabled {
  background-image: url("../images/paging/rechts-grijs.gif");
}
.paging li.next a.disabled:hover {
  background-image: url("../images/paging/rechts-grijs.gif");
}
.paging li.next a:hover {
  background-image: url("../images/paging/rechts-mouseover.gif");
}
#entry .steps {
  list-style: none;
  width: 249px;
  position: relative;
  background: #e7f2f6;
  margin: 0 -50px 0 0;
  padding: 10px;
}
#entry .steps li {
  width: 300px;
  vertical-align: top;
  color: white;
  overflow: hidden;
  padding: 0 0 4px;
  margin: 0;
  list-style: none;
}
#entry .steps li:last-child {
  padding: 0 0 0 0;
}
#entry .steps li strong {
  float: left;
  width: 237px;
  line-height: 41px;
  color: white;
  height: 41px;
  background: url('../images/bg_move_steps.gif') left bottom no-repeat;
  font-weight: normal;
  color: #000000 !important;
  margin: 0 50px 0 0;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  font-size: 18px;
  padding: 0 0 0 15px;
}
#entry .steps li strong span {
  color: white;
  font-weight: bold;
  font-size: 14px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
  position: relative;
  top: -3px;
}
#entry .steps li.finished_step strong {
  background: url('../images/bg_move_steps.gif') left bottom no-repeat;
  width: 282px;
  margin: 0;
}
#entry .steps li.current_step strong {
  background: url('../images/bg_move_steps.gif') left top no-repeat;
  width: 290px;
  margin: 0;
}
#entry .steps li span {
  margin: 0 17px 0 0;
}
#entry .steps li.unfinished_step strong {
  color: #fff;
}
.geenStoring {
  border: 1px solid #d0d9dd;
  height: 50px;
  line-height: 45px;
}
.geenStoring h3 {
  color: #6b707a;
  text-align: center;
  padding: 0px;
  margin: 0;
}
/* @group Standard styles */
a img,
fieldset {
  border: none;
}
hr {
  background: #ebebeb;
  color: #ebebeb;
  border: 0;
  height: 1px;
  margin: 25px 0px;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.floatleft {
  float: left !important;
}
.floatright {
  float: right !important;
}
.clearboth {
  clear: both;
  display: block;
}
.hidden {
  position: absolute !important;
  left: -999em !important;
  top: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.noBottomMargin {
  margin-bottom: 0px !important;
}
.noTopMargin {
  margin-top: 0px !important;
}
.leftMargin {
  margin-left: 10px !important;
}
.indent-10 {
  margin-left: -10px !important;
}
.leftFix {
  margin-left: -18px !important;
}
.noMargin {
  margin: 0px !important;
}
.moreMargin {
  margin-bottom: 30px !important;
}
.littleMargin {
  margin-bottom: 10px !important;
}
.noPadding {
  padding: 0px !important;
}
.noborder {
  border: none !important;
}
.noborder td,
.noborder tr {
  border: none !important;
}
.nobg {
  background: none !important;
}
.nobullit {
  list-style: none !important;
}
.textleft {
  text-align: left;
}
.textright {
  text-align: right;
}
.textcenter {
  text-align: center;
}
.imgleft {
  float: left;
  margin: 0 1em 0 0;
}
.last {
  margin: 0 !important;
}
.small {
  font-size: 0.9em;
}
/*html { overflow-y: scroll; }*/
a,
input {
  outline: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* put webkit CSS here*/
  .radioFieldRight,
  .checkboxFieldRight {
    width: 202px;
  }
}
.regularForm .readonly {
  display: block;
  float: right;
  background-color: White;
  overflow: hidden;
  width: 210px;
  margin: 8px 0 8px 0;
}
.regularForm .readonly:hover {
  overflow: visible;
}
.regularForm .readonly.drinkwater,
.regularForm .readonly.waterschap {
  display: block;
  float: left;
  width: 210px;
}
.regularForm .textarea {
  display: block;
  float: none;
}
#newZipcodeForm input.text,
#zipcodeCheck input.text,
.regularForm input.text,
#newZipcodeForm input[type=text],
#zipcodeCheck input[type=text],
.regularForm input[type=text],
#newZipcodeForm textarea,
#zipcodeCheck textarea,
.regularForm textarea,
#subscribeBlockDiv .textNewsletter {
  border: 1px solid #009ddb;
  font-size: 16px;
  padding: 3px 5px;
  font-weight: bold;
  -moz-box-shadow: 1px 1px 0px #eeeeee inset;
  -webkit-box-shadow: 1px 1px 0px #eeeeee inset;
  box-shadow: 1px 1px 0px #eeeeee inset;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 0px;
}
.externallink {
  background: url("../images/icons/icon_external_link.png") no-repeat left 2px transparent;
  display: inline-block;
  padding-left: 25px;
  line-height: 19px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
p .externallink {
  background: url("../images/icons/icon_external.png") no-repeat scroll left 6px transparent;
  display: inline;
  padding-left: 12px;
}
iframe.externallink {
  background: none;
  display: block;
  padding-left: 0;
  line-height: normal;
}
/* overlay projects */
.projects_overlay {
  display: none;
  z-index: 999;
  background-image: url('/images/white.png');
  width: 780px;
  height: 465px;
  padding: 44px 35px 35px;
  font-size: 11px;
  /* center */

  left: 50%;
  margin-left: -420px;
}
.projects_overlay .close {
  background-image: url('/images/close.png');
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}
div.contentWrap {
  height: 100%;
  overflow: hidden;
}
#map_1_list.list {
  display: none;
  visibility: hidden;
}
.hiddenStep {
  display: none;
}
.showStep {
  display: block;
}
.regularForm .next,
.regularForm .back {
  display: none;
  /* for non-javascript*/

}
#logoLinkFix {
  position: absolute;
  z-index: 999;
  height: 38px;
  width: 400px;
  display: block;
  top: 28px;
  left: 120px;
}
.noFloat {
  float: none !important;
}
#grid .column45 .regularForm .rdb_choice label,
#grid .column45 .regularForm .lbl_right label {
  display: inline;
  width: 20px;
  margin: 0 1px 0 1px;
}
#grid .column45 .regularForm .rdb_fullwidth {
  display: block;
}
#finalStepBanner {
  margin: 10px 0 0 0;
  padding: 0;
}
#banner_socials {
  color: #FFFFFF;
}
#banner_socials .sharebutton {
  display: inline-block;
  float: left;
  margin-left: 5px;
}
#banner_socials .sharebutton a {
  display: block;
  color: #fff;
  text-transform: capitalize;
  text-indent: 999999px;
  font-size: 0.01em;
  overflow: hidden;
  width: 25px;
  height: 26px;
}
#banner_socials .facebook {
  padding-top: 4px;
}
#banner_socials .twitter a {
  background: url(/images/icons/icon_social_04.gif) 0 0 no-repeat;
  margin-right: 5px;
}
#banner_socials .linkedin a {
  background: url(/images/icons/icon_social_02.gif) 0 0 no-repeat;
  margin-right: 5px;
}
div.vergunningZonesInfo img {
  padding-top: 10px;
  border: none;
  max-width: 310px;
  margin-right: 10px;
}
div.vergunningZonesInfo p {
  font-size: 22px;
  line-height: 35px;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
div.vergunningZonesInfo div.contentBlock,
div.vergunningZonesInfo a.link {
  margin-bottom: 0 !important;
}
div.vergunningZonesRulesHeader {
  background-color: #E7F2F6;
  padding: 10px;
  margin-bottom: 15px !important;
}
div.vergunningZonesRulesHeader a {
  float: left;
  margin: 0 35px 0 0 !important;
  color: #000000 !important;
}
div.vergunningZonesRulesHeader a:hover {
  color: #009ddb !important;
}
div.vergunningZonesRulesHeader a img {
  position: relative;
  top: 2px;
}
div.vergunningZonesRules div.column33 {
  padding: 10px;
  width: 285px !important;
  background-color: #E7F2F6;
}
div.vergunningZonesRules div.column25 {
  padding: 10px;
  width: 208px !important;
  background-color: #E7F2F6;
}
div.vergunningZonesRules div.zoneHeader {
  height: auto;
  font-family: "Century Gothic", Verdana, "Times New Roman", Arial, sans-serif;
}
div.vergunningZonesRules div.zoneSplit {
  height: 70px;
  margin-top: 10px;
}
div.vergunningZonesRules div.zoneHeader h3 {
  font-weight: normal;
  color: #000000;
  min-height: 50px;
}
div.vergunningZonesRules div.zoneHeader span {
  display: block;
  width: 290px;
}
div.vergunningZonesRules div.zoneHeader p {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  width: 120px;
  height: 42px;
  padding: 10px;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
div.vergunningZonesRules div.zoneHeader p.normal {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  width: 79px;
  height: 42px;
  padding: 10px;
  background-color: #cfe9f3;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
div.vergunningZonesRules .column33 div.zoneHeader p.normal {
  width: 120px;
}
div.vergunningZonesRules div.zoneHeader p.one {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  width: 188px;
  height: 42px;
  padding: 10px;
  background-color: #cfe9f3;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
div.vergunningZonesRules .column33 div.zoneHeader p.one {
  width: 270px;
}
div.vergunningZonesRules div.zoneHeader p span.arrow {
  display: block;
  position: absolute;
  top: 62px;
  left: 40%;
  width: 18px;
  height: 6px;
  background-image: url("../images/vergunningwizard/arrow_down.gif");
}
div.vergunningZonesRules div.zoneHeader p.one span.arrow {
  display: block;
  position: absolute;
  top: 62px;
  left: 48%;
  width: 18px;
  height: 6px;
  background-image: url("../images/vergunningwizard/arrow_down.gif");
}
div.vergunningZonesRules div.licenseLevel {
  margin-top: 12px;
}
div.vergunningZonesRules div.licenseLevel a:hover {
  color: #00338E;
}
div.vergunningZonesRules div.licenseLevel h4 {
  position: relative;
  font-size: 13px;
  padding: 10px;
}
div.vergunningZonesRules div.licenseLevel h4 span.levelIcon {
  display: block;
  float: left;
  margin-right: 3px;
  width: 19px;
  height: 17px;
  cursor: help;
}
div.vergunningZonesRules div.licenseLevel h4 div.levelTooltip {
  display: none;
  position: absolute;
  top: -60px;
  left: 40px;
  width: 220px;
  padding: 20px;
  z-index: 100;
  font-weight: normal;
  border: 2px ridge black;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #E7F2F6;
}
div.vergunningZonesRules div.licenseLevel h4 div.levelTooltip span.arrow {
  display: block;
  position: absolute;
  top: 70px;
  left: -11px;
  width: 12px;
  height: 17px;
  background-image: url('../images/vergunningwizard/tooltip_arrow_left.png');
}
div.vergunningZonesRules div.licenseLevel > div {
  padding: 10px;
  background-color: #ffffff;
}
div.vergunningZonesRules div.licenseLevel strong {
  display: inline-block;
  margin-bottom: 10px;
}
div.vergunningZonesRules div.licenseLevel p {
  margin-bottom: 0;
}
div.vergunningZonesRules div.licenseLevel ul {
  margin: -10px 0 0 18px !important;
}
div.vergunningZonesRules div.licenseLevel li {
  margin: 10px 0 0 0 !important;
}
div.vergunningZonesRules div.licenseLevel div ul li ul {
  margin-left: 0;
}
div.vergunningZonesRules div.licenseLevel div ul li ul li {
  padding-left: 18px !important;
  list-style: none !important;
  background: url("../images/icons/icon_dash_list.gif") no-repeat 5px 8px;
}
div.vergunningZonesRules div.licenseLevel.rightHalf {
  clear: right;
  float: right;
  width: 47.5%;
}
div.vergunningZonesRules div.licenseLevel.leftHalf {
  clear: left;
  float: left;
  width: 47.5%;
  margin-right: 10px;
}
div.vergunningZonesRules .level0 h4 {
  background-color: #aab300;
}
div.vergunningZonesRules .level0 h4 span.levelIcon {
  background-image: url('../images/vergunningwizard/icon_level0.png');
}
div.vergunningZonesRules .level1 h4 {
  background-color: #ffffc7;
}
div.vergunningZonesRules .level1 h4 span.levelIcon {
  background-image: url('../images/vergunningwizard/icon_level1.png');
}
div.vergunningZonesRules .level2 h4 {
  background-color: #ffff00;
}
div.vergunningZonesRules .level2 h4 span.levelIcon {
  background-image: url('../images/vergunningwizard/icon_level2.png');
}
div.vergunningZonesRules .level3 h4 {
  background-color: #fccb1f;
}
div.vergunningZonesRules .level3 h4 span.levelIcon {
  background-image: url('../images/vergunningwizard/icon_level3.png');
}
div.vergunningZonesRules .level4 h4 {
  background-color: #ffa928;
}
div.vergunningZonesRules .level4 h4 span.levelIcon {
  background-image: url('../images/vergunningwizard/icon_level4.png');
}
div.vergunningZonesRules .level5 h4 {
  background-color: #ff4949;
}
div.vergunningZonesRules .level5 h4 span.levelIcon {
  background-image: url('../images/vergunningwizard/icon_level5.png');
}
span.zoneLevelIcon {
  position: relative;
  display: inline-block;
  top: 2px;
  width: 19px;
  height: 17px;
}
span.zoneLevelIcon.level0 {
  background-image: url('../images/vergunningwizard/icon_level0.png');
}
a:hover span.zoneLevelIcon.level0 {
  background-image: url('../images/vergunningwizard/icon_level0_hover.png');
}
span.zoneLevelIcon.level1 {
  background-image: url('../images/vergunningwizard/icon_level1.png');
}
a:hover span.zoneLevelIcon.level1 {
  background-image: url('../images/vergunningwizard/icon_level1_hover.png');
}
span.zoneLevelIcon.level2 {
  background-image: url('../images/vergunningwizard/icon_level2.png');
}
a:hover span.zoneLevelIcon.level2 {
  background-image: url('../images/vergunningwizard/icon_level2_hover.png');
}
span.zoneLevelIcon.level3 {
  background-image: url('../images/vergunningwizard/icon_level3.png');
}
a:hover span.zoneLevelIcon.level3 {
  background-image: url('../images/vergunningwizard/icon_level3_hover.png');
}
span.zoneLevelIcon.level4 {
  background-image: url('../images/vergunningwizard/icon_level4.png');
}
a:hover span.zoneLevelIcon.level4 {
  background-image: url('../images/vergunningwizard/icon_level4_hover.png');
}
span.zoneLevelIcon.level5 {
  background-image: url('../images/vergunningwizard/icon_level5.png');
}
a:hover span.zoneLevelIcon.level5 {
  background-image: url('../images/vergunningwizard/icon_level5_hover.png');
}
div.dialog dl {
  color: #000000;
}
div#begrippenLijstDialog dl dt {
  width: 200px;
  float: left;
  clear: both;
}
div#begrippenLijstDialog dl dd {
  float: left;
  width: 365px;
  margin-bottom: 20px;
}
div#legendaDialog dl dt img {
  position: relative;
  top: 2px;
}
div#legendaDialog dl dd {
  margin-bottom: 20px;
}
.ui-widget {
  font-size: 1em !important;
}
#cookieDialog {
  background: #009ddb;
  color: White;
  padding: 20px;
  width: 300px;
  position: fixed;
  z-index: 9999;
  right: 40px;
  bottom: 10px;
}
#cookieDialog .close {
  color: White;
  background-color: #009ddb;
  display: block;
  font-size: 19px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: -30px;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 30px;
}
#cookieDialog a {
  color: White;
}
/* Accordion Form (extends regularForm) */
.accordionForm .legend {
  background: url("../images/accordion-form/af-legend.gif") left bottom no-repeat;
  height: 60px;
  border-top: 1px solid #DBF1FA;
  position: relative;
}
.accordionForm .legend {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -ms-user-select: none;
  user-select: none;
}
.accordionForm .legend:hover {
  background: url("../images/accordion-form/af-legend-hover.gif") left bottom no-repeat;
  cursor: pointer;
}
.accordionForm .legend:hover .status {
  background: url("../images/icons/icon_min.gif") left 1px no-repeat;
}
.accordionForm .legend:hover .status-closed {
  background: url("../images/icons/icon_plus_blue.gif") left 1px no-repeat;
}
.accordionForm .legend legend {
  background: none;
  line-height: 60px;
  padding: 0 15px 0 15px;
}
.accordionForm .status {
  position: absolute;
  top: 20px;
  right: 30px;
  background: url("../images/icons/icon_min.gif") left 1px no-repeat;
  width: 18px;
  height: 19px;
  display: block;
}
.accordionForm .status-closed {
  background: url("../images/icons/icon_plus.gif") left 1px no-repeat;
}
.accordionForm .fields {
  border: 1px solid #7bccec;
  border-top: none;
  padding: 8px;
}
.accordionForm .radioFieldRight label {
  width: 80%;
}
.accordionForm .field .validator {
  font-size: 13px;
  text-align: center;
  line-height: 36px;
  font-weight: bold;
  color: #007eb1;
}
.accordionForm .error .field .validator {
  text-indent: -9999px;
}
.accordionForm .field textarea {
  width: 200px !important;
}
.accordionForm .field label.textLabel,
.accordionForm .field p.textLabel {
  font-size: 12px;
  float: left;
  color: #000;
  font-weight: normal;
  width: 60%;
}
.accordionForm .status {
  background: url("../images/icons/icon_min.gif") no-repeat scroll left 1px transparent;
  border: medium none;
  cursor: pointer;
  display: block;
  height: 19px;
  overflow: hidden;
  position: absolute;
  right: 30px;
  text-indent: 200%;
  top: 20px;
  white-space: nowrap;
  width: 18px;
}
.accordionForm legend {
  -moz-user-select: none;
}
.accordionForm legend {
  background: url("../images/accordion-form/af-legend.gif") no-repeat scroll left bottom transparent;
  border-top: 1px solid #DBF1FA;
  height: 60px;
  line-height: 60px;
  margin: 0;
  padding: 0 15px;
  position: relative;
  width: 620px;
}
/* File upload */
.js .accordionForm .input-fileupload {
  visibility: hidden;
}
.accordionForm .input-fileupload {
  position: relative;
  width: auto;
}
body form .input-fileupload-text {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  /*ie7 support*/

  font-size: 11px;
  margin-left: 3.5%;
  margin-top: -4px;
  padding: 7px;
  position: relative;
  width: 250px;
  margin-right: 15px;
  color: #009edd;
  cursor: default;
}
body .regularForm form .input-fileupload-text {
  width: 115px;
}
body .regularForm form .input-fileupload-button {
  width: 54px;
}
body .regularForm form .file-input {
  width: 220px;
  margin-bottom: 20px;
  position: relative;
}
body form .input-fileupload-button,
body form .input-fileupload-buttonupload {
  font-family: 'Verdana', Verdana, Arial, serif;
  background-color: #b9e7f7;
  border: 1px solid #b9e7f7;
  color: #000;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  /*ie7 support*/

  font-size: 12px;
  padding: 5px;
  text-align: center;
  width: 120px;
  cursor: pointer;
}
body form .input-fileupload-buttonupload {
    width: 209px;
    margin: 8px 0 25px 6px;
}
body form .input-fileupload-button:hover {
  background-color: #009edd;
  color: #fff;
  border: 1px solid #0084c2;
}
body form .input-fileupload-textupload {
    margin: 4px 0 0 7px;
}
.regularForm .radioFieldRight div,
.regularForm .checkboxFieldRight div {
  vertical-align: top;
}
.accordionForm .floatright select {
  margin: 0 0 0 3px;
  padding: 10px;
}
/* radio buttons */
.regularForm div .input-radiobutton {
  background: url("/images/accordion-form/radio_buttons.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  /*ie7 support*/

  height: 22px;
  margin: 0 5px 0 0 !important;
  position: relative;
  width: 22px;
  cursor: pointer;
}
.file-input input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  padding: 5px;
  width: 220px !important;
  display: none;
  opacity: 0;
}

.regularForm div .input-radiobutton:hover,
.regularForm div .input-radiobutton.active {
  background: url("/images/accordion-form/radio_buttons.png") 0 100% no-repeat;
}
.regularForm div.block-radio .input-radiobutton {
  position: absolute;
  height: 0px;
  width: 0px;
  overflow: hidden;
}
.regularForm .field div.block-radio {
  clear: both;
  display: block;
}
.regularForm .field div.block-radio > div {
  margin-right: 15px;
  display: inline-block;
  margin-top: 15px;
  padding-bottom: 15px;
  *zoom: 1;
  *display: inline;
  /*IE7*/

}
.regularForm .field div.block-radio label {
  padding: 5px 10px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: auto;
  border: 1px solid #0082c0;
  background-color: #009edd;
  cursor: pointer;
}
.regularForm .field div.block-radio label:hover,
.regularForm .field div.block-radio label.active {
  border: 1px solid #898700;
  background-color: #aab300;
}
.accordionForm div.field label span {
  font-weight: normal;
}
.accordionForm div.field .postalcode-wrap {
  width: 150px;
  float: right;
}
.accordionForm div.field .text.postcode {
  width: 75px;
  display: inline-block;
  float: left;
}
.accordionForm div.field .text.housenumber {
  width: 40px;
  display: inline-block;
    float: left;
}
.inline {
  display: inline !important;
}
.accordionForm .status-closed {
  background: url("../images/icons/icon_plus.gif") no-repeat scroll left 1px transparent;
}
.regularForm .field a.question {
	background-image: url('../images/icons/icon_question.png');
	background-repeat: no-repeat;
	background-position: 10px 0 0;
	padding: 3px 0 5px 25px;
	vertical-align: middle;
}


/* Meldingen */
ul#meldingen, #entry ul.meldingen-content {
	margin: 0 0 40px 0px;
	list-style: none;
	padding: 20px 10px 20px 20px;
	background: #ddebf2;
	zoom: 1;
}

ul#meldingen:after, #entry ul.meldingen-content:after {
	clear: both;
	content: "";
	display: table;
}

ul#meldingen>li, #entry ul.meldingen-content>li {
	margin: 0 10px 0 0;
	list-style: none;
	float: left;
	text-align: center;
}

ul#meldingen>li>a, #entry ul.meldingen-content>li>a {
	padding: 10px;
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	width: 152px;
	min-height: 195px;
	background: #009ddb;

	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

ul#meldingen>li img, #entry ul.meldingen-content>li img {
	display: block;
	margin-bottom: 8px;
}

ul#meldingen>li>a:hover, #entry ul.meldingen-content>li>a:hover  {
	/*-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.3);*/
    background: #007eb1;
}

#entry ul.meldingen-content {
	margin: 20px -10px 20px 0;
	padding: 0;
	background: transparent none;
}

#entry ul.meldingen-content>li>a {
	width: 102px;
	font-size: 14px;
	font-weight: normal;
	min-height: 130px;
}


h2.storingen {
	background: #939b00;
	padding: 7px 20px 11px 155px;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.5em;
	position: relative;
	margin-bottom: 35px;
}

h2.storingen>span {
	position: absolute;
	left: 46px;
	top: -10px;
	width: 77px;
	height: 77px;
	background: url('/images/melding_header_storingen.png') no-repeat;
}

ul#storingen {
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;
	border-bottom: 1px solid #939b00;
    text-decoration: none;
}

ul#storingen>li {
	margin: 0 0 20px 0;
	padding: 0 100px 0 130px;
	list-style: none;
	position: relative;
}

#ul#storingen>li a {
    text-decoration: none !important;
}

ul#storingen>li h3 {
	margin-bottom: 0;
}

ul#storingen div.date {
	position: absolute;
	left: 70px;
	top: 0;
	margin: 0;
}

div.alternative {
	text-align: center;
	font-size: 22px;
}

div.alternative div.or {
	margin-top: 40px;
	margin-bottom: 30px;
}

div.alternative h2 {
	font-size: 36px;
	margin-bottom: 0;
}

div.alternative p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

div.youtube-video.right {
	float: right;
	margin: 0 0 10px 10px;
}

input.text.aantal{
	width:60px;
	margin: 0 0 0 15px;
}

.diameterSelect select {
    margin: 0px 0px 0px 16px;
    padding: 10px;
    float: right;
}
.block.large label {
	width: 55%;}

.block.headers{
	padding: 0px 0px 0px 330px;
}
.block.headers span{
	margin: 0 -5px 0px 15px;
	color: #007eb1;
	font-weight: bold;
	font-size: 13px;
}

.rhimg {
	width: 405px;
	height: 138px;
}

#aantalHemelwater, #aantalAfvalwater, #aantalHemelwaterAfvalwater,
#diameterHemelwater, #diameterAfvalwater, #diameterHemelwaterAfvalwater {
    float: left;
}