/* voor alle sites die geen foundation gebruiken */
/* pager */
/* bladeren door collectie - zoekrestultaat/overzicht/detailpagina niveau (in ieder geval bij agenda geimplementeerd) */
.pager {
  background-color: #f5f5f5;
  color: #666;
  font-size: 16px;
  line-height: 1.2;
  padding: 6px 10px;
  overflow: hidden;
}
.pager .previous,
.pager .next {
  font-weight: bold;
}
.pager .pager-item {
  padding: 2px;
  margin-right: 4px;
}
.pager .current {
  border: 1px solid #aaa;
  background-color: #fff;
}
.pager-detail .pager-paginator {
  float: right;
}
.pager-detail .result-display {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-left: 5px;
  padding-right: 5px;
}
.pager-detail .result-current,
.pager-detail .result-total {
  font-size: 16px;
}
.pager-detail {
  margin-bottom: 15px;
}
.pager .backlink {
  text-decoration: none;
  display: block;
  float: left;
  padding-left: 10px;
  background: transparent url("/icons/pager-return-overview.gif") left 2px
    no-repeat;
}

/* moet via id, anders is de css uit de clientdata de baas */
#pager a.pager-item,
#pager a.pager-item:link,
#pager a.pager-item:visited,
#pager a.pager-item:hover,
#pager a.pager-item:active,
#pager .pager-item a,
#pager .pager-item a:link,
#pager .pager-item a:visited,
#pager .pager-item a:hover,
#pager .pager-item a:active {
  color: #666;
  text-decoration: none;
}
#pager a.pager-item:hover,
#pager .pager-item a:hover {
  text-decoration: underline;
  color: #999;
}
/* einde pager */
a.link-overview,
a.link-overview:link,
a.link-overview:visited,
a.link-overview:hover,
a.link-overview:active {
  background-color: #aaaaaa;
  color: #ffffff;
  padding: 2px 8px;
  text-decoration: none;
}
/* WYSIWYG paragrafen. Spanz aanpassing laatste paragraaf geen marge */
p:last-of-type {
  margin-bottom: 0;
}

/* Media overlay */
.media-image {
  position: relative;
  float: left;
}
.media-image .overlay {
  height: 0;
  width: 0;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  background: none !important;
}
.media-image .overlay .overlay-image {
  background-position: center 50%;
  background-repeat: no-repeat;
  height: 50px;
  left: -25px;
  position: absolute;
  top: -25px;
  width: 50px;
}
.media-image .overlay-2 .overlay-image {
  background-image: url("/icons/video_overlay_50.png");
}
.media-image .overlay-3 .overlay-image {
  background-image: url("/icons/document_overlay_50.png");
}
.media-image .overlay-4 .overlay-image {
  background-image: url("/icons/audio_overlay_50.png");
}
.small-gallery {
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.small-gallery .small-gallery-nav-buttons {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 50%;
}
.small-gallery .small-gallery-nav-item {
  position: absolute;
  top: -10px;
  height: 20px;
  line-height: 20px;
}
.small-gallery .small-gallery-nav-prev {
  left: 0px;
}
.small-gallery .small-gallery-nav-next {
  right: 0px;
}
.small-gallery .image-wrapper {
  text-align: center;
}
.small-gallery .image-wrapper img {
  display: block;
  margin: 0 auto;
}
.small-gallery .image-wrapper .image-bs {
  text-align: right;
  color: #666666;
  font-size: 11px;
}
.small-gallery .image-wrapper .image-bs .creator {
  font-style: italic;
}
.small-gallery .thumbs-slider {
  overflow: hidden;
}
.small-gallery .thumbs {
  float: left;
}
.small-gallery .thumb-list {
  padding-top: 7px;
}
.small-gallery .gallery-image {
  display: none;
}
.small-gallery .gallery-image:nth-child(1) {
  display: block;
}

.small-gallery.loading .loader {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  top: 40%;
  background: transparent url("/icons/loading.gif") left center no-repeat;
}

.small-gallery .cycle-slide {
  width: 100%;
}
.small-gallery .video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.small-gallery-wrapper .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.small-gallery ul.thumb-list {
  list-style-type: none;
  margin: 0 -7px 0 0;
}
.small-gallery .thumb-image {
  float: left;
  margin-right: 7px;
  cursor: pointer;
}
.thumbs-button {
  background-color: #aaaaaa;
  float: left;
  height: 75px;
  overflow: hidden;
  width: 34px;
}
#thumbs-button-prev {
  margin-right: 6px;
}
.thumb-image {
  position: relative;
}
.thumb-image .overlay {
  height: 0;
  width: 0;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  background: none !important;
}
.thumb-image .overlay .overlay-image {
  background-position: center 50%;
  background-repeat: no-repeat;
  height: 50px;
  left: -25px;
  position: absolute;
  top: -25px;
  width: 50px;
}
.thumb-image .overlay-2 .overlay-image {
  background-image: url("/icons/video_overlay_32.png");
}
.thumb-image .overlay-3 .overlay-image {
  background-image: url("/icons/document_overlay_32.png");
}
.thumb-image .overlay-4 .overlay-image {
  background-image: url("/icons/audio_overlay_32.png");
}

/* Eide media overlay */

/* Placeholder support for non HTML5 browsers */
/* Use the library /spanz/js/lib/jquery.placeholder.js */
.placeholder {
  color: #aaa;
}

/* klikbare anker lijst (a | b | c | ...) */
.anchor-list {
  list-style-type: none;
  margin-left: 0;
  overflow: hidden;
  margin: 0 0 18px 0;
}
.anchor-list .anchor {
  float: left;
  border-left: 1px solid #aaa;
}
.anchor-list .anchor .anchor-item {
  padding: 0 6px;
  line-height: 18px;
}
.anchor-list .anchor .anchor-item.inactive {
  color: #aaa;
}
.anchor-list .anchor-first {
  border-left: 0;
}
.anchor-list .anchor-first .anchor-item {
  padding-left: 0;
}
.anchor-list .anchor-last .anchor-item {
  padding-right: 0;
}

#content-inner a.facebook-button,
a.facebook-button {
  text-decoration: none;
  padding: 2px 4px 2px 6px;
  background-color: #eceef5;
  border: 1px solid #cad4e7;
  border-radius: 3px;
}
#content-inner a.facebook-button:hover,
a.facebook-button {
  text-decoration: none;
  background-color: #eceef5;
  border-color: #9dacce;
}
.facebook-button-inner {
  background: url("/icons/social/fb-btn.png") no-repeat scroll left center
    transparent;
  margin-left: -1px;
  color: #3b5998;
  padding-left: 14px;
  white-space: nowrap;
  font-size: 11px;
}
.facebook-button-inner.loading {
  background-image: url("/icons/social/fb-btn-loading.gif");
}

.fancybox-skin {
  background-color: #fff;
}

#infscr-loading img {
  float: left;
  margin-right: 0.2em;
  margin-top: 0.2em;
}

/**/
#function_1 #edit-captcha {
  height: 34px;
  width: 68px;
  font-size: 18px;
  padding: 0 5px;
  color: #666;
}
#function_1 .form-item label {
  display: block;
}
#function_1 .form-item label span {
  padding: 0 0 0 5px;
}
#function_1 .form-item,
#function_1 .form-item .bs,
#function_1 .form-actions {
  padding: 5px 0;
}
#function_1 #edit-captcha-wrapper img {
  vertical-align: bottom;
}

