/* Stylesheet voor Outdoor International 2011. (c) Speak. Alle rechten voorbehouden. */

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Algemeen ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

@font-face {
  font-family: "Yanone Regular";
  src: url("/interface/fonts/yanone-regular.eot");
  src: url("/interface/fonts/yanone-regular.eot?#iefix") format("embedded-opentype"),
       url("/interface/fonts/yanone-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Yanone Bold";
  src: url("/interface/fonts/yanone-bold.eot");
  src: url("/interface/fonts/yanone-bold.eot?#iefix") format("embedded-opentype"),
       url("/interface/fonts/yanone-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html, body, form, ul, li, h1, h2, h3, h4, h5, h6 { margin: 0;	padding: 0; }

body {
  font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #5a5952;
  background: #9c9275;
}

.hidden{
  display:none;
}

a { color: #dc8703; }
p { margin: 0 0 18px 0; }
ul { list-style: none; }
img { display: block; }
a img { border: 0; }
a span { cursor: pointer; }
h1, h2, h3, h4, h5, h6, .blue { color: #325692; }

h1 {
  margin-bottom: 10px;
  font-family: "Yanone Bold", Arial, Sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: normal;
}

h2 {
  margin-bottom: 6px;
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -1px;
}

h3 {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

h4, h5, h6 { font-size: 12px; }

.clearfix {
  height: 0;
  overflow: hidden;
  clear: both;
  line-height: 0;
  font-size: 0;
}

.wrapper {
  width: 100%;
  background: #fff url(/interface/images/wrapper-bg.jpg) repeat-y center top;
}

.button {
  float: left;
  height: 41px;
  padding-right: 32px;
  background: url(/interface/images/button.png) no-repeat right top;
  cursor: pointer;
  font-family: "Yanone Bold", Arial, Sans-serif;
  font-size: 24px;
  line-height: 27px;
  color: #594010;
  text-decoration: none;
}

.button:hover { background-position: right -82px; }

.button span {
  position: relative;
  float: left;
  height: 27px;
  padding: 7px 13px 7px 21px;
  background: url(/interface/images/button.png) no-repeat left -41px;
  cursor: pointer;
}

.button:hover span { background-position: left -123px; }

.button-small {
  height: 29px;
  padding-right: 29px;
  background: url(/interface/images/button-small.png) no-repeat right top;
  font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.button-small:hover { background-position: right -58px; }

.button-small span {
  height: 17px;
  padding: 5px 5px 7px 12px;
  background: url(/interface/images/button-small.png) no-repeat left -29px;
}

.button-small:hover span { background-position: left -87px; }

.button-small span {
  height: 17px;
  padding: 5px 5px 7px 12px;
  background: url(/interface/images/button-small.png) no-repeat left -29px;
}

.button-back {
  padding-right: 7px;
  background-image: url(/interface/images/button-back.png);
}

.button-back span {
  padding: 7px 13px 7px 42px;
  background-image: url(/interface/images/button-back.png);
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Header ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------- */

#header {
  position: relative;
  height: 155px;
  background: url(/interface/images/header-bg.jpg) no-repeat center top;
}

#header .header-inner {
  position: relative;
  width: 970px;
  height: 100%;
  margin: 0 auto;
}

#header .logo,
#header #logo-flash {
  display: block;
  position: absolute;
  left: 2px;
  top: 8px;
  width: 131px;
  height: 131px;
}

#header .logo {
  overflow: hidden;
  z-index: 10;
  text-indent: -9001px;
}

#header #logo-flash .alt { display: none; }

/* Zoeken */

#header .searchbox {
  position: absolute;
  right: 0;
  top: 0;
  width: 325px;
  height: 72px;
  background: url(/interface/images/search-bg.jpg) no-repeat;
}

#header .searchbox input {
  position: absolute;
  left: 28px;
  top: 23px;
  width: 221px;
  margin: 0;
  padding: 3px;
  border: 0;
  background: none;
  color: #a5a5a5;
  font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#header .searchbox .active { color: #5a5952; }

#header .searchbox #search-button {
  position: absolute;
  right: 21px;
  top: 18px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background: url(/interface/images/search-button.jpg);
  text-indent: -9001px;
}

#header .searchbox #search-button:hover { background-position: left -32px; }

/* Buttons boven */

#header .buttons-top {
  position: absolute;
  top: 17px;
  right: 348px;
  height: 39px;
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 16px;
  line-height: 21px;
}

#header .buttons-top li {
  float: left;
  height: 39px;
  margin-left: 14px;
}

#header .buttons-top li a {
  display: block;
  height: 21px;
  padding: 9px 8px 9px 38px;
  background: url(/interface/images/buttons-header.jpg);
  color: #fff;
  text-decoration: none;
  text-align: center;
}

#header .buttons-top li a:hover,
#header .buttons-top li.active a { color: #f6ce11; }

#header .buttons-top li.info a { width: 119px; }
#header .buttons-top li.active a, #header .buttons-top li.info:hover a { background-position: left -39px; }
#header .buttons-top li.twitter a { width: 111px; background-position: left -78px; }
#header .buttons-top li.twitter:hover a { background-position: left -117px; }

