html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; text-align: center; }

body { overflow-y: scroll; }

body, table, tr, td, pre {
  font-family: arial, verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #1B1C20; 
  vertical-align: top;
}

body { background: #087D38 url(../images/site.bg.gif) repeat-x top left; }

a { color: #1B1C20; }
a:active,
a:visited,
a:link      { text-decoration: none; }
a:hover     { text-decoration: underline; }

h1          { font-size: 18px; padding: 0px; margin: 0px; font-weight: bold; padding-bottom: 10px; }
h2          { font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; }
hr          { height: 1px; color: #000; border: 0px; border-bottom: 1px solid #000; }

img         { border: 0px; }
form        { padding: 0px; margin: 0px; }

.clear      { clear: both; }
.left       { float: left; }
.right      { float: right; }
.relative   { position: relative; }
.scrollable { overflow-y: auto; }
.overflowHidden { overflow-y: hidden; }

div#header                { height: 75px; background-color: #ffffff; }
div#header div#headerContent { padding: 15px 25px 5px 25px; }
div#header div#logo       { text-align: left; width: 490px; float: left; }
div#header div#topMenu    { text-align: right; width: 280px; float: right; padding-right: 20px; }
div#main    { background: #ffffff no-repeat top left; margin: 0 auto; text-align: left; width: 852px; }
div#footer   { background-color: #087D38; text-align: center; color: #ffffff; padding-top: 5px; width: 854px; }

div#topMenu    a { color: #1B1C20; font-weight: bold; line-height: 12px; } /* border-bottom: 1px solid #E4E4E4; */
div#footerMenu a { color: #ffffff; }

p { margin: 0px; }
div.message { color: #ff0000; margin: 10px; height: 60px; font-weight: bold; }

div.margin                      { height: 10px; font-size: 1px; line-height: 1px; }

div.blackTable                  { float: left; padding: 0px; }
div.blackTable div.title        { height: 19px; background-color: #1B1C20; }
div.blackTable div.title img    { margin-top: 4px; margin-left: 15px; }

div.greyTable                  { float: left; padding: 0px; }
div.greyTable div.title,
div.greyTable div.footer       { height: 19px; background-color: #5C5B60; }
div.greyTable div.title img    { margin-top: 4px; margin-left: 15px; }

/**
 * Home module
 */

div#home div#homeTop                  { float: left; height: 242px; width: 796px; }
div#home div#homeTop div#homeTopLeft  { 
  width: 264px; 
  height: 242px; 
  float: left; 
  background: #249F44 url(../images/home.bg.top.gradient.gif) no-repeat top left; 
  color: #ffffff;
}

div#home div#homeTop div#homeTopLeft div.homeTopLeftContent { margin: 20px; }

div#home div#homeTop div#homeTopLeft div.content  { line-height: 18px; }
div#home div#homeTop div#homeTopRight { width: 532px; background: transparent url(../images/main.photo.jpg) no-repeat top left; height: 242px; float: left; }

div#home div#homeBottom                  { width: 796px; float: left; height: 220px; }
div#home div#homeBottom div.homeBottomBlock  { 
  width: 264px; 
  height: 220px; 
  background: #ffffff url(../images/home.bg.bottom.gradient.gif) repeat-y top right; 
  border-right: 1px solid white; 
}
div#home div#homeBottom div.homeBottomBlock div.content  { line-height: 18px; margin: 15px; }
div#home div#homeBottom div#homeBottomMiddle div.content { margin-left: 10px; margin-right: 10px; }
div#home div#homeBottom div#homeBottomRight              { width: 266px; border-right: 0px; }

div#searchTop       { border-bottom: 1px solid #B2B2B4; }
div#home div#searchTop { height: 145px; }

div#searchBottom    { position: absolute; bottom: 15px; width: 234px; }
div#searchBottom a       { float: left; color: #666; }
div#searchBottom button  { float: right; }

div#home div#most_populair div#mpLeft,
div#home div#most_populair div#mpRight { float: right; width: 120px; /*position: relative;*/}
div#home div#most_populair div#mpLeft  { float: left; }
div#home div#most_populair div.mpRating     { margin-top: 5px; height: 15px; }
div#home div#most_populair div.mpRating img { margin-right: 2px; }
div#home div#most_populair div.mpContent a  { font-weight: bold; } 
div#home div#most_populair div.mpBottom     { margin-left: 50px; position: absolute; bottom: 15px; }
div#home div#most_populair div.mpImage      { padding: 1px 0px 0px 2px; background: transparent url(../images/img.border.mini.gif) top left no-repeat; width: 120px; height: 89px; text-align: left; }

div#content                           { float: left; margin: 25px; margin-top: 0px; }
div#contentComponent                           { width: 100%; }
div#contentComponent div#contentPhoto          { 
  height: 135px; 
  background: transparent url(../images/content.photo.jpg) no-repeat top left; 
}
div#contentComponent div.item                  { padding: 0px; }
div#contentComponent div.itemContent           { padding-left: 10px; padding-top: 10px; background-color: #fff; }
div#contentComponent div.left                  { width: 590px; float: left; } /* background-color: #eee; }*/
div#contentComponent div.right                 { width: 200px; float: right; padding-right: 0px; }
div#contentComponent div.header                { padding: 0 10px 10px 10px; background-color: #eee; margin-left: 10px; }
div#contentComponent div.header div.title      { font-size: 22px; font-weight: bold; color: #F6A613; }
div#contentComponent div.header div.category a { font-size: 14px; font-weight: bold; color: #0086EA; }

div#contentComponent div.itemTitle             { font-size: 14px; font-weight: bold; }

div#contentComponent div.content                 { margin: 10px; margin-top: 0px; background-color: #fff; padding: 10px; }

/**
 * Caravan module
 */

div#caravan div#caravanTop                     { float: left; }
div#caravan div#caravanTop div.caravanTopBlock { 
  width: 267px; 
  height: 186px; 
  background: #ffffff url(../images/home.bg.bottom.gradient.gif) repeat-y top right; 
  border-right: 1px solid white; 
}
div#caravan div#caravanTop div.caravanTopBlock div.content { margin: 15px; margin-bottom: 0px; }
div#caravan div#caravanTop div.caravanTopBlock div.content td { line-height: 18px; }
div#caravan div#caravanTop div.caravanTopBlock div.content div#search { width: 100%; }
div#caravan div#caravanTop div.caravanTopBlock div.content div#search div#searchTop { padding-bottom: 35px; }
div#caravan div#caravanTop div#caravanTopRight              { width: 531px; border-right: 0px; }
div#caravan div#caravanTop div#caravanTopImage {
  width: 531px; 
  height: 167px; 
  background: transparent url(../images/search.photo.jpg) no-repeat bottom left; 
}

div#caravan div#caravanBottom                     { float: left; }
div#caravan div#caravanBottom div.caravanBottomBlock { 
  width: 268px;
  background: #ffffff url(../images/home.bg.bottom.gradient.gif) repeat-y top right; 
}
div#caravan div#caravanBottom div.caravanBottomBlock div.content  { line-height: 18px; height: 150px; padding-left: 15px; padding-right: 15px; }
div#caravan div#caravanBottom div.caravanBottomSort              { height: 23px; background-color: #C6C7CB; border: 0px; border-bottom: 1px solid #565656; line-height: 19px; padding-left: 15px;  }
div#caravan div#caravanBottom div.caravanBottomSort select       { width: 80px; height: 15px; }
div#caravan div#caravanBottom div#caravanBottomLeft              { width: 531px; }
div#caravan div#caravanBottom div#caravanBottomLeft div.title    { border-right: 1px solid white;} 