/* nieuwsbrieven */
#function_70 fieldset {
  overflow: hidden;
  clear: both;
}
#function_70 .data {
  width: 100%;
  overflow: hidden;
  clear: both;
}
#function_70 label {
  float: left;
}
#function_70 .paragraaf .data label {
  float: left;
  width: 25%;
}
#function_70 .datawrapper label {
  float: left;
  width: 25%;
}
#function_70 .data div.input {
  float: left;
  width: 74%;
}
#function_70 input.send {
  margin-top: 5px;
  float: right;
  cursor: pointer;
}

/* DEFINITIEF inschrijven nieuwsbrief */
#function_70 .form-item.checkbox {
  overflow: hidden;
  padding: 10px 0;
}
#function_70 .form-item.checkbox input {
  float: left;
  margin: 0 10px 0 0;
}
#function_70 .radio-edit {
  float: left;
  width: auto;
}
#function_70 .radio-wrapper .input label {
  float: left;
  clear: none;
  margin: 0 0 0 10px;
}

#function_70 .datawrapper {
  padding-top: 20px;
}
#function_70 .data {
  width: 100%;
  overflow: hidden;
  margin-top: 5px;
  clear: both;
}
#function_70 .newsletter-group {
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}

#function_70 option {
  padding: 1px 0 1px 2px;
}

#function_70 .verzendvoorkeur .radio-edit {
  clear: none;
  margin-right: 2px;
}
#function_70 .verzendvoorkeur label.description {
  clear: none;
  width: auto;
  margin-right: 10px;
  line-height: 1.2em;
}
#function_70 .paragraaf {
  margin-bottom: 20px;
}

/* Social Login */
.socialid-delete[type="submit"] {
  background-color: #ffffff;
  border: medium none;
  color: #f37736;
  cursor: pointer;
}
.socialid-active img {
  vertical-align: middle;
}
.social-add[type="submit"] {
  height: 22px;
  width: 22px;
  margin-left: 0;
  margin-right: 10px;
}
.social-add#provider_facebook {
  background-image: url("/icons/facebook.png");
}
.social-add#provider_google {
  background-image: url("/icons/google.png");
}
.social-add#provider_twitter {
  background-image: url("/icons/twitter.png");
}

.social-login,
.social-add {
  display: block;
  float: none;
  height: 24px;
  width: 154px;
  margin-top: 8px;
  cursor: pointer;
}
.social-login[type="submit"],
.social-add[type="submit"] {
  background-repeat: no-repeat;
  border: none;
  text-indent: -99999px;
}
.social-login[type="submit"]:hover,
.social-add[type="submit"]:hover,
.socialid-delete[type="submit"]:hover {
  border: none;
  background-color: #fff;
  color: #ff7100;
}
.social-login#provider_facebook {
  background-image: url("/icons/signin-facebook.png");
}
.social-login#provider_google {
  background-image: url("/icons/signin-google.png");
}
.social-login#provider_twitter {
  background-image: url("/icons/signin-twitter.png");
}

/* TAGS */
.tags-container {
  padding: 10px 0 0 0;
}
.tags-container .tags-title {
  font-weight: bold;
}
.tags-container ul {
  background: url("/icons/tags.gif") no-repeat scroll 0 4px transparent;
  list-style-type: none;
  padding: 3px 0 0 20px;
}
.tags-container ul li {
  display: inline;
  padding: 0 3px 0 0;
}
/* /TAGS */

.googlemaps {
  width: 100%;
  height: 300px;
}
.gmtooltip {
  position: absolute;
  width: 145px;
  padding: 5px;
  border: 1px solid gray;
  font-size: 9pt;
  font-family: Verdana;
  background-color: #fff;
  color: #000;
  margin: -20px 0 0 10px;
  box-shadow: 1px 1px 3px 1px #888;
}

/* zoeken */
#function_12 #zoektips {
  margin-top: 32px;
}
#function_12 .search-delaymessage {
  margin-top: 32px;
}
#function_12 .afb-result {
  float: left;
  margin: 5px 10px 5px 0;
  overflow: hidden;
  position: relative;
}
#function_12 .overlay .overlay-image {
  height: 32px;
  left: -16px;
  top: -16px;
  width: 32px;
}
#function_12 .overlay-2 .overlay-image {
  background-image: url("/icons/video_overlay_32.png");
}
#function_12 .overlay-3 .overlay-image {
  background-image: url("/icons/audio_overlay_32.png");
}
#function_12 .overlay-4 .overlay-image {
  background-image: url("/icons/document_overlay_32.png");
}
#function_12 .breadcrumbs ul {
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 16px;
}
#function_12 .breadcrumb {
  display: inline;
  background-image: none;
  color: #aaaaaa;
  font-size: 9px;
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
#function_12 .breadcrumb a {
  text-decoration: none;
  color: #aaaaaa;
}
#function_12 .breadcrumbs li .delimiter {
  padding: 0 5px;
}
#function_12 .breadcrumb.last {
  display: none;
}
#function_12 .searchsummary {
  clear: both;
}
#function_12 .pager {
  background-color: transparent;
}

.function_12 .item {
  padding: 15px 0;
  border-bottom: 1px solid #aaaaaa;
}
.function_12 .item-last {
  border-bottom: 0;
}

#function_14 .news-filter {
  text-align: right;
  padding: 10px 0;
}
#function_14 .news-filler {
  display: none;
}
/*vraag en aanbod*/
#function_18 .form-reaction label {
  display: inline-block;
  width: 200px;
}
#function_18 .form-reaction #form-submit-wrapper {
  padding: 5px 0 5px 0;
}
#function_18 .form-reaction .submit {
  cursor: pointer;
  border: 1px solid #000;
  padding: 1px 10px;
}

/* Cookie wetgeving */
#function_21 h2 {
  margin-top: 24px;
  font-size: 18px;
}
#function_21 h3 {
  margin-top: 18px;
  font-size: 14px;
}
#function_21 p {
  margin: 8px 0;
}
#function_21 ul {
  list-style-type: none;
}
#function_21 table.cookieinfo {
  text-align: left;
  background-color: #f9fafa;
  padding: 0 10px;
  margin-top: 12px;
  border: 1px solid #ccc;
}
#function_21 table.cookieinfo th {
  padding: 10px 5px;
}
#function_21 table.cookieinfo td {
  padding: 10px 5px;
  border-top: 1px solid #ccc;
}

/* evenementen*/
#function_22 .sub-title {
  background-color: #00a4e4;
  color: #fff;
  line-height: 30px;
  padding: 0 0 0 5px;
  margin: 30px 0 10px 0;
}
#function_22 .evenementen-picto {
  text-align: right;
  margin: 0;
  padding: 2px 11px 0 0;
  color: #666;
  font-size: 11px;
  margin-top: 10px;
}
#function_22 .evenementen-picto li {
  margin: 0;
  padding: 0;
  display: inline;
  border-left: 1px solid #aaa;
  padding-left: 2px;
  padding-right: 2px;
}
#function_22 .evenementen-picto li.titel {
  margin: 0;
  border: 0;
}
#function_22 .evenementen-picto li.first {
  margin: 0;
  border: 0;
}
#function_22 .evenementen-picto a {
  text-decoration: none;
}
#function_22 .evenementen-picto img {
  max-width: 16px;
  max-height: 16px;
  vertical-align: middle;
  margin: 0 10px 0 5px;
  border: none;
}
#function_22 .itemdate {
  margin-top: -5px;
}
/* /evenementen*/
/* evenementen*/
#function_47 .sub-title {
  background-color: #00a4e4;
  color: #fff;
  line-height: 30px;
  padding: 0 0 0 5px;
  margin: 30px 0 10px 0;
}
#function_47 .evenementen-picto {
  text-align: right;
  margin: 0;
  padding: 0;
  color: #666;
  margin: 5px 0 10px;
}
#function_47 .evenementen-picto li {
  margin: 0;
  padding: 0;
  display: inline;
  border-left: 1px solid #aaa;
  padding-left: 2px;
  padding-right: 2px;
}
#function_47 .evenementen-picto li.titel {
  margin: 0;
  border: 0;
}
#function_47 .evenementen-picto li.first {
  margin: 0;
  border: 0;
}
#function_47 .evenementen-picto a {
  text-decoration: none;
}
#function_47 .evenementen-picto img {
  max-width: 16px;
  max-height: 16px;
  vertical-align: middle;
  margin: 0 10px 0 5px;
  border: none;
}
#function_47 .itemdate {
  margin-top: -5px;
}

