/* nieuwe stijl:
grijs: #EAE9E8 (header) 
oranje-rood:  #FF6A3D of: ea5a28 
oranje: #e87600
groen:  #00A4FF
donkergroen: #0c2c40
*/

/** GLOBAL **/

body {
  background: url('/content/Images/top-bg.png') #ededed repeat-x top left;
  font-weight: 100;
  color: #0c2c40;
}

em {
  font-size: 1em;
  color: #666;
}

/* header */
.logo-container {
  margin-top: 1.5em;
}

@font-face {
  font-family: Ciutadella-Medium;
  src: url("/Content/Font/Ciutadella-Medium.otf") format('opentype');
  src: url("/Content/Font/Ciutadella-Medium.ttf") format('truetype');
  src: url("/Content/Font/Ciutadella-Medium.woff") format('woff');
}

@font-face {
  font-family: Interstate-Regular;
  src: url("/Content/Font/Interstate-Regular.ttf") format('truetype');
  src: url("/Content/Font/Interstate-Regular.woff") format('woff');
}

@font-face {
  font-family: Interstate-Light;
  src: url("/Content/Font/Interstate-Light.ttf") format('truetype');
  src: url("/Content/Font/Interstate-Light.woff") format('woff');
}

.header-container {
  font-family: Ciutadella-Medium;
}

.button-bar-area {
  font-family: Ciutadella-Medium;
  margin-top: 1.5em;
  font-weight: 100;
}

.header-intro-text {
  font-family: Interstate-Regular;
  color: #000000;
  font-size: 1.2em;
  line-height: 0.75em;
}

.phone-contact {
  font-family: Interstate-Regular;
  color: #000000;
  font-size: 1.0em;
}

.button.small {
  border-radius: 25px;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

button, .button {
  font-size: 1em !important;
  border: none !important;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  background-color: #00A4FF;
}

.orange {
  background-color: #D31A53;
}

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #D31A53;
}

button.orange:hover, button.orange:focus, .button.orange:hover, .button.orange:focus {
  background-color: #FF6A3D;
}

.button.orange:hover {
  background-color: #FF6A3D;
}

.button.green:hover {
  background-color: #52C028;
}

header {
  background-color: #fff;
}

  header .header {
    background-image: url('/content/Images/top-links-bg-nieuw.png');
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #FFFFFF;
    padding-top: 0.5em;
    border-bottom: solid;
  }


.trips-filter h3 {
  font-family: Ciutadella-Medium;
}

.trips-filter {
  font-family: Tahoma;
}

.main-content .filter-block h3 {
  color: #000000;
  font-size: 1.2em;
  font-weight: 100;
}

.alert-box.alert {
  font-family: Tahoma;
  font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Ciutadella-Medium;
  font-weight: 100;
  color: #0c2c40;
}
/* einde nieuwe stijl */

.top-nav {
  float: right;
  margin-top: 0.4em;
  margin-bottom: 0em;
  background: url('/content/images/login-bg.png') no-repeat right top;
}

  .top-nav li {
    background: url('/content/images/login-bg.png') no-repeat left top;
    padding-left: 0.5em;
    margin-left: 0.5em;
  }

    .top-nav li a {
      font-size: 0.7em;
      color: #0c2c40;
    }

  .top-nav .username {
    font-size: 1.0em;
    margin-top: 10px;
    display: inline-block;
  }

  .top-nav li img {
    float: left;
  }

  .top-nav li a:hover {
    color: #FF6A3D;
  }

  .top-nav .font-sizer-container {
    width: 4em;
  }

    .top-nav .font-sizer-container .font-sizer {
      font-family: Tahoma;
      margin-left: 0.2em;
      float: left;
      text-decoration: none;
    }

      .top-nav .font-sizer-container .font-sizer:hover {
        text-decoration: underline;
      }

.font-sizer.small {
  margin-top: 1.05em;
  font-size: 0.8em !important;
}

.font-sizer.medium {
  margin-top: 0.20em;
  font-size: 1.3em !important;
}

.font-sizer.large {
  font-size: 1.6em !important;
}

section {
  background-color: #fff;
}

  section.footer {
    background-color: transparent;
    font-family: Ciutadella-Medium;
  }

.label {
  font-weight: normal;
}

a {
  font-family: Poppins, sans-serif;
  color: #FF6A3D;
  text-decoration: underline; 
}

ul, ol, dl {
  font-family: Tahoma;
  list-style-position: inside;
}