div#caravan div#caravanBottom div#caravanBottomLeft div.content       { padding-right: 0px; }
div#caravan div#caravanBottom div#caravanBottomRight div.content      { padding-left: 0px; }
div#caravan div#caravanBottom div#caravanBottomLeft div.caravanItem  { padding-right: 10px; }
div#caravan div#caravanBottom div#caravanBottomRight div.caravanItem  { padding-left: 10px; }
div#caravan div#caravanBottom div.caravanItem             { border-bottom: 1px solid #B3B3B5; height: 130px; margin-top: 15px;  }
div#caravan div#caravanBottom div#caravanItemLeft         { width: 160px; padding-bottom: 10px; padding-left: 2px; padding-top: 1px; float: left; background: transparent url(../images/img.border.thumb.gif) top left no-repeat; }
div#caravan div#caravanBottom div#caravanItemMiddle       { width: 325px; float: left; height: 110px; line-height: 16px; }
div#caravan div#caravanBottom div#caravanItemRight        { float: left; }
div#caravan div#caravanBottom div#caravanItemRight ul     { list-style-type: none; height: 89px; margin: 0px; padding: 0px; }
div#caravan div#caravanBottom div#caravanItemRight li     { line-height: 14px; }

div#caravan div.caravanDetailBlock { 
  width: 264px;
  background: #ffffff url(../images/home.bg.bottom.gradient.gif) repeat-y top right; 
}
div#caravan div.caravanDetailBlock div.content  { line-height: 18px; padding: 15px; }
div#caravan div#caravanDetailTabsTabContent4 div.content { padding-top: 30px; }
div#caravan div#caravanDetailLeft  { width: 534px; border-right: 1px solid #1C1C1E; }
div#caravan div#caravanDetailLeft div.title    { border-right: 1px solid white;} 
div#caravan div#caravanDetailTabsTabContainer { height: 21px; background: #C8C9CD url(../images/tab.background.gif) repeat-x top left; padding-left: 10px; }
div#caravan div#caravanDetailTabsTabContainer div.tab { 
  float: left; 
  cursor: pointer;
  width: 100px; 
  height: 15px; 
  background: #FFFFFF url(../images/tab.close.gif) no-repeat top left; 
  text-align: center; 
  vertical-align: bottom;
  padding-top: 6px;
}
div#caravan div#caravanDetailTabsTabContainer div.tab span { font-size: 11px; line-height: 15px; }
div#caravan div#caravanDetailTabsTabContainer div.current { background: transparent url(../images/tab.open.gif) no-repeat top left; height: 17px; padding-top: 4px; }