.function-47 #waarwanneer-block .reeksdata-actions .fa {
  height: 1.3em;
  padding: 0.2em;
  text-align: center;
  font-size: 1.8em;
  width: 1.3em;
}
.function-47 #waarwanneer-block .reeksdata-actions .fa-calendar-o {
  color: #666;
}
.function-47 #waarwanneer-block .reeksdata-actions .fa-facebook {
  background-color: #3b5796;
  color: #fff;
}
/* /evenementen*/

/* top 5 */
#function_47 ul.top5 li {
  margin-top: 10px;
}
#function_47 .top5-readmore {
  font-weight: bold;
}
#function_47 .top5-lead {
  font-size: 0.9em;
}
#function_47 .top5-location {
  font-size: 0.9em;
}
/* Hack to hide the vevent title, microdata needs the title to be 'visible' but in the title is too repitive if used per time unit */
#function_47 .vevent {
  width: 0;
  max-width: 0;
  overflow: hidden;
  height: 0;
  max-height: 0;
}
/* /top 5 */

/* Google maps*/
div.infowindow {
  font-size: 0.8em;
  line-height: 1.4em;
}
div.infowindow div.sTitle {
  font-weight: bold;
  font-size: 1.2em;
}
div.infowindow div.infowindow_name {
  font-weight: bold;
}
/* /Google maps*/

/* Taghighlight tooltip */
.bubbletip {
  max-width: 400px;
  width: 400px;
  font-size: 16px;
  line-height: 1.2em;
}
.bubbletip p {
  margin: 8px 0;
}
.bubbletip h3 {
  font-size: 1.4em;
}

.highlight {
  background-image: url("/icons/highlight.gif");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 10px;
  cursor: help;
}
.taghighlight-image-container,
.bubbletip p.taghighlight-image-container {
  float: left;
  margin-right: 12px;
  margin-top: 10px;
}
/* /Taghighlight tooltip */

/* iCal van vCard Icon */
.ical,
.vcard,
.contact-card {
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 16px;
  line-height: 24px;
  margin: 0 0.5em;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.ical {
  background-image: url("/icons/ical.gif");
}
.vcard,
.contact-card {
  background-image: url("/icons/vcard.gif");
}
/* /iCal van vCard Icon */
/* SOCIAL LINKS */
.sociallinks-wrapper {
  padding: 10px 0;
  clear: both;
}
.sociallinks-wrapper .sociallinkstitle {
  display: block;
  padding: 0 0 5px;
  border-bottom: 1px solid #666;
  margin: 0 0 8px;
}
.sociallinks-wrapper .social-title {
  margin-bottom: 6px;
}
.sociallinks-wrapper .social-spacer {
  clear: left;
}
.sociallinks-wrapper .social-bookmarks {
  margin: 0;
}
.sociallinks-wrapper .social-bookmarks .title {
  display: none;
}
.sociallinks-wrapper .social-bookmarks li {
  float: left;
  list-style-type: none;
  margin: 0;
}
.sociallinks-wrapper .social-bookmarks li li {
  margin: 0 8px 0 0;
}
.sociallinks-wrapper li img {
  vertical-align: top;
}
.sociallinks-wrapper .link-bitly {
  position: relative;
  overflow: visible;
}
.sociallinks-wrapper .link-bitly .link {
  cursor: pointer;
}
.sociallinks-wrapper .link-bitly .description {
  display: none;
  position: absolute;
  right: 0;
  bottom: -42px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #000;
  z-index: 1;
  opacity: 0.8;
}
.sociallinks-wrapper .link-bitly.selected .description {
  display: block;
}
.sociallinks-wrapper .link-rate-like .sociallink {
  display: inline-block;
  padding-left: 15px;
  background: transparent url("/icons/social/heart.gif") left 3px no-repeat;
  text-decoration: none;
  min-height: 15px;
}
.sociallinks-wrapper .link-rate-like .sociallink #ratingCnt {
  display: inline-block;
  min-width: 1px;
}
/* /SOCIAL LINKS */
/* /FUNCTIE 11 - overzicht BIJLAGEN */
#function_11 .item {
  background: transparent url("/icons/doc_types/icon_generic.gif") left 7px
    no-repeat;
  padding: 5px 0 5px 20px;
  overflow: hidden;
}
#function_11 .attachment-group {
  padding: 5px 0;
}
#function_11 .item-info {
  color: #999;
}
#function_11 .item-image {
  float: left;
  width: 20px;
}
#function_11 {
  padding: 0 0 20px 0;
}
/* FUNCTIE 11 && BLOCK - BIJLAGEN */
.cmt #block-bijlagen {
  font-family: Arial;
}
.cmt #block-bijlagen a {
  color: #ff7100;
  text-decoration: none;
}
.cmt #block-bijlagen a:hover {
  text-decoration: underline;
}
#block-bijlagen .bijlagen-groepen,
#block-bijlagen .bijlagen-lijst {
  padding: 0 0 0 16px;
}
#block-bijlagen li.bijlagen {
  background: transparent url("/icons/doc_types/icon_generic.gif") left top
    no-repeat;
  margin: 5px 0;
  padding: 0 0 0 20px;
  list-style-type: none;
  min-height: 16px;
}
#block-bijlagen li.doctype-pdf,
#function_11 .doctype-pdf {
  background-image: url("/icons/doc_types/icon_pdf.gif");
}
#block-bijlagen li.doctype-txt,
#function_11 .doctype-txt {
  background-image: url("/icons/doc_types/icon_txt.gif");
}
#block-bijlagen li.doctype-doc,
#block-bijlagen li.doctype-docx,
#block-bijlagen li.doctype-odt,
#function_11 .doctype-docx,
#function_11 .doctype-doc,
#function_11 .doctype-odt {
  background-image: url("/icons/doc_types/icon_doc.gif");
}
#block-bijlagen li.doctype-xls,
#block-bijlagen li.doctype-ods,
#function_11 .doctype-xls,
#function_11 .doctype-ods {
  background-image: url("/icons/doc_types/icon_xls.gif");
}
#block-bijlagen li.doctype-png,
#block-bijlagen li.doctype-gif,
#block-bijlagen li.doctype-jpg,
#function_11 .doctype-png,
#function_11 .doctype-gif,
#function_11 .doctype-jpg {
  background-image: url("/icons/doc_types/icon_image.gif");
}
#block-bijlagen li.doctype-ppt,
#block-bijlagen li.doctype-pptx {
  background-image: url("/icons/doc_types/icon_ppt.gif");
}