/* Navigatie */

#header .nav {
  position: absolute;
  right: 0;
  top: 92px;
  height: 36px;
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 23px;
}

#header .nav li {
  float: left;
  height: 100%;
  padding-left: 15px;
  background: url(/interface/images/nav-item-bg.jpg) no-repeat -9001px -9001px;
}

#header .nav li.active { background-position: left top; }

#header .nav li a {
  float: left;
  height: 18px;
  padding: 9px 15px 9px 0;
  background: url(/interface/images/nav-item-bg.jpg) no-repeat -9001px -9001px;
  text-decoration: none;
  color: #fff;
}

#header .nav li.active a { background-position: right top; }

#header .nav li a:hover,
#header .nav li a.active a { color: #f6ce11; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Footer ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------- */

#footer {
  position: relative;
  height: 178px;
  background: url(/interface/images/footer-bg.jpg) no-repeat center top;
  color: #fff;
  font-size: 12px;
  line-height: 19px;
}

#footer .footer-inner {
  position: relative;
  width: 970px;
  height: 100%;
  margin: 0 auto;
}

#footer a { color: #fff; }
#footer a:hover { color: #f6ce11; }

#footer .contact-footer {
  position: absolute;
  left: 26px;
  top: 43px;
  width: 920px;
  height: 60px;
  overflow: hidden;
}

#footer .contact-footer h4 {
  float: left;
  width: 160px;
  margin: 14px 34px 14px 0;
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: normal;
  color: #fff;
}

#footer .contact-footer p {
  float: left;
  width: 232px;
  height: 60px;
  overflow: hidden;
  margin: 0 34px 0 0;
}

#footer .contact-footer .contact-button {
  float: left;
  width: 145px;
  height: 27px;
  margin-top: 7px;
  padding: 11px 34px 9px 9px;
  background: url(/interface/images/button-contact-bottom.jpg);
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 24px;
  line-height: 27px;
  text-align: center;
  text-decoration: none;
}

#footer .contact-footer .contact-button:hover { background-position: left -47px; }

#footer .copyright {
  position: absolute;
  left: 0;
  bottom: 26px;
  margin: 0;
}

#footer .footernav {
  position: absolute;
  right: 0;
  bottom: 26px;
  height: 20px;
}

#footer .footernav li {
  float: left;
  height: 18px;
  padding: 1px 15px 1px 14px;
  background: url(/interface/images/footernav-item-bg.gif) no-repeat right 7px;
}

#footer .footernav li.last {
  padding-right: 0;
  background: none;
}

#footer .footernav li a { text-decoration: none; }
#footer .footernav li a:hover { text-decoration: underline; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Main en Content --------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main {
  position: relative;
  width: 100%;
  padding: 22px 0;
  background: url(/interface/images/main-bg.jpg) no-repeat center top;
}

#main .main-inner {
  position: relative;
  width: 970px;
  margin: 0 auto;
}

#main .main-inner:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#main .content {
  float: right;
  width: 631px;
}

.content-left #main .content { float: left; }

#main ul { margin-bottom: 18px; }

#main ul li {
  margin-bottom: 4px;
  padding-left: 16px;
  background: url(/interface/images/bullet.gif) no-repeat left 6px;
}

#main table {
  width: 100%;
  margin-bottom: 18px;
}

#main td,
#main th {
  padding: 3px 5px;
  border: 0;
}

#main blockquote {
  float: right;
  clear: right;
  width: 42.5%;
  margin: 0 0 15px 15px;
  padding: 15px;
  background: #f4f4f4;
  font-family: Georgia, Times New Roman, Serif;
  font-size: 16px;
  font-style: italic;
  line-height: 21px;
}

#main .paragraph {
  clear: both;
  width: 100%;
}

#main .paragraph:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#main .info { color: #8c8a80; }

/* Contentblokken (gerafelde randen) */

#main .content-box-outer {
  width: 962px;
  margin: 0 auto;
  padding-top: 22px;
  background: url(/interface/images/contentbox-wide-bg.jpg) no-repeat left top;
}

#main .content-box {
  width: 962px;
  padding-bottom: 22px;
  background: url(/interface/images/contentbox-wide-bg.jpg) no-repeat left bottom;
}

#main .content-box-inner {
  position: relative;
  width: 902px;
  padding: 1px 30px;
  background: url(/interface/images/contentbox-wide-bg.jpg) repeat-y right top;
}

#main .content-box-inner:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#main .content .content-box-outer { width: 100%; margin: 0; background-image: url(/interface/images/contentbox-medium-bg.jpg); }
#main .content .content-box { width: 100%; background-image: url(/interface/images/contentbox-medium-bg.jpg); }
#main .content .content-box-inner { width: 571px; background-image: url(/interface/images/contentbox-medium-bg.jpg); }

/* Media (afbeeldingen, video) */

#main .content .media-top {
  clear: both;
  margin: 0;
}

#main .content .media-left {
  float: left;
  clear: left;
  margin-right: 15px;
}

#main .content .media-right {
  float: right;
  clear: right;
  margin-left: 15px;
}

#main .content .media-top li,
#main .content .media-left li,
#main .content .media-right li {
  margin-bottom: 15px;
  padding: 0;
  background: #fff;
}