div#caravan div#caravanDetailLeft div.caravanDetailThumbs { overflow-y: auto; width: 130px; height: 270px; overflow-x: hidden; padding-right: 10px; float: left; }
div#caravan div#caravanDetailLeft div.caravanDetailThumbs div.thumbImage { padding: 1px 0px 0px 2px; background: transparent url(../images/img.border.mini.gif) top left no-repeat; width: 120px; height: 89px; text-align: left; }
div#caravan div#caravanDetailLeft div.caravanDetailImage  { padding-bottom: 10px; float: left; padding-left: 2px; padding-top: 1px; background: transparent url(../images/img.border.big.gif) top left no-repeat; width: 360px; height: 260px; }

div#caravan div#caravanDetailRight div.content    { padding-bottom: 20px; }
div#caravan div#caravanDetailRight div.content td { font-weight: bold; }
div#caravan div#caravanDetailRight div.caravanDetailImage  { padding-bottom: 10px; float: left; padding-left: 2px; padding-top: 1px; background: transparent url(../images/img.border.normal.gif) top left no-repeat; width: 210px; }
div#caravan div.caravanPhoto { width: 100px; height: 80px; text-align: center; float: left; margin-bottom: 10px; }
div#caravan div#caravanPriceTotal { font-size: 12px; font-weight: bold; }
div#caravan div.odd { clear: both; }
div#caravan div.even { float: right; }

div#caravan div.caravanDetailAvailable { border-top: 1px solid #565656; border-bottom: 1px solid #565656; padding-top: 10px; padding-bottom: 10px; }
div#caravan div.caravanDetailAvailable div#dateDomainStart,
div#caravan div.caravanDetailAvailable div#dateDomainEnd { background-color: #C6C7CB; }
div#caravan div.caravanDetailAvailableBook { position: absolute; bottom: 10px; right: 15px; }
div#caravan div.caravanDetailAvailableBook button.terug { margin-right: 3px; }
div#caravan .caravanSeasonLow { background-color: #75A98A; color: #3C7654; }
div#caravan .caravanSeasonMid { background-color: #A8A974; } /*#C6C7CB; }*/
div#caravan .caravanSeasonHigh { background-color: #7677A9; color: #3D3F76; }
div#caravan td.current { background-color: #fff; }
div#caravan td.select { background-color: #ddd; }
/*
div#caravan .caravanSeasonLowWeekend { background-color: #75A98A; }
div#caravan .caravanSeasonMidWeekend { background-color: #AAAAAA; }
div#caravan .caravanSeasonHighWeekend { background-color: #7677A9; }
div#caravan td.currentWeekend { background-color: #8396AE; }
div#caravan .caravanSeasonLow.select { background-color: #A0ADBD; }
div#caravan .caravanSeasonMid.select { background-color: #A0ADBD; }
div#caravan .caravanSeasonHigh.select { background-color: #A0ADBD; }

*/

div#caravan div.caravanDetailAvailableLegenda { text-align: center; font-size: 10px; width: 100%; }
div#caravan div.caravanDetailAvailableLegenda span.legendaItem { width: 12px; height: 14px; border: 1px solid black; display: block; }