/* form bijgewerkt */
#function_78 #frmmailkunstenaar label {
  display: block;
}

#function_82 #reset-passwordform input[type="password"] {
  width: 20em;
}
#function_82 #reset-passwordform .bs {
  display: inline-block;
  margin-left: 16px;
}

#function_131 .searchform td {
  line-height: 23px;
}
#function_131 #btnpreview {
  line-height: 36px;
}

.login_cms {
  width: 500px;
  margin: 100px auto 0;
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #fff;
}
.login_cms table {
  margin: 0 auto;
}
.login_cms h1 {
  text-align: center;
}
.login_cms h1 img {
  max-width: 100%;
}
.login_cms td {
  padding: 5px;
}
.login_cms .maintenance-message {
  padding: 10px 0;
}
.login_cms .login_copyright {
  margin-top: 40px;
  font-size: smaller;
  color: gray;
  line-height: 12px;
}
.login_cms .btn_submit {
  background: transparent url("/spanz/icons/send.gif") left top no-repeat;
  vertical-align: middle;
  width: 45px;
  height: 15px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  display: inline-block;
  border: 0;
  margin: 0;
  cursor: pointer;
}
.login_cms #loginform .btn_submit {
  background-image: url("/spanz/icons/login.gif");
  margin: 0 0 0 5px;
}

/* standaard */
#edit-captcha-wrapper img {
  vertical-align: bottom;
}
#edit-captcha-wrapper .bs {
  display: block;
  padding: 5px 0 10px 0;
}
#edit-captcha-wrapper .captcha {
  color: #666666;
  font-size: 18px;
  height: 34px;
  margin: 0 3px;
  padding: 0 5px;
  width: 68px;
}
.reviews .reviewadd .reviewadd-comment {
  margin: 5px 0 5px 0;
}
.reviews .reviewadd label {
  width: 100px;
}
.reviews .reviewadd .add {
  margin: 5px 0 10px 100px;
}
.reviews .charsleftMessage {
  padding: 5px 0 10px 100px;
}

#function_5 #sitemap {
  margin: 0;
}
#function_5 #sitemap > li {
  font-weight: bold;
}
#function_5 #sitemap > li {
  font-weight: bold;
}
#function_5 #sitemap li li {
  font-weight: normal;
}
#function_5 #sitemap ul {
  margin: 5px 0 5px 25px;
}

.fietsknooppunt {
  background: url("/icons/googlemaps/fietsknooppunt.png") no-repeat scroll 0 0
    transparent;
  display: block;
  width: 21px;
  height: 21px;
  color: green;
  font-weight: bold;
  font-style: italic;
  border-radius: 20px;
  text-align: center;
  font-size: 10px;
  line-height: 21px;
}
.fietsknooppunt-active {
  background-image: url("/icons/googlemaps/fietsknooppunt_active.png");
  width: 25px;
  height: 25px;
  line-height: 24px;
}
.layer-switcher .fietsknooppunt {
  float: left;
  margin-right: 6px;
}
.layer-switcher .inactive .fietsknooppunt {
  color: #aaa;
  border-color: #aaa;
  background-image: url("/icons/googlemaps/fietsknooppunt_inactive.png");
}
.fietsknooppunten .fietsknooppunt-item {
  float: left;
  overflow: hidden;
  margin: 4px 0;
  line-height: 20px;
  padding: 0;
  margin-right: 16px;
  width: 22px;
}

#function_193 .to-overview {
  margin-bottom: 8px;
}
#function_193 a.link-overview {
  padding: 2px 8px;
  background-color: #aaa;
  color: #fff;
  text-decoration: none;
}
#function_193 a.link-overview:hover {
  text-decoration: none;
  background-color: #333;
}
#function_193 #map_canvas {
  width: 620px;
  height: 460px;
}
#function_193 #map_canvas .label-bezienswaardigheid,
#function_193 #map_canvas .label-forten,
#function_193 #map_canvas .label-molens,
#function_193 #map_canvas .label-landgoed {
  font-size: 10px;
  font-weight: bold;
  width: 20px;
  text-align: center;
}
#function_193 #map_canvas .label-landgoed {
  color: #ccc;
}
#function_193 .route-length {
  margin-bottom: 8px;
}

#function_193 .layer-switcher {
  overflow: hidden;
}
#function_193 .layer-switch {
  width: 200px;
  float: left;
  margin: 8px 10px 0 0;
}
#function_193 .layer-switch-col-2 {
  margin-right: 0;
}
#function_193 .layer-switch img {
  vertical-align: middle;
}
#function_193 .layer-switcher label {
  cursor: pointer;
  display: block;
  height: 34px;
}
#function_193 .layer-switcher label .marker-inactive {
  display: none;
}
#function_193 .layer-switcher label .marker-active {
  display: inline;
}
#function_193 .layer-switcher label.inactive {
  opacity: 0.3;
  filter: alpha(opacity = 30);
}
#function_193 .layer-switcher input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

#function_193 .module {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
  margin-bottom: 0;
  clear: both;
}
#function_193 .module h3 {
  font-size: 1.4em;
  margin-bottom: 8px;
  color: #000;
}

.function-193 .artikel_subtitel {
  text-transform: uppercase;
}
#function_193 .route-type {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
}
#function_193 .route-button {
  padding: 2px 8px;
  float: left;
  cursor: pointer;
  background: none no-repeat scroll 8px 50% transparent;
  text-decoration: none;
}
#function_193 a.route-button {
  color: #333;
}
#function_193 a.route-button:hover {
  text-decoration: none;
}
#function_193 .route-button-inactive {
  zoom: 1;
  filter: alpha(opacity=30);
  opacity: 0.3;
}
#function_193 .route-button-inactive:hover {
  background-color: #fff;
  color: #333;
  cursor: default;
}
#function_193 .route-button {
  margin-left: 8px;
}
#function_193 .route-button.route-print {
  background-image: url("/icons/ico_printer.gif");
  text-indent: 22px;
}
#function_193 .route-button.route-pdf {
  background-image: url("/icons/doc_types/icon_pdf.gif");
  text-indent: 20px;
}
#function_193 .route-button.route-export {
  background-image: url("/icons/doc_types/icon_vector.gif");
  text-indent: 20px;
}
#function_193 .sociallinks-wrapper {
  float: right;
  clear: none;
  padding: 2px 0;
}

#function_193 .collapsible .collapsible-label.collapsed {
  padding: 0 10px 0 15px;
  color: #0000ff;
  cursor: pointer;
}
#function_193 .collapsible .collapsible-label.expanded {
  padding: 0 10px 0 15px;
  color: #0000ff;
  cursor: pointer;
}
#function_193 .directions {
  clear: left;
  margin: 10px;
}
#function_193 .directions-step {
  clear: left;
  border-top: 1px solid #aaa;
}
#function_193 .stepnr {
  float: left;
  width: 30px;
  background-color: #eee;
  height: 40px;
  margin: 2px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
}
#function_193 .instructions {
  float: left;
  margin-right: 4px;
  width: 386px;
  height: 45px;
  margin-left: 4px;
  margin-top: 6px;
}
#function_193 .instructions div {
  display: none;
}
#function_193 .distance {
  color: #aaaaaa;
  float: right;
}
#function_193 .directions-copyrights {
  float: right;
  color: #aaa;
}

