/*

div.ie6 {
  background: url(../images/bg_bodybox.png) no-repeat top left #367c2b;
}

*/

/* DEFAULT
----------------------------------------------------------------- */

form {
  display: inline;
}

html,body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background: url(../images/bg_body.jpg) no-repeat top center #00213b;
  font-family: "Trebuchet MS", Verdana, Arial, Tahoma;
  font-size: 0.8em;
}


textarea, select {
  font-family: "Trebuchet MS", Verdana, Arial, Tahoma;
  font-size: 100%;
}


h1 {
  margin: 0;
  padding: 0;
}

h2 {
  margin: 0px;
  padding: 0;
  font-size: 120%;
}

li h2 {
  padding: 18px 20px 0 20px !important;
  font-size: 120%;
  color: #fff;
}

li p {
  margin: 0;
  padding: 5px 0 0 20px;
}

div.content a {
  color: #00457c;
  text-decoration: underline;
}

div.content a:hover {
  color: #000;
  text-decoration: none;
}

div.content img {
  margin: 10px;
}

div.content form img {
  margin: 0 !important;
}

li h2 a {
  color: #333;
}

h3 {
  font-size: 140%;
  color: #00457c;
  margin: 0;
  padding: 0;
}

h4 {
  color: #00457c;
  font-size: 100%;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

h4 a {
  color: #00457c;
}

h4 span {
  text-transform: none !important;
  font-weight: normal;
}

h5 {
  font-size: 100%;
  color: #00457c;
  margin: 5px 0 5px 0;
  padding: 0;
}

br.clear {
  clear: both;
  visibility: hidden !important;
  font-size: 0px !important;
  height: 1px !important;
  line-height: 1px !important;
}

li.smallbox p img {
  float: right;
}

li.smallbox div{
  cursor:hand;
}

div.content hr {
  height: 1px;
  border-style: none;
  background: url(../images/bg_hr.jpg);
}

p.error {
  color: #ff0000;
  font-weight: bold;
}

p.notice {
  color: #ffd24f;
  font-weight: bold;
}


/* CUSTOM
----------------------------------------------------------------- */

/* CONTENT CONTAINER
----------------------------------------------------------------- */
div.content-container {
  width: 1002px;
  margin: auto;
  background: url(../images/bg_body.gif);
}

/* COLUMN LEFT
----------------------------------------------------------------- */
div.column-left {
  float: left;
  width: 192px;
  border-left: 20px solid #fff;
}

ul#column-left {
  width: 193px;
  margin: 0;
  padding: 20px 0 11px 0;
  background: url(../images/bg_colom_left.png) bottom center no-repeat #fff;
}

ul#column-left li {
  list-style-type: none;
  margin-bottom: 20px;
  background: #fff;
}

ul#column-left li,
ul#column-right li {
  font-size: 0;
}

ul#column-left li form ,
ul#column-right li form {
  font-size: 12px !important;
}


/* COLUMN RIGHT
----------------------------------------------------------------- */
div.column-right {
  float: right;
  width: 193px;
  border-right: 20px solid #fff;
}

ul#column-right {
  margin: 0;
  padding: 20px 0 11px 0;
  background: url(../images/bg_colom_right.png) bottom center no-repeat #fff;
}

ul#column-right li {
  list-style-type: none;
  margin-bottom: 20px;
  background: #fff;
}
/* CONTENT
----------------------------------------------------------------- */
div.content {
  float: left;
  padding: 20px;
  margin: 0 0 0 20px;
  width: 497px;
  background: #ffe8a7;
  line-height: 20px;
  min-height: 608px;
}

.content ul li p {
  padding: 0;
  margin: 0;
}

/* NAV
----------------------------------------------------------------- */

div.nav-container {
  float: left;
  margin: 0 0 0 0px;
}

ul#nav-prim {
  padding: 0;
  margin: 20px 20px 0 20px;;
  width: 537px;
}

ul#nav-prim li {
  float: left;
  list-style-type: none;
}

ul#nav-prim li a {
  height: 40px;
  line-height: 40px;
  padding: 12px 17px;
  font-size: 120%;
  color: #00457c;
  text-decoration: none;
  background-color: #ffd24f;
  text-decoration: underline;
  font-weight: bold;
}

ul#nav-prim li a:hover {
  text-decoration: none;
  background-color: #ffe8a7;
}

ul#nav-prim li a.selected {
  background-color: #ffe8a7;
  border-style: none !important;
  text-decoration: none;
}

ul#nav-prim li.language {
  float: right;
}



/* COLORED BOXES
----------------------------------------------------------------- */
li.green {
  background: url(../images/bg_smallbox.png) no-repeat top left #367c2b !important;
}
li.blue {
  background: url(../images/bg_smallbox.png) no-repeat top left #00457c !important;
}
li.yellow {
  background: url(../images/bg_smallbox.png) no-repeat top left #ffd24f !important;
}
li.smallbox {
  width: 192px;
  height: 92px;
  background: url(../images/bg_smallbox.png) no-repeat top left #367c2b;
}