textarea {
  min-height: 90px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.bottom-border {
  border-bottom: 1px dashed #c0c0c0;
  margin-bottom: 15px;
}

.footer .row .row {
  border-bottom: 1px dotted black;
  margin-top: 20px;
}

hr {
  border-top: 1px dashed #c0c0c0;
  border-bottom: none;
}

h6 {
  margin: 0 0 10px 0;
}

.panel h3 {
  font-size: 1.1em;
}

ul.arrows {
  list-style-image: url('/content/Images/link-arrow.png');
}

  ul.arrows li {
    font-size: 1.0em;
  }

  ul.arrows a {
    color: #000;
  }

a.arrow-link {
  background: url('/content/Images/link-arrow.png') transparent no-repeat center left;
  padding-left: 18px;
  font-size: 1.0em;
  color: #006c9e;
}

  a.arrow-link:hover {
    text-decoration: none;
  }

ul.alt-links a {
  color: #006c9e;
}

.logo {
  margin-bottom: 1.5em;
  width: 92%;
}

.alert-box.growl {
  position: fixed;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  z-index: 999;
}

.top-bar {
  margin-bottom: 13px;
  height: 51px;
  background-color: inherit;
}

.top-bar-section li {
  padding: 3px;
  padding-right: 13px;
  position: relative;
}

.top-bar-section ul.green-buttons li a {
  background-color: #00A4FF;
  text-decoration: none;
  font-size: 1em;
  font-weight: 600;
}

.top-bar-section.inschrijven ul li a {
  background: none;
  color: #000000;
  text-decoration: none;
  font-size: 1em;
}

.top-bar-section.inschrijven.Border {
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-color: #c3c2be;
  height: 100%;
  background-color: #FFFFFF;
}

.top-bar-section.inschrijven ul li[data-menu="inloggen"]:before {
  content: '';
  height: 35px;
  top: 9px;
  left: 0;
  width: 1px;
  background-color: #c3c2be;
  display: block;
  position: absolute;
}

.top-bar-section.inschrijven ul li a:hover {
  background: #D31A53;
  text-decoration: none;
  color: #FFFFFF;
  border-radius: 25px; 
}

.top-bar-section li a:not(.button) {
}

.top-bar-section ul.green-buttons li a:not(.button):hover, .top-bar-section ul.green-buttons li.active > a {
  background-color: #D31A53;
  color: #FFFFFF;
}

.customButtonSize {
  width: 230px;
}


.user-controls {
  margin-top: 3em;
  margin-bottom: 0;
}

  .user-controls li a:not(.button) {
    font-family: Ciutadella-Medium;
    font-size: 1.0em;
    padding: 0.2em 0;
    color: #000;
  }

  .user-controls li img {
    margin-top: -0.2em;
    float: left;
    margin-right: 0.6em;
  }

  .user-controls li a.username {
    color: #2ba6cb;
  }

  .user-controls li a:not(.username):not(.button) {
    background: url('/Content/Images/link-arrow.png') no-repeat left center;
    padding-left: 15px;
  }

  .user-controls li a.button {
    height: 20px;
    font-size: 0.8em;
  }

.breadcrumbs {
  font-family: Tahoma;
  font-size: 1.2em;
  font-weight: normal;
  background-color: transparent;
  border: 0;
  padding-left: 0;
  margin-bottom: 5px;
}

  .breadcrumbs li:before {
    content: ">";
    color: #000000;
  }

  .breadcrumbs li a {
    background-color: white;
    color: #FF6A3D;
    text-transform: none;
  }

  .breadcrumbs li.current a {
    border-radius: 25px;
    padding: 5px 22px;
    background-color: #FF6A3D;
    color: white;
    text-decoration: none;
  }

.button.print {
  padding: 0.4em;
  float: right;
  background-color: #ededed;
  color: #000;
  border-color: #cccccc;
}

section.slider {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #eff4fa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eff4fa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#eff4fa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#eff4fa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#eff4fa 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%,#eff4fa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff4fa',GradientType=0 ); /* IE6-9 */
  padding-bottom: 30px;
  height: 240px;
}

.home-header p {
  position: relative;
}

.home-header .header-panel {
  position: absolute;
  right: 50px;
  top: 20px;
  background-color: #fff;
  padding: 20px;
  max-width: 300px;
  opacity: 0.9;
}

  .home-header .header-panel h2 {
    font-family: Ciutadella-Medium;
    font-size: 1.4em;
    font-weight: normal;
    color: #5f4d76;
    margin: 0;
    line-height: 1.1em;
  }

    .home-header .header-panel h2 .large {
      font-size: 1.25em;
      font-weight: bold;
    }

  .home-header .header-panel .button {
    display: block;
    margin-top: 20px;
    background: url('/content/images/arrow-right-white.png') no-repeat 230px center #00A4FF;
    font-size: 1.1em;
    padding: 12px 18px 12px 6px;
    margin-bottom: 10px;
    color: #fff;
  }

  .home-header .header-panel a {
    color: #000;
  }

.home-highlight {
  margin-top: 20px;
  border-bottom: 1px solid #bbc8d4;
  background-color: #fff;
}

.home-highlights .large-4:first-child .home-highlight {
  margin-right: 12px;
}

.home-highlights .large-4:nth-child(2) .home-highlight {
  margin-left: 14px;
  margin-right: 14px;
}

.home-highlights .large-4:last-child .home-highlight {
  margin-left: 12px;
}

.home-highlight .highlight-image {
  position: relative;
  height: 121px;
  width: 300px
}

  .home-highlight .highlight-image .label {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #8568ab;
  }

.home-highlight h3 {
  font-family: Ciutadella-Medium;
  font-size: 1.1em;
  font-weight: normal;
  color: #00A4FF;
  margin: 12px 10px 0px;
}

.home-highlight .button {
  margin: 5px 10px 15px;
  padding: 8px 30px 8px 16px;
  font-size: 1.0em;
  font-weight: normal;
  background: url('/content/images/arrow-right-white-small.png') no-repeat 95px center #00A4FF;
}

section.main.home {
  padding-top: 30px;
}

section.main a.arrow-link {
  color: #000;
}

.upcoming-trips {
  list-style: none;
  background-color: #e9f1f9;
  padding: 10px;
}

  .upcoming-trips li {
    background-color: #fff;
    border-bottom: 1px solid #b7c4d3;
    padding: 10px;
  }

    .upcoming-trips li img {
      float: left;
      margin-right: 12px;
    }

    .upcoming-trips li h2 {
      margin-top: 0;
      margin-bottom: 0.3em;
      color: #00A4FF;
      font-size: 1em;
    }

    .upcoming-trips li .label {
      background-color: #8568ab
    }

    .upcoming-trips li span:not(.label) {
      display: block;
      font-size: 1.0em;
    }

    .upcoming-trips li:not(:last-child) {
      margin-bottom: 10px;
    }

.topical {
  margin-bottom: 30px;
}

  .topical img {
    margin-right: 20px;
  }

  .topical h2 {
    color: #00A4FF;
  }

.news-list {
  list-style: none;
}

  .news-list li {
    margin-bottom: 10px;
  }

    .news-list li h2 {
      font-size: 1em;
      color: #00A4FF;
      margin: 0px;
    }


/** TRIP OVERVIEW **/

.trip-info {
  background-color: #FFFFFF !important;
  padding: 15px;
}

  .trip-info em {
    padding-left: 10px;
    color: #000;
  }

.trip-main .dropdown {
  display: block !important;
}

.trip-main strong.gray {
  color: #6E6E6E;
  font-size: 1.0em;
}

.trip-main .trip-registration-print {
  padding-left: 45px;
}

.trip-main .gray {
  color: #6E6E6E;
}

.trip-info .bottom-user-info {
  padding-left: 20px;
}

  .trip-info .bottom-user-info a {
    display: block;
  }

.trip-main .trip-customer {
  font-size: 1.3em;
}

.trip-main .trip-registration-print strong {
  font-size: 1.0em;
}

.trip-main .trip-registration-print .trip-title {
  width: 45%;
  float: right;
}

  .trip-main .trip-registration-print .trip-title span {
    font-size: 0.7em;
    font-family: Ciutadella-Medium;
  }

  .trip-main .trip-registration-print .trip-title h2 {
    color: #000000;
    font-size: 1.0em;
    margin-top: 0;
    margin-bottom: 3px;
  }

.trip-main #priceGuest, .trip-main #administration, .trip-main #priceDonation {
  margin-top: 10px;
}