#function_193 .infowindow .infowindow-title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 4px;
}
#function_193 .infowindow .infowindow-location {
  color: #666;
  text-transform: uppercase;
}
#function_193 .infowindow .infowindow-date {
  margin-top: 2px;
}
#function_193 .infowindow .infowindow-image {
  float: right;
  margin: 2px 0 4px 8px;
}
#function_193 .infowindow .infowindow-body {
  max-width: 270px;
  line-height: 1.4em;
  overflow: hidden;
  margin-top: 4px;
}
#function_193 .infowindow .infowindow-link {
  margin-top: 8px;
  display: block;
}
#function_193 .infowindow .infowindow-externallink {
  margin-top: 8px;
  display: inline-block;
  background-position: right center;
  padding: 0 15px 0 0;
}
#function_193 .external-link {
  float: right;
}
#function_193 .collapsible .collapsible-label.collapsed {
  padding: 0 10px 0 0;
  cursor: pointer;
  background-position: right center;
}
#function_193 .collapsible .collapsible-label.expanded {
  padding: 0 10px 0 0;
  cursor: pointer;
  background-position: right center;
}
#function_193 a.infowindow-externallink,
#function_193 .external-link a,
#function_193 .molen-naam a,
#function_193 .fort-naam a {
  background: none;
  padding-left: 0px;
} /* uitschakelen van het standaard externelink icoon */

#function_193 .clickable-div-hover {
  border-color: #0098d1;
}
#function_193 .route-button:hover {
  background-color: #0098d1;
  color: #fff;
}
#function_193 .module .image-wrapper {
  margin-bottom: 5px;
}

.function_193.render-popup .field_checkboxmulti .grid-medium-right label,
.function_193.render-popup .field_checkboxmulti .grid-medium-right input {
  float: left;
}
.function_193.render-popup .field_checkboxmulti .grid-medium-right input {
  clear: both;
  margin: 0 5px;
}
.function_193.render-popup h2 {
  margin: 0 0 20px;
}

#function_193 .module {
  clear: both;
}
#function_193 .block-information .tooltip {
  cursor: default;
  width: auto;
  height: auto;
}

#module-directions {
  display: none;
}
#module-directions .directionsPanel {
  display: none;
}
#module-directions .directions-step {
  border-color: #ccc;
  overflow: hidden;
}
#module-directions .collapsible-container {
  margin-top: 12px;
}
#module-directions #step1 {
  border-top: none;
}

#module-bezienswaardigheden #bezienswaardigheden {
  margin: 0;
  list-style-type: none;
}
#module-bezienswaardigheden .bezienswaardigheid {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
#module-bezienswaardigheden .bezienswaardigheid-last {
  margin-bottom: 0;
  border-bottom: none;
}
#module-bezienswaardigheden .bw-title {
  font-weight: bold;
}
#module-bezienswaardigheden .bw-category {
  color: #666;
  text-transform: uppercase;
}
#module-bezienswaardigheden .bw-sequence {
  float: left;
  margin-right: 12px;
}
#module-bezienswaardigheden .bw-image {
  float: left;
  margin-right: 8px;
  margin-top: 4px;
}

#module-organisaties .item {
  overflow: hidden;
  border-top: 1px solid #ddd;
  margin-top: 0.5em;
  padding-top: 0.5em;
}
#module-organisaties .item-first {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
#module-organisaties .image-wrapper {
  float: left;
  margin-right: 0.5em;
}

#module-agenda .agenda-item {
  overflow: hidden;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
}
#module-agenda .agenda-item-last {
  border-bottom: 0;
}
#module-agenda .agenda-last {
  margin-bottom: 0;
  border-bottom: none;
}
#module-agenda .agenda-image {
  float: right;
  margin-left: 8px;
}
#module-agenda .agenda-title {
  font-size: 1.2em;
  font-weight: bold;
}
#module-agenda .agenda-datum {
  color: #999999;
  font-size: 11px;
  font-weight: bold;
  margin-top: -4px;
}
#module-agenda .agenda-plaats {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}
#module-agenda .agenda-soort {
  color: #666666;
  font-size: 11px;
  font-weight: bold;
}
#module-agenda .agenda-item-all {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-bottom: 10px;
}

#block-allroutes .route {
  border-top: 1px solid #ccc;
  padding: 10px 10px;
}
#block-allroutes .route-active {
  background-color: #fff;
}
#block-allroutes .route-first {
  border-top: none;
}
#block-allroutes .route-image {
  float: left;
  margin: 4px 5px 5px 0;
}
#block-allroutes .route-length {
  padding-left: 8px;
}
#block-allroutes .route-reactions {
  background: url("/icons/ico_comment.gif") no-repeat scroll left 50%
    transparent;
  text-indent: 25px;
  float: left;
  margin-right: 18px;
}
#block-allroutes .route-ratings {
  text-indent: 20px;
  float: left;
  margin-right: 18px;
}
#block-allroutes .route-pageviews {
  background: url("/icons/ico_view.gif") no-repeat scroll left 50% transparent;
  text-indent: 20px;
  float: left;
  margin-right: 18px;
}
#block-allroutes .route-type {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
}
#block-allroutes a.readmore {
  float: right;
  font-size: 1px;
  height: 15px;
  margin: 3px 6px 0 0;
  text-indent: -9999px;
  width: 15px;
}

#module-forten #forten {
  margin: 0;
}
#module-forten .fort {
  border-bottom: 1px solid #ffffff;
  float: left;
  margin: 0 10px 10px 0;
  overflow: hidden;
  padding: 0 0 3px;
  width: 200px;
}
#module-forten .fort-col-0 {
  clear: left;
}
#module-forten .fort-col-2 {
  margin-right: 0;
}
#module-forten .fort-naam {
  color: #000;
  font-size: 11px;
  font-weight: bold;
}
#module-forten .fort-plaats {
  color: #666;
  font-size: 11px;
  font-weight: bold;
}

#module-molens #molens {
  margin: 0;
}
#module-molens .molen {
  border-bottom: 1px solid #ffffff;
  float: left;
  margin: 0 10px 10px 0;
  overflow: hidden;
  padding: 0 0 3px;
  width: 116px;
}
#module-molens .molen-col-4 {
  margin-right: 0;
}
#module-molens .molen-naam {
  color: #000;
  font-size: 11px;
  font-weight: bold;
}
#module-molens .molen-plaats {
  color: #666;
  font-size: 11px;
  font-weight: bold;
}

#module-landgoedbuitenplaats .landgoedbuitenplaats {
  float: left;
  width: 120px;
  height: 140px;
  margin: 0 0 9px 9px;
  border-bottom: 1px solid #ccc;
}
#module-landgoedbuitenplaats .landgoedbuitenplaats.clickable-div-hover {
  border-color: #ad0300;
}
#module-landgoedbuitenplaats .landgoedbuitenplaats-col-1 {
  margin-left: 0;
}
#module-landgoedbuitenplaats .landgoedbuitenplaats-row-last {
  border-bottom: 0;
}
#module-landgoedbuitenplaats .landgoedbuitenplaats a {
  color: #ad0300;
}
#module-landgoedbuitenplaats .landgoedbuitenplaats a:hover {
  text-decoration: none;
}
#module-landgoedbuitenplaats .landgoedbuitenplaats .image-wrapper {
  background-color: #eee;
  width: 120px;
  height: 89px;
}