div.imagePopupLarge { border: 1px solid black; }

div#caravan div#caravanBook div.caravanBookBlock { 
  width: 264px;
  background: #ffffff url(../images/home.bg.bottom.gradient.gif) repeat-y top right; 
}
div#caravan div#caravanBook div.caravanBookBlock div.content  { line-height: 18px; padding: 15px; position: relative; }
div#caravan div#caravanBook div.caravanBookBlock div.bigContent  { height: 600px; }
div#caravan div#caravanBook div#caravanBookLeft              { width: 530px;}
div#caravan div#caravanBook div#caravanBookLeft div.content  { width: 500px;}
div#caravan div#caravanBook div#caravanBookLeft div.title    { border-right: 1px solid white;} 
div#caravan div#caravanBook div#caravanBookLeft div.caravanDetailAvailableLegenda { margin-bottom: 10px; }

div#caravan div#caravanBook label { font-weight: bold; line-height: 16px; font-size: 13px; }
div#caravan div#caravanBook textarea,
div#caravan div#caravanBook select,
div#caravan div#caravanBook input { height: 17px; padding: 0px; margin: 0px; line-height: 16px; margin-bottom: 3px; }
div#caravan div#caravanBook textarea { width: 200px; height: 100px; font-size: 12px; }
div#caravan div#caravanBook input { width: 200px; }
div#caravan div#caravanBook input.checkbox { width: auto; height: 14px; }
div#caravan div#caravanBook button.terug { position: absolute; bottom: 10px; left: 20px; }
div#caravan div#caravanBook button.verder { position: absolute; bottom: 10px; right: 15px; }
div#caravan div#caravanBook button.betalen { position: absolute; bottom: 10px; right: 15px; }

div#caravan div#caravanBook input#straat { width: 144px; }
div#caravan div#caravanBook input#huisnummer { width: 25px; }
div#caravan div#caravanBook input#toevoeging { width: 25px; }
div#caravan div#caravanBook input#postcode_1 { width: 50px; }
div#caravan div#caravanBook input#postcode_2 { width: 25px; }
div#caravan div#caravanBook input#plaats { width: 119px; }
div#caravan div#caravanBook input#gewicht { width: 50px; }
div#caravan div#caravanBook span#carWeightMsg { color: #ff0000; font-size: 9px; }
div#caravan div#caravanBook select#volwassenen,
div#caravan div#caravanBook select#kinderen   { width: 98px; }

.error { color: #CE0808; font-weight: bold; }
label.validationError { color: #CE0808; }
input.validationError {
  background-color: #ABB7C5; /* transparent url(../icons/validationError.gif) top right no-repeat; */
  color: #000;
}
div.validationErrorMessage { margin-left: 5px; padding: 5px; background-color: #ABB7C5; color: #000; border: 1px solid #000; }

textarea      { height: 60px; }
textarea,
input         { width: 500px; border: 1px solid black; background-color: #F6F7F9; padding-left: 5px; font-family: arial; padding-top: 0px; }
input.button  { width: 150px; background-color: #CAD3DA; padding: 0px; margin-bottom: 5px; }
input.small   { width: 100px; }
input.checkbox  { width: auto; border: 0px; }
select        { border: 1px solid #C8C9CD; background-color: #F6F7F9; padding-top: 0px; line-height: 10px; width: 120px; height:16px; font-size: 10px; margin-top: 2px;}
select.day    { width: 40px; }
select.month  { width: 50px; }
select.monthFull  { width: 80px; }
select.year   { width: 50px; }
select.hour   { width: 40px; }
select.minute { width: 40px; }
button        { width: 100px; background-color: #CAD3DA; cursor: pointer; }

button.zoek   { background: transparent url(../images/button.zoek.gif) no-repeat top left; width: 41px; height: 18px; border: 0px; }
button.boek   { background: transparent url(../images/button.boek.gif) no-repeat top left; width: 63px; height: 19px; border: 0px; }
button.meer   { background: transparent url(../images/button.meer.gif) no-repeat top left; width: 63px; height: 19px; border: 0px; }
button.terug  { background: transparent url(../images/button.terug.gif) no-repeat top left; width: 49px; height: 19px; border: 0px; }
button.verder { background: transparent url(../images/button.verder.gif) no-repeat top left; width: 50px; height: 18px; border: 0px; }
button.betalen   { background: transparent url(../images/button.betalen.gif) no-repeat top left; width: 54px; height: 18px; border: 0px; }

textarea.big  { height: 100px; }