.trip-main #guestInformation .title-row {
  margin-bottom: 20px;
}

.trip-main #guestInformation {
  margin-top: 20px;
  background-color: #f2f2f2;
  padding: 20px;
  margin-bottom: 20px;
}

  .trip-main #guestInformation label {
    font-weight: bold;
    padding-top: 5px;
  }

.trip-info .trip-pay {
  margin-top: 30px !important;
}

  .trip-info .trip-pay .alert-box {
    background-color: #FFE9B9;
    border-color: #DFC999;
    color: #000;
  }

.trip-info .trip-cost hr {
  margin: 20px 0 10px 0;
  border-top: 1px dotted #C0C0C0;
}

.trip-info .trip-main {
  background-color: #fff;
  padding: 15px;
  border-bottom: 1px solid #b7c4d3;
}

  .trip-info .trip-main .trip-title {
    color: #000000;
    font-size: 1.5em;
  }

  .trip-info .trip-main .trip-subtitle {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
  }

  .trip-info .trip-main .print {
    font-size: 1em;
  }

  .trip-info .trip-main .label {
    font-family: Tahoma;
    background-color: #FF6A3D;
    border-radius: 25px;
    padding: 5px 22px;
  }

  .trip-info .trip-main .trip-photo {
    margin-top: 25px;
    margin-bottom: 15px;
  }

  .trip-info .trip-main a.print i {
    color: #000;
  }

  .trip-info .trip-main a.button {
    color: #fff;
  }

  .trip-info .trip-main a {
    font-family: Tahoma;
    color: #FF6A3D;
    font-size: 1.0em;
  }

.trip-info .trip-photos .trip-upload {
  height: 120px;
  width: 195px;
  background-color: #eeeeee;
  text-align: center;
  position: relative;
}

  .trip-info .trip-photos .trip-upload .open-photo-upload {
    background: url('/content/images/upload-icon.png') no-repeat 10px center #484848;
    color: #fff;
    border-color: #404040;
    padding-left: 30px;
    width: 130px;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: 50%;
    margin-top: -20px;
  }

.trip-info .trip-photos li {
  position: relative;
}

  .trip-info .trip-photos li a.deletephoto {
    position: absolute;
    right: 35px;
    top: 10px;
  }

.trip-info > .row .columns:last-child {
  padding-left: 0;
}

.trip-info .trip-details {
  background-color: #fff;
  padding: 15px;
  margin-bottom: 10px;
}

  .trip-info .trip-details .trip-signup {
    font-size: 1em;
    width: 100%;
    padding: 14px 12px;
    border-radius: 25px;
  }

    .trip-info .trip-details .trip-signup i {
      font-size: 1.5em;
      margin-right: 10px;
    }

  .trip-info .trip-details h3 {
    font-size: 1.2em;
    color: #000000;
    font-weight: bold;
    margin-bottom: 0px;
  }

  .trip-info .trip-details h4 {
    color: #000000;
    font-size: 1.2em;
    margin-bottom: 0;
  }

  .trip-info .trip-details hr {
    margin: 6px 0;
    border-top: 1px dotted #C0C0C0;
  }

  .trip-info .trip-details span {
    font-family: Tahoma;
    font-size: 1.0em;
    color: #333333;
  }

    .trip-info .trip-details span.place-info {
      display: block;
      margin-bottom: 0.5em;
    }

    .trip-info .trip-details span p {
      color: #333333;
    }

  .trip-info .trip-details .trip-disabilities {
    margin-top: 15px;
    margin-bottom: 17px;
  }

    .trip-info .trip-details .trip-disabilities img {
      margin-right: 12px;
    }

  .trip-info .trip-details ul {
    font-family: Tahoma;
    color: #333333;
    font-size: 1.0em;
    margin-bottom: 0;
    list-style: none;
  }

    .trip-info .trip-details ul li:before {
      font-family: Tahoma;
      color: #333333;
      content: '\25CF';
      margin-right: 5px;
    }