/* Function 195 Route overzichtpagina */
.function-195 .sidebar2 {
  display: none;
}
.function-195 .article-inner > .content {
  width: 100%;
}
#content.content_function_195 {
  width: 100%;
  margin: 10px 0 0;
}
.function-195 #container,
.function-195 #container-inner,
.function-195 #article,
.function-195 #content,
.function-195 #content-inner,
.function-195 #function_195 {
  overflow: visible;
}
.function-195 #subnavigation {
  display: none;
}
.function-195 #sidebar {
  display: none;
}
#function_195 {
  width: 100%;
}
#function_195 .routes {
  margin: 0;
  list-style-type: none;
}
#function_195 .route {
  /*width: 300px;*/
  height: 180px;
  float: left;
  margin-right: 20px;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #aaa;
}
#function_195 .route.route-col-2 {
  margin-right: 0;
}
#function_195 .route.route-row-first {
  border-top: none;
  padding-top: 0;
}
#function_195 .route .route-header {
  clear: both;
  height: 92px;
  overflow: hidden;
}
#function_195 .route .route-image {
  float: left;
  margin-right: 10px;
}
#function_195 .route .route-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 8px;
}
#function_195 .route .route-type {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
#function_195 .route .route-footer {
  overflow: hidden;
  margin-top: 4px;
}
#function_195 .route .route-content {
  clear: both;
  height: 64px;
  overflow: hidden;
}
#function_195 .route .route-subtitle {
  font-size: 10px;
  line-height: 16px;
}
#function_195 .route .route-reactions {
  background: url("/icons/ico_comment.gif") no-repeat scroll left 50%
    transparent;
  float: left;
  margin-right: 18px;
  text-indent: 25px;
}
#function_195 .route .route-ratings {
  background: url("/clientdata/icons/heart.png") no-repeat scroll left 50%
    transparent;
  float: left;
  margin-right: 18px;
  text-indent: 20px;
}
#function_195 .route .route-pageviews {
  background: url("/icons/ico_view.gif") no-repeat scroll left 50% transparent;
  float: left;
  margin-right: 18px;
  text-indent: 20px;
}
#function_195 .route a.readmore {
  background: url("/clientdata/icons/readmore.png") no-repeat scroll 3px 3px
    transparent;
  float: right;
  font-size: 1px;
  height: 15px;
  margin: 3px 6px 0 0;
  text-indent: -9999px;
  width: 15px;
}

#function_195 .block-filter-bar {
  padding: 5px 0 10px 0;
}
#function_195 .block-filter-bar .form-item {
  background-color: #aaa;
  padding: 5px 10px;
  font-size: 16px;
  text-align: center;
  margin: 0 10px 0 0;
  color: #fff;
  float: left;
  position: relative;
  height: 22px;
  line-height: 19px;
  text-decoration: none;
  text-transform: lowercase;
}
#function_195 .block-filter-bar .form-item.selected {
  background-color: #333;
}
#function_195 .block-filter-bar .form-item-image {
  padding: 5px 10px 5px 35px;
  background: none no-repeat scroll 8px center #aaa;
}
#function_195 .block-filter-bar .deselect {
  display: none;
  cursor: pointer;
}
#function_195 .block-filter-bar .selected .deselect {
  display: block;
  position: absolute;
  width: 21px;
  height: 21px;
  right: -6px;
  top: -9px;
  background: url("/icons/ico-route-sluitbutton.png") left top no-repeat;
  text-indent: -9999px;
  font-size: 1px;
  line-height: 1px;
}
#function_195 .block-filter-bar .form-item#edit-strefwoord-wrapper {
  margin-right: 0;
  width: 268px;
}
#function_195 .block-filter-bar #edit-strefwoord {
  width: 198px;
  vertical-align: middle;
}
#function_195 .block-filter-bar #edit-submit {
  background: url("/icons/ico-route-zoekvenster-button.png") no-repeat scroll
    center 50% transparent;
  text-indent: -9999px;
  width: 18px;
  height: 18px;
  border: 1px solid #fff;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}
#function_195 .block-filter-bar #auto {
  background-image: url("/icons/ico-route-auto.png");
  width: 52px;
}
#function_195 .block-filter-bar #fietsen {
  background-image: url("/icons/ico-route-fietsen.png");
  width: 70px;
}
#function_195 .block-filter-bar #varen {
  background-image: url("/icons/ico-route-varen.png");
  width: 62px;
}
#function_195 .block-filter-bar #wandelen {
  background-image: url("/icons/ico-route-wandelen.png");
  width: 92px;
}
#function_195 .block-filter-bar #toproute {
  background-image: url("/icons/ico-route-toproutes.png");
  width: 100px;
}
#function_195 .block-filter-bar #edit-additional-wrapper .form-item {
  margin: 0 0 0 10px;
}
/* Einde Function 195 */

/* Function 199 Acties detailpagina */
#function_199 .to-overview {
  margin-bottom: 10px;
}
.function-199 #specialactionform .bs {
  color: #fff;
}
.function-199 #specialactionform .required {
  color: #fff;
}
.function-199 #specialactionform .feedback-alert {
  margin: 0;
  width: auto;
}
.function-199 #specialactionform .feedback-alert ul {
  list-style-type: none;
  margin: 0;
}
.function-199 #specialactionform .feedback-alert li {
  list-style-type: none;
  background-image: none;
}
.function-199 #specialactionform .button {
  border: 1px solid #fff;
  border-radius: 0;
  margin-top: 12px;
}
/* Einde Function 199 */

.socialmessagebox {
  width: auto;
  padding: 5px 10px 5px 5px;
}

.shoppinglist-wrapper {
  position: relative;
  float: right;
}
.shoppinglist-content {
  display: none;
  position: absolute;
  top: 16px;
  right: 0;
  width: 300px;
  background-color: #dfdfdf;
  z-index: 999;
}
.shoppinglist {
  list-style-type: none;
  padding: 10px;
  overflow: hidden;
}
.shopping-item {
  padding: 8px 0;
  border-top: 1px solid #ccc;
  clear: both;
}
.shopping-item-1 {
  border-top: none;
}
.shopping-item-image {
  width: 30px;
  height: 30px;
  float: left;
  margin: 0 4px 4px 0;
}
.shopping-item-title {
  font-weight: bold;
}
.shoppinglist-actions {
  clear: both;
  background-color: #aaa;
  padding: 10px;
}
.shopping-item-delete {
  float: right;
}

input.read-only {
  background-color: #eee;
  color: #bbb;
}
radio.read-only {
  background-color: #eee;
  color: #bbb;
}
label.read-only {
  color: #bbb;
}

.twitter-widget .stream a,
.twitter-widget .stream {
  font-size: 12px;
  line-height: 16px;
}
.twitter-widget .stream .permalink {
  float: right;
  font-size: 0.9em;
  color: #999;
  text-decoration: none;
}
.twitter-widget .stream .header {
  overflow: hidden;
  margin: 0 0 5px 0;
}
.twitter-widget .stream .header span {
  display: block;
}
.twitter-widget .stream .header img {
  float: left;
  margin: 0 5px 0 0;
  width: 32px;
}
.twitter-widget .stream .header a {
  text-decoration: none;
}
.twitter-widget .stream .header .full-name {
  font-weight: bold;
}
.twitter-widget .stream .header .full-name:hover {
  text-decoration: underline;
}
.twitter-widget .stream .header .screen-name {
  color: #999;
}
.twitter-widget .stream ol {
  margin: 0;
}
.twitter-widget .stream ol li {
  list-style-type: none;
  margin: 10px 0 0 0;
}
.twitter-widget .stream ol li.tweet-first {
  margin-top: 0;
}
.twitter-widget .stream p {
  margin: 0;
}