#main .content .media-left li,
#main .content .media-right li {
  padding: 3px;
  border: 1px solid #d4cfbe;
}

#main .content .media-bottom {
  clear: both;
  width: 586px;
  overflow: hidden;
/*  margin: 18px -15px 18px 0; */
}

#main .content .media-bottom li {
  float: left;
  margin: 0 15px 15px 0;
  padding: 2px;
  border: 1px solid #d4cfbe;
  background: none;
}

/* Downloads */

#main .content .downloads {
  clear: both;
  width: 100%;
}

#main .content .downloads li {
  min-height: 31px;
  padding: 7px 0 7px 36px;
  background: url(/interface/images/downloads.png) no-repeat left 9px;
}

#main .content .downloads li a { font-weight: bold; }
#main .content .downloads li span {display: block; font-style: italic;}
#main .content .downloads .word  { background-position: left -91px; }
#main .content .downloads .xls{ background-position: left -191px; }
#main .content .downloads .ppt { background-position: left -291px; }
#main .content .downloads .compressed { background-position: left -391px; }
#main .content .downloads .pdf { background-position: left -491px; }
#main .content .downloads .image { background-position: left -591px; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Sidebar ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .sidebar {
  float: left;
  width: 302px;
  padding-bottom: 5px;
}

.content-left #main .sidebar { float: right; }

#main .sidebar .content-box-outer { width: 100%; margin: 0 0 22px 0; background-image: url(/interface/images/contentbox-narrow-bg.jpg); }
#main .sidebar .content-box { width: 100%; background-image: url(/interface/images/contentbox-narrow-bg.jpg); }
#main .sidebar .content-box-inner { width: 242px; background-image: url(/interface/images/contentbox-narrow-bg.jpg); }

#main .sidebar h2 {
  font-family: "Yanone Bold", Arial, Sans-serif;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0;
  font-weight: normal;
}

#main .sidebar .subnav {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
}

#main .sidebar .subnav li {
  float: left;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #D1CDB2;
  background: none;
}

#main .sidebar .subnav li a {
  display: block;
  width: 216px;
  padding: 8px 0 8px 26px;
  color: #325692;
  background: url(/interface/images/subnav-item-bg.gif) no-repeat left 9px;
  font-weight: bold;
  text-decoration: none;
}

#main .sidebar .subnav li.active a {
  color: #dc8703;
  background-position: left -74px;
}

#main .sidebar .subnav li a:hover { text-decoration: underline; }

#main .sidebar .banner {
  position: relative;
  display: block;
  width: 300px;
  height: 175px;
  margin-bottom: 15px;
  background: url(/interface/images/banner-bg.jpg);
  color: #fff;
  text-decoration: none;
}

#main .sidebar .banner:hover { background-position: left -175px; }

#main .sidebar .banner img {
  position: absolute;
  left: 15px;
  top: 15px;
}

#main .sidebar .banner span {
  position: absolute;
  left: 15px;
  bottom: 16px;
  width: 240px;
  height: 26px;
  overflow: hidden;
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 24px;
  line-height: 26px;
}

#main .sidebar .banner-newsletter {
  display: block;
  width: 300px;
  height: 82px;
  overflow: hidden;
  margin-bottom: 15px;
  text-indent: -9001px;
  background: url(/interface/images/banner-newsletter-bg.png);
}

#main .sidebar .banner-newsletter:hover { background-position: left bottom; }

#main .sidebar .affiliates {
  width: 274px;
  height: 27px;
  padding: 14px 13px 13px 13px;
  background: url(/interface/images/affiliates-bg.jpg);
}

#main .sidebar .affiliates li {
  float: left;
  height: 27px;
  margin: 0 4px 0 0;
  padding: 0;
  background: url(/interface/images/affiliates-items.jpg);
}

#main .sidebar .affiliates li.calibris { width: 70px; }
#main .sidebar .affiliates li.ecabo { width: 68px; background-position: -73px top; }
#main .sidebar .affiliates li.vebon { width: 52px; background-position: -148px top; }
#main .sidebar .affiliates li.tuv { width: 38px; background-position: -201px top; }
#main .sidebar .affiliates li.ideal { width: 26px; margin: 0; background-position: -247px top; }

#main .sidebar .affiliates li a {
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: -9001px;
}

#main .sidebar .side-box-blue {
  position: relative;
  margin-bottom: 65px;
  padding-top: 18px;
  background: url(/interface/images/side-box-blue-bg.jpg) no-repeat;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}

#main .sidebar .side-box-blue .inner {
  padding: 1px 30px 20px 30px;
  background: url(/interface/images/side-box-blue-bg.jpg) no-repeat left bottom;
}

#main .sidebar .side-box-blue .inner:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#main .sidebar .side-box-blue h2 { color: #f6ce11; }

#main .sidebar .side-box-blue p { margin: 0; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Overzichten ------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .overview { width: 100%; }

#main .overview li {
  width: 100%;
  overflow: hidden;
  margin: 0 0 13px 0;
  padding: 0 0 17px 0;
  background: url(/interface/images/line.gif) repeat-x left bottom;
}