.trip-participants {
  margin-top: 40px;
}

.main-content .trip-participants h3 {
  font-family: Ciutadella-Medium;
  font-size: 1em;
}

.trip-participants ul {
  list-style: none;
}

  .trip-participants ul li {
    font-size: 0.8em;
    margin-bottom: 5px;
  }

    .trip-participants ul li img {
      width: 30px;
    }

    .trip-participants ul li span {
      font-family: Tahoma;
      color: #00A4FF;
    }

#photos {
  width: 670px;
}

  #photos h2 {
    font-family: Ciutadella-Medium;
    font-size: 1.4em;
    font-weight: normal;
  }

.comments {
  margin-left: 30px;
  margin-top: 30px;
  border-right: 1px dotted #e0e0e0;
  padding-right: 140px;
}

  .comments h2 {
    margin-bottom: 0.2em;
    color: #666666;
  }

  .comments p {
    color: #666666;
  }

  .comments .bottom-border {
    margin-bottom: 0;
  }

.comment-list {
  list-style: none;
}

  .comment-list img {
    padding: 5px 10px 0 0;
  }

  .comment-list li {
    border-bottom: 1px dotted #c0c0c0;
    padding: 8px 0;
    font-size: 1.0em;
  }

  .comment-list .image {
    padding: 0 0 0 17px;
  }

  .comment-list em {
    float: right;
    font-size: 0.8em;
    padding-right: 10px;
  }

  .comment-list span {
    display: block;
    font-size: 0.7em;
    color: #949494;
  }

  .comment-list li {
    background-color: #e2e2e2;
  }

    .comment-list li.Klant {
      background-color: transparent;
    }

.comments .alert-box {
  font-family: Tahoma;
  background-color: #f0ead2;
  border: 0;
  color: #0c2c40;
  border-bottom: 1px solid #b8b8b8;
  padding: 10px 24px;
  font-weight: normal;
  font-style: italic;
  font-size: 1.0em;
}

  .comments .alert-box a {
    font-style: normal;
  }

  .comments .alert-box i {
    padding-right: 10px;
  }

.comments .change-photo {
  display: none;
}

.comments .comment-photo {
  padding: 8px 0 0 8px;
  background: url('/content/images/paperclip.png') no-repeat;
}




/** TRIPS OVERVIEW **/
.search {
  background-color: #EAE9E8;
  padding: 15px;
}

  .search input {
    font-family: Ciutadella-Medium;
    color: #52C028;
    margin-bottom: 0;
    padding-top: 10px;
  }

  .search .button {
    border-radius: 25px;
    width: 100%;
    height: 33px;
    margin-bottom: 0;
    padding-top: 9px;
  }

.search-info {
  font-size: 14px;
  margin-top: 18px;
}

.sort {
  margin-top: 10px;
}

  .sort span {
    font-family: Ciutadella-Medium;
    font-weight: normal;
    color: #000000;
    display: inline;
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    font-size: 1.0em;
  }

  .sort form {
    float: right;
    margin-bottom: 0;
  }

    .sort form.custom .custom.dropdown {
      font-family: Ciutadella-Medium;
      color: #52C028;
      margin-bottom: 0;
    }

.filter-block {
  margin-bottom: 30px;
}

  .filter-block ul {
    list-style-type: none;
    border-top: 1px solid #0c2c40;
  }

    .filter-block ul li a.active {
      background-color: #00A4FF;
      color: #fff;
    }

      .filter-block ul li a.active:before {
        content: '\25CF';
        margin-right: 5px;
      }

    .filter-block ul li {
      border-bottom: 1px solid #cccccb;
      padding: 3px 0px;
    }

      .filter-block ul li a {
        font-family: Ciutadella-Medium;
        color: #0c2c40;
        text-decoration: none;
        padding: 4px;
        width: 100%;
        display: block;
      }

.trips-result {
  background-color: #EAE9E8;
  padding: 30px 30px;
  margin-top: 10px;
}

  .trips-result.loading {
    background: url('/content/images/ajax-loader.gif') no-repeat center center;
    min-height: 50px;
  }

  .trips-result li.trip-block.hide {
    display: none;
  }

  .trips-result li.trip-block[data-past=True] .trip-content .trip-image img {
    opacity: 0.4;
  }

  .trips-result li.trip-block[data-past=True] .trip-content .trip-image:after {
    content: 'Geweest';
    position: absolute;
    top: 16px;
    left: 50%;
    font-size: 50px;
    opacity: .8;
    line-height: normal;
    width: 250px;
    height: 55px;
    text-align: center;
    margin-left: -125px;
  }

  .trips-result li.trip-block.visible:nth-child(1) {
    padding-right: 20px;
  }

  .trips-result li.trip-block.visible:nth-child(2) {
    padding-left: 20px;
  }


.large-block-grid-2 > li:not(.hide):nth-of-type(2n+1) {
  clear: both;
}

.large-block-grid-2 > li:not(.hide):nth-of-type(n) {
  clear: none;
}



.trip-block .trip-content {
  background-color: #fff;
  border: 1px solid #cccccb;
  padding: 0;
}

.trip-content .trip-image {
  position: relative;
}

  .trip-content .trip-image img {
    border-bottom: 2px solid #e87600;
    width: 320px;
    height: 120px;
  }

  .trip-content .trip-image .label {
    border-radius: 25px;
    font-family: Tahoma;
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-color: #FF6A3D;
  }

  .trip-content .trip-image .volunteer {
    right: 10px;
    top: 10px;
    left: auto;
    bottom: auto;
    background-color: #52C028;
  }