.multifeed li {
  padding: 5px 0;
  border-top: 1px solid #ccc;
  margin: 0;
}
.multifeed li:first-child {
  border-top: none;
}
.multifeed li:nth-child(7) {
  border-top: none;
}
.multifeed .item {
  position: relative;
}
.multifeed .item-container {
  margin-left: 50px !important;
}
.multifeed .item-container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.multifeed span {
  display: block;
}
.multifeed .item-avatar {
  margin-left: -47px;
  float: left;
}
.multifeed .item-avatar img {
  max-width: 40px;
  max-height: 40px;
}
.multifeed .item-title {
  font-weight: bold;
}
.multifeed .item-image {
  float: right;
  margin: 0 0 5px 5px;
}
.multifeed .item-image img {
  max-width: 80px;
}
.multifeed .item-footer span {
  display: inline-block;
}
.multifeed .item-footer {
  clear: both;
  color: #999;
}
.multifeed img {
  vertical-align: bottom;
}
.multifeed .network-logo {
  position: absolute;
  left: 0;
  top: 3px;
}
.multifeed .item-footer {
  padding: 2px 0;
}
.multifeed .item-retweet {
  background: url("/icons/social/retweet.png") left center no-repeat;
  padding-left: 20px;
  display: inline-block;
}

.draghandle {
  background: url("/spanz/icons/draggable.png") no-repeat scroll 0 0 transparent;
  cursor: move;
  display: block;
  float: left;
  height: 13px;
  margin: 2px 8px 0;
  text-indent: -9999px;
  width: 13px;
}

/* default fancybox titel niet weergeven */
.fancybox-title {
  display: none;
}

#project-selection .selected-project .deselect {
  display: none;
}
#project-selection .selected-project:hover .deselect {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 152px;
  top: 2px;
  font-size: 24px;
  cursor: pointer;
  transform: rotate(45deg);
  transform-origin: 20% 40%;
  -ms-transform: rotate(45deg); /* IE 9 */
  -ms-transform-origin: 20% 40%; /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  -webkit-transform-origin: 20% 40%; /* Chrome, Safari, Opera */
  background-color: #fff;
  display: block;
  border-radius: 10px;
  color: #000;
}

/*.f140-loading  #sidebar-left:before{position: absolute; width: 100%; height: 100%; background: #FFF; z-index: 999; opacity: 0.9; -moz-opacity:0.9; filter:alpha(opacity=90); content:" "; }*/
.loading-category-search #category-search,
.loading-filterextended #FilterExtended,
.loading-projectenfilterextended #ProjectenFilterExtended,
.loading-projectenfiltersimple #ProjectenFilterSimple {
  position: relative;
}

#category-search fieldset:before,
.filtercolumn:before {
  zoom: 1;
  overflow: visible;
  left: 0;
  top: 0;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff url("/icons/loading.gif") 50% 50% no-repeat;
  z-index: 999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  content: " ";
}

.loading-category-search #category-search fieldset:before,
.loading-filterextended #FilterExtended .filtercolumn:before,
.loading-projectenfilterextended #ProjectenFilterExtended .filtercolumn:before,
.loading-projectenfiltersimple #ProjectenFilterSimple .filterbar:before {
  display: block;
}
/*
#FilterExtended .filtercolumn:after {overflow: visible; left: 0; top: 50px; position: absolute; width:  50px; height: 50px; background: #00f url('/icons/loading.gif') 10px 10px no-repeat; z-index: 999; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); content:"kaas";}
*/
/* .f140-loading  #main-top:before{position: absolute; width: 100%; height: 70px; background: #FFF; z-index: 999; opacity: 0.9; -moz-opacity:0.9; filter:alpha(opacity=90); content:" "; }*/
/* .f140-loading  #ProjectenFilterSimple:before{position: absolute; width: 100%; height: 37px; background: #FFF; z-index: 999; opacity: 0.9; -moz-opacity:0.9; filter:alpha(opacity=90); content:" "; }*/
/*.f140-loading  #function_140:before{position: absolute; width: 100%; height: 100%; background: #FFF url('/icons/loading.gif') 50% 130px no-repeat; z-index: 999; opacity: 0.9; -moz-opacity:0.9; filter:alpha(opacity=90); content:" "; }*/

#function_205 .field_rating input {
  display: none;
}
#function_205 .field_rating label {
  font-size: 1.5em;
  color: #999;
  margin: 0 0 0.62em 0.3em;
  line-height: 1.4em;
}
#function_205 .field_rating .option-wrapper {
  display: inline-block;
}
#function_205 .field_rating .option-wrapper-checked .fa-star-o:before {
  content: "\f005";
}
#function_205 .field_rating .option-wrapper-hover label {
  color: #ccc;
}
#function_205 .field_rating .option-wrapper-hover .fa-star-o:before {
  content: "\f005";
}
#function_205 label {
  display: inline;
  margin-right: 2em;
}
#function_205 .html_base {
  text-transform: uppercase;
  font-size: 1.125em;
  line-height: 1.2222em;
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
#function_205 .aanbieder-name {
  font-weight: bold;
}
#function_205 #formbase-toelichting {
  padding-top: 16px;
}

#function_207 .title-beoordeling,
#function_207 .title-toelichting {
  text-transform: uppercase;
  font-size: 1.125em;
  line-height: 1.2222em;
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
#function_207 .aanbieder-name {
  font-weight: bold;
}
#function_207 .txt-beoordeling {
  margin-bottom: 16px;
}
#function_207 .antwoord {
  font-size: 1.5em;
  color: #999;
  margin: 0 0 0.62em 0.3em;
  line-height: 1.4em;
}
#function_207 .toelichting .datum {
  display: none;
}
#function_207 .toelichting {
  margin-bottom: 16px;
}
#function_207 .vraag {
  font-weight: bold;
}
#function_207 .beoordelingen {
  margin-left: 2em;
}
#function_207 .toelichtingen {
  margin-left: 2em;
}

.function-140 #projecten-actions .actions {
  margin-top: 2em;
}
.function-140 #projecten-actions #projecten {
  padding-left: 16px;
  margin-top: 16px;
}

ul.agendapro {
  list-style-position: inside;
}

/*throbber voor media module */
.loading .loader {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent url("/icons/loading.gif") 50% 50% no-repeat;
}

.field_honeypot {
  display: none;
}

#function_149 .complete .approved {
  padding: 20px 0;
}
#function_149 .complete .approved-title {
  font-size: 1.5em;
  line-height: 1.25em;
}
#function_149 .no-extra-costs {
  color: #5da423;
  font-size: 11px;
  display: block;
  margin-top: 0.5em;
}
#function_149 .no-extra-costs:after {
  color: #5da423;
  font-family: FontAwesome;
  content: "\f00c";
  margin-left: 0.5em;
}
#function_149 .remove_button {
  border: none;
  display: block;
  color: #e42218;
  background: none;
  font-family: verdana;
  font-size: 11px;
  font-weight: normal;
  padding-left: 0;
}
#function_149 .remove_button:hover {
  text-decoration: underline;
}
#function_149 .cart-total .btw {
  color: #ccc;
}
#function_149 .col-remove {
  width: 50px;
}