#main .overview li .thumb {
  float: right;
  margin: 3px 0 0 15px;
  padding: 3px;
  border: 1px solid #d4cfbe;
}

#main .overview li h2,
#main .overview li h3 {
  margin-bottom: 3px;
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 22px;
  line-height: 24px;
}

#main .overview li h2 a,
#main .overview li h3 a {
  text-decoration: none;
  color: #325692;
}

#main .overview li .info {
  margin-top: -2px;
  font-size: 11px;
}

#main .overview li p { margin-bottom: 0; }
#main .overview li p a { white-space: nowrap; }

#main .pagination {
  clear: both;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  font-family: "Yanone Bold", Arial, Sans-serif;
  font-size: 18px;
  line-height: 21px;
}

#main .pagination ul {
  float: right;
  margin: 0;
}

#main .pagination li {
  float: left;
  width: 32px;
  height: 30px;
  overflow: hidden;
  margin: 0 0 0 6px;
  padding: 0;
  background: url(/interface/images/pagination-item-bg.gif) no-repeat right top;
}

#main .pagination li.prev,
#main .pagination li.next {
  text-indent: -9001px;
  background-position: left -32px;
}

#main .pagination li.next { background-position: right -32px; }

#main .pagination li.prev.disabled { background-position: left -62px; }
#main .pagination li.next.disabled { background-position: right -62px; }

#main .pagination li.active {
  background-position: left top;
  color: #5a4f32;
}

#main .pagination li a,
#main .pagination li span {
  float: left;
  width: 28px;
  height: 20px;
  padding: 5px 2px 5px 2px;
  text-align: center;
}

#main .pagination li a {
  color: #325692;
  text-decoration: none;
}

#main .pagination li a:hover { color: #DC8703; }

#main .pagination li.prev span,
#main .pagination li.next span { text-indent: -9001px; }

#main .tabs {
  height: 48px;
  padding: 0 7px;
  background: url(/interface/images/tabs-bg.jpg);
  font-size: 12px;
}

#main .tabs li {
  float: left;
  height: 48px;
  margin: 0;
  padding: 0 8px 0 0;
  background: none;
}

#main .tabs li.active {
  padding: 0 13px 0 0;
  background: url(/interface/images/tabs-active-bg.jpg) no-repeat right 3px;
}

#main .tabs li a,
#main .tabs li span {
  float: left;
  height: 28px;
  padding: 16px 0 4px 8px;
  color: #5d5b4c;
  text-decoration: none;
}

#main .tabs li a:hover { text-decoration: underline; }

#main .tabs li.active span {
  padding: 16px 0 4px 13px;
  background: url(/interface/images/tabs-active-bg.jpg) no-repeat left 3px;
  color: #325692;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Formulieren ------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .form {
  position: relative;
  clear: both;
  width: 100%;
}

#main .form .warning {
  display: none;
  padding: 8px 12px;
  border: 1px solid #e4bc00;
  background: #fff9cd;
  color: #965100;
}

#main .form .form-field {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}

#main .form .form-field:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#main .form .form-field label {
  float: left;
  width: 150px;
  padding: 5px 10px 5px 0;
  line-height: 16px;
  font-weight: bold;
  color: #325692;
}

#main .form .text input,
#main .form .password input,
#main .form .textarea textarea {
  float: left;
  width: 280px;
  padding: 3px 6px;
  border: 2px solid #d6d2c8;
  font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #5a5952;
}

#main .form .textarea label {
  float: none;
  display: block;
  width: 543px;
  padding: 0 0 3px 0;
}

#main .form .textarea textarea {
  width: 527px;
  height: 140px;
}

#main .form .select select {
  float: left;
  width: 296px;
  border: 2px solid #d6d2c8;
}

#main .form .form-field .kort { width: 100px; }

#main .form .text .kort,
#main .form .textarea .kort { width: 88px; }

#main .form .incorrect input,
#main .form .incorrect textarea { border: 2px solid #e48a8a; }

#main .form .form-field .form-field-group {
  float: left;
  width: 294px;
  line-height: 16px;
}

#main .form .form-field .form-field-group .form-field-group-item {
  clear: both;
  width: 100%;
  overflow: hidden;
  padding-bottom: 4px;
}

#main .form .form-field .form-field-group .form-field-group-item input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 2px 7px 0 0;
  padding: 0;
}

#main .form .form-field .form-field-group .form-field-group-item label {
  float: left;
  width: 274px;
  padding: 0;
  font-weight: normal;
  color: #5A5952;
}

#main .form .form-field .status {
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 4px 4px 8px;
  background: url(/interface/images/form-status-icons.png) no-repeat left 500px;
}

#main .form .required .status { background-position: left 0; }

#main .form .filled.correct .status,
#main .form .required.correct .status { background-position: left -42px; }

#main .form .radio .status { display:none; }

#main .form .incorrect .status { background-position: left -84px; }
#main .form .select .status { margin: 2px 4px 2px 8px; }

#main .form .form-field .status .notice {
  position: absolute;
  right: -285px;
  top: -15px;
  display: none;
  width: 284px;
  color: #965100;
  background: url(/interface/images/form-notice-bg.gif) no-repeat left bottom;
}