.trip-content .trip-data {
  padding: 10px;
  position: relative;
}

  .trip-content .trip-data h2 {
    font-size: 1.1em;
    color: #000000;
  }

  .trip-content .trip-data .trip-date {
    font-family: Ciutadella-Medium;
    color: #000000;
    font-size: 1.0em;
    display: block;
  }

    .trip-content .trip-data .trip-date.past {
      color: #D2082E;
    }

  .trip-content .trip-data .trip-location {
    font-family: Tahoma;
    color: #000000;
    font-size: 1.0em;
    display: block;
    margin-bottom: 10px;
  }

  .trip-content .trip-data .trip-price {
    font-family: Ciutadella-Medium;
    color: #0c2c40;
    background-color: #EAE9E8;
    font-size: 1.1em;
    font-weight: bold;
    width: 140px;
    overflow: hidden;
    height: 28px;
    margin-top: 5px;
    padding-left: 4px;
    padding-top: 3px;
  }

    .trip-content .trip-data .trip-price span.btw {
      font-family: Tahoma;
      background-color: #EAE9E8;
      font-size: 0.8em;
      font-weight: normal;
      float: right;
      margin-top: 2px;
      color: #52C028;
      margin-right: 4px;
    }

  .trip-content .trip-data .button {
    border-radius: 25px;
    position: absolute;
    bottom: -10px;
    right: 10px;
    height: 32px;
    padding-top: 9px;
    padding-right: 25px;
    /*background: url('/content/images/arrow-right-white-small.png') no-repeat 95px center #00A4FF;*/
  }


/** FONT-SIZER **/
.inline-list li .font-sizer {
  display: inline-block;
  line-height: 1.2;
}

.row .side-bar {
  padding: 0 30px;
  margin-bottom: 50px;
}

.row .main-content {
  margin-bottom: 50px;
}

  .row .main-content h1, .row .main-content .main-title {
    background-color: #00A4FF;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    padding: 0 8px;
    display: inline-block;
    margin-bottom: 10px;
    font-family: Poppins, sans-serif;
    border-radius: 25px;
    padding: 5px 22px;
    text-transform: uppercase;
  }
  /** BLOCKS **/
  .row .main-content .print {
    margin-top: 6px;
    margin-bottom: 7px;
  }

.side-block {
  border: 8px solid #EAE9E8;
  -moz-box-shadow: 0 1px 1px 0px #b8b8b8;
  -webkit-box-shadow: 0 1px 1px 0px #b8b8b8;
  box-shadow: 0 1px 1px 0px #b8b8b8;
  padding: 17px 14px 22px 14px;
  margin-bottom: 25px;
}

.side-block-condensed {
  padding: 0;
}
/**   00: Text block **/
.text-block h5 {
  font-size: 1.2em;
  font-family: Ciutadella-Medium;
  font-weight: normal;
  color: #00A4FF;
}

.text-block p {
  font-family: Tahoma;
  font-size: 0.92em;
}

/**   03: Blijf op de hoogte **/
.blijf-op-de-hoogte button {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 25px;
  text-transform: uppercase;
}

  .blijf-op-de-hoogte button i {
    padding-right: 12px;
  }

/**   04: Volg ons **/
.social-side-block {
  font-family: Ciutadella-Medium;
}

  .social-side-block ul {
    display: inline-block;
  }

.advertensie {
  border: 1px solid #cccccc;
}

section.main {
  -moz-box-shadow: 0 8px 9px -6px #000;
  -webkit-box-shadow: 0 8px 9px -6px #000;
  box-shadow: 0 8px 9px -6px #000;
}

section.footer {
  padding-top: 16px;
}

  section.footer h4 {
    font-size: 1.1em;
    margin-bottom: 10px;
    font-family: Ciutadella-Medium;
    font-weight: normal;
    color: #0c2c40;
  }

  section.footer ul {
    list-style-position: inside;
    list-style-image: url('/content/Images/footer-arrow.png');
  }

    section.footer ul li {
      color: #000000;
      padding-left: 6px;
    }

    section.footer ul a {
      font-family: Ciutadella-Medium;
      color: #000000;
      text-decoration: none;
      font-size: 1.0em;
    }

  section.footer .link-container {
    border-right: 1px dotted #c0c0c0;
    padding-right: 40px;
    margin-bottom: 20px;
  }

  section.footer .twitter-stream h4 {
    font-size: 1.1em;
  }

    section.footer .twitter-stream h4 img {
      position: relative;
      top: 7px;
      left: 8px;
    }

  section.footer .row .copyright {
    border: 0;
  }

  section.footer .copyright p {
    color: #000000;
    margin-bottom: 0;
    font-size: 0.8em;
  }

  section.footer .copyright a {
    color: #000000;
  }

blockquote.tweet {
  padding: 8px;
  margin: 20px 5px 5px;
  background: url('/Content/Images/openquote.png') #ededed no-repeat 6px top;
  font-size: 1.0em;
  border: 0;
  color: #000;
}

  blockquote.tweet span {
    display: block;
    background: url('/Content/Images/closequote.png') transparent no-repeat right bottom;
    padding-right: 20px;
  }

  blockquote.tweet a {
    color: #7496ad;
  }

    blockquote.tweet a.tweet-user {
      display: block;
      padding: 9px 0;
    }

.twitter-stream a.arrow-link {
  margin-left: 13px;
}