li.bigbox {
  width: 192px;
  height: 432px;
  background: #367c2b;
}

ul#parc-options {
  margin: 20px 0 0 20px;
  padding: 0;
}

ul#parc-options li {
  font-size: 12px !important;
  background-color: transparent;
  line-height: 2px;
}

ul#parc-options li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  background-position: left top;
  padding: 2px 0 2px 25px;
  background-repeat: no-repeat;
  background-position: 0 4px;
}

ul#parc-options li a:hover {
  border-bottom: 1px solid #fff;
}

ul#parc-options li a.selected {
  text-decoration: underline;
}

ul#parc-options li a.resort {
  background-image: url(../images/icons/map.png);
}
ul#parc-options li a.vicinity {
  background-image: url(../images/icons/find.png);
}
ul#parc-options li a.accommodations {
  background-image: url(../images/icons/house.png);
}
ul#parc-options li a.activities {
  background-image: url(../images/icons/sport_soccer.png);
}
ul#parc-options li a.welness {
  background-image: url(../images/icons/welness.png);
}
ul#parc-options li a.prices {
  background-image: url(../images/icons/coins.png);
}
ul#parc-options li a.extras {
  background-image: url(../images/icons/find.png);
}
ul#parc-options li a.did-you-know {
  background-image: url(../images/icons/comment.png);
}
ul#parc-options li a.reviews {
  background-image: url(../images/icons/pencil.png);
}
ul#parc-options li a.address {
  background-image: url(../images/icons/arrow_turn_right.png);
}
ul#parc-options li a.link-partners {
  background-image: url(../images/icons/link.png);
}

/* FOOTER
----------------------------------------------------------------- */

div.footer {
  clear: both;
  background: #fff;
}

ul#footer {
  background: url(../images/bg_footer.gif) top center no-repeat;
  height: 40px;
  line-height: 40px;
  padding: 20px 0 0 0;
  margin: 0;
  display: block;
  clear: both;
  font-size: 90%;
  text-align: center;
}

ul#footer li {
  list-style-type: none;
  display: inline;
  color: #00457c;
  height: 40px;
  line-height: 40px;
}

ul#footer li a {
  color: #00457c;
  text-decoration: underline;
  font-size: 100%;
  padding: 0 2px 0 2px;
}

ul#footer li img {
	position:Relative;
	top:7px;
}


/* BOOKING
----------------------------------------------------------------- */

div.booking-box {
  background-color: #fff;
  margin: 10px 0px 20px 0;
  padding: 10px 20px 10px 20px;
}


ul.parc-prices {
  margin: 20px;
  padding: 0;
}

ul.parc-prices li {
  font-size: 12px !important;
  list-style-type: none;
  background: none !important;
  color: #fff;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 20px;
  white-space: no-wrap;
  clear: both;
}

ul.parc-prices li hr {
  height: 2px;
  clear: both;
  border-left: 1px solid #00457c;
  border-right: 1px solid #00457c;
  border-bottom: 1px solid #00457c;
  border-top: 1px solid #5482a7;
}

ul.parc-prices li a {
  color: #fff;
}

ul.parc-prices li div {
  float: left;
}

ul.parc-prices li span {
  float: right;
  margin: 0;
  padding: 0;
}

ul.parc-prices li span.price-big {
  font-size: 120%;
  font-weight: bold;
}




/* BOOKING UPDATE
----------------------------------------------------------------- */

h5 {
  margin: 10px 0 0 0;
  padding: 0;
  background: url(../images/bg_hr.jpg) bottom no-repeat;
}


/* RESERVATION CONFIRM TEMPLATE
----------------------------------------------------------------- */

table.reservation_summary {
  display: block;
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0 0 0;
}


table.reservation_summary td {
  vertical-align: top;
  font-size: 90%;
  line-height: 15px;
}


textarea#reservation_res_comment {
  display: block;
  width: 100%;
  margin: 20px 0 0 0 ;
  border: 1px solid #c6d6e3;
}

td.label {
  width: 150px !important;
  font-weight: bold;
  line-height: 20px;
}

table#prices td.label {
  width: 250px !important;
}

table#prices td.value {
  text-align: right;
}


/* RESERVATION DETAILS TEMPLATE
----------------------------------------------------------------- */

h5 {
  display: block;
  clear: both;
}

ul.form {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
}

ul.form li {
  list-style-type: none;
  display: block;
  clear: both;
  height: 1%;
  zoom: 1;
  /* width: 455px;*/
}

ul.form li.even {
  background: #ddd;
}

ul.form div {
  float: left;
  font-weight: bold;
}

ul.form li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

ul.details-form li div {
  display: block;
  float: left;
  width: 35px;
}

ul.details-form li div input {
  width: 22px;
}

ul.details-form li label {
  display: block;
  float: left;
  font-weight: bold;
  width: 220px;
}

ul.details-form li span {
  display: block;
  float: left;
  width: 190px;
}

ul.form li span.info {
  float: right;
}

ul.form li img {
  border-style: none;
}