#main .form .form-field .status .notice .notice-inner {
  width: 239px;
  min-height: 36px;
  padding: 10px 13px 10px 31px;
  border-right: 1px solid #e4bc00;
  background: url(/interface/images/form-notice-inner-bg.gif) no-repeat;
}

/* #main .form .current-error .status .notice { display: block; } */

#main .form .note {
  position: relative;
  display: block;
  width: 322px;
  margin: -4px 0 8px 120px;
  font-size: 11px;
  line-height: 16px;
}

#main .form div.note { color: #666666; }

#main .form .button {
  float: right;
  margin-right: 28px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Carousels (home en vervolg) --------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .carousel-home-wrapper,
#main .carousel-page-wrapper {
  position: relative;
  width: 604px;
  height: 259px;
  margin-bottom: 60px;
  padding: 13px 13px 19px 12px;
  background: url(/interface/images/carousel-bg.jpg); 
}

#main .carousel-page-wrapper {
  float: right;
  margin-bottom: 15px;
}

.content-left #main .carousel-page-wrapper { float: left; }

#main .carousel-home-wrapper h2 {
  position: absolute;
  left: -2px;
  top: 1px;
  width: 120px;
  height: 75px;
  overflow: hidden;
  margin: 0;
  background: url(/interface/images/carousel-home-title.png); 
  text-indent: -9001px;
  z-index: 50;
}

#main .carousel-home-wrapper ul,
#main .carousel-page-wrapper ul {
  position: relative;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

#main .carousel-home-wrapper ul { background: url(/interface/images/carousel-home-text-bg.png) no-repeat right bottom; }

#main .carousel-home-wrapper li,
#main .carousel-page-wrapper li {
  position: absolute;
  left: 0;
  top: 0;
  width: 604px;
  height: 259px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #fff;
}

#main .carousel-home-wrapper li a {
  display: block;
  height: 100%;
  text-decoration: none;
}

#main .carousel-home-wrapper li a span,
#main .carousel-page-wrapper li span {
  position: absolute;
  right: 65px;
  bottom: 10px;
  width: 235px;
  height: 26px;
  overflow: hidden;
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 24px;
  line-height: 26px;
  color: #fff;
}

#main .carousel-home-wrapper .carousel-controls {
  position: absolute;
  right: 13px;
  bottom: 19px;
  width: 322px;
  height: 51px;
  overflow: hidden;
  z-index: 50;
}

#main .carousel-home-wrapper .carousel-controls .prev,
#main .carousel-home-wrapper .carousel-controls .next {
  position: absolute;
  right: 35px;
  top: 16px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background: url(/interface/images/carousel-home-controls.jpg) no-repeat;
  cursor: pointer;
}

#main .carousel-home-wrapper .carousel-controls .next { right: 9px; background-position: right top; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Home -------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.home #main .content { float: left; }
.home #main .sidebar { float: right; }

#main .carousel-home-wrapper .button-activities {
  position: absolute;
  right: 12px;
  bottom: -40px;
  width: 241px;
  height: 27px;
  padding: 13px 44px 13px 9px;
  background: url(/interface/images/button-activities-carousel.jpg);
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 24px;
  line-height: 27px;
  text-align: center;
  color: #594010;
  text-decoration: none;
}

#main .carousel-home-wrapper .button-activities:hover { background-position: left -53px; }

/* Activiteiten-lijst Home */

#main .content .activities-home { margin-bottom: 46px; }

#main .activities-home .activities-home-list {
  width: 615px;
  margin: 0 -22px 0 -8px;
}

#main .activities-home .activities-home-list:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#main .activities-home .activities-home-list > li {
  float: left;
  width: 187px;
  margin: 0 15px 0 0;
  padding: 0;
  background: none;
}

#main .activities-home li h2 {
  margin-bottom: 8px;
  font-family: "Yanone Bold", Arial, Sans-serif;
  font-size: 22px;
  font-weight:normal;
  line-height: 24px;
  letter-spacing: 0;
}

#main .activities-home li img {
  margin-bottom: 12px;
  padding: 4px 4px 8px 4px;
  background: url(/interface/images/activities-home-image-frame.gif);
}

#main .activities-home li h2 span { color: #768fb7; }

#main .activities-home li ul { margin: 0; }

#main .activities-home li li {
  margin-bottom: 5px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #d1cdb2;
}

#main .activities-home li li a {
  color: #e89412;
  font-weight: bold;
  text-decoration: none;
}

#main .activities-home li li a:hover { text-decoration: underline; }

#main .activities-home .button-activities {
  position: absolute;
  right: 8px;
  bottom: -66px;
  width: 206px;
  height: 27px;
  padding: 13px 44px 13px 9px;
  background: url(/interface/images/button-activities-bottom.jpg);
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 24px;
  line-height: 27px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

#main .activities-home .button-activities:hover { background-position: left -53px; }

#main .activities-home .button-activities span { color: #f6ce11; }

/* Intro-tekst */

#main .sidebar .intro { margin-bottom: 67px; }
#main .sidebar .intro h1 { font-size: 28px; }
#main .sidebar .intro ul { margin: 0;}