.login-box {
  border: none;
  box-shadow: 0px 1px 1px #aaa;
  background: url('/content/images/login-bg.png') center center no-repeat #EAE9E8;
}

  .login-box h2 {
    font-size: 1.3em;
    color: #00A4FF;
    margin-bottom: 1em;
  }

    .login-box h2 i {
      margin-right: 0.5em;
    }

  .login-box label {
    font-weight: bold;
    margin-top: 0.5em;
  }

  .login-box .button.show-lock {
    border: 1px solid #0083bf;
    display: inline-block;
    width: 100%;
    text-align: center;
    background: url('/content/images/lock-open.png') 1.5em center no-repeat #00A4FF;
    border-radius: 25px;
  }

  .login-box .forgot-password {
    margin-bottom: 1.8em;
    display: block;
    font-size: 1.0em;
  }

  .login-box a {
    color: #FF6A3D;
  }

  .login-box .register h3 {
    padding-top: 2.2em;
  }

  .login-box .register p {
    font-size: 1.0em;
  }

  .login-box .register a {
    background: url('/content/Images/link-arrow.png') transparent no-repeat center left;
    padding-left: 18px;
  }

.register-head h3 {
  font-size: 1.15em;
  color: #00A4FF;
}

.register-head p {
  font-size: 1.0em;
}

.register-head .info, .register-block .info {
  font-size: 0.8em;
  font-style: italic;
  color: #666666;
}

.asterisk {
  color: #e02c5a;
  font-weight: bold;
}

.register-block {
  background-color: #f2f2f2;
  border: none;
  font-size: 1.0em;
}

  .register-block .checkboxfield {
    margin-bottom: 1em;
  }

    .register-block .checkboxfield .custom.checkbox {
      margin-right: 0.6em;
    }

  .register-block .button.submit {
    border: 1px solid #0083bf;
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #0a7aae;
  }

  .register-block .agree {
    padding-bottom: 30px;
  }

  .register-block #item_Photo_Preview {
    border: 1px solid #ccc;
  }

  .register-block .button.open-upload {
    border: 1px solid #404040;
    display: inline-block;
    text-align: center;
    background: url('/content/images/arrow-up.png') no-repeat 1em center #454545;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent, inset 0 0 0 transparent, inset 0 1px 2px rgba(255,255,255,0.3);
    padding: 1em 1.5em 1em 2.5em;
    margin-bottom: 1em;
  }

.main-content h1.contact {
  background-color: #00A4FF;
}

.lt-ie10 .main-content h1.contact, .ie10 .main-content h1.contact {
  padding-top: 8px;
}

.main-content h2 {
  font-family: Ciutadella-Medium;
  font-weight: normal;
  font-size: 1.4em;
  color: #00A4FF;
}

  .main-content h2.error {
    color: #a52e22;
  }

.main-content h3 {
  color: #000000;
  font-size: 1.0em;
  font-weight: normal;
}

.main-content .inner h3 {
  font-size: 1.3em;
}

.main-content .panel h3 {
  font-size: 1.1em;
}

.main-content h6 {
  font-family: Ciutadella-Medium;
  font-weight: normal;
}

.main-content p,
.main-content label {
  color: #0c2c40;
  font-family: Tahoma;
  font-size: 1.0em;
}

.main-content .header .button {
  padding: 0.4em 0.5em;
}

  .main-content .header .button .icon-print {
    font-size: 1.3em;
  }

.contact-head h3 {
  font-size: 1.15em;
  color: #00A4FF;
}

.contact-head p {
  font-size: 1.0em;
}

.contact-head .info, .contact-block .info {
  font-size: 0.8em;
  font-style: italic;
  color: #666666;
}

.contact-block {
  background-color: #f2f2f2;
  border: none;
  font-size: 1.0em;
}

  .contact-block label {
    font-weight: bold;
    margin-top: 0.5em;
    color: #000;
  }

  .contact-block .checkboxfield {
    margin-bottom: 1em;
  }

    .contact-block .checkboxfield .custom.checkbox {
      margin-right: 0.6em;
    }

  .contact-block .button.submit {
    border: 1px solid #00b382;
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #00b382;
  }

  .contact-block textarea {
    margin-top: 2em;
    margin-bottom: 2em;
    height: 22em;
  }

.last-modified-bar {
  border-top: 1px dotted #c0c0c0;
  border-bottom: 1px dotted #c0c0c0;
  padding: 5px 0;
}

  .last-modified-bar em {
    font-size: 0.8em;
    padding-left: 5px;
  }

/** NEWS PAGINA **/
.news-items {
  margin-top: 40px;
}

  .news-items a {
    color: #6353a7;
  }

    .news-items a h2 {
      font-size: 1.1em;
      font-weight: normal;
      color: #6353a7;
      margin: 0;
    }

  .news-items .time {
    color: #666666;
    font-size: 1.0em;
  }

.row .news h1 {
  margin-bottom: 20px;
  background-color: #00A4FF;
}

.news .pagination-centered {
  border-top: 1px dotted #c0c0c0;
  border-bottom: 1px dotted #c0c0c0;
  margin-top: 40px;
}