li.right {
  float: right;
}

li.left input {
  float: left;
}



#reservation_number_of_adults,
#reservation_number_of_children,
#reservation_number_of_babies,
#reservation_number_of_animals {
  width: 50px;
}


table.reservation_insurance_details {
}

table.reservation_insurance_details th {
  font-weight: bold;
  text-align: left;
}

table.reservation_insurance_details input {
  background: #ccc;
  border-style: none;
  line-height: 20px;
}

table.reservation_insurance_details td {
}

input#guest_0_last_name {
  width: 150px;
}
input#guest_0_initials {
  width: 75px;
}
input#guest_0_date_of_birth {
  width: 175px;
}

input.button {
  background: #00457c !important;
  color: #fff !important;
  font-weight: bold !important;
  border: 1px solid #00457c !important;
}

/*td.input input {
  background: #ccc;
  border-style: none;
  line-height: 20px;
  width: 200px;
}
*/
/*table.relation {
  border-collapse: collapse;
}
*/

input.icon {
  display: inline;
  width: 15px;
  height: 15px;
}

input.language {
  display: inline;
  width: 16px;
  height: 11px;
  letter-spacing: -1px;
  overflow: hidden;
  padding: 11px 0 0 0;
  margin: 0 0 0 10px;
  border: 0;
  cursor: pointer;
}

div#column-left select {
  width: 118px;
}

div.bnnr {
  text-align: center;
  margin: 10px 0 0 0;
  width: 192px;
}

/* RESERVERINGS PROCES -------------------------------------------------------- */

table.reservation-calendar caption,
table.reservation-calendar-legend caption {
  font-weight: bold;
  font-size: 100%;
  color: #00457c;
  margin: 5px 0 5px 0;
  padding: 0;
}

table.reservation-calendar {
  float: left;
}

table.reservation-calendar-legend {
  float: right;
}

table.reservation-calendar td,
table.reservation-calendar-legend td {
  width: 40px;
  text-align: center;
}

table.reservation-calendar-legend th {
  text-align: left;
  font-weight: normal;
  font-style: italic;
}

table.reservation-calendar td.hover,
table.reservation-calendar-legend td.hover {
  color: #ffd24f;
  background-color: #00457c !important;
}

table.reservation-calendar td.selected,
table.reservation-calendar-legend td.selected {
  color: white;
  background-color: #00457c !important;
}

table.reservation-calendar td.day-not-in-month {
  font-style: italic;
}

td.calendar-price-class-1 {
  background-color: #caffb6;
}
/* Most affordable */
td.calendar-price-class-2 {
  background-color: #a3e990;
}
td.calendar-price-class-3 {
  background-color: #6cb15c;
}
td.calendar-price-class-4 {
  background-color: #367c2b;
}
td.calendar-price-class-5 {
  background-color: #f3f5b7;
}
td.calendar-price-class-6 {
  background-color: #fff572;
}
td.calendar-price-class-7 {
  background-color: #ffd24f;
}
td.calendar-price-class-8 {
  background-color: #c29a08;
}
/* Most expensive */

table.reservation-calendar td div.tooltip {
  display: none;
  margin-left: 50px;
  width: auto;
  padding: 2px 8px;
  z-index: 100;
  color: #fff;
  background-color: #FFFFE1;
  position: absolute;
  border: 1px solid black;
  font-weight: normal;
  white-space: nowrap;
  color: #555;
  text-align: left;
}

#loading-indicator {
  width: 150px;
  height: 80px;
  background: #367c2b;
  color: white;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  display: none;
  position: fixed;
  left: 50%;
  top: 20%;
  margin-left: -75px;
  z-index: 3000;
}

/* E-MAIL BOEKINGSFORMULIEREN ------------------------------------------------- */

form.booking-form label {
  display: block;
  width: 180px;
  float: left;
}

form.booking-form label.no-float {
  float: none;
  width: auto;
  clear: both;
}

form.booking-form p {
  margin: 0 0 2px 0;
  clear: left;
}

form.booking-form textarea {
  height: 50px;
}

/* EVALUATIEFORMULIER --------------------------------------------------------- */

form.evaluation-form p {
  margin: 0 0 2px 0;
  clear: left;
}

form.evaluation-form textarea {
  height: 50px;
}

form.evaluation-form li {
  list-style: none;
}

form.evaluation-form td.choice {
  width: 70px;
  text-align: center;
}

form.evaluation-form td.choice input {
  margin: auto;
}

form.evaluation-form td.choice div {
  margin: auto;
}

/* RUBY ON RAILS DEFAULT STYLES -------------------------------------------- */

.fieldWithErrors {
  padding: 2px;
  width: auto;
  background-color: red;
  display: table;
}

/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img {
  border: none;
}
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image {
  padding: 10px;
}
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
  left: 0;
}
#lightbox-nav a {
  outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev {
  left: 0;
  float: left;
}
#lightbox-nav-btnNext {
  right: 0;
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px;
  color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left;
}
#lightbox-image-details-caption {
  font-weight: bold;
}
#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
}