#shopsocialshare {
  overflow: hidden;
  max-width: 320px;
}
#shopsocialshare .radio-title,
#shopsocialshare .field_textarea label {
  display: none;
}
#shopsocialshare .field_radio input {
  float: left;
}
#shopsocialshare .field_radio .option-wrapper {
  padding: 0 10px;
  overflow: hidden;
  display: inline-block;
}
#shopsocialshare .option-wrapper-shopsocialshare-isocialshare-facebook label,
#shopsocialshare .option-wrapper-shopsocialshare-isocialshare-twitter label {
  visibility: hidden;
  float: left;
  font-size: 0;
  line-height: 30px;
}
#shopsocialshare
  .option-wrapper-shopsocialshare-isocialshare-twitter
  label:after {
  float: left;
  visibility: visible;
  font-family: FontAwesome;
  display: block;
  line-height: 30px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  content: "\f099";
  background-color: #00b9f1;
  text-align: center;
  color: #fff;
}
#shopsocialshare
  .option-wrapper-shopsocialshare-isocialshare-facebook
  label:after {
  float: left;
  visibility: visible;
  font-family: FontAwesome;
  display: block;
  line-height: 30px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  content: "\f09a";
  background-color: #3b5796;
  text-align: center;
  color: #fff;
}

.field-validation-sign {
  opacity: 0;
  margin-left: 0.5em;
  transition: opacity 0.45s ease-in-out 0s;
  display: none;
}
.password-check .fa-check,
.field-validation-sign-valid {
  color: #5da423;
}
.field-validation-sign-invalid {
  color: #e42218;
}
.control.control-valid .field-validation-sign-valid {
  display: inline-block;
  opacity: 1;
}
.control.control-invalid .field-validation-sign-invalid {
  display: inline-block;
  opacity: 1;
}
.control.control-invalid input,
.control.control-invalid textarea {
  border-color: #e42218;
}

#function_47 .feedback-wrapper h3 {
  margin-bottom: 16px;
}
#function_47 .feedback-wrapper .feedback-agenda {
  margin-bottom: 16px;
}
#function_47 ul.agendapro li {
  margin-bottom: 0.5em;
  list-style-position: inside;
  text-indent: -1em;
  padding-left: 16px;
}

#function_65 .module-navigation {
  overflow: hidden;
  padding: 0;
  margin: 5px 0 10px 0;
}
#function_65 .module-navigation .active {
  font-weight: bold;
}
#function_65 .module-navigation li {
  float: left;
  border-left: 1px solid #ccc;
  padding: 0 10px;
  list-style-type: none;
}
#function_65 .module-navigation li:first-child {
  border-left: none;
  padding-left: 0;
}
#function_65 .module-navigation .logout {
  float: right;
  border: none;
  padding: 0;
}

/* kleine hover indicatie */
.clickable-div-hover .block-link img,
.clickable-div-hover .media-image img {
  -webkit-animation: hoverbumb 0.5s 1;
  -moz-animation: hoverbumb 0.5s 1;
  -ms-animation: hoverbumb 0.5s 1;
  -o-animation: hoverbumb 0.5s 1;
  animation: hoverbumb 0.5s 1;
}
/* animaties */
@-webkit-keyframes hoverbumb {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes hoverbumb {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes hoverbumb {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes hoverbumb {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hoverbumb {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

/* 
	iOS hack - Gestylede Webkit weergave uitschakelen zodat de styling juist wordt overgenomen.
	input weggehaald doordat checkbox niet wordt weergegeven in chrome.
*/
textarea,
input[type="”text”"],
input[type="”button”"],
input[type="”submit”"] {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}

/* Overwrite CSS payment options layout */
#ClientForm fieldset {
  padding: 20px 0;
}
#ClientForm .option-wrapper.active {
  background-color: #e1ecf0;
}
#ClientForm .fieldset-opc-paymentgateway {
  width: 100% !important;
}
#ClientForm .control-clientform-sgateway label {
  height: auto !important;
}
#ClientForm .form-confim .grid-small-left {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#ClientForm .fieldset-opc-paymentgateway .gateway-wrapper {
  min-height: 53px;
  border: 1px solid #efefef;
  border-radius: 4px;
  clear: both;
  margin: 10px 0;
  text-align: left;
  vertical-align: middle;
  display: flex !important;
  width: 100%;
}
#ClientForm
  .fieldset-opc-paymentgateway
  .option-wrapper-clientform-sgateway-paycheckoutideal
  input,
#ClientForm
  .fieldset-opc-paymentgateway
  .option-wrapper-clientform-sgateway-foc
  input {
  margin-top: 10px !important;
}

#ClientForm .gateway-wrapper label {
  display: block;
  padding: 10px;
  width: 100%;
}
#ClientForm .option-wrapper-clientform-sgateway-paycheckoutideal label:before {
  display: inline-block;
  width: 34px;
  height: 30px;
  content: " ";
  border-radius: 4px;
  padding: 5px 20px;
  margin: 0 20px 0 0;
  vertical-align: middle;
  background: #fff url("/icons/ideal-logo-30.png") no-repeat scroll center
    center;
}

#ClientForm .fieldset-bank {
  width: 100% !important;
  padding: 0 !important;
}
#ClientForm .fieldset-bank > legend {
  display: none;
}
#ClientForm .fieldset-bank label {
  background: none !important;
  padding: 8px 50px 8px 10px !important;
  margin: 0 !important;
  font-weight: normal !important;
  font-size: 14px !important;
  float: left !important;
  line-height: 24px;
}
#ClientForm .fieldset-bank .radio-title {
  width: auto !important;
  display: table !important;
}
#ClientForm span.radio-title .required {
  display: initial !important;
}
#ClientForm .fieldset-bank .option-wrapper {
  border: 1px solid #efefef;
  display: block !important;
  float: left !important;
  padding: 0 !important;
  border-radius: 4px;
  background-color: #e1ecf0 !important;
  font-weight: normal !important;
}
#ClientForm .fieldset-bank .option-wrapper > input {
  margin: 14px 15px 0 -50px !important;
  float: right;
}
#ClientForm .fieldset-bank .post-bs {
  color: #ccc;
  padding: 10px 0 !important;
}
#ClientForm .fieldset-bank .bs.post-bs {
  color: #ccc;
  width: 100% !important;
  clear: both !important;
  display: table !important;
}
#ClientForm .green {
  font-size: 12px !important;
  font-weight: normal !important;
}
#ClientForm
  .control-clientform-sgateway
  .grid-medium-right
  .grid-medium-right
  input {
  position: relative;
  left: 0;
}

/* Icons payment options */

#ClientForm .control-clientform-paycheckoutideal_issuer label:before {
  display: inline-block;
  content: " ";
  width: 29px;
  height: 23px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-rbrbnl21
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_regiobank.gif) no-repeat center center;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-ingbnl2a
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_ing.gif) no-repeat center center;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-trionl2u
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_triodos.gif) no-repeat center center;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-fvlbnl22
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_vanlanschot.gif) no-repeat center
    center;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-rabonl2u
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_rabo.gif) no-repeat center center;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-knabnl2h
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_knab.gif) no-repeat center center;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-abnanl2a
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_abn.gif) no-repeat center center;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-asnbnl21
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_asn.gif) no-repeat center center;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-snsbnl2a
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_sns.gif) no-repeat center center;
}
#ClientForm
  .option-wrapper.option-wrapper-clientform-paycheckoutideal_issuer-bunqnl2a
  label:before {
  background: #e1ecf0 url(/icons/pay_icon_bunq.gif) no-repeat center center;
}

#skiptocontent a {
  position: absolute;
  left: -100vw;
  top: -100vh;
  display: inline-block;
  width: auto;
  background: #55bdbe;
  color: #fff;
  padding: 5px 15px 5px 15px;
  border: 1px solid #55bdbe;
  z-index: 99999;
  text-decoration: underline;
  transition: top 0.5s ease-out;
}
#skiptocontent a:focus {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
}