.news .pagination {
  margin: 10px;
}

  .news .pagination a, .news .pagination li.unavailable a {
    color: #000;
    text-decoration: none;
    font-size: 1.0em;
    font-weight: bold;
    font-family: Ciutadella-Medium;
    font-weight: normal;
  }

  .news .pagination li:not(.unavailable):not(.current) a {
    text-decoration: underline;
  }

  .news .pagination a:hover {
    text-decoration: underline;
  }

  .news .pagination li.current a, .news .pagination li.current a:hover, .news .pagination li.current a:focus {
    background-color: transparent;
    color: #db0c5a;
  }

    .news .pagination li.current a:hover {
      text-decoration: none;
    }

  .news .pagination .arrow-back, .news .pagination li.unavailable:hover a.arrow-back, .news .pagination li.unavailable a.arrow-back:focus, .arrow-back {
    background: url('/content/Images/link-arrow-reverse.png') transparent no-repeat center left;
    padding-left: 18px;
  }

  .news .pagination .arrow-next, .news .pagination li.unavailable:hover a.arrow-next, .news .pagination li.unavailable a.arrow-next:focus, .arrow-next {
    background: url('/content/Images/link-arrow.png') transparent no-repeat center right;
    padding-right: 18px;
  }

.news .markdown-html {
  padding-right: 20px;
}

.news .news-item-controls {
  padding: 0 20px 14px;
}

  .news .news-item-controls a, .news .news-item-controls span {
    color: #000;
    text-decoration: none;
    font-weight: bold;
  }

    .news .news-item-controls a:hover {
      color: #db0c5a;
      text-decoration: underline;
    }

#page-content {
  margin-top: 0.4em;
}

  #page-content h1 {
    display: block;
    background: none;
    color: #00A4FF;
    padding: 0;
  }

  #page-content h2 {
    font-family: Ciutadella-Medium;
    font-size: 1.1em;
    font-weight: normal;
  }

  #page-content li {
    font-size: 1.0em;
  }

  #page-content.columns {
    column-count: 2;
    column-gap: 3em;
    -webkit-column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-count: 2;
    -moz-column-gap: 3em;
  }
/** MARKDOWN HTML **/
.markdown-html img {
  padding: 20px 0;
}

  .markdown-html img.left {
    padding: 0 20px 5px 0;
  }

  .markdown-html img.right {
    padding: 0 0 5px 20px;
  }

.markdown-html p {
  font-size: 1.0em;
}

.markdown-html h2 {
  font-size: 1.2em;
}

.register-head h3 {
  font-size: 1.15em;
  color: #00A4FF;
}

.register-head p {
  font-size: 1.0em;
}

.register-head .info, .register-block .info {
  font-size: 0.95em;
  font-style: italic;
  color: #666666;
  margin-top: 7px;
  display: inline-block;
}

.asterisk {
  color: #ea5a28;
  font-weight: bold;
}

.register-block {
  background-color: #EAE9E8;
  border: none;
  font-size: 1.0em;
}

  .register-block label {
    font-family: Ciutadella-Medium;
    margin-top: 0.5em;
    color: #0c2c40;
    font-size: 1em;
  }

  .register-block .checkboxfield {
    margin-bottom: 1em;
  }

    .register-block .checkboxfield .custom.checkbox {
      margin-right: 0.6em;
    }

  .register-block .button.submit {
    border: 1px solid #0083bf;
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #00A4FF;
  }

  .register-block .agree {
    padding-bottom: 30px;
  }

  .register-block #item_Photo_Preview {
    border: 1px solid #ccc;
  }

  .register-block .button.open-upload {
    border: 1px solid #404040;
    display: inline-block;
    text-align: center;
    background: url('/content/images/arrow-up.png') no-repeat 1em center #FF6A3D;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent, inset 0 0 0 transparent, inset 0 1px 2px rgba(255,255,255,0.3);
    padding: 1em 1.5em 1em 2.5em;
  }

.last-modified-bar {
  border-top: 1px dotted #c0c0c0;
  border-bottom: 1px dotted #c0c0c0;
  padding: 5px 0;
}

  .last-modified-bar em {
    font-size: 0.8em;
    padding-left: 5px;
  }

.alert-box.yellow {
  font-family: Tahoma;
  padding: 10px;
  margin-top: 20px;
  background-color: #f0ead2;
  border-color: #DFC999;
  color: #0c2c40;
  font-size: 1em;
}

.volunteer .gray, .history_item .gray, .profile .gray {
  font-family: Ciutadella-Medium;
  color: #0c2c40;
}

form.volunteer .spacerow, form.profile .spacerow {
  margin-bottom: 10px;
}

form.volunteer .housenumber {
  margin-left: 9px;
}

h2.success {
  color: #22A563;
  font-size: 1.4em;
  margin-bottom: 40px;
}

.label.gray {
  background-color: #6E6E6E;
  color: #fff;
  margin-top: 10px;
}

.history_item a {
  color: #6E6E6E;
}

.pictures {
  margin-top: 20px;
}

.social-buttons {
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
}

  .social-buttons li {
    float: left;
    margin-right: 10px;
  }

    .social-buttons li:first-child {
      position: relative;
      top: -5px;
    }

    .social-buttons li .IN-none,
    .social-buttons li .IN-hovered,
    .social-buttons li .IN-down {
      display: none !important;
    }

.no-margin-error span.error, .no-margin-error small.error {
  margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
  .row .side-bar > .row {
    border-left: 1px dashed #c0c0c0;
    padding-left: 15px;
  }

  .row .main-content {
    /*border-right: 1px dashed #c0c0c0;*/
    right: -1px;
  }
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}


ul#paymentMethod label {
  display: inline-block;
}

.newsletter-subscription label {
  display: inline-block;
}

.checkbox-radio-field, .checkbox-radio-field label {
  display: inline-block;
}

.assisted-living-facility {
  /* Only display (through javascript) when customer not living independently */
  display: none;
}

.living-independently, .is-company {
  /* make the margin-bottom a bit bigger because now it has zero on /authentication/register */
  margin-bottom: 15px;
}

label small.error {
  text-transform: none;
}

/*overwrites foundation tbv nieuwe font*/
a:hover, a:focus {
  color: #95bfb3;
}