#main .sidebar .intro li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #d1cdb2;
}

#main .sidebar .intro .button-contact {
  position: absolute;
  right: 8px;
  bottom: -66px;
  width: 145px;
  height: 27px;
  padding: 13px 44px 13px 9px;
  background: url(/interface/images/button-contact-home.jpg);
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 24px;
  line-height: 27px;
  text-align: center;
  color: #594010;
  text-decoration: none;
}

#main .sidebar .intro .button-contact:hover { background-position: left -53px; }


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Activiteiten-overzicht -------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .filters-wrapper {
  clear: both;
  width: 100%;
  margin-bottom: 18px;
}

#main .filters-wrapper-small { background: url(/interface/images/filters-bg.jpg); }

#main .filters-wrapper:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#main .filters {
  width: 864px;
  height: 48px;
  margin: 0 auto;
  padding: 14px 18px;
  background: url(/interface/images/filters-bg.jpg);
}

#main .filters-narrow {
  float: left;
  width: 418px;
  height: 102px;
  margin: 0;
  background: url(/interface/images/filters-narrow-bg.jpg);
}

#main .filters li {
  float: left;
  width: 196px;
  margin: 0 26px 12px 0;
  padding: 0;
  background: none;
}

#main .filters li.last { margin: 0; }

#main .filters li label {
  display: block;
  margin-bottom: 2px;
  font-weight: bold;
  color: #325692;
}

#main .filters li select {
  display: block;
  width: 100%;
  margin: 0;
  font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #5a5952;
}

#main .location-previews {
  float: right;
  width: 397px;
  height: 110px;
  margin: 0;
  padding: 10px 18px;
  background: url(/interface/images/location-previews-bg.jpg);
}

#main .location-previews li {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 12px;
  line-height: 18px;
}

#main .location-previews li strong {
  display: block;
  margin-bottom: 1px;
  color: #325692;
}

#main .location-previews li img {
  float: left;
  margin-right: 12px;
  padding: 3px;
  border: 1px solid #D4CFBE;
  background: #fff;
}

#main .location-previews li p { margin: 0; }

#main .location-previews li p.default-text {
  margin-top: 8px;
  font-size: 13px;
  line-height: 20px;
}

#main .filters-wrapper-small .filters,
#main .filters-wrapper-small .location-previews { background: none; height: 48px; }

#main .filters-wrapper-small .location-previews { height: 56px; }

#main .overview-activities {
  width: 890px;
  margin: 0 -4px 18px 16px;
  background: url(/interface/images/overview-activities-bg.gif) repeat left -21px;
}

#main .overview-activities:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#main .overview-activities li {
  position: relative;
  float: left;
  width: 199px;
  height: 200px;
  margin: 0;
  padding: 0 23px 72px 0;
  background: none;
  font-size: 12px;
  line-height: 16px;
}

#main .overview-activities li h2 {
  font-family: "Yanone Bold", Arial, Sans-serif;
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: 0;
  color: #325692;
}

#main .overview-activities li h2 a {
  text-decoration: none;
  color: #325692;
}

#main .overview-activities li img {
  margin-bottom: 6px;
  padding: 4px 5px 7px 5px;
  background: url(/interface/images/overview-activities-frame.gif);
}

#main .overview-activities li p { margin: 0; }

#main .overview-activities li .button {
  position: absolute;
  right: 23px;
  bottom: 41px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Activiteiten detail-pagina ---------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .sidebar .features ul {
  background: url(/interface/images/line.gif) repeat-x;
  font-size: 12px;
  line-height: 18px;
}

#main .sidebar .features li {
  margin: 0;
  padding: 8px 0;
  background: url(/interface/images/line.gif) repeat-x left bottom;
}

#main .sidebar .features li strong {
  font-size: 13px;
  color: #325692;
}

#main .sidebar .features li p { margin: 0; }

#main .sidebar .features li .info {
  font-size: 11px;
  line-height: 17px;
  margin: 3px 0 0 0;
  color: #8c8a80;
}

#main .overview-programs-small { background: url(/interface/images/line.gif) repeat-x; }

#main .overview-programs-small li {
  position: relative;
  margin: 0;
  padding: 8px 0;
}

#main .overview-programs-small li h3 {
  font-family: "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

#main .overview-programs-small li h3 a span { color: #768fb7; }

#main .overview-programs-small li .locations {
  margin-bottom: 4px;
  color: #888;
}

#main .overview-programs-small li .locations,
#main .overview-programs-small li .price { width: 390px; }

#main .overview-programs-small li .price strong { color: #dc8703; }

#main .overview-programs-small li .button-small {
  position: absolute;
  right: 0;
  bottom: 10px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Programma-overzicht ----------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .overview-programs {
  width: 906px;
  margin: 20px -4px 18px 0;
  background: url(/interface/images/overview-programs-bg.gif) repeat left -21px;
}

#main .overview-programs:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#main .overview-programs li {
  position: relative;
  float: left;
  width: 278px;
  height: 274px;
  margin: 0;
  padding: 0 23px 72px 0;
  background: none;
  font-size: 12px;
  line-height: 16px;
}

