﻿/* some resets */
html { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { display: block; font-size: 100%; font-weight: normal; margin: 0px; padding: 0px; }
 
/* headers, try to define them only here! */
h1,.h1 {  } 
h2,.h2 {  }
h3,.h3 {  }
h4,.h4 {  }
h5,.h5 {  } 
h6,.h6 {  }

.contentText p { margin: 5px 0px 15px 0px; line-height: 1.5; }
.contentText .contentImageRight { float:right; margin:0px 0px 5px 5px;}
.contentText .contentImageLeft { float:left;}
/* Helvetica Neue LT Std 53 Extended Regular */
@font-face {
	font-family: 'HelvNeueLTStdExtRegular';
	src: url('/fonts2010/helveticaneueltstd-ex-webfont.eot');
	src: local('☺'), url('/fonts2010/helveticaneueltstd-ex-webfont.woff') format('woff'), url('/fonts2010/helveticaneueltstd-ex-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Helvetica Neue LT Std 53 Extended Regular - Central European (used on landal.cz) */
@font-face {
	font-family: 'HelvNeueLTStdExtRegularCE';
	src: url('/fonts2010/helveticaneueltstd-ex-ce-webfont.eot');
	src: local('☺'), url('/fonts2010/helveticaneueltstd-ex-ce-webfont.woff') format('woff'), url('/fonts2010/helveticaneueltstd-ex-ce-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Helvetica Neue LT Std 43 Light Extended Regular */
@font-face {
	font-family: 'HelvNeueLTStdLtExtRegular';
	src: url('/fonts2010/helveticaneueltstd-ltex-webfont.eot');
	src: local('☺'), url('/fonts2010/helveticaneueltstd-ltex-webfont.woff') format('woff'), url('/fonts2010/helveticaneueltstd-ltex-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Marydale Regular */
@font-face {
	font-family: 'MarydaleRegular';
	src: url('/fonts2010/marydaleregular-webfont.eot');
	src: local('☺'), url('/fonts2010/marydaleregular-webfont.woff') format('woff'), url('/fonts2010/marydaleregular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Marydale Bold */
@font-face {
	font-family: 'MarydaleBold';
	src: url('/fonts2010/marydalebold-webfont.eot');
	src: local('☺'), url('/fonts2010/marydalebold-webfont.woff') format('woff'), url('/fonts2010/marydalebold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



q:before,q:after { content:''; }
abbr,acronym { border:0; } 
.clear,.colend { font-size: 0.001em; line-height: 0.001em; height: 0px; clear: both; display: block; }
.alt { overflow: hidden; position: absolute; text-indent: -1234em; }

select.hideSelect { visibility: hidden; }

a { text-decoration: none; color: #008cb5; }
a:hover {} /* do we want to define the underlinement here or at a deeper level? */

/* Global stuff */

option.country, option.region { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
option.country { padding: 0; color: #fff; background-color: #70bc1f; }
option.region { padding: 0 0 0 10px; background-color: #e2f2d2; color: #385e10; }


/* ***** Generieke CSS3 Button styling ************************************** */

/* global button styling; all but the colors */
.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; /* rounded corners */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.button:hover { text-decoration: none; /* shadow on hover */ -webkit-box-shadow: 0 0 3px #b2b2b2; -moz-box-shadow: 0 0 3px #b2b2b2; box-shadow: 0 0 3px #b2b2b2; }
.button:active { position: relative; top: 1px; }

/* colors: gray (incl. grayHoverOnly) */
.gray { color: #666; border: solid 1px #c0c0c0; background-color: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#ececec)); background: -moz-linear-gradient(top,  #fdfdfd,  #ececec); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ececec'); }
.grayHoverOnly { color: #666; border: solid 1px #fff; color: #666; background: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); }
.gray:hover, .grayHoverOnly:hover,.layerLinkActive { color: #333; border: solid 1px #9a9a9a; background: #ececec; background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#ececec)); background: -moz-linear-gradient(top,  #fdfdfd,  #ececec); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ececec'); }
.gray:active, .grayHoverOnly:active { color: #666; border: solid 1px #9a9a9a; background: #ececec; background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#fdfdfd)); background: -moz-linear-gradient(top,  #ececec,  #fdfdfd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#fdfdfd'); }

/* colors: orange */
.orange { color: #fff; border: solid 1px #da7c0c; text-shadow: 0 1px 1px rgba(0,0,0,.3); background: #f7941d; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');*/ background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); }
.orange:hover { background: #df851a; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06122');*/ background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06122)); background: -moz-linear-gradient(top,  #f88e11,  #f06122); }
.orange:active { color: #fcd3a5; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');*/ background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a); }

#wrapper { width:957px; margin:0 auto; position:relative; }

#header { height: 174px; width: 187px; position: absolute; z-index: 1; }
 #header #logo { width: 151px; padding: 23px 18px 0px 18px; height: 151px; background: #ffffff url(/img2010/bg_gradient_logo_border.gif) no-repeat center bottom; }
 #header #logo a { display: block; width: 151px; height: 151px; }

#container { background: url(/img2010/bg_site_lines.gif) repeat-y 0 0; width: 957px; overflow: hidden; position: relative; }

#main { float: right; width: 770px; }
#main #content { float: left; width: 538px; font-size: 12px; display: inline; padding-bottom: 10px; } 
#main #content #contentHeader { height: 100px;  }


/* PageHeaders for Homepage & Parkpages */
div#contentHeader div.pageHeading { margin-left: 10px; padding-top: 19px; }
div#contentHeader div.headerHome h1,
div#contentHeader div.headerLandingPage h1 { font-family: MarydaleBold, "Arial", sans-serif; font-size: 25px; color: #538C17; position: relative; z-index: 1; }
div#contentHeader div.headerLandingPage h1 { padding-top:21px; }
div#contentHeader div.headerHome h1 {margin-top: 30px;}
div#contentHeader div.headerParks { padding-top: 24px; }
div#contentHeader div.headerParks h1, 
div#contentHeader div.headerMisc h1 { font-family: HelvNeueLTStdExtRegular, Arial, sans-serif; font-size: 22px; color: #548d17; padding: 0; margin: 0; z-index:1; position:relative; /* z-index:1; position:relative; was necessary for stacking purpose.*/}
div#contentHeader div.headerMisc h1 { margin-top: 29px;}
div#contentHeader div.headerParks h1 a { color: #548d17; text-decoration: none; }
div#contentHeader div.headerParks h3 { padding: 0 !important; font-family: Arial, sans-serif !important; font-size: 14px; font-weight: normal; color: #999; line-height: 16px; }
div#contentHeader div.headerParks h3 a { color: #666; }
div#contentHeader div.headerParks a:hover { text-decoration: underline; }


 #main #content .contentMargin { padding: 0px 10px; }
 #main #sidebar { position: relative; float: left;font-size: 12px; display:inline; width: 230px; margin-top: 100px; padding: 0px 1px 40px 1px; border-top: 1px solid #70bc1f; }
 #main #sidebar .contentMargin { padding: 0px 10px; }
 #main #sidebar h4 { font-size: 17px;  } 

/* NAVIGATION */
#navigation { float: left; width: 185px; margin-top: 174px; padding: 0px 1px; }

/* MAIN NAVIGATION */
#navigation #mainNavigation { padding-bottom: 60px; }
#navigation #mainNavigation ul { list-style: none; padding: 0px 17px; width: 151px; overflow: hidden; }
#navigation #mainNavigation li { display: block; border-bottom: 1px solid #dfeed7; }

#navigation #mainNavigation li.last { border-bottom: none; }
#navigation #mainNavigation li:last-child { border-bottom: none; }
#navigation #mainNavigation li ul { list-style: none; padding: 5px 0px; } 
#navigation #mainNavigation li li { border-bottom: none; display: block; }
#navigation #mainNavigation li li a { display: block; font-size: 11px; line-height: 12px; text-align: right; font-weight: bold; color: #548d17; padding: 4px 5px 4px 5px; }
#navigation #mainNavigation li li a.parent, 
#navigation #mainNavigation li li li a { background-color: #F1F8E9; }
#navigation #mainNavigation li li a.active.parent,
#navigation #mainNavigation li li a.active,
#navigation #mainNavigation li li a:hover { color: #385e10; background-color: #dbeec7; }
#navigation #mainNavigation li li a.btnOpenSPS { color: #f06122; }
#navigation #mainNavigation li li a.btnOpenSPS:hover { color: #F06122; background-color: #f8e7c1; }
#navigation #mainNavigation li li ul { padding: 0px 0px; } 
/* weather icon */
#navigation a.navWeather span { padding-left: 22px; background: url(/img2010/sprite.gif) no-repeat scroll 0 -1450px transparent; } 


#navigation #partnerNatuurMonumenten { margin: 0 auto; padding: 9px 17px; width: 151px; overflow: hidden; position: absolute; bottom: 0px; }
#navigation #partnerNatuurMonumenten * { display: block; }

#content .partnerLogo { position: relative; height: 100px; text-align: center; width: 151px; margin-left: -179px; margin-top: -100px; margin-bottom: 20px; }
#content .partnerLogo a { position: absolute; bottom: 0; left: 0; width: 151px; display: block; padding: 0; margin: 0; text-align: center; }
#content .partnerLogo a img { display: inline; }

#content .partnerLogo.logoAirmiles {  }
#content .partnerLogo.logoDrv {  }


/* META NAVIGATION */
#metaNavigation { position: absolute; right: -1px; padding-right: 1px; /* right and padding needed for IE6 to hide the outer left column line. Doesn't hurt the others, so it's declared here */ top: 0px; width: 325px; height: 93px; padding-top: 7px; /* 93px height plus 7px padding from top makes a total height of 100px... */ background-color: #fff; text-align: right; font-size: 1.2em; }
#metaNavigation * { /* setting defaults (probably already done in reset css, but for now just in case... */ margin: 0; padding: 0; list-style: none none; }
#metaNavigation li { /* positioning all sibling elements FLTR... */ display: inline; }
#metaNavigation li a { display: inline-block; height: 21px; margin-left: 10px; }
#metaNavigation li:first-child { margin-left: 0; }
#metaNavigation li a span { display: block; line-height: 21px; padding: 0 20px 0 8px; background: url(/img2010/sprite.gif) no-repeat right -291px; }
#metaNavigation li a.textLink span { /* textLink doesn't need the extra padding-right and bg arrow...  */ padding: 0 8px; background: none; }
#metaNavigation li a#metaAllParks { height: 23px; float: left; margin: 21px 0 0 93px; }
#metaNavigation li a#metaAllParks span { min-width: 80px; line-height: 23px; padding: 0 24px 0 8px; background: url(/img2010/sprite.gif) no-repeat right -341px; text-align: left; }
#metaNavigation li a.textLink { border: 1px solid #fff; color: #666; /* disable cleartype for IE by faking a gradient bg  */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff'); }
#metaNavigation li a.textLink:hover { color: #008cb5; text-decoration: underline; }


/* FOOTER */
/* de contentfooter (de contextfooter en de breadcrumbs) */
#contentFooter { width: 518px; }

/* context footer (twee rijtjes met links onderaan in de parkpagina's)  */
#contextFooter .footerBox { float: left; width: 259px; font-size: 11px; padding-top: 20px; }
#contextFooter .footerBox h3 { font-weight: bold; color:#666666; }
#contextFooter .footerBox li { background: url(/img2010/sprite.gif) no-repeat left -1297px; padding-left: 12px; padding-top: 6px; }
#contextFooter .footerBox a { color: #008CB5; }
#contextFooter .footerBox a:hover { text-decoration: underline; }

/* breadcrumbs */
#breadcrumbs { font-size:11px;padding-top:15px;padding-bottom:5px;}
#breadcrumbs .breadcrumblink { color: #999999; font-weight:bold; padding-right:16px; background:url(/img2010/sprite.gif) no-repeat right -1340px;}
#breadcrumbs .breadcrumblink:hover { text-decoration:underline;color: #008CB5;}
#breadcrumbs .breadcrumblabel { font-weight:bold; }

/* tagcloud  */
#footer { position: relative; display: block; clear: both; background-color: #fff; }
#footer #preFooter { height: 140px; display: block; border: 1px solid #70bc1f; border-top-color: #dbeec7; }
#footer #preFooter #tags { float: left; display: block; width: 690px; height: 106px; padding: 17px; }
#footer #preFooter #tags ul { display: block; height: 35px; list-style: none none; overflow: hidden; }
#footer #preFooter #tags ul li { display: inline; }
#footer #preFooter #tags ul li a { display: block; float: left; height: 35px; padding: 0 14px; line-height: 35px; color: #666; }
#footer #preFooter #tags ul li a:hover { background-color: #f3f3f3; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #008cb5; } 
#footer #preFooter #tags ul li.tagSize1 a { font-size: 2.0em; }
#footer #preFooter #tags ul li.tagSize2 a { font-size: 1.8em; }
#footer #preFooter #tags ul li.tagSize3 a { font-size: 1.6em; }
#footer #preFooter #tags ul li.tagSize4 a { font-size: 1.4em; }
#footer #preFooter #tags ul li.tagSize5 a { font-size: 1.2em; }
#footer #preFooter #tags ul li.tagSize6 a { font-size: 1.1em; }
#footer #preFooter #tags ul li span { display: block; overflow: hidden; position: absolute; text-indent: -1234em; } 

/* prijsdisclaimer */
#footer #preFooter #priceDisclaimer { display: block; float: right; width: 230px; }
#footer #preFooter #priceDisclaimer p { margin: 25px 10px 10px; line-height: 1.5; color: #999; }

/* corporate navigation */
#footer #corporateNavigation { height: 30px; line-height: 14px; color: #666; font-size: 1.1em; position: relative; padding-bottom: 20px; }
#footer #corporateNavigation li a,
#footer #corporateNavigation #copyright a { color: #666; }
#footer #corporateNavigation li a:hover,
#footer #corporateNavigation #copyright a:hover { color: #008cb5; text-decoration: underline; }  
#footer #corporateNavigation #copyright { display: inline; padding-right:7px;}
#footer #corporateNavigation ul { display: inline; list-style: none none; }
#footer #corporateNavigation ul li:first-child { border-left:1px solid #EEEEEE;}
#footer #corporateNavigation ul li { display: inline; padding: 6px 7px; border-right:1px solid #EEEEEE;}
#footer #corporateNavigation ul li a { line-height:26px;}
#footer #corporateNavigation div { position: absolute; right: 0; top: 0; width: 220px; height: 30px; display: block; }
#footer #corporateNavigation a#logoWaarborgkeurmerk { float: left; margin-top: 2px; }
#footer #corporateNavigation a#allSites { float: right; margin: 4px 0; height: 20px; }
#footer #corporateNavigation a#allSites span { display: block; line-height: 20px; padding: 0 20px 0 4px; background: url(/img2010/sprite.gif) no-repeat right -1372px; }


/* popup layers */
#layers {  }
#layers .layerWrapper { z-index: 999; position: absolute; top: -1324em; right: -5px; background-color: #FFF; border: 1px solid #999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 0 5px #b2b2b2; -moz-box-shadow: 0 0 5px #b2b2b2; box-shadow: 0 0 5px #b2b2b2; }

.layerWrapper { padding: 10px; }
 .layerWrapper h2 { color: #333; font-size: 11px; font-weight: bold; line-height: 18px; margin-bottom: 10px; border-bottom: 1px solid #d9d9d9; } 
 .layerWrapper h3 { color: #666; font-size: 10px; line-height: 1; margin-top: -4px; margin-bottom: 14px; }
 .layerWrapper ul { list-style: none none; margin-bottom: 10px; }
.layerWrapper ul:last-child { margin-bottom: 0px; }
  .layerWrapper ul.navList li { } 
  .layerWrapper ul.navList li a { color: #666; display: block; padding: 0 5px; height: 24px; line-height: 24px; font-size: 1.1em; } 
  .layerWrapper ul.navList li a:hover { color: #008cb5; text-decoration: underline; } 
  .layerWrapper ul.navList li a.active { color: #000; cursor: default; background: url(/img2010/sprite.gif) no-repeat scroll right -841px #f3f3f3; } 
  .layerWrapper ul.navList li a.active:hover { color: #333; text-decoration: none; }  
  .layerWrapper p { font-size: 1.1em; }

.shadowIE { border-width: 0px; }
.layerShadow { position: absolute; line-height: 1px; font-size: 1px; background: url(/img2010/layerShadow.png) no-repeat 0 0; } 
.layerShadowTop,
.layerShadowBottom { height: 7px; width: 100%; }
.layerShadowTop { top: -4px; left: -4px; background-position: left top; }
.layerShadowBottom { bottom: -3px; left: 3px; background-position: right bottom; }
.layerShadowLeft,
.layerShadowRight { width: 7px; height: 100%; }
.layerShadowLeft { bottom: -3px; left: -4px; background-position: left bottom; }
.layerShadowRight { top: -4px; right: -3px; background-position: right top; }


/* LAYER All Parcs */
#allParcs { /*width: 625px;*/ padding: 16px 16px 5px 16px; min-height: 370px; height: auto !important; height: 370px; }
#allParcs  ul { font-size: 1.0em; list-style: none none; }

 #allParcs ul#allParcsNav { list-style: none none; position: relative; height: 36px; z-index: 3; margin-bottom: 8px; }
  #allParcs ul#allParcsNav li { display: block; float: left; margin-right: 10px; }
 #allParcs ul#allParcsNav li a { display: block; background-color: #eeeeee; position: relative; height: 25px; color: #666666; font-size: 1.2em; line-height: 2.0em; font-weight: bold; padding: 0px 18px; border: solid 1px #eeeeee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 4px; }
 #allParcs ul#allParcsNav li a:hover { color: #008cb5; text-decoration: underline; } 
   #allParcs ul#allParcsNav li a.current { background-color: #70bc1f; color: #FFFFFF; border-color: #70bc1f; }
   #allParcs ul#allParcsNav li a.current:hover { text-decoration: none; cursor: default; color: #fff; } 
  #allParcs ul#allParcsNav li a .tabArrow { display: none; position: absolute; bottom: -9px; right: 10px; width: 16px; height: 9px; line-height: 1px; font-size: 1px; background: url(/img2010/sprite.gif) no-repeat right -450px; }	 
  #allParcs ul#allParcsNav li a.current .tabArrow { display: block; }

  #allParcs ul#allParcsList a.allParcsCountry, 
  #allParcs ul#allParcsList a.allParcsRegion  { font-size: 1.2em; color: #548d17; font-weight: bold; background: url(/img2010/sprite.gif) no-repeat right -246px; padding-right: 11px; } 
  #allParcs ul#allParcsList a.allParcsCountry:hover, 
  #allParcs ul#allParcsList a.allParcsRegion:hover { text-decoration: underline; background-position:  right -196px; }
  #allParcs ul#allParcsList li.allParcsRegion ul li a { font-size: 1.1em; line-height: 1.5em; color: #333333; }
  #allParcs ul#allParcsList li.allParcsRegion ul li a:hover { color: #008cb5; text-decoration: underline; }
  #allParcs ul#allParcsList li.allParcsCountry { position: relative; overflow: auto; margin-bottom: 12px; }	
  #allParcs ul#allParcsList li.allParcsCountry ul.allParcsCol { width: 143px; padding-right: 3px; float: left; margin-top: 12px; }
  #allParcs ul#allParcsList li.allParcsCountry ul ul { margin: 6px 0px 12px 0px; }

/* LAYER "Alle Landal websites" */
#landalLabels { width: 210px; }

/* LAYER help */
#help { width: 250px; }
 #help p { overflow: auto; width: 100%; margin: 5px 0px; line-height: 1.5; } 
 #help a { color: #008cb5; }
 #help a:hover { text-decoration: underline; }
 #help input.questionQuery { width:220px; float:left; color: #666666; font-size:1.1em; padding:1px;}
 #help a.btnSend { width:225px; float:left; margin-left:2px; background:url(/img/btn_submitQuestion.gif) no-repeat 0 0; width: 21px; height: 19px; display:block; overflow:hidden; position:relative; text-indent:-1234em;}
 #help ul.faqShortList li { padding-left: 10px; margin-bottom: 2px; background: url("/img2010/sprite.gif") no-repeat scroll left -1302px transparent; font-size: 11px; }

/* LAYER cultures */
#LanguageCountryPicker { width: 219px; }
#LanguageCountryPicker ul li a { padding-left: 27px; font-weight: bold; } 
#LanguageCountryPicker ul li span.language { font-weight: normal; }
#LanguageCountryPicker ul li a img { float: left; margin-top: 6px; margin-left: -22px; }


/* HOME mainbanner */
#mainBanner { position: relative; width: 518px; height: 240px; /* 20px more to predefine space for nav controls */ overflow: hidden; }
#mainBanner h2 { display: block; overflow: hidden; position: absolute; text-indent: -1234em; }
#mainBanner ul.mainBannerWrapper { position: relative; width: 518px; height: 220px; list-style: none none; z-index: 1; background: url(/img2010/loader_mainBanner.gif) no-repeat center center; }
#mainBanner ul.mainBannerWrapper li { position: absolute; top: 0px; left: 0px; z-index: 1; }
#mainBanner ul.mainBannerWrapper li.first { z-index: 2; }
#mainBanner ul.mainBannerWrapper li a, 
#mainBanner ul.mainBannerWrapper li a img { display: block; width: 518px; height: 220px; }
#mainBanner ul.mainBannerWrapper li a * { cursor: pointer; }   
#mainBanner ul.mainBannerWrapper li img { z-index: 1; }

/* Caption */
#mainBanner ul.mainBannerWrapper li .caption { cursor: default; position: absolute; width: 453px; font-family: HelvNeueLTStdExtRegular, Arial, sans-serif; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); display: block; padding: 8px 55px 8px 10px; bottom: 0px; left: 0px; font-size: 1.5em; font-weight: normal; z-index: 2; -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.15); }
/* CZ font */
body#domainCZ #mainBanner ul.mainBannerWrapper li .caption { font-family: HelvNeueLTStdExtRegularCE, Arial, sans-serif; }

#mainBanner ul.mainBannerWrapper li a .caption 	{ cursor: pointer; }
#mainBanner ul.mainBannerWrapper li .captionEmpty { background-image: none; background-color: transparent; }

/* Caption cmt textcolor & bgcolor/transparancy options */
#mainBanner .captxt_white      { color: #fff; }
#mainBanner .captxt_black      { color: #000; }
#mainBanner .captxt_green      { color: #70bc1f; }
#mainBanner .captxt_darkgreen  { color: #385e10; }
#mainBanner .captxt_blue       { color: #00aee1; }
#mainBanner .captxt_darkblue   { color: #007394; }

#mainBanner .capbg_white100 { background-color: #fff; }
#mainBanner .capbg_white90  { background-color: rgba(255, 255, 255, 0.9); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5ffffff',EndColorStr='#e5ffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5ffffff',EndColorStr='#e5ffffff')"; /* IE8 */ }
#mainBanner .capbg_white80  { background-color: rgba(255, 255, 255, 0.8); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccffffff',EndColorStr='#ccffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ccffffff',EndColorStr='#ccffffff')"; /* IE8 */ }
#mainBanner .capbg_white70  { background-color: rgba(255, 255, 255, 0.7); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2ffffff',EndColorStr='#b2ffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2ffffff',EndColorStr='#b2ffffff')"; /* IE8 */ }
#mainBanner .capbg_white60  { background-color: rgba(255, 255, 255, 0.6); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99ffffff',EndColorStr='#99ffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99ffffff',EndColorStr='#99ffffff')"; /* IE8 */ }
#mainBanner .capbg_white50  { background-color: rgba(255, 255, 255, 0.5); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7fffffff',EndColorStr='#7fffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7fffffff',EndColorStr='#7fffffff')"; /* IE8 */ }
#mainBanner .capbg_white40  { background-color: rgba(255, 255, 255, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66ffffff',EndColorStr='#66ffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66ffffff',EndColorStr='#66ffffff')"; /* IE8 */ }
#mainBanner .capbg_white30  { background-color: rgba(255, 255, 255, 0.3); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4cffffff',EndColorStr='#4cffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4cffffff',EndColorStr='#4cffffff')"; /* IE8 */ }
#mainBanner .capbg_white20  { background-color: rgba(255, 255, 255, 0.2); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33ffffff',EndColorStr='#33ffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33ffffff',EndColorStr='#33ffffff')"; /* IE8 */ }
#mainBanner .capbg_white10  { background-color: rgba(255, 255, 255, 0.1); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19ffffff',EndColorStr='#19ffffff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19ffffff',EndColorStr='#19ffffff')"; /* IE8 */ }

#mainBanner .capbg_black100 { background-color: #000; }
#mainBanner .capbg_black90  { background-color: rgba(0, 0, 0, 0.9); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5000000',EndColorStr='#e5000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5000000',EndColorStr='#e5000000')"; /* IE8 */ }
#mainBanner .capbg_black80  { background-color: rgba(0, 0, 0, 0.8); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cc000000',EndColorStr='#cc000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cc000000',EndColorStr='#cc000000')"; /* IE8 */ }
#mainBanner .capbg_black70  { background-color: rgba(0, 0, 0, 0.7); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2000000',EndColorStr='#b2000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2000000',EndColorStr='#b2000000')"; /* IE8 */ }
#mainBanner .capbg_black60  { background-color: rgba(0, 0, 0, 0.6); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; /* IE8 */ }
#mainBanner .capbg_black50  { background-color: rgba(0, 0, 0, 0.5); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#70000000',EndColorStr='#70000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#70000000',EndColorStr='#70000000')"; /* IE8 */ }
#mainBanner .capbg_black40  { background-color: rgba(0, 0, 0, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66000000',EndColorStr='#66000000')"; /* IE8 */ }
#mainBanner .capbg_black30  { background-color: rgba(0, 0, 0, 0.3); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4c000000',EndColorStr='#4c000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4c000000',EndColorStr='#4c000000')"; /* IE8 */ }
#mainBanner .capbg_black20  { background-color: rgba(0, 0, 0, 0.2); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000')"; /* IE8 */ }
#mainBanner .capbg_black10  { background-color: rgba(0, 0, 0, 0.1); /* FF3+, Saf3+, Opera 10.10+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19000000')"; /* IE8 */ }

#mainBanner .capbg_white0, 
#mainBanner .capbg_black0   { background-color: transparent; }

/* Call to Action panel */
#mainBanner ul.mainBannerWrapper li .captionPanel { position: absolute; height: 100px; width: 220px; padding: 0 10px; background-color: #fff; z-index: 2; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.33); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.33); box-shadow: 2px 2px 3px rgba(0,0,0,0.33); }
#mainBanner ul.mainBannerWrapper li .captionPanel * { display: block; }
#mainBanner ul.mainBannerWrapper li .captionPanel .h4 { font-family: HelvNeueLTStdExtRegularCE, Arial, sans-serif; font-size: 22px; line-height: 36px; color: #18398c; margin: 0; padding: 0; }
#mainBanner ul.mainBannerWrapper li .captionPanel .p { font-family: HelvNeueLTStdExtRegularCE, Arial, sans-serif; font-size: 15px; line-height: 27px; color: #18398c; float: left; }
#mainBanner ul.mainBannerWrapper li .captionPanel .button { float: right; margin-top: -25px; height: 23px; font-size: 15px; font-weight: bold; line-height: 23px; text-align: left; }
#mainBanner ul.mainBannerWrapper li .captionPanel .button span { display: block; padding-right: 15px; margin: 0 8px; background: url(/img2010/sprite.gif) no-repeat scroll right -93px transparent; }
#mainBanner ul.mainBannerWrapper li .captionPanelTL { top: 16px; left: 16px; }
#mainBanner ul.mainBannerWrapper li .captionPanelTR { top: 16px; right: 16px; }
#mainBanner ul.mainBannerWrapper li .captionPanelBL { bottom: 16px; left: 16px; } 
#mainBanner ul.mainBannerWrapper li .captionPanelBR { bottom: 16px; right: 16px; }

/* mainBanner Navigation */
#mainBanner #mainBannerNavWrapper { text-align: center; }
#mainBanner #mainBannerNavWrapper #mainBannerNav { margin: 0 auto; padding: 5px 0px; height: 10px; display: inline-block; white-space: nowrap; } 
#mainBanner #mainBannerNav .prev,
#mainBanner #mainBannerNav .next { float: left; cursor: pointer; background: url(/img2010/bg_mainBannerNav.png) no-repeat 0 0; height: 10px; width: 6px; display: inline; text-indent: 1234em; overflow: hidden; }
#mainBanner #mainBannerNav .next { background-position: 0 -12px; }

#mainBanner ul.mainBannerNav { float: left; list-style: none none; height: 9px; font-size: 1px; line-height: 1px; padding: 1px; z-index: 2; } 
#mainBanner ul.mainBannerNav li { display: block; float: left; padding: 0px 3px; width: 9px; height: 9px; }
#mainBanner ul.mainBannerNav li a { background: url(/img2010/bg_mainBannerNav.png) no-repeat 0 -50px; height: 8px; width: 8px; font-size: 1px; line-height: 1px; display: block; cursor: pointer; }
#mainBanner ul.mainBannerNav li a:hover, 
#mainBanner ul.mainBannerNav li a.current { background-position: 0 -25px; }


/* ***** generieke CSS voor de 2 home panels onder de main visual ******************************** */
div#homePanelWrapper { height: 221px; }
div.homePanel { float: left; width: 254px; height: 221px; }
div.homePanel * { display: block; margin: 0; padding: 0; }
div.homePanel h2 { height: 30px; overflow: hidden; margin-bottom: 10px; padding: 0 10px; background-color: #70BC1F; font-family: HelvNeueLTStdExtRegular, Arial, sans-serif; font-weight: normal; font-size: 17px; color: #000; }
/* CZ font */
body#domainCZ div.homePanel h2 { font-family: HelvNeueLTStdExtRegularCE, Arial, sans-serif; }

div.homePanel h2 a { line-height: 30px; color: #fff; }
div.homePanelContent { height: 179px; border: 1px solid #eee; background: #fff; background: -moz-linear-gradient(bottom, #f3f3f3, #fff 50px); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f3f3f3), color-stop(0.25, #fff)); }
div.homePanelContent .contentText {padding:10px;}
div.homePanelContent .contentText a { display: inline; }

/* ***** Home Offers (de 4 aanbiedingen) ************************************ */
div.homeOffers { margin-right : 10px; }
div.homeOffers a.homeOffer { position: relative; display: block; height: 36px; border: 1px solid #eee; padding-left: 10px; /* padding needed to adjust text position cause line-height fell 1px short */ padding-top: 1px; /* 1px negative margin to overlap all borders */ margin: -1px; }
div.homeOffers h3.homeOfferTitle { height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; color: #333; }
div.homeOffers p.homeOfferDescr { height: 12px; line-height: 12px; font-size: 11px; color: #999; }
div.homeOffers p.homeOfferDiscount { position: absolute; right: 6px; top: 6px; width: 80px; height: 25px; background-color: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; }
div.homeOffers small.preText { float: left; line-height: 25px; margin-left: 4px; color: #333; font-size: 11px; }
div.homeOffers span.discountFigure { float: right; margin-right: 5px; padding-right: 12px; line-height: 25px; text-align: right; font-weight: bold; color: #333; font-size: 16px; background: url(/img2010/sprite.gif) right -42px no-repeat scroll; }
div.homeOffers span.discountFigure.textOnly { font-size: 12px; }
div.homeOffers a.more { line-height: 27px; margin-right: 10px; padding-right: 14px; text-align: right; font-weight: bold; color: #F06122; background: url(/img2010/sprite.gif) no-repeat scroll right -140px transparent; }

span.disclStar { font-family: "Times New Roman", Times, serif; margin-left: -3px; font-weight: normal; }
span.euroSign { display: inline; }
span.disclStar { display: inline; }

body#domainDE div.homeOffers span.discountFigure { font-size: 14px; }



/* hovers */
div.homeOffers a.homeOffer:hover { /* a higher z-index shows all 4 borders on hover (IE6 doesn't show bottom border, don't know why, yet...) */ z-index: 1; border: 1px solid #EFCBBB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; background: #fde4c6; background: -webkit-gradient(linear, left top, left bottom, from(#fde4c6), to(#fbd8c8)); background: -moz-linear-gradient(top,  #fde4c6,  #fbd8c8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fde4c6', endColorstr='#fbd8c8'); }
div.homeOffers a.homeOffer:hover p.homeOfferDiscount { color: #fff; background: #faa51a; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
div.homeOffers a.homeOffer:hover h3.homeOfferTitle { color : #000; }
div.homeOffers a.homeOffer:hover p.homeOfferDescr { color : #666; }
div.homeOffers a.homeOffer:hover span.discountFigure, 
div.homeOffers a.homeOffer:hover small.preText { color : #fff; }
div.homeOffers a.homeOffer:hover span.discountFigure { background-position : right -92px; }
div.homeOffers a.more:hover { text-decoration: underline; }


/* ***** Direct naar een park *********************************************** */
div.homeSelectParc { }
div.homeSelectParc div.homeSelectParcContent { height: 159px; padding: 10px; }
div.homeSelectParc label { font-size: 14px; line-height: 21px; }
div.homeSelectParc .homeSelectParcList { width: 100%; margin: 7px 0 12px 0; padding: 2px; }
div.homeSelectParc .homeSelectParcList option.country { padding: 2px; margin: 10px 0 -10px 0; font-style: italic; font-weight: bold; font-size: 14px; color: #fff; background-color: #70bc1f; }
div.homeSelectParc .homeSelectParcList option.region { margin: 10px 0 0 0; font-size: 14px; padding: 2px 0 2px 10px; color: #385e10; background-color: #e2f2d2; }
div.homeSelectParc .homeSelectParcList option { padding: 2px 0 2px 10px; font-size: 13px; }
div.homeSelectParc a.callout { position: relative; width: 38px; height: 38px; margin-top: 12px; background: #e1e1e1; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d3d3d3)); background: -moz-linear-gradient(top,  #eee,  #d3d3d3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div.homeSelectParc a.callout * { cursor: pointer; }
div.homeSelectParc a.callout b.btnImage { width: 38px; height: 38px; }
div.homeSelectParc a.btnMapview b.btnImage { background: url(/img2010/homeSelectParcImg.gif) no-repeat scroll transparent; }
div.homeSelectParc a.btnMapview.mapViewNL b.btnImage { background-position: 0 -38px; }
div.homeSelectParc a.btnMapview.mapViewDE b.btnImage { background-position: 0 -76px; }
div.homeSelectParc a.btnMapview.mapViewBE b.btnImage { background-position: 0 -114px; }
div.homeSelectParc a.btnMapview.mapViewCZ b.btnImage { background-position: 0 -152px; }
div.homeSelectParc a.btnMapview.mapViewAT b.btnImage { background-position: 0 -190px; }
div.homeSelectParc a.btnMapview.mapViewCH b.btnImage { background-position: 0 -228px; }
div.homeSelectParc a.btnMapview.mapViewEN b.btnImage { background-position: 0 -266px; }
div.homeSelectParc a.btnListview b.btnImage { background: url(/img2010/homeSelectParcImg.gif) no-repeat scroll 0 0 transparent; }
div.homeSelectParc a.callout span { width: 167px; padding-right: 8px; color: #333; position: absolute; left: 50px; top: 0; line-height: 38px; font-size: 12px; font-weight: bold; cursor: pointer; }
div.homeSelectParc a.callout .notch { position: absolute; right: -7px; top: 12px; margin: 0; border-right: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #e1e1e1; padding: 0; width: 0; height: 0; /* ie6 height fix */ font-size: 0; line-height: 0; /* ie6 transparent fix */ _border-top-color: pink; _border-bottom-color: pink; _filter: chroma(color=pink); }
div.homeSelectParc a.border-callout { border: 1px solid #ccc; }
div.homeSelectParc a.border-callout .border-notch { border-left-color: #ccc; top: 12px; right: -8px; }
/* hovers */
div.homeSelectParc a.callout:hover { width: 230px; }
div.homeSelectParc a.callout:hover span { color: #008cb5; background: url(/img2010/sprite.gif) no-repeat scroll right 15px transparent; }
div.homeSelectParc a.callout:hover .notch, 
div.homeSelectParc a.callout:hover .border-notch { display: none; }



/* ***** Promotional Banner ************************************************* */
/* wrapping the 3 promo banners */
#promoBannersWrapper { position: relative; width: 518px; height: 200px; margin-top: 20px; }
#promoBanners:after { content : ''; display : block; height : 0; clear : both; visibility : hidden; }
/* promo banner */
div.promoBanner { position: relative; float: left; width: 166px; height: 200px; margin-left: 10px; background-color: #b7dd8f; }
div.promoBanner * { display: block; margin: 0; padding: 0; }
div.promoBanner:first-child, 
div.promoBanner.first { margin-left: 0; }
div.promoBanner h2 { line-height: 30px; padding: 0 5px; font-size: 15px; font-weight: normal; text-align: center; white-space: nowrap; color: #fff; background: #70bc1f; background: -webkit-gradient(linear, left top, left bottom, from(#70bc1f), to(#548d17)); background: -moz-linear-gradient(top,  #70bc1f,  #548d17); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70bc1f', endColorstr='#548d17'); }
div.promoBanner h2 a { color: #fff; }
div.promoBanner img { width: 166px; height: 105px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; }
div.promoBanner p { height: 29px; overflow: hidden; padding: 2px 5px; color: #385e10; font-size: 11px; line-height: 1.3 !important; }
div.promoBanner a.button { float: right; height: 19px; width: 80px; margin-right: 5px; padding: 0 8px; font-size: 12px; font-weight: bold; line-height: 19px; text-align: left; }
div.promoBanner a.button span { background: url(/img2010/sprite.gif) no-repeat scroll 30px -95px transparent; }


/* HOME lowProfileBanner */
#lowProfileBanner { position: relative; height: 120px; border: 1px solid #eeeeee; margin-top: 20px; background-color: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); background: -moz-linear-gradient(top, #ffffff, #f3f3f3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); }
#lowProfileBanner h2 { display: block; overflow: hidden; position: absolute; text-indent: -1234em; }
#lowProfileBanner #lowProfileBannerNav { display: block; border: 1px solid #d3d3d3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 43px; height: 15px; position: absolute; right: 10px; top: 10px; z-index: 2; }
#lowProfileBanner #lowProfileBannerNav a { display: block; float: left; background: url(/img2010/sprite.gif) no-repeat  -36px -496px; width: 21px; height: 15px; cursor: pointer; }
#lowProfileBanner #lowProfileBannerNav a.lowProfileBannerBackward { border-right: 1px solid #d3d3d3;}
#lowProfileBanner #lowProfileBannerNav a.lowProfileBannerForward { background-position: -34px 3px; }
#lowProfileBanner .lowProfileBannerNav { display: none;}
#lowProfileBanner ul.lowProfileBannerWrapper { list-style: none none; width: 518px; height: 122px; display: block; position: relative; overflow: hidden; z-index: 1; }
#lowProfileBanner ul.lowProfileBannerWrapper li { position: absolute; left: 0px; top: 0px; padding: 10px 10px 10px 150px; width: 348px; height: 102px; display: none; cursor: default; }
#lowProfileBanner ul.lowProfileBannerWrapper li h3 { font-family: HelvNeueLTStdExtRegular, Arial, sans-serif; color: #333; font-size: 15px; line-height: 1.25; width: 310px; }
/* CZ font */
body#domainCZ #lowProfileBanner ul.lowProfileBannerWrapper li h3 { font-family: HelvNeueLTStdExtRegularCE, Arial, sans-serif; }

#lowProfileBanner ul.lowProfileBannerWrapper li p { font-size: 0.9em; line-height: 1.5; padding-top: 10px; height: 50px; color: #666; }  
#lowProfileBanner ul.lowProfileBannerWrapper li img { position: absolute; display: block; top: 10px; left: 10px; width: 130px; height: 100px; background-position: center center; background-repeat: no-repeat; }
#lowProfileBanner ul.lowProfileBannerWrapper li a.more { font-weight: bold; color: #008cb5; padding-right: 15px; background: url(/img2010/sprite.gif) no-repeat right 3px; white-space: nowrap; } 
#lowProfileBanner ul.lowProfileBannerWrapper li a.more:hover { text-decoration: underline;}

   
/* SIDEBAR */
/* **************** Snel Boeken (sidebar panel) ***************************** */
.bookNow { position: relative; width: 210px; padding: 7px 10px 10px 10px; background: #70bc1f; background: -webkit-gradient(linear, left top, left bottom, from(#548d17), to(#70bc1f)); background: -moz-linear-gradient(top,  #548d17,  #70bc1f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#548d17', endColorstr='#70bc1f'); }
.bookNowHome { height: 202px; }

.bookNowOther { height: 241px; }

.bookNowHomeFr { height: 202px; margin-bottom:20px; position:relative;}
.bookNowHomeFr .bookButtonWrapperFr { position:absolute; bottom:10px; right:10px;}
.bookNow .contentText { color: #fff;}

.bookNow * { display: block; margin: 0; padding: 0; }
.bookNow h4 { font-family: HelvNeueLTStdExtRegular, Arial, sans-serif; color: #fff !important; /* important kan weg als de selector van regel 133 verwijderd wordt */ font-size: 16px !important; /* important kan weg als de selector van regel 133 verwijderd wordt */ }
.bookNowHome h4 { position: absolute; top: 4px; right: 10px; margin: 0; }
.bookNowOther h4 { margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #70bc1f; }

/* CZ font */
body#domainCZ .bookNow h4 { font-family: HelvNeueLTStdExtRegularCE, Arial, sans-serif; }

/* Book Now panel on homepage */
#bookNow fieldset { }
#bookNow p { height: 42px; clear: both; }
#bookNow p.leftRow { clear: none; width: 100px; float: left; }
#bookNow p.rightRow { clear: none; margin-left: 10px; float: right; }
#bookNow label { height: 22px; line-height: 22px; padding-left: 1px; color: #fff; font-weight: bold; font-size: 11px; }
#bookNow select { width: 210px; font-size: 11px; height: 20px; color: #333; }
#bookNow select option { padding: 2px 0 2px 10px; font-size: 12px; }
#bookNow select option.region { margin: 10px 0 0 0; color: #385e10; background-color: #e2f2d2; }
#bookNow select.countryList option { padding: 2px; }
#bookNow p.leftRow select, 
#bookNow p.rightRow select, 
#bookNow select.selectDate1st, 
#bookNow select.selectDate2nd { width: 100px; }
#bookNow select.selectDate1st, 
#bookNow select.selectDate2nd { float: left; }
#bookNow select.selectDate2nd { margin-left: 10px; } 
#bookNow p.BookNowButtonRow { height: 20px; margin-top: 13px; }
#bookNow p.BookNowButtonRow a { line-height: 20px; font-size: 11px; color: #fff; }
#bookNow p.BookNowButtonRow a:hover { text-decoration: underline; }
#bookNow button { float: right; height: 21px; width: 100px; }
#bookNow button span { width: 90px; height: 21px; padding: 0 5px; font-size: 11px; font-weight: bold; line-height: 18px; text-align: left; background: url(/img2010/sprite.gif) no-repeat scroll 40px -95px transparent; }

.bookNow #bookNowLoading { z-index: 999; position: absolute; top: 0; left: 0; width: 230px; background: #70bc1f; background: -webkit-gradient(linear, left top, left bottom, from(#548d17), to(#70bc1f)); background: -moz-linear-gradient(top,  #548d17,  #70bc1f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#548d17', endColorstr='#70bc1f'); }
.bookNow #bookNowLoading b#bookNowLoader { display: block; width: 230px; cursor: wait; background: url(/img2010/loader_booknow.gif) no-repeat center center transparent; }
.bookNowHome #bookNowLoading, 
.bookNowHome #bookNowLoading b#bookNowLoader { height: 219px; }
.bookNowOther #bookNowLoading, 
.bookNowOther #bookNowLoading b#bookNowLoader { height: 258px; }


/* well, for a change it's FF who's not following the rules; FF has a different 
default button lay-out. So let's use a FF-only targetting hack/rule:  */
@-moz-document url-prefix() {
	.bookNow select { height: 20px; font-size: 12px; padding: 2px; }
	/* the button element somewhat problematic in FF. Default padding is 
	different, so this needs to be defined. In FF you need to define the 
	font-family specifically.  */
	.bookNow button span { line-height: 17px; background-position: 38px -96px; font-family: Arial, Helvetica, sans-serif; }
}

/* ***** Sidebar generieke css ********************************************** */
div.sidebarPanel h2 { height: 30px; line-height: 30px; font-family: HelvNeueLTStdExtRegular, Arial, sans-serif; color: #548d17; font-size: 17px; border-bottom: 1px solid #f0f0f0; }
/* CZ font */
body#domainCZ div.sidebarPanel h2 { font-family: HelvNeueLTStdExtRegularCE, Arial, sans-serif; }



/* ***** Meer Landal websites (sidebar panel) ******************************* */
div.moreLandalLabels { margin-top: 20px; }
div.moreLandalLabels * { display: block; margin: 0; padding: 0; }
div.moreLandalLabels a { height: 51px; border-bottom: 1px solid #f0f0f0; padding: 10px 0; }
div.moreLandalLabels a img { float: left; margin-top: -15px; padding: 0 10px 0 0; }
div.moreLandalLabels a h3 { margin-left: 60px; font-size: 12px; font-weight: bold; color: #548d17; }
div.moreLandalLabels a p { line-height: 1.5; font-size: 11px; color: #666; }
div.moreLandalLabels a:hover p { color: #333; }
div.moreLandalLabels a:hover h3 { text-decoration: underline; }


/* ************************************************************************** */
#sidebarLabelsMoreWrapper { margin-bottom: 30px; }
#sidebarLabelsMore ul { margin-top: 10px; list-style: none none; }
#sidebarLabelsMore li { padding:3px 0px;}
#sidebarLabelsMore a { font-size: 12px; font-weight: bold; color: #548d17; } 
#sidebarLabelsMore a:hover { text-decoration: underline; } 
#sidebarLabelsMore, .collapse { display:none; }
.expand, .collapse { float: right; color: #008cb5; font-size: 11px; font-weight: bold; line-height: 25px; padding: 0 15px 0 30px; background: url(/img2010/sprite.gif) no-repeat 0 0; }
.expand { background-position: right -540px;}
.collapse { background-position: right -390px;}
.expand:hover, .collapse:hover { text-decoration: underline; }


/* ***** latest News ******************************************************** */
div.latestNews { }
div.latestNews * { display: block; }
div.latestNews ul { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; }
div.latestNews li { padding: 3px 0; list-style: none; background: url(/img2010/sprite.gif) no-repeat scroll 0 -593px transparent; }
div.latestNews a { line-height: 1.25; padding-left: 13px; color: #666; font-size: 11px; }
div.latestNews a:hover { color: #008cb5; text-decoration: underline; }
div.latestNews .more { font-weight: bold; line-height: 25px; text-align: right; color: #008cb5; background: url("/img2010/sprite.gif") no-repeat scroll right 9px transparent; padding-right: 15px; white-space: nowrap; }


/* ***** PAGETOOLS ********************************************************* */
#pageTools { position: absolute; top: -30px; right: 16px; width: 210px; }
#pageTools * { display: block; }
#pageTools a { float: left; }
#pageTools a:first-child { margin-right: 10px; }
#pageTools a span { padding: 0 8px 0 25px; line-height: 23px; font-size: 12px; background: url(/img2010/sprite.gif) no-repeat scroll 0 0 transparent; }
#pageTools a.pageToolsPrint span { background-position: 8px -745px; }
#pageTools a.pageToolsPrint:hover span { background-position: 8px -795px; }
#pageTools a.pageToolsDelen span { background-position: 8px -645px; }
#pageTools a.pageToolsDelen:hover span { background-position: 8px -695px; }
body#domainDE #pageTools a span { padding: 0 5px 0 25px; }


/* ***** ZOMERWINTER SWITCH ************************************************* */
#ZomerWinter { margin-left: 11px; }


/* ***** HEADER PRIJSPANEL*************************************************** */
/* "#main #sidebar" als prefix is nodig om de declaratie op regel 133 (#main #sidebar h4) te overrulen  */
#main #sidebar div.kop_boeken#panelkop { height: auto; padding: 0 0 4px 0; border-bottom: 1px solid #70BC1F; margin-bottom: 8px; }
#main #sidebar div.kop_boeken#panelkop h1, 
#main #sidebar div.kop_boeken#panelkop h4 { padding: 0; margin: 0; white-space: nowrap; overflow: hidden; }
#main #sidebar div.kop_boeken#panelkop h1 { line-height: 20px; font-family: HelvNeueLTStdExtRegular, Arial, sans-serif; font-size: 15px; font-weight: normal; color: #fff; }
#main #sidebar div.kop_boeken#panelkop h4 { line-height: 22px; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; color: #b7dd8f; padding-left: 0; }

/* ***** WEERSVOORSPELLING PANEL ******************************************** */
/* "#main #sidebar" als prefix is nodig om de declaratie op regel 133 (#main #sidebar h4) te overrulen  */
#main #sidebar .pnlWeatherForecast { margin-top: -1px; }
#main #sidebar .pnlWeatherForecast h2 { border-top: 1px solid #dbeec7; background-color: #70bc1f; }
#main #sidebar .pnlWeatherForecast .forecast3days li { border-color: #dbeec7; }
#main #sidebar .pnlWeatherForecast .forecast3days li h3 { background-color: #70bc1f; }
#main #sidebar .pnlWeatherForecast .forecast3days li h4 { color: #4f8416; }

/* ***** Plattegrond PDF op park faciliteitenpagina ************************* */
#content h3.contentSubHdr { margin: 0 0 8px 10px; }
#content a.parkGroundplanPDF { margin: 0 0 8px 10px; padding-left: 16px; background: url(/img2010/icon_pdf.png) no-repeat scroll 0 0 transparent; }
#content a.parkGroundplanPDF:hover { text-decoration: underline; }

/* regelhoogte van paragrafen */
#paragraph1 p, 
#paragraph2 p, 
#paragraph3 p, 
#paragraph4 p { line-height: 1.5; }