.top-bar-section ul li > a {
  font-weight: normal;
}

span.tooltip {
  color: #000;
  background: #f0ead2;
  font-family: Tahoma;
  font-weight: normal;
  font-size: 0.8em;
  max-width: 300px;
}

  span.tooltip > .nub {
    border-bottom-color: #f0ead2;
  }

div.volunteerowner {
  border: 1px solid #000;
  padding: 10px;
}

  div.volunteerowner p {
    font-weight: bold;
    font-size: 1.0em;
    color: #00A4FF;
  }

    div.volunteerowner p:last-child {
      margin-bottom: 5px;
    }

div.groupMinMax-container small.error {
  margin-top: 0;
}

.registration-print .trip-customer {
  padding-left: 45px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.registration-print hr.scissor-line {
  border-bottom: 1px dashed;
  border-top: none;
  margin-top: 0;
}

.registration-print p.scissor-info {
  font-size: 0.8em;
  color: #ff0000;
  margin-bottom: 0;
  font-style: italic;
}

.registration-print .registration-diclaimer {
  border: 1px solid #333;
  padding: 10px 10px 0 10px;
}

.registration-print .footer {
  font-size: 0.9em;
  line-height: 1.3em;
  margin-left: 1em;
}

#product-list li {
  border: 1px solid #b7c4d3;
  margin: 10px;
  padding: 10px;
}

  #product-list li .image-container {
    height: 180px;
    overflow: hidden;
  }

  #product-list li p {
    margin-bottom: 0;
    font-weight: bold;
  }

  #product-list li input {
    margin-bottom: 0;
  }

#products .row.product-line {
  margin-top: 10px;
}

.trip-details .product {
  border-top: 1px dotted #C0C0C0;
  padding: 15px 0;
}

  .trip-details .product p {
    margin-bottom: 0;
  }

    .trip-details .product p.product-name {
      font-weight: bold;
    }

.invoice.content {
  width: 100%;
}

.invoice .trip-info {
  width: 100%;
}

.invoice .trip-main {
  padding: 10px 50px;
  min-height: 1260px;
}

.print-pdf .trip-main {
  position: relative;
}

.print-pdf .footer div {
  vertical-align: top;
}

.invoice.web .trip-main {
  height: auto;
}

.invoice .logo {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 209px;
}

.invoice .trip-customer {
  margin-top: 165px;
  margin-bottom: 100px;
}

.invoice.web .trip-customer {
  margin-top: 35px;
  margin-bottom: 50px;
}

.invoice .invoicetable {
  border: 1px solid #b7c4d3;
  width: 100%;
}

  .invoice .invoicetable th {
    text-align: left;
  }

  .invoice .invoicetable tfoot, .invoice .invoicetable thead {
    background-color: #e9e9e9;
  }

  .invoice .invoicetable td, .invoice .invoicetable th {
    padding: 8px;
  }

    .invoice .invoicetable th.price {
      width: 15%;
    }

  .invoice .invoicetable .price {
    text-align: right;
  }

  .invoice .invoicetable .total {
    text-align: right;
  }

.print-pdf .footer div {
  margin-top: 10px;
  display: inline-block;
  margin-right: 20px;
}

.invoice .trip-details {
  padding: 0;
}

  .invoice .trip-details hr {
    margin: 10px 0;
  }

  .invoice .trip-details h4 {
    margin: 0;
  }

.invoice .registration-diclaimer {
  margin-top: 50px;
  border: 1px solid #b7c4d3;
  padding: 20px;
}

.invoice.web .registration-diclaimer {
  padding: 20px 20px 0;
}

.invoice.web .registration-diclaimer {
  margin-bottom: 30px;
  margin-top: 30px;
}

.invoice.web h3 {
  font-size: 1.2em;
}

.invoice .download-invoice {
  margin-top: 30px;
}

.invoice strong {
  font-weight: bold;
}

.trip-calendar-print {
  margin-top: 12px;
  margin-left: 30px;
}

.trip-calendar .logo {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 209px;
}



.calendar-content {
  height: 1050px;
}

.calendar-intro {
  height: 160px;
  padding: 0 5px;
  width: 620px;
}

.calendar-content .calendar-trip {
  width: 418px;
  float: left;
  padding: 5px;
}

.calendar-content .calendar-trip-container {
  border: 1px solid #cccccb;
  height: 338px;
}

  .calendar-content .calendar-trip-container img {
    width: 416px;
    height: 126px;
  }

.calendar-content .calendar-trip-details {
  padding: 10px;
  position: relative;
  height: 192px;
}

  .calendar-content .calendar-trip-details h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1.1em;
    color: #FF6A3D;
  }

  .calendar-content .calendar-trip-details p {
    margin-top: 0;
    margin-bottom: 5px;
  }

  .calendar-content .calendar-trip-details .trip-date {
    font-weight: bold;
  }

  .calendar-content .calendar-trip-details .price {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: #EAE9E8;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 1.4em;
  }

.calendar-content .image-container {
  position: relative;
}

  .calendar-content .image-container .category {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-color: #ea5a28;
    padding: 4px;
    color: #fff;
  }

  .calendar-content .image-container .volunteers {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #52C028;
    padding: 4px;
    color: #fff;
  }

.trip-calendar strong {
  font-weight: bold;
}

a[href*="/"]:after, a[href*="/"]:visited:after {
  content: normal;
}

.read-more-less {
  display: block;
  text-align: right;
}

.discount-row-info {
  margin-top: 10px !important;
}

.pending-result-padding {
  padding-top: 45px !important;
}