#main .overview-programs li h2 {
  height: 44px;
  overflow: hidden;
  font-family: "Yanone Bold", Arial, Sans-serif;
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: 0;
  color: #325692;
}

#main .overview-programs li h2 span {
  color: #768FB7;
  white-space: nowrap;
}

#main .overview-programs li h2 a {
  text-decoration: none;
  color: #325692;
}

#main .overview-programs li img {
  margin-bottom: 6px;
  padding: 4px 5px 7px 5px;
  background: url(/interface/images/overview-programs-frame.gif);
}

#main .overview-programs li p { margin: 0; }

#main .overview-programs li p.preview-text {
  height: 64px;
  overflow: hidden;
  margin-bottom: 10px;
}

#main .overview-programs li p.locations {
  height: 32px;
  overflow: hidden;
}

#main .overview-programs li .price { margin-top: 8px; }

#main .overview-programs li .price strong { color: #dc8703; }

#main .overview-programs li .button {
  position: absolute;
  right: 23px;
  bottom: 41px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Programma detail-pagina ------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .cta-booking {
  width: 563px;
  height: 74px;
  margin: 10px auto;
  padding: 18px 32px;
  background: url(/interface/images/cta-booking-bg.png);
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}

#main .cta-booking h2,
#main .cta-booking p {
  float: left;
  width: 405px;
}

#main .cta-booking h2 { color: #f6ce11; }

#main .cta-booking p { margin: 0; }

#main .cta-booking .button-booking {
  float: right;
  width: 95px;
  height: 44px;
  margin-top: 6px;
  padding: 11px 41px 11px 12px;
  background: url(/interface/images/button-booking-bg.png) no-repeat;
  cursor: pointer;
  font-family: "Yanone Regular", Arial, Sans-serif;
  font-size: 24px;
  line-height: 22px;
  color: #594010;
  text-decoration: none;
  text-align: center;
}

#main .cta-booking .button-booking:hover { background-position: left -68px; }

#main .overview-activities-small { background: url(/interface/images/line.gif) repeat-x; }

#main .overview-activities-small li {
  position: relative;
  margin: 0;
  padding: 8px 0;
}

#main .overview-activities-small li a {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #325692;
  text-decoration: none;
}

#main .overview-activities-small li img {
  float: left;
  margin-right: 10px;
  padding: 5px 5px 7px 5px;
  background: url(/interface/images/overview-activities-small-frame.gif);
}

#main .overview-activities-small li .title {
  float: left;
  width: 427px;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
}

#main .overview-activities-small li a:hover .title,
#main .overview-activities-small li a:hover .title span {
  color: #E89412;
  text-decoration: underline;
}

#main .overview-activities-small li .title span { color: #768fb7; }

#main .overview-activities-small li .text,
#main .overview-activities-small li p {
  float: left;
  width: 427px;
  font-size: 12px;
  line-height: 16px;
  color: #666;
}

#main .overview-activities-small li .button-small {
  position: absolute;
  right: 0;
  top: 26px;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Verhuur ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .form .verhuurobjecten { border-top: 1px dotted #bcae81; }

#main .form .verhuurobjecten .form-field {
  margin: 0;
  padding: 8px 0;
  border-bottom: 1px dotted #bcae81;
}

#main .form .verhuurobjecten .form-field .label {
  width: 500px;
  padding-right: 32px;
  display:block;
  float:left;
}

#main .form .verhuurobjecten .form-field .label label
{
  float:none;
}

#main .form .verhuurobjecten .form-field .label img {
  float: left;
  margin-right: 10px;
  padding: 3px;
  border: 1px solid #e8e8e8;
}

#main .form .verhuurobjecten .form-field .label .price { color: #DC8703; }
#main .form .verhuurobjecten .form-field .label a { color: #8C8A80; }
#main .form .verhuurobjecten .form-field .label a:hover { color: #DC8703; }

#main .form .verhuurobjecten .form-field .label .info {
  display: block;
  margin-top: 3px;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
}

#main .form .verhuurobjecten .form-field input {
  width: 23px;
}

#main .verhuurobjecten .status { display: none; }

#main .form .form-field .ui-datepicker-trigger {
  float: left;
  margin: 5px 0 0 8px;
  cursor: pointer;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Boeken-pagina ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .yellow {
  font-weight: bold;
  color: #e89412;
}

#main .form-info-small {
  margin-top: -12px;
  padding-left: 160px;
  font-size: 12px;
  line-height: 17px;
  color: #777;
}

#main .numbered {
  line-height: 32px;
  margin: 25px 0 15px 0;
}

#main .numbered span {
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  padding: 2px;
  background: url(/interface/images/title-number-bg.gif);
  line-height: 28px;
  font-size: 18px;
  color: #594010;
  text-align: center;
}

#main .small-margin { margin-bottom: 5px; }

#main .overview-program-selector li {
  margin-bottom: 6px;
  padding-bottom: 8px;
  position:relative;
  overflow: visible;
}

#main .overview-program-selector li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#main .overview-program-selector li input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 4px 7px 0 0;
  padding: 0;
}

#main .overview-program-selector li label {
  float: right;
  width: 550px;
}

#main .overview-program-selector li label .price {
  color: #e89412;
  font-weight: bold;
}

