body { background: url(/img2010/bg_site_gradient_lsl.png) center repeat-y; } #container { background: url(/img2010/bg_site_lines_lsl.gif) #fff repeat-y 0 0; } #footer #preFooter { border: 1px solid #00aee1; border-top-color: #bfebf7; } #header #logo { background-image: url(/img2010/bg_gradient_logo_border_lsl.gif); } div.sidebarPanel h2, div.moreLandalLabels a h3 { color: #0089b6; } #sidebarLabelsMore a { color: #0089B6; } div.latestNews li { background-position: 0 -1400px; } div.homePanel h2 { background-color: #00aee1; } #main #content #contentHeader span.alt { color: #0089b6; } #main #sidebar { border-top-color: #00aee1; } #navigation #mainNavigation li { border-bottom-color: #bfebf7; } #navigation #mainNavigation li li a.parent, #navigation #mainNavigation li li a { color: #183b8c; } #navigation #mainNavigation li li a.active.parent, #navigation #mainNavigation li li a.active, #navigation #mainNavigation li li a:hover { color: #10265d; background-color: #bfebf7; } #navigation #mainNavigation li li a.parent, #navigation #mainNavigation li li li a { background-color: #e5f7fc; } #mainBanner ul.mainBannerWrapper { background-image: url(/img2010/loader_mainBanner-lsl.gif); } #mainBanner ul.mainBannerWrapper li .caption { color: #183b8c; background-image: url(/img2010/bg_mainBannerTitle-lsl.png); } div#BookNow { background: #00aee1; background: -webkit-gradient(linear, left top, left bottom, from(#0082A9), to(#00aee1)); background: -moz-linear-gradient(top, #0082A9, #00aee1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0082A9', endColorstr='#00aee1'); } div#bookNow select option.region { background-color: #cceff9; color: #007394; } div.promoBanner h2 { background: #00aee1; background: -webkit-gradient(linear, left top, left bottom, from(#40c2e9), to(#009dcb)); background: -moz-linear-gradient(top, #40c2e9, #009dcb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40c2e9', endColorstr='#009dcb'); } div.promoBanner { background-color: #00aee1; } div.promoBanner p { color: #cceff9; } /* according to the style of skilife, the header font should be Helvetica Neue, instead of Marydale. Note that Helvetica Neue with a font-size of 25px, the bottom of the letter g is cut off.*/ div#contentHeader div.headerHome h1 { font-family: HelvNeueLTStdExtRegular, Arial, sans-serif; font-size: 22px; } #main #content #contentHeader h1, div#contentHeader div.headerParks h1 a { color: #0082a9; } #bookNow, .bookNow #bookNowLoading { background: #008bb4; background: -webkit-gradient(linear, left top, left bottom, from(#0082a9), to(#00aee1)); background: -moz-linear-gradient(top, #0082a9, #00aee1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0082a9', endColorstr='#00aee1'); } .bookNow #bookNowLoading b#bookNowLoader { background-image: url(/img2010/loader_booknow-lsl.gif); } .bookNowOther h4 { border-bottom-color: #00aee1; } #tabbladen { border-bottom: 1px solid #00aee1; } /* LAYER All Parcs */ #allParcs ul#allParcsNav li a.current { background-color: #00aee1; border-color: #00aee1; } #allParcs ul#allParcsNav li a .tabArrow { background-position: right -1500px; } #allParcs ul#allParcsList a.allParcsCountry, #allParcs ul#allParcsList a.allParcsRegion { color: #0082a9; background-image: url(/img2010/sprite.gif); } #allParcs ul#allParcsList a.allParcsCountry:hover, #allParcs ul#allParcsList a.allParcsRegion:hover { background-position: right 4px; } #p_lastminutes_r { border-color: #00aee1 !important; } #faqCatPanel .faqCategoryList ul li.faqCategory h4 span.h4Inner { color: #666; font-weight: bold; } /* ***** HEADER PRIJSPANEL*************************************************** */ /* "#main #sidebar" als prefix is nodig om de declaratie op regel 133 (#main #sidebar h4) in landal.css te overrulen */ #main #sidebar div.kop_boeken#panelkop { border-bottom-color: #00aee1; } #main #sidebar div.kop_boeken#panelkop h4 { color: #7fd6f0; } /* ***** WEERSVOORSPELLING PANEL ********************************************* */ /* "#main #sidebar" als prefix is nodig om de declaratie op regel 133 (#main #sidebar h4) in landal.css te overrulen */ #main #sidebar .pnlWeatherForecast h2 { border-top: 1px solid #bfebf7; background-color: #00aee1; } #main #sidebar .pnlWeatherForecast .forecast3days li { border-color: #bfebf7; } #main #sidebar .pnlWeatherForecast .forecast3days li h3 { background-color: #00aee1; } #main #sidebar .pnlWeatherForecast .forecast3days li h4 { color: #007394; } /* ***** SkiLife ParkenKaart PANEL ****************************************** */ #content div.homeAllParksMapContent { position: relative; background: #cce7f0 url(/img2010/bg_map_lsl_allparks.png) 0 -10px no-repeat; } #content div.homeAllParksMapContent h3 { height: 23px; line-height: 23px; padding: 0 10px; color: #333; font-weight: bold;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')"; } #content div.homeAllParksMapContent a.parkPlaceholder { z-index: 1; position: absolute; display: block; width: 13px; height: 13px; background: url(/img2010/park_lsl_placeholder.png) center 0 no-repeat; } #content div.homeAllParksMapContent a.parkPlaceholder span.callout { display: block; visibility: hidden; position: absolute; top: -31px; left: -18px; white-space: nowrap; height: 20px; line-height: 20px; padding: 0 7px; font-size: 11px; color: #fff; font-weight: bold; background-color: #f7941d; background: -webkit-gradient(linear, left top, left bottom, from(#f7941d), to(#f06122)); background: -moz-linear-gradient(top, #f7941d, #f06122); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7941d', endColorstr='#f06122'); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px #404040; -moz-box-shadow: 0 0 3px #404040; box-shadow: 0 0 3px #404040; opacity: 0; -webkit-transition: opacity 0.075s linear; } #content div.homeAllParksMapContent a.parkPlaceholder span.callout b.notch { display: block; position: absolute; bottom: -10px; left: 20px; margin: 0; border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #f06122; padding: 0; width: 0; height: 0; /* ie6 height fix */ font-size: 0; line-height: 0; /* ie6 transparent fix */ _border-right-color: pink; _border-left-color: pink; _filter: chroma(color=pink); } #content div.homeAllParksMapContent a.park_WRG { top: 31px; left: 96px; z-index: 1; } #content div.homeAllParksMapContent a.park_SDS { top: 54px; left: 129px; z-index: 2; } #content div.homeAllParksMapContent a.park_DPE { top: 65px; left: 46px; z-index: 3; } #content div.homeAllParksMapContent a.park_WTL { top: 68px; left: 67px; z-index: 4; } #content div.homeAllParksMapContent a.park_VLS { top: 72px; left: 51px; z-index: 5; } #content div.homeAllParksMapContent a.park_HWD { top: 85px; left: 69px; z-index: 6; } #content div.homeAllParksMapContent a.park_MNO { top: 100px; left: 171px; z-index: 7; } #content div.homeAllParksMapContent a.park_RBG { top: 132px; left: 147px; z-index: 8; } #content div.homeAllParksMapContent a.park_CTN { top: 129px; left: 106px; z-index: 9; } #content div.homeAllParksMapContent a.park_WSE { top: 135px; left: 96px; z-index: 10; } #content div.homeAllParksMapContent a.park_BTL { top: 134px; left: 110px; z-index: 11; } #content div.homeAllParksMapContent a.park_KBG { top: 138px; left: 161px; z-index: 12; } #content div.homeAllParksMapContent a.park_HFN { top: 140px; left: 113px; z-index: 13; } #content div.homeAllParksMapContent a.park_VSE { top: 143px; left: 88px; z-index: 14; } #content div.homeAllParksMapContent a.park_BHM { top: 142px; left: 167px; z-index: 15; } #content div.homeAllParksMapContent a.more { z-index: 0; position: absolute; right: 0; bottom: 0; line-height: 27px; margin-right: 10px; padding-right: 14px; text-align: right; font-weight: bold; color: #333; background: url(../img2010/sprite.gif) no-repeat right 10px; } /* hovers */ #content div.homeAllParksMapContent a.parkPlaceholder:hover { background: url(/img2010/park_lsl_placeholder.png) center -20px no-repeat; } #content div.homeAllParksMapContent a.parkPlaceholder:hover span.callout { visibility: visible; opacity: 1; } #content div.homeAllParksMapContent a.more:hover { text-decoration: underline; }