#main .overview-program-selector li .infowrapper
{
  position:absolute;
  right:0px;
  top:0px;
  width:20px;
  height:20px;
  margin-top: -2px;
  padding-top: 2px;
  background:url(/interface/images/title-number-small-bg.gif) no-repeat left 2px;
  line-height:20px;
  text-align:center;
  font-weight:bold;
  cursor:pointer;
}

#main .overview-program-selector li .infowrapper .info{
  display:block;
  position:absolute;
  left:-9999px;
  line-height:16px;
  font-weight:normal;
  bottom:22px;
  padding:5px 10px;
  background:#fff;
  width:320px;
  text-align:left;
  border:solid 1px #ccc;
  cursor:auto;
}

#main .overview-program-selector li .infowrapper:hover .info
{
  left: -10px;
}

#main .form #fvrijeplaats .status,
#main .form #fvrijeopmerking .status { background-position: left 0; }

#main .form #fvrijeopmerking label {
  float: left;
  width: 150px;
  padding: 5px 10px 5px 0;
}

#main .form #fvrijeopmerking textarea {
  float: left;
  width: 280px;
  height: 60px;
}

#main #kalender {
  position: relative;
  clear: both;
  height: 228px;
  margin-bottom: 20px;
}

#main .date {
  float: left;
  width: 230px;
}

#main #kalender .table-caption {
  height: 20px;
  padding: 8px 0;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  color: #325692;
}

#main #kalender .table-caption a {
  position: absolute;
  top: 0;
  width: 24px;
  height: 30px;
  overflow: hidden;
  background: url(/interface/images/pagination-item-bg.gif) no-repeat right top;
  text-indent: -9001px;
}

#main #kalender .table-caption .button-left { background-position: left -32px; left: 5px; }
#main #kalender .table-caption .button-right { background-position: right -32px; right: 5px; }

#main #kalender table {
  margin: 0;
  border: 1px solid #ddd;
}

#main #kalender td,
#main #kalender th {
  width: 70px;
  text-align: center;
}

#main #kalender th {
  background: #365a96;
  color: #fff;
}

#main #kalender .nonselectable { color: #aaa; }

#main #kalender .selectable {
  background: #edf4ff;
  cursor: pointer;
}

#main #kalender .selectable:hover {
  background: #f6c811;
  color: #594010;
}

#main #kalender .selected,
#main #kalender .selected:hover {
  background: #1a3869;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}

#main #kalender .white {
  background: #fff;
}

#main #fprogrammadatum {
  height: 0;
  overflow: hidden;
}

#main #faantalpersonen select { width: 80px; }

#main #fdag select {
  float: left;
  width: 73px;
  margin-right: 15px;
}

#main #fdag #ctl00_ctl00_c_cphPage_c_cphContent_maand { width: 120px; }
#main #fdag #ctl00_ctl00_c_cphPage_c_cphContent_jaar { margin: 0; }

#main .form #fvoorwaarden > label { display: none; }

#main .form #fvoorwaarden .form-field-group {
  float: none;
  width: 100%;
}

#main .form #fvoorwaarden .form-field-group .form-field-group-item label { width: 551px; }

#main .sidebar .features .overview-activities-sidebar {
  margin: 0;
  background: none;
}

#main .sidebar .features .overview-activities-sidebar li {
  margin: 0;
  padding: 1px 0 1px 12px;
  background: url(/interface/images/bullet-small.gif) no-repeat left 11px;
}

#main .sidebar .features .overview-activities-sidebar li.subtitle
{
  padding: 1px 0 1px 0;
  background:none;
  color:#325692;
  font-weight:bold;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Status-pagina (na boeking) ---------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#main .order-info-text {
  padding: 8px 12px;
  border: 1px solid #f6d330;
  color: #325692;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
}

#main .order-info-top td { border-bottom: 1px solid #ddd; }
#main .order-info-top .order-info-label { width: 180px; }
#main .order-info-top .order-info-label strong { color: #325692; }

#main .order-info-activities td { border-bottom: 1px solid #ddd; }
#main .order-info-activities .table-header td { color: #325692; }

#main .order-info-activities .order-info-activity { width: 280px; }
#main .order-info-activities .order-info-duration { width: 100px; }

#main .button-payment {
  display: block;
  width: 178px;
  margin: 0 auto;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Lightbox ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#loading img { display: inline; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; display: block; }
#prevLink { left: 0; float: left; background: url(/interface/images/lightbox/prev.gif) left 50% no-repeat;}
#nextLink { right: 0; float: right; background: url(/interface/images/lightbox/next.gif) right 50% no-repeat;}
#nextLinkText, #prevLinkText { font-weight:bold; text-decoration: none; }
#nextLinkText { padding-left: 20px; }
#prevLinkText { padding-right: 20px; }
.ontop #imageData { padding-top: 5px; }
#imageDataContainer { font: 11px Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData { padding:0 10px; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose { width: 90px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; display: none; }
.lb_clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#tijdError {
  display: none;
  border: 1px solid #f00;
  padding: 10px;
  color: #f00;
  border-radius: 5px;
  background: #ffd8d8;
  font-weight: bold;
}