/* ALGEMENE TAGS */ *, a:hover, a:active { outline:0; border:0} body, img, ul, ul li, ul#main-menu li, form, input, textarea, table, table td, div, ul#fotoalbums, ul#fotoalbums, ul#fotos, ul#fotos li, ul.zoover_score, ul.zoover_score li { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, sans-serif; background: #fff url("/img/layout/background.png") repeat-x top; } textarea { font-family: Arial, Helvetica, sans-serif;} img { border: 0; } body, span.header-title, span.header-title a, h1, ul#services li a:hover, ul#services li a:active,ul#services li.active a, ul#kalender li a, ul.photo-video li.active a,ul#photo-sub li.active span, ul#video-sub li.active span, div.parken-stars ul.weekend li, div.parken-stars span, div.estimation ul li, div.estimation ul li a, div.googlemaps_infowindow div.content div.adres, div.adres, div.googlemaps_infowindow div.content div.route, .filter fieldset ul li label.active { color: #171840; } #top-menu #floriade { float: right; } #floriademelding {text-align:right;color:#bbb;font-size:10px;line-height:14px;padding:10px 0 35px 0;margin:0} /* SPRITE */ a.button, a.button:hover, a.button span, a.arrow-link, a.arrow-link-left, ul#top-menu li.active, ul#top-menu li.active span, ul#languages li span, ul#languages li a,ul#languages li a:hover, ul#main-menu li a, ul#main-menu li a span, ul#main-menu li a span#home, ul#main-menu li#search-btn a span#search-image, div.parken-description a, a.arrow-link-small, div.parken-stars span.stars, span.stars, div#nieuwsbrief input.btn, span.stars_0, span.stars_1, span.stars_2, span.stars_3, span.stars_4, span.stars_5, div#photo-left ul li, div#content-left.standaard ul li, div.standaard ul li, div.popup a.close, div.popup_icon, a#uitklap span { background: url("/img/layout/sprite.png") no-repeat; } div#aanfragen, div#plattegrond-cta, div#fotos-cta, div#floriade, div#overnachten, div.ontdek, div#uitburo, div#voordeelbon, div.specialcta { background: url(/img/layout/cta.jpg) 0 0 no-repeat; } /* HYPERLINKS */ a, a.arrow-link, a.arrow-link-left, span.header-title a:hover,h2,.h2,h3,ul#kalender li a:hover, ul.photo-video li a, ul.photo-video li span, .filter fieldset ul li { color: #b4137a; } a { text-decoration: none; font-weight: bold } a:hover { color: #dc4aa8; } a.button, input.button { position: relative; display: block; height: 14px; padding: 4px 10px 5px 13px; margin-bottom: 10px; text-align: left; color: #fff; font-weight: bold; background-position: 0 -237px; } a.button:hover, input.button:hover { color: #fff; background-position: 0 -266px; } a.button span, input.button span { display: block; height: 23px; width: 23px; position: absolute; top: 0; right: 0; cursor: pointer; background-position: 100% -237px; margin-right: -20px; } a.button:hover span, input.button:hover span { background-position: 100% -266px; } a.arrow-link, a.arrow-link-left { font-weight: bold; padding: 0 25px 0 0; background-position: 100% -89px; } a.reserveren, input.reserveren{ display:block; top: 6px; margin-bottom: 3px; width: 160px; background-position: 0 -324px; height:23px} a.reserveren span { background-position: 100% -324px; height:28px; width: 30px} a.reserveren:hover, input.reserveren:hover { background-position: 0 -358px; } a.reserveren:hover span { background-position: 100% -358px;} a.arrow-link:hover, a.arrow-link-left:hover { background-position: 100% -110px; } a.arrow-link-left { background-position: -141px -109px; } a.arrow-link-left:hover { background-position: -141px -88px; } a.arrow { background:url(/img/layout/arrow.png) right 1px no-repeat; padding-right: 22px} a.arrow:hover { background-position: right -20px; } ul#top-menu li a,ul#top-menu li a:hover, ul#languages li a,ul#languages li a:hover { color: #64657f; } /* TITELS */ span.header-title, h2.header-title { display: block; font-weight: bold; margin: 0 0 10px 0; } h2.header-title { margin-bottom: 5px; } div#photo-left span.header-title { margin-bottom: 0; width: 360px /*height: 23px; overflow:hidden;*/ } span.header-title a, span.header-title a:hover { font-weight: bold; } h1 { font-weight: bold; margin: 0 0 12px 12px; } h1.main-title { margin: 0; } h2,.h2, .h2 a, h3 { font-weight: bold; margin: 0; } /* FONTS */ div.parken-stars, div.parken-stars a, div.parken-stars a:hover, div.googlemaps_infowindow div.content div.route, div.googlemaps_infowindow div.content ul, div.googlemaps_infowindow div.content ul li a, div.parken-stars span.tekst { font-size: 10px; } a.button, input.button, ul#kalender li, ul#kalender li a, ul#links li p, div.estimation ul li, div.estimation ul li a, ul#top-menu li,ul#top-menu li a,ul#top-menu li a:hover, ul#languages li a,ul#languages li a:hover,ul#fotoalbums li a span, ul.verblijfsopties li, div#search input, div.googlemaps_infowindow div.content div.adres, div.adres, div.googlemaps_infowindow div.content div.adres h4, div.adres h4, div.googlemaps_infowindow div.content div.adres h4 a, div.adres h4 a { font-size: 11px; } a, div.parken-stars ul.weekend li, div.parken-stars span.small-text, div.parken-stars span.small-bottom, div#content-left div.parken-description-small p, input, textarea, div.parken-stars span.datum, div.parken-stars span.price sup, span.price sup { font-size: 12px; } body, div#breads, div#breads a, ul#main-menu li a, .filter fieldset legend { font-size: 13px; } h3, a.arrow-link, a.arrow-link-left, ul.pager li a,ul.pager li a:hover, div#wheather span.grad, div.parken-alone h3 a,div.parken-alone h3 a:hover, span.weer_info, a.arrow, div#content-left p.intro,div#content-left span.intro, div#content-left p.intro a,div#content-left span.intro a, a.reserveren, input.reserveren { font-size: 14px; } h2,.h2, .h2 a, div.parken-description h2 a,div.parken-description h2 a:hover, p.blauw , div.parken-stars span{ font-size: 16px; } h1, span.header-title, h2.header-title, span.header-title a, span.header-title a:hover, div.graden sup, span.windr { font-size: 18px; } /*div.parken-stars span,*/ span.groot { font-size: 21px; } h2.home, h2.home a { font-size:22px; } h1.main-title, div#wheather span { font-size: 24px; } h1.home { font-size: 27px; } div.parken-stars span.price, span.price { font-size: 26px; } div.graden { font-size: 40px; } /* STANDAARD ELEMENTEN */ p { margin: 7px 10px 20px 0px; } p.align-rgt { padding-top: 12px; text-align: left; } ul li { list-style: none; } table { width: 100%; border-collapse: collapse; } table td { vertical-align: top; } div.clr { clear: both; height: 0; overflow: hidden; font-size: 0; } div.overzicht_item, div.geoXML, div.route_omschrijving { display:none; } /* TOP MENU */ ul#top-menu li { padding: 10px 14px 7px 14px; float: left; font-weight: bold; text-align: center; } ul#top-menu li.active { padding: 0; background-position: -300px 0; } ul#top-menu li.active span { margin: 0 0 0 1px; padding: 10px 15px 7px 15px; display: block; background-position: 100% 0; } ul#top-menu li.active a,ul#top-menu li.active a:hover { font-weight: bold; } ul#top-menu li a,ul#top-menu li a:hover { text-decoration: none; text-align: center; font-weight:normal; } ul#top-menu li#zakelijk { float: right; } /* TAAL DROPDOWN */ ul#languages { height: 19px; margin: 7px 16px 0 15px; border: solid 1px #cacad2; border-top: none; border-bottom: none; float: right; } *html ul#languages { padding: 0; font-size: 0px; } ul#languages li { padding-top: 2px; } ul#languages li span { display: block; width: 24px; height: 19px; margin: -2px 0 0 0; float: left; font-size: 0; border-right: solid 1px #cacad2; background-position: -406px -36px; } ul#languages a#lang { padding-left:2px } ul#languages a#lang span { margin-right:6px } *html ul#languages li ul li span{ margin-right: 3px; margin-top: -1px; } ul#languages li span.nl { background-position: -406px -36px; } ul#languages li span.en { background-position: -429px -36px; } ul#languages li span.de { background-position: -452px -36px; } ul#languages li a,ul#languages li a:hover { display: block; padding: 0 18px 0 0; text-decoration: none; background-position: 100% -136px; } ul#languages li a:hover { text-decoration: underline; } ul#languages li ul { position: absolute; width: 129px; height: 130px; display: none; top: 1px; right: 0; padding: 10px 0 0 0; z-index: 5; background: url("/img/layout/navigation-background.png") 0 0; } *html ul#languages li ul { top: 0; right: 25px; } ul#languages li ul li { height: 28px; margin-left: 12px; margin-bottom: 1px; border: none; } ul#languages li ul li a,ul#languages li ul li a:hover { background: none; } ul#languages li ul li span { margin-left: 1px; margin-right: 7px; border: none; } ul#languages li ul li a{ height: 28px; } /* MAIN MENU */ ul#main-menu{ height: 39px; line-height: 39px;display: block; overflow:hidden; } *:first-child+html ul#main-menu { margin-top: -4px; } *html ul#main-menu { margin-top: -4px; } ul#main-menu li { display: block; height: 39px; float: left; } ul#main-menu li a { position: relative; display: block; height: 39px; padding: 0px 12px 0 11px; float: left; color: #fff; text-decoration: none; background-position: -1000px 0; font-weight:normal } ul#main-menu li a:hover { background-position: 0 -154px; } ul#main-menu li a:active { background-position: 0 -193px; } ul#main-menu li a span { display: block; height: 39px; width: 10px; position: absolute; top:0; right: 0; font-size: 0; margin: 0; cursor: pointer; background-position: -1000px 0; } ul#main-menu li a:hover span { background-position: 100% -154px; cursor: pointer; } ul#main-menu li a:active span { background-position: 100% -193px; } ul#main-menu li a span#home { width: 13px; height: 12px; margin: 13px 0 0 1px; position: inherit; text-indent: -8000px; background-position: -302px -41px; } *:first-child+html ul#main-menu li#home-btn a, *html ul#main-menu li#home-btn a { width: 12px; text-indent: -8000px; } *:first-child+html ul#main-menu li#home-btn a span#home, *html ul#main-menu li#home-btn a span#home { width: 20px; margin-right: 6px; } ul#main-menu li#search-btn { position: absolute; right: 7px; } *:first-child+html ul#main-menu li#search-btn a, *html ul#main-menu li#search-btn a { width: 30px; text-indent: -8000px; } ul#main-menu li#search-btn a span#search-image { width: 32px; height: 19px; margin-top: 12px; position: inherit; text-indent: -8000px; background-position: -322px -36px; } *:first-child+html ul#main-menu li#search-btn a span#search-image, *html ul#main-menu li#search-btn a span#search-image { width: 30px; margin-right: 14px; } ul#main-menu li.active a { background-position: 0 -193px; } ul#main-menu li.active a span { background-position: 100% -193px; } *html ul#main-menu li.active a span { margin-right: -1px; } /* FILTER MENU */ ul#services { margin-bottom: 75px; } ul#services li { height: 38px; display: block; float: left; } ul#services li a { height: 25px; display: block; padding: 13px 15px 0; text-decoration: none; color: #c13e92; float: left; font-weight: bold; } ul#services li a:active, ul#services li.active a { border: solid 1px #ccc; border-bottom: none; padding: 12px 14px 0; background: #fff; } ul#services.smaller li a{padding: 13px 11px 0;} /* EVENEMENTEN KALENDER */ ul#kalender { margin: -5px 0 2px 0; } ul#kalender li { padding: 8px 0 8px 0; border-bottom: solid 1px #ccc; } ul#kalender li span { float: right; cursor: pointer; margin-left: 10px; } /* FOTO / VIDEO TABS */ ul.photo-video { margin: 0 5px -1px 0; position: relative; float: left; } ul.photo-video.fotoalbum {margin: -22px 0 -1px 5px; float:right} *html ul.photo-video { margin-bottom: -3px; } ul.photo-video li { float: left; height: 24px; border: solid 1px transparent; border-bottom: none; } ul.photo-video li a { float: left; height: 20px; padding: 4px 10px 0; } ul.photo-video li.active { border-color: #ccc; height: 25px; background: #fff; } ul#photo-sub, ul#video-sub { margin: 4px 10px -22px 0; display:none } ul#photo-sub li, ul#video-sub li { border: none; height: 20px; } ul#photo-sub li span, ul#video-sub li span { height: 20px; padding: 0 6px; cursor: pointer; } ul#photo-sub li.active, ul#video-sub li.active { background: none; } /* FOTOALBUM PAGINA */ div.intro { float: left; width: 630px; } div.blokrechts { float: right; margin: 0 0 0 0; width: 302px;} ul#fotoalbums, ul#fotoalbums li, ul#fotos, ul#fotos li { list-style:none; float:left; position:relative; } ul#fotoalbums li, ul#fotos li { background: url(/img/layout/weer_uitgelicht.png) no-repeat -6px 0; padding-right: 8px; display:block; width: 212px; height:196px; overflow:hidden; margin: 0 16px 18px 0;} ul#fotoalbums li img, ul#fotos li img { position:absolute; top: 11px; left: 5px; } ul#fotoalbums li a strong, ul#fotoalbums li a span { position:absolute; display:block; top: 167px; font-weight:bold; width: 205px; text-align:center} ul#fotoalbums li a span { color: #5e5e7a; top: 180px; } ul#fotos { clear:both;} ul#fotos li { background-image: none; padding:0; width: 220px} ul#photo-sub.fotoalbum, ul#video-sub.fotoalbum { width: 320px; margin: 0; position:absolute; } ul#photo-sub.fotoalbum li, ul#video-sub.fotoalbum li { border: solid 1px #c8c8c8; height:94px; width: 94px; margin:8px 5px 9px 5px;} ul#photo-sub.fotoalbum li span, ul#video-sub.fotoalbum li span { padding:1px;} ul#photo-sub.fotoalbum li span img, ul#video-sub.fotoalbum li span img { margin-top:1px;} ul#photo-sub.fotoalbum li.active, ul#video-sub.fotoalbum li.active { border-color: #16183f;} div#fotocontainer { height: 445px; width:320px; overflow: hidden; position:relative; float:right; margin: 14px -7px 0 0; } ul#fotocontainer_nav { margin: 15px 0 0 0;} /* FORMULIER */ input, select { padding: 0 5px; border: none; color: #87889c; background: none; } #formulier input, #formulier select, #formulier textarea {color: #171840; clear:both; /*background: #fff url("/img/layout/formulier.png") no-repeat 0 0;*/ border:solid 1px #cccccc; width: 263px; height:22px; overflow:hidden; /*line-height: 27px;*/ padding: 8px 0 0 5px;} #formulier select { height: 30px; } #formulier input:focus, #formulier select:focus, #formulier textarea:focus { border-color: #666;} #formulier textarea { /*background-position: 0 -28px ; border:0; line-height:18px; */ width: 543px; height: 60px;} #formulier input.postcode { /*background-position: -275px 0;*/ width: 77px;} #formulier input.getal { /*background-position: -275px 0;*/ width: 67px;} #formulier span.header-title { margin-bottom:-10px;} #formulier input.checkbox { /*background:none;*/ width: 20px; height:auto; line-height:normal } #formulier input.postcode2 { /*background-position: -363px 0;*/ width: 25px;} #formulier input.fout, div.foutmelding { background-color:#fff1f1; border:solid 1px #ff0000; } #formulier input.reserveren { background: #fff url("/img/layout/formulier.png") no-repeat -395px 0; border:0; /*background-position: -395px 0;*/ padding-left:10px; width: 162px; height:23px; color:#fff; line-height: 23px; } #formulier a.reserveren { padding-top: 6px; } #formulier label { font-weight:bold;} #formulier table { width: 558px; padding:0; margin:0;} #formulier table td { padding-bottom: 20px; } #formulier table td.nieuwsbrief { padding-bottom: 10px; } #formulier table td.verplicht {color: #b2b2bf;} div.foutmelding { color:#000; padding:16px; margin-bottom: 25px; width:516px; } .right { float:right} .left { float:left} .clear{ clear:both} /* Webwinkel */ table#webwinkel tr td{ vertical-align:middle} table#webwinkel tr.calc td {padding-bottom:7px;} table#webwinkel tr.line td{ border-top:1px solid #F3F3F3; padding-top:12px;} table#webwinkel tr.line-bottom td{ border-bottom:1px solid #F3F3F3; margin-bottom:12px;} table#webwinkel tr.calc td { text-align:right; padding-right:40px;} table#webwinkel tr.calc td.sub_totaal,table#webwinkel tr.calc td.extra_kosten, table#webwinkel tr.calc td.totale_kosten { padding-right:0 ;text-align:left} table#webwinkel .name a{ cursor:pointer} /* TIP */ .tip-wrap .tip p { margin:0; padding:0;} .tip-wrap .tip img { margin-right:7px;} .tip-wrap .tip { background:url(/img/layout/maps/info_balloon_klein.png) repeat-y; width:270px; padding:0 15px;} .tip-wrap .tip-top { background:url(/img/layout/maps/info_balloon_klein_top.png) no-repeat; width:300px; height:16px;} .tip-wrap .tip-bottom { background:url(/img/layout/maps/info_balloon_klein_bottom.png) no-repeat; width:300px; height:24px;} /* PAGINATION */ ul.pager { float: right; margin: 0 -10px 0 0; clear:both } *html ul.pager { margin-right: -3px; } ul.pager li { height: 17px; padding: 1px 6px 0 6px; float: left; text-align: center; border: solid 1px #fff; } ul.pager li.active { border-color: #ccc; } ul.pager li a,ul.pager li a:hover { display: block; font-weight: bold; text-align: center; float: left; margin-right: 0; } *html ul.pager li a { margin-right: 0; } ul.pager li.active a { color: #000; } ul.pager li#previous { margin-right: 7px; width: 18px; padding:0; } ul.pager li#previous a, ul.pager li#next a { text-indent: -8000px; } ul.pager li#next a {margin-top: 1px;} ul.pager li#next { margin-left:0px; padding:0 } /* CONTAINER */ div#all,div#header-image,div#header-bg { margin-top: 0; overflow: hidden; position: absolute; height: 500px; width: 100%; text-align: center; left: 0; min-width: 940px; } div#all { height: auto; /*padding-bottom: 45px; background: url("/img/layout/background-bottom.gif") repeat-x bottom;*/} /* ACHTERGROND FOTO */ div#header-image, div#header-bg { margin-top: 74px; height: 260px;} div#header-bg { margin-top: 0; background: url("/img/layout/background-top.png") repeat-x 0 0; } div#header-left,div#header-right { position: absolute; z-index: 4; width: 50%; height: 100%; margin-left: -600px; overflow: hidden; font-size: 0; background: #edeeec url("/img/layout/header-left-background.gif") repeat-y 100% 0; } div#header-right { right: 0; margin-right: -599px; margin-left: 0; background: #edeeec url("/img/layout/header-right-background.gif") repeat-y 0 0; } *html div#header-left,div#header-right { height: 3926px; } /* CONTENT, ZOEKEN EN LOGO */ div#main { width: 960px; margin: 0 auto; padding: 4px 0 0 15px; position: relative; text-align: left; } div#search { width: 157px; height: 34px; overflow:hidden; right: 11px; top: 40px; display: block; position: absolute; z-index: 2; margin: 1px 8px 0 0; background: url("/img/layout/navigation-background.png") no-repeat -262px -8px; } div#search div.field { width: 92px; /*height: 21px;*/ background:none; float:left; position:absolute; left:20px; top: 7px } div#search input { background: none;width: 92px;} div#search a { float:right; margin: 5px 10px 0 0; } div#search input.btn , #formulier input.btn{ width: 1px; height: 1px; overflow: hidden; padding:0; margin:0; } /*div#search input.field { width: 185px; height: 21px; margin: 15px 0 0 11px; background: none; float: left; } div#search input.btn { width: 40px; height: 15px; visibility:hidden; margin: 15px 0 0 245px; cursor: pointer; } div#search a { font-weight: bold; width: 42px; height: 16px; line-height: 15px; margin: 16px 0 0 6px; float: left; display: block; }*/ div#logo { width: 136px; height: 120px; margin: 0 0 64px 0; padding-top: 14px; float: left; background: url("/img/layout/navigation-background.png") no-repeat -290px -84px; } div#logo a { display: block; width: 126px; height: 114px; margin: 0 0 0 5px; text-indent: -8000px; background: url("/img/logotip.png") no-repeat 0 0; } /* HOME / REGIO PAGINA GROTERE HEADER */ div#header-bg.home, div#header-image.home { height: 367px;} div#header-bg.home {background: url("/img/layout/background-top-groot.png");} div#logo.home { margin-bottom: 158px; } div.lijn{ position:absolute; width:100%; left:0; top:309px; background: transparent url(/img/layout/lijn-peelenmaas.png) repeat-x; height:4px; } h1.home, img.home_venlo, img.home_venlo2, h2.home { color:#fff; position:absolute; top: 268px; left:15px } img.home_venlo, img.home_venlo2 { padding-left: 12px; } img.home_venlo2 { top: 356px; padding-left: 14px; } h2.home a { color:#fff;} h2.home { top:320px; margin-left: 28px; left:0 } h2.home span.roze { color: #ec008c;} /* HOMEPAGINA FLASH */ .flashhome {position: absolute; width: 1200px; height:714px; margin-left:-128px; z-index:2} *html div#all, *html div#main { position:relative; } *html .flashhome { position:relative; left: 55px; height:1px} div#wheather.wheatherhome { position:relative; margin-bottom: 660px; z-index: 3; } *html div#wheather.wheatherhome { margin-bottom:0; position:absolute; top: 75px; right: 50px;} /**+html div#wheather.wheatherhome2 { position:relative; z-index: 3;}*/ *html div#wheather.wheatherhome2 { margin-bottom:0; position:absolute; top: 75px; right: 50px;} /* WEER BOVENIN */ div#wheather { width: 123px; height: 50px; margin: 0 50px 0 0; padding: 22px 0 0 14px; float: right; color: #fff; background: url("/img/layout/navigation-background.png") no-repeat -135px -87px;cursor: pointer; } div#wheather div.wheather-image { /*width: 31px; height: 29px; float: left; background: url("/img/layout/wheather-sprite.gif") no-repeat 0 0; margin: 2px 3px 0 0;*/ } div#wheather span { display: block; float: left; font-weight: bold; } div#wheather span.grad { font-weight: bold; margin: 4px 0 0 2px; } div#wheather a { display: block; width: 13px; height: 13px; margin: 10px 0 0 6px; float: left; background: url("/img/layout/navigation-background.png") no-repeat -122px -234px; text-indent: -8000px; } div#wheather a:hover { background-position: -105px -234px; } *+html div#wheather.wheatherhome2 a { top: 90px; } /* UPDATE NIEUWE ZOEKBALK */ div#search { top: 90px; left: 615px; background: none; width: 192px; height: 58px; display: block; } div#wheather { background: url(/img/zoeken.png) 0 0 no-repeat; padding: 16px 40px 6px 240px; margin-right:0; width: 105px } *+html div#wheather span.grad { padding-top: 0px; float:none;} *+html div#wheather a { float: none; position:absolute; right:40px; top: 18px } /* CONTENT LINKS */ div#content-left p, div.intro p{ line-height: 19px; } div#content-left p.intro,div#content-left span.intro { margin-top: 0; /*line-height:18px; font-size:13px; font-size:14px;*/ line-height: 20px } div#content-left { width: 620px; float: left; } div#content-left.breed { width: 944px; } div#content-right { width: 302px; margin: 0 0 0 641px; } div#content-right.detail { padding-top: 33px; } div#content-right p { margin: 0 0 35px 0; } #overzicht, #googlemaps_column { position:relative; } div.parken { width: 590px; padding: 15px; background-color: #f1f1f4; position:relative } div.bord-btm { width: 608px; margin: 0 0 15px 0; padding: 5px 0 15px 12px; border-bottom: solid 1px #a2a3b3; } div.left-lnk { width: 591px; padding: 20px 17px 40px 12px; text-align: right; clear:both } div.left-lnk a { float: right; /*margin-right: 19px;*/ } *html div.left-lnk a { margin-right: 10px; } img.parken-image { width: 153px; height: 116px; float: left; cursor:pointer } div.parken-description { width: 410px; margin-left: 18px; float: left; /*border-right: solid 1px #dbdbe2;*/ min-height:116px; } div.parken-description.zoeken { margin-left:171px; min-height: 80px} div.parken-description.small { width: 265px; margin-right: 10px; } div#content-left div.parken-description p { margin: 6px 0 10px 0; line-height: 18px; } div.parken-description a, a.arrow-link-small { text-decoration: none; padding: 0 17px 0 0; background-position: 100% -55px; } div.parken-description h2 { margin-top: 5px; } div.parken-description h2 a,div.parken-description h2 a:hover, .h2 a, .h2 a:hover { font-weight: bold; background: none; } div.parken-description a:hover, a.arrow-link-small:hover { background-position: 100% -69px; } div.pakket1 { width: 280px; float: left; margin-top: 15px; } div.pakket1 div.parken-description { margin-left:0;} span.prijs { } div.parken-description a.aanbieding { margin-left: 20px; } p.aanbieding { margin-top: 30px; margin-bottom: 30px; background-color: #f2f2f2; padding: 5px; padding-left: 10px; } a.arrow-link-small.back { text-decoration: none; padding: 0 0 0 17px; background-position: 0 -291px; } a.arrow-link-small.back:hover { background-position: 0 -305px; } div.parken-stars { width: 124px; margin: 0 0 0 2px; padding: 13px 0 0 16px; float: left; border-left: solid 1px #dbdbe2;min-height:105px; } div#photo-right div.estimation div.parken-stars { border:none; min-height:inherit; } div.parken-stars p { margin-top: 3px; margin-bottom: 13px; clear: both; } *html div.parken-stars p, *:first-child+html div.parken-stars p { margin-top: -13px; } div.parken-stars ul.weekend { margin-top: 3px; margin-bottom: 13px; } div.parken-stars ul.weekend li { margin-right: 0; } div.parken-stars span { font-weight: bold; float: left; } div.parken-stars span.tekst { float: none; line-height: 14px; display:block; clear:both } div.parken-stars span.stars { display: block; width: 120px; height: 14px; margin: 5px 0 0 7px; background-position: -160px -136px; font-size: 0; } div.parken-stars span.small-text { margin-left: 1px; line-height: 19px; } div.parken-stars span.small-bottom { margin-left: 8px; line-height: 38px; } div.parken-stars span.price, span.price { padding-top: 5px; margin-bottom: 5px; clear:both; width:100px } span.price { font-weight: bold; } span.price span { padding-top: 9px; font-size: 16px; float:none; font-family:Arial, Helvetica, sans-serif; font-weight:normal } div.parken-stars span.price span { float:left; } div.parken-stars a.zooverlink { padding-top: 4px; display:block; } div.parken-stars span.price sup, span.price sup { padding-top:5px; } *html div.parken-stars span.price sup, *html span.price sup, *+html div.parken-stars span.price sup, *+html span.price sup { padding-top:0 !important; margin-top:-4px; position:relative; top: -6px} div.parken-left { width: 300px; margin: -10px 20px -10px 0; float: left; } div.parken-right { width: 300px; margin: -10px 0; float: left; } div.parken-alone { width: 285px; margin: 14px 0 0; padding: 10px 0 16px 15px; background: #f3f3f5; } div.parken-description-small { margin-left: 93px; } div.parken-alone h3 { margin-bottom: 11px; } div.parken-alone h3 a,div.parken-alone h3 a:hover { font-weight: bold; } div#content-left div.parken-description-small p { line-height: 15px; margin: 0 0 5px 0; padding-right:15px; display:block; height: 45px; overflow:hidden } img.parken-image-small { width: 82px; height: 61px; float:left; cursor:pointer } /* HOMEPAGINA blokken en tabs */ #content-left ul.photo-video.regio { float: left; margin: 0 0 -1px 15px; } #content-left ul.photo-video.regio li { height: 32px; } #content-left ul.photo-video.regio li a { padding-top: 8px; padding-left: 11px; padding-right: 11px; } div.regiotab { padding-top: 25px; background: url(/img/layout/gradient.gif) 0 28px repeat-x; } div.regiotab h2.header-title { margin-bottom: 3px; padding-left: 17px;} div.regioblok { display:none; width: 100%; margin-bottom: 40px; } div.regioblok.dorp { margin-bottom: 5px; } div.regioblok.active { display: block; } div.regioblok div.parken-alone { float:left; border-bottom: solid 1px #ccc; margin: 7px 0 7px 15px; padding: 10px 0 16px 0; } div.regioblok a.arrow-link, div.regioblok a.arrow { padding-left: 16px;} div.regioblok p.plaatsen {display: block; background-color:#f3f3f3; border-top: solid 1px #cccccc; padding:20px 13px; font-size:12px;color:#8f8fa0; margin:7px 0px 20px 0px} div.regioblok p.plaatsen strong {color:#000000} div.regioblok p.plaatsen a{font-weight:normal;color:#8f8fa0;} div.regioblok p.plaatsen a:hover {color: #DC4AA8;} div.regioblok div.no-b-border {border-bottom:none;padding-bottom:0px;} /* AZ INDEX */ div.parken-description-small.azinfo { margin-left: 0px; width: 274px; } div#content-left div.parken-description-small p.azinfo { height: 90px; margin-bottom:0 } div.parken-image-small{ width: 81px; height: 72px; float:left; border: solid 1px #d2d2db; } div.az { background: #b4137a url(/img/layout/iconsaz.png) 0 0 no-repeat; } div.az.attracties { background-position: -2px -2px; border: solid 1px #dedee4;} div.az.bankzaken { background-position: -85px -2px;} div.az.dagjeuit { background-position: -85px -77px; border: solid 1px #dedee4;} div.az.etendrinken { background-position: -2px -77px;} div.az.hulpzorg { background-position: -85px -377px; border: solid 1px #dedee4;} div.az.kunst { background-position: -2px -152px; border: solid 1px #dedee4;} div.az.overheid { background-position: -85px -152px;} div.az.overnachten { background-position: -2px -227px;} div.az.sport { background-position: -85px -227px; border: solid 1px #dedee4;} div.az.vervoer { background-position: -2px -377px;} div.az.uitgaan { background-position: -85px -302px;} div.az.shoppen { background-position: -2px -302px; border: solid 1px #dedee4;} div.az.fietsverhuur { background-position: -2px -454px; border: solid 1px #dedee4;} /* ROUTES FILTER */ .filter fieldset { border: solid 1px #d2d2d4; padding: 16px 20px; margin: 15px 0 25px 0; clear:both } .filter fieldset legend { padding: 0 5px; font-weight: bold; } .filter fieldset input { margin-right: 5px; } .filter fieldset ul li label { cursor: pointer} .filter fieldset ul, .filter fieldset ul li { float:left; margin:0 0 0 5px; padding:0; list-style:none; } .filter fieldset ul li { margin: 0 5px 8px 0; width: 182px; font-weight: bold;} /* WEER PAGINA */ div.weer_uitgelicht, div.weer_uitgelicht.klein { /*background:url(/img/layout/weer_uitgelicht.png) no-repeat 0 0;*/ margin-bottom: 25px; width:617px; height:139px; position:relative; border-bottom: solid 1px #f0f0f0;} div.weer_uitgelicht.klein { /*background-position: 0 -139px;*/ height:36px; padding-top: 18px; margin-bottom:0; border:0 } div.graden { float:left; margin: 44px 25px 0 15px; position:relative; } span.weer_info { float: left; position:relative; margin: 29px 15px 0 0; padding: 10px 25px 0 25px; border-left: solid 1px #f1f1f4; border-right: solid 1px #f1f1f4; display:block; height: 72px } span.weer_info p { margin: 0; } span.windr { float:left; display:block; position:relative; margin-top: 35px; text-align:center; width:60px; } div.grijs { background-color:#f1f1f4;} div.weer_uitgelicht.klein span.h2 { margin-left: 32px; width: 190px; float:left; font-size: 14px; } div.weer_uitgelicht.klein p { float:left; margin: 0 0 0 5px; width: 115px; display:block; } div.weer_uitgelicht.klein p.windtekst { width: 50px; } p.blauw { color: #171840; font-weight: bold; top: -3px; position:relative; width:105px } p.blauw span { color: #6e709f; } /* WEER / WIND SPRITES */ .wind {background:url(/img/layout/wind_portal.png) 0 0 no-repeat; width:40px; height:40px; margin:0 0 0 10px;} .wind.noord, .wind.n {background-position:0 0;} .wind.nno {background-position:-40px 0;} .wind.no {background-position:-80px 0;} .wind.ono {background-position:-120px 0;} .wind.oost, .wind.o {background-position:0 -40px;} .wind.ozo {background-position:-40px -40px;} .wind.zo {background-position:-80px -40px;} .wind.zzo {background-position:-120px -40px;} .wind.zuid, .wind.z {background-position:0 -80px;} .wind.zzw {background-position:-40px -80px;} .wind.zw {background-position:-80px -80px;} .wind.wzw {background-position:-120px -80px;} .wind.west, .wind.w {background-position:0 -120px;} .wind.wnw {background-position:-40px -120px;} .wind.nw {background-position:-80px -120px;} .wind.nnw {background-position:-120px -120px;} .windkl {background:url(/img/layout/wind_klein_portal.png) 0 0 no-repeat; float:left; width:28px; height:28px; text-align:center; margin-top:-3px} .windkl.noord, .windkl.n {background-position:0 0;} .windkl.nno {background-position:-28px 0;} .windkl.no {background-position:-56px 0;} .windkl.ono {background-position:-84px 0;} .windkl.oost, .windkl.o {background-position:0 -28px;} .windkl.ozo {background-position:-28px -28px;} .windkl.zo {background-position:-56px -28px;} .windkl.zzo {background-position:-84px -28px;} .windkl.zuid, .windkl.z {background-position:0 -56px;} .windkl.zzw {background-position:-28px -56px;} .windkl.zw {background-position:-56px -56px;} .windkl.wzw {background-position:-84px -56px;} .windkl.west, .windkl.w {background-position:0 -84px;} .windkl.wnw {background-position:-28px -84px;} .windkl.nw {background-position:-56px -84px;} .windkl.nnw {background-position:-84px -84px;} .weer {background: url(/img/layout/weer.png) no-repeat; display:block; width:109px; height:109px; left:18px; top:15px; position:relative; float:left} .weer.a {background-position:0 0;} .weer.b {background-position:-109px 0;} .weer.c {background-position:-218px 0;} .weer.d {background-position:-327px 0;} .weer.e {background-position:-436px 0;} .weer.f {background-position:0 -109px;} .weer.g {background-position:-109px -109px;} .weer.h {background-position:-218px -109px;} .weer.i {background-position:-327px -109px;} .weer.j {background-position:-436px -109px;} .weer.k {background-position:0 -218px;} .weer.l {background-position:-109px -218px;} .weer.m {background-position:-218px -218px;} .weer.n {background-position:-327px -218px;} .weer.o {background-position:-436px -218px;} .weer.p {background-position:0 -327px;} .weer.q {background-position:-109px -327px;} .weer.r {background-position:-218px -327px;} .weer.s {background-position:-327px -327px;} .weer.t {background-position:-436px -327px;} .weerkl {background:url(/img/layout/weer_klein.png) no-repeat; display:block; width:41px; height:41px; margin-top:-12px; float:left;} .weerkl.a {background-position:0 2px;} .weerkl.b {background-position:-41px 0;} .weerkl.c {background-position:-82px 3px;} .weerkl.d {background-position:-123px 3px;} .weerkl.e {background-position:-164px 0;} .weerkl.f {background-position:0 -41px;} .weerkl.g {background-position:-41px -41px;} .weerkl.h {background-position:-82px -41px;} .weerkl.i {background-position:-123px -41px;} .weerkl.j {background-position:-163px -41px;} .weerkl.k {background-position:0 -82px;} .weerkl.l {background-position:-41px -82px;} .weerkl.m {background-position:-82px -82px;} .weerkl.n {background-position:-123px -82px;} .weerkl.o {background-position:-164px -82px;} .weerkl.p {background-position:0 -123px;} .weerkl.q {background-position:-41px -123px;} .weerkl.r {background-position:-82px -123px;} .weerkl.s {background-position:-123px -123px;} .weerkl.t {background-position:-164px -121px;} /* CTA BLOKKEN */ ul#links { width: 942px; height: 55px; margin: 39px 0 13px 0; border-right: solid 1px #dfe0e5; } ul#links li { width: 211px; height: 43px; padding: 12px 0 0 23px; border-left: solid 1px #dfe0e5; float: left; } ul#links li p { color: #000; margin: 0 0 0 1px; } ul#links li a { font-weight: bold; } /* BREADCRUMBS + FOOTER div#breads { height: 37px; margin: 0 0 12px 0; padding: 20px 0 0 0; } div#breads a { margin: 0 2px; } */ div#footer { height: 18px; padding: 12px 104px 9px 140px; clear:both; margin-top: 35px; background-color:#b4137a;margin-left:-138px;width:968px;} div#footer a { color: #fff; font-weight: bold; margin-right: 27px; float:left; } div#footer a.right { float: right; } div#footer a:hover, div#footer a.active { text-decoration: underline } /* AFSLUITER */ div#afsluiter { margin: 15px 12px 0 0; clear:both; height: 120px; position:relative; } div#afsluiter a { display:block; height: 73px; text-indent: -600px; overflow:hidden; cursor:pointer; background: url(/img/layout/afsluiter.png) left top no-repeat; } div#afsluiter a.spnl { width: 319px; float:left; margin-top:8px } div#afsluiter a.flor, div#afsluiter a.limb { width: 68px; float:right; background-position: -400px 0; } div#afsluiter a.limb { background-position: -331px 0; width: 63px;} /* SOCIAL, facebook + youtube */ div.social { margin-top: 27px; margin-right: 15px; float: right; } div#afsluiter div.social span { float: left; font-weight: bold; margin-right: 15px; line-height: 24px; } div#afsluiter div.social a { background: none; width: 24px; height: 24px; display: block; float: left; text-indent: 0; margin-right: 4px; } /* KOLOMMEN */ div.logos {position:relative; height:104px; margin-bottom:30px; overflow:hidden; border: solid 1px #d5d5d5; border-left: none; border-right: none} div.logos.regio { margin-top: 82px; } div.logos.boven { margin-top: 0; } div.logos.fotoalbum { margin-right: 30px} /*a.limburg, a.floriade, div#afsluiter a.limburg, div#afsluiter a.floriade { background:url(/img/layout/logos.png) left 0px no-repeat; width: 150px; height:107px; display:block; float:left; text-indent:-200px; overflow:hidden; margin:0; }*/ #content-right.detail a.limburg, #content-right.detail a.floriade, div.blokrechts a.limburg, div.blokrechts a.floriade { margin-top:0;} a.floriade, div#afsluiter a.floriade { background-position: -150px 0px;} div#afsluiter a.limburg, div#afsluiter a.floriade { float: right; } div#afsluiter a.floriade { width: 80px; float:right } div#afsluiter a.horst { width: 65px; background: none; text-indent:0; float:right} div#cta {width:960px; display:block; padding-top: 40px; border-top: solid 1px #d5d5d5} div#aanfragen, div#plattegrond-cta, div#fotos-cta, div#floriade, div#overnachten, div.ontdek, div#uitburo, div#mobiel, div#voordeelbon, div#nieuwsbrief, div.specialcta { margin-bottom: 30px; padding-bottom: 30px; background-position: 170px -388px} div#cta div#aanfragen, div#cta div#plattegrond-cta, div#cta div#fotos-cta, div#cta div.specialcta, div#cta div#floriade, div#cta div#overnachten, div#cta div.ontdek, div#cta div#uitburo, div#cta div#nieuwsbrief { margin-bottom: 20px; padding-bottom:0; width:310px; float:left; margin-right: 10px } div#plattegrond-cta { background-position: 170px -251px;} div#plattegrondd { padding-top:6px; } div#mobiel { background: url(/img/iphone/cta_iphone.jpg) 176px -4px no-repeat;} div#fotos-cta { background-position: 170px -116px; } div.specialcta { background-image: url(/img/layout/cta.jpg); /* KERST: background-image: url(/img/layout/cta2.jpg); */ } div.specialcta { background-position: 170px -536px; } div.specialcta.arrangement { background-position: 170px -660px; } div.specialcta.event { background-position: 170px -787px; } div.specialcta.route { background-position: 170px -914px; } div#floriade { background-position: 185px 23px; margin-top: 84px; height:125px; overflow:hidden } div#floriade.boven { margin-top: 0; } div#floriade.half { margin-top: 42px; } div#overnachten {background-image: url(/img/layout/cta_overnachten.jpg); background-position: 218px 30px;} div.ontdek {background-image: url(/img/layout/vignet_limburgbeginthier.jpg); background-position: 208px 30px;} div.ontdek.class0 {background-image: url(/img/layout/vignet_limburgbeginthier.jpg); background-position: 208px 40px;} div.ontdek.class1 {background-image: url(/img/floriade_evenementen_straat.jpg); background-position:208px 40px; } div.ontdek.class2 {background-image: url(/img/vignet_vergaderen.jpg); background-position:208px 40px; } div.ontdek.class3 {background-image: url(/img/layout/maasduinen_logo.png); background-position:206px 40px; } div.ontdek.class4 { background: none; } div#uitburo { background-image: url(/img/layout/uitburo.png); background-position: 218px 30px;} div#voordeelbon { background-image: url(/img/layout/voordeelbon.jpg); background-position: 175px 17px;} div#aanfragen span.header-title,div#nieuwsbrief span.header-title, div#plattegrond-cta span.header-title, div#fotos-cta span.header-title, div#floriade span.header-title, div#uitburo span.header-title, div#voordeelbon span.header-title, div.specialcta { margin-left: 0; margin-bottom: 0px; } div#aanfragen p, div#plattegrond-cta p, div#fotos-cta p, div.specialcta p, div#floriade p, div#uitburo p, div#mobiel p, div#voordeelbon p, div#content-right div.ontdek p, div#overnachten p { margin: 0 120px 14px 0; } div#uitburo p, div#voordeelbon p { margin: 0 110px 14px 0; } /*div#floriade span.header-title { width: 150px; }*/ div#nieuwsbrief p { margin: 0 10px 10px 0; } div#nieuwsbrief input { height: 20px; width: 241px; margin-bottom: 10px; padding-top: 2px; float: left; background: url("/img/layout/navigation-background.png") no-repeat -146px -230px; } div#nieuwsbrief input.btn { height: 13px; width: 13px; margin: 4px 20px 0 15px; cursor: pointer; background-position: -366px -40px; } div#nieuwsbrief p.link { margin-top: 40px; float: none; } div.no-bg { background: none; } div.blok1.no-bg, div.blok_venlo.no-bg { margin-top: 37px; } /* DETAIL, TABS + DETAIL FOTO / VIDEO */ p.zoover_bron, p.zoover_bron a { font-weight: bold; font-size: 10px; color:#9697ab; margin:0; padding:0; } div#flash,div#photo{ width: 620px; height: 374px; margin: 22px 0 18px 0; position: relative; overflow:hidden; background: transparent url(/img/layout/loader.gif) no-repeat center 160px; } div.youtube_video { background: #fff; width: 620px; height: 374px; } div#photo img { display: none; position: absolute; top: 0; left: 0; } div#photo-left { width: 360px; padding: 0 20px 0 0; float: left; } div#content-left.standaard ul,div#content-left.standaard ol, div#photo-left ul, div.standaard ul {padding: 0; margin: 9px 0 4px 0} div#content-left.standaard ol { padding-left: 20px; } *+html div#content-left.standaard ol { padding-left: 25px; } div#content-left.standaard ul li,div#photo-left ul li, div.standaard ul li { list-style:none; background-position: -490px -389px; margin: 2px 0 0 1px; padding: 0 0 1px 14px; } div#photo-left span.header-title { margin-left: 0;/*width: auto;*/ float:left; display:block; margin-bottom: 5px } div#photo-left p { clear:both; } div#photo-right { width: 222px; padding: 23px 0 0 17px; border-left: solid 1px #e7e7ec; float: left; } html+* div#photo-right { width: 220px; } div#photo-right.overnachten { padding-top: 12px; } div#photo-right ul, div#photo-right ul li { list-style: none; } div#photo-right ul.zoover_score { margin: 13px 0 0 3px; } *+html div#photo-right ul.zoover_score { margin-top:-60px; } div#photo-right ul.zoover_score li { padding: 3px 0 3px 0; line-height: 14px } div#prev-next { width: 54px; height: 24px; padding: 4px 0 0 7px; top: 332px; left: 543px; background: url("/img/layout/navigation-background.png") 0 -169px; position: relative; } div#prev-next span { display: block; width: 20px; height: 20px; text-indent: -8000px; float: left; cursor: pointer; background: url("/img/layout/navigation-background.png") no-repeat -7px -207px; } div#prev-next span:hover { background-position: -7px -232px; } div#prev-next span.next-link { margin-left: 8px; background-position: -35px -207px; } div#prev-next span.next-link:hover { background-position: -35px -232px; } div#alttekst { position:absolute; left:15px; top: 332px; background: url("/img/layout/navigation-background.png") 0 -263px; z-index:9999; height: 22px; padding: 6px 5px 0 17px; font-weight:bold; color:#fff} div#alttekst div { position: absolute; left:15px; top:5px; color:#000; font-weight:bold; width:100% } div#alttekst span { background: url("/img/layout/navigation-background.png") -387px -263px; display:block; right:-19px; position:absolute; top:0; width: 19px; height:28px;} div#photo.fotoalbum { height: 435px; background-position: center 205px } div#prev-next.fotoalbum { top: 393px; } div#photo.fotoalbum div#alttekst { top: 393px; } /* VIDEO PAGINA */ *+html #content-right div.video_info { margin-top:55px;} #content-right div.video_info a.youtube{ position:absolute; top:-35px; right:0px;} #content-right div.video_info{ background:#F1F1F4; padding:15px; margin-top:38px; position:relative} #content-right div.video_info span.header-title{ margin-bottom:0; line-height:normal} #content-right div.video_info p{ margin:0; margin-bottom:5px; padding:0;} #content-right div.video_block { padding:15px; } #content-right div.video_block .copy a.arrow-link-small{ margin-left:35px} #content-right div.video_block .copy{ margin-top:5px; margin-bottom:10px;} #content-right div.video_block input{ border:1px solid #CCCCCC; clear:both; color:#171840; overflow:hidden; padding:8px 0 8px 5px; width:263px; } .copy { position:relative; float:right; } #content-right div.video_block textarea{ border:1px solid #CCCCCC; clear:both; color:#171840; overflow:hidden; padding:8px 0 8px 5px; width:263px; } #content-right div.video_block a.arrow-link-small{ margin-top:5px; } span.viewCount { display:block; text-align:right; color:#181941; margin-top:5px; font-size:11px; font-weight:bold} .videotabs{ border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; height:32px; margin-bottom: 35px; margin-left:-130px; padding-left:130px; width:1077px; margin-top:20px; } .videotabs ul { display:block; height:100px; } * html .videotabs ul li { float:left;} .videotabs ul li a { height: 25px; display: block; padding: 13px 15px 0; text-decoration: none; color: #c13e92; float: left;margin-top:-5px; font-weight: bold; } *+html .videotabs ul li { float: left;} .videotabs ul li.active a { border: solid 1px #ccc; border-bottom: none; margin-top:-5px; padding: 12px 14px 0; background: #fff;color: #171840; } .videotabs ul li a:hover{color: #171840;} #youtube_description { height:32px; overflow:hidden} #youtube_description span { display:block} .sliderleft{ width:20px; height:75px; background:url(/img/icons/slider_left.jpg) no-repeat center center; cursor:pointer} .sliderright{ width:20px; height:75px;background:url(/img/icons/slider_right.jpg) no-repeat center center; cursor:pointer} .slider { overflow:hidden; width:888px; } .slider ul { display:block; width:1500px; height:150px; } .slider ul li a span{ display:block; width:120px; height:74px; float:left; border:1px solid #b4137a; overflow:hidden; } .slider ul li a img{ margin-left:0px; margin-top:-8px;} .slider ul li a{ display:block; width:122px; height:140px; float:left; margin:0 13px; font-weight:normal; } * html .slider { width:888px;} * html .slider ul li a{ margin:0 6px;} * html .slider ul li{ display:block; width:122px; height:140px; float:left; margin:0 1px; font-weight:normal;} *+html .slider ul li{ display:block; width:122px; height:140px; float:left; margin:0 13px; font-weight:normal; } /* ZOOVER + ADRES */ div.estimation { background: #f2f2f2; padding: 0 0 14px 0; margin-top: 38px; margin-bottom: 15px; } div.estimation div.parken-stars { margin-bottom: -6px; } div.estimation a.arrow-link-small { margin-left: 19px; } div#photo-right div.estimation ul.zoover_score, ul.zoover_score { padding: 0 20px 8px 16px; position:relative; clear:both } div#photo-right div.estimation ul.zoover_score li, ul.zoover_score li { font-weight: bold; padding:0;} div.estimation ul li span, ul.zoover_score li span { float: right; } div.line { border: none; border-bottom: solid 1px #ccc; font-size: 0; height: 0; } div.estimation { padding-bottom: 45px; background: #f2f2f2 url(/img/layout/zoover.gif) 0 bottom no-repeat;} div.estimation.nobg { background:none; padding-bottom: 8px; } /* VERBLIJFSOPTIES */ div.voorzieningen { clear:both; width: 400px; margin: 10px 0 15px 0; text-align:left } div#content-left ul.verblijfsopties { margin-bottom: 10px; text-align:left } div#content-left ul.verblijfsopties,div#content-left ul.verblijfsopties li { background:none; padding:0; margin:0; float:left; width: 190px; } div#content-left ul.verblijfsopties li { padding: 3px 5px; width: 180px; line-height: 24px;} div#content-left ul.verblijfsopties.breed,div#content-left ul.verblijfsopties.breed li { width: 370px} div#content-left ul.verblijfsopties li.bggrijs { background-color: #f1f0f5} ul.verblijfsopties li span { background: transparent url(/img/iconen_sprite.png) 0 0 no-repeat; display:block; width: 27px; height:19px; float:left; margin-right: 8px; } ul.verblijfsopties li span.huis_2 { background-position: 0 -2px; } ul.verblijfsopties li span.huis_3 { background-position: -27px -2px; } ul.verblijfsopties li span.huis_4 { background-position: -54px -2px; } ul.verblijfsopties li span.huis_5 { background-position: -82px -2px; } ul.verblijfsopties li span.huis_6 { background-position: -108px -2px; } ul.verblijfsopties li span.huis_7 { background-position: -135px -2px; } ul.verblijfsopties li span.huis_8 { background-position: -162px -2px; } ul.verblijfsopties li span.huis_m { background-position: -189px -2px; } ul.verblijfsopties li span.t_plaatsen { background-position: -245px -3px; } ul.verblijfsopties li span.s_plaatsen { background-position: -218px -2px; } ul.verblijfsopties li span.bedlinnen { background-position: -2px -24px; } ul.verblijfsopties li span.keukenlinnen { background-position: -28px -24px; } ul.verblijfsopties li span.badlinnen { background-position: -55px -24px; } ul.verblijfsopties li span.supermarkt { background-position: -82px -23px; } ul.verblijfsopties li span.parkeerterrein { background-position: -108px -24px; } ul.verblijfsopties li span.restaurant, ul.verblijfsopties li span.kookgelegenheid { background-position: -136px -23px; } ul.verblijfsopties li span.zwembad { background-position: -162px -24px; } ul.verblijfsopties li span.rolstoel { background-position: -189px -22px; } ul.verblijfsopties li span.oppervlakte { background-position: -216px -23px; } ul.verblijfsopties li span.mp_kamer { background-position: -246px -23px; width: 34px; margin-right: 1px; } ul.verblijfsopties li span.huisdieren { background-position: -28px -47px; width: 30px; margin-right: 5px; } ul.verblijfsopties li span.bedden, ul.verblijfsopties li span.slaapplekken { background-position: -54px -47px; width: 30px; margin-right: 5px; } ul.verblijfsopties li span.eenpkamer, ul.verblijfsopties li span.eenp_kamer { background-position: -54px -46px; } ul.verblijfsopties li span.bad, ul.verblijfsopties li span.bd_kamer { background-position: -82px -48px; } ul.verblijfsopties li span.campers { background-position: -108px -45px; } ul.verblijfsopties li span.trekkershutten { background-position: -135px -46px; } ul.verblijfsopties li span.caravans { background-position: -217px -46px; } ul.verblijfsopties li span.tweekamer, ul.verblijfsopties li span.tweep_kamer { background-position: -246px -46px; width: 34px; margin-right: 1px } ul.verblijfsopties li span.toiletten { background-position: -246px 0px; width: 34px; margin-right: 1px } /* VERBLIJFSOPTIES POPUP */ #content-left div.parken { position:relative; } div.popup { width: 437px; position:absolute; display:none; padding: 37px 0 36px 0; overflow:hidden; cursor:pointer; float:left; } *+html div.popup { padding-bottom: 56px; } div.popup_icon { background-position: 0 -14px; display:block; width: 25px; height: 13px; position:absolute; right: 26px; top: 111px; overflow:hidden; cursor:pointer } div.popup div.popup_top, div.popup div.popup_bottom { width: 463px; height: 37px; background: url(/img/layout/popup_top.png) 0 0 no-repeat; position:absolute; overflow:hidden} div.popup div.popup_top {top:0; } div.popup div.popup_bottom { height:56px; background-position: 0 -38px; bottom: 0;} div.popup div.voorzieningen {width: 456px; margin-bottom:0; margin-top: 0; padding-left: 30px; background: url(/img/layout/popup.png) repeat-y; position:relative;} div.voorzieningen strong { display:block; } div.popup a.close { position:absolute; top: 35px; right: 30px; background-position: 0 0; display:block; width: 12px; height: 12px; overflow:hidden; text-indent:1000px; } /* ROUTE DETAILS */ div#photo-right p.route { margin-bottom: 3px; } div#photo-right p strong { line-height: 14px; } div#photo-right ul.route { padding:0; margin:0 0 20px 0; clear:both} div#photo-right ul.route li { clear:both; margin-bottom: 3px; padding:0;} div#photo-right ul.route li span { float:right; width: 153px; padding-left: 5px; margin-bottom: 3px; } /* STERREN */ div.parken-stars span.stars_0, span.stars_0, span.stars_1, span.stars_2, span.stars_3, span.stars_4, span.stars_5, div.parken-stars span.stars_1, div.parken-stars span.stars_2, div.parken-stars span.stars_3, div.parken-stars span.stars_4, div.parken-stars span.stars_5 {display:block;width:77px;height:14px;margin:5px 0 0 0;background-position: -220px -136px;font-size:0} div.parken-stars span.stars_1, span.stars_1 {background-position: -205px -136px;} div.parken-stars span.stars_2, span.stars_2 {background-position: -190px -136px;} div.parken-stars span.stars_3, span.stars_3 {background-position: -175px -136px;} div.parken-stars span.stars_4, span.stars_4 {background-position: -160px -136px;} div.parken-stars span.stars_5, span.stars_5 {background-position: -145px -136px;} /* LOGOS PAGINA */ div.grey { background:#f3f3f3; padding:10px;} div.grey ol { padding:0 0 0 0; margin:0 0 0 10px;} div.grey ol li { padding:0; margin:0;} /* GOOGLE MAPS */ div#googlemaps_column { width:300px; height:457px; display:block; overflow:hidden; } div#googlemaps_column span { visibility:hidden; } div.googlemaps_controls {width:61px;height:123px;display:block;position:relative;background:url(/img/layout/sprite_maps.png) no-repeat 0 0} div.googlemaps_controls div {display:block;position:absolute;cursor:pointer;} div.googlemaps_controls .zoomin {width:27px;height:30px;left:17px;top:64px} div.googlemaps_controls .zoomout {width:27px;height:29px;left:17px;top:94px} div.googlemaps_controls .top {width:20px;height:20px;left:21px;top:2px} div.googlemaps_controls .right {width:20px;height:20px;left:40px;top:20px} div.googlemaps_controls .bottom {width:20px;height:20px;left:21px;top:38px} div.googlemaps_controls .left {width:20px;height:20px;left:2px;top:20px} div.googlemaps_infowindow {display:none;position:absolute;width:285px;height:166px;background:url(/img/layout/maps/info_balloon.png) no-repeat -10px 0;padding:9px 17px 30px 11px;margin:0;overflow:hidden} div.googlemaps_infowindow div.content {display:block;width:240px;height:124px;overflow:hidden;padding:7px 10px 0px 10px;/*background-color:#fff*/} div.googlemaps_infowindow div.content img { margin-right: 10px; position:relative; float:left } div.googlemaps_infowindow div.content div.adres, div.adres {line-height:13px;display:block;width:100%;height:83px;padding:0;margin:0;overflow:hidden} div.googlemaps_infowindow div.content div.adres.groot, div.adres.groot {height:125px;} div.googlemaps_infowindow div.content div.adres h4, div.adres h4 {line-height:12px;margin:0;padding:0} div.googlemaps_infowindow div.content div.adres h4 a, div.adres h4 a {font-weight:bold} div.googlemaps_infowindow div.content div.line {display:block;width:100%;height:1px;line-height:1px;font-size:1px;background-color:#e7e7ec;margin-top:7px} div.googlemaps_infowindow div.content div.route {display:block;float:left;padding-top:4px;width:40px;font-weight:bold} div.googlemaps_infowindow div.content ul {list-style:none;float:left;padding-top:4px;width:140px} div.googlemaps_infowindow div.content ul li {float:left;display:block;list-style:none;padding-right:12px} div.googlemaps_infowindow div.content ul li a {display:inline} /* V3 */ /*div.googlemaps_infowindow div.contentv3 div.adres, div.adres {line-height:13px;display:block;width:100%;height:83px;padding:0;margin:0;overflow:hidden} div.googlemaps_infowindow div.contentv3 div.adres.groot, div.adres.groot {height:125px;} div.googlemaps_infowindow div.contentv3 div.adres h4, div.adres h4 {line-height:12px;margin:0;padding:0} div.googlemaps_infowindow div.contentv3 div.adres h4 a, div.adres h4 a {font-weight:bold} div.googlemaps_infowindow div.contentv3 div.line {display:block;width:100%;height:1px;line-height:1px;font-size:1px;background-color:#e7e7ec;margin-top:7px} div.googlemaps_infowindow div.contentv3 div.route {display:block;float:left;padding-top:4px;width:40px;font-weight:bold} div.googlemaps_infowindow div.contentv3 ul {list-style:none;float:left;padding-top:4px;width:140px} div.googlemaps_infowindow div.contentv3 ul li {float:left;display:block;list-style:none;padding-right:12px} div.googlemaps_infowindow div.contentv3 ul li a {display:inline} */ div.contentv3 img { display: block; } div.contentv3 h4 { margin-bottom: 0; margin-top: 5px; clear: both; font-weight: bold;} div.googlemaps_controls_view {width:109px;height:28px;display:block;position:absolute; right:10px; top:10px; overflow:hidden} div.googlemaps_controls_view div {display:block;position:absolute;cursor:pointer; height:28px;} div.googlemaps_controls_view div.satelliet {width:109px;height:56px;left:0px;top:0px; background: url(/img/layout/satelliet.png) 0 -62px; overflow:hidden} div.googlemaps_controls_view div.satelliet.active {background-position: 0 -95px;} #printer { display:block; visibility:hidden; height:1px; width:1px; } /* PLATTEGROND PAGINA div#googlemaps_column.groot {width:722px; height: 780px; border: solid 1px #d2d2d4; border-left:0; float:left; } div#googlemaps_column.groot.ingeklapt { width:930px; } div#googlemaps_filter { width: 218px; height: 780px; overflow:auto; float:left; border: solid 1px #d2d2d4; border-right:0; background: transparent url(/img/layout/shaduw.png) right repeat-y; } div#googlemaps_filter.ingeklapt { width: 10px; overflow:hidden; } a#uitklap { position:absolute; top:6px; left:210px; left: display:block; width: 23px; height: 17px; background-position: 0 -42px; text-indent: -200px; overflow:hidden} a#uitklap.ingeklapt { background-position: -23px -42px; left: 0;}*/ .floatleft { float:left; width:280px;} .floatright { float:right; width:280px;} img.imgleft { margin: 8px 15px 5px 0; float:left} img.imgright { margin: 8px 0 15px 5px; float:right} /* SIFR */ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } sIFR-active h1 { visibility: hidden; font-weight: bold;} } @media print { .sIFR-flash { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; } .sIFR-alternate { visibility: visible !important; display: block !important;position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto!important; } } /* PERS PAGINA */ img { border:none; } p.foto_titel { margin:0; padding:5px 0 0 0; } /* ASPERGE FLASH */ #aspergeflash {position:absolute; right:0; top:74px; margin-right:-112px} *html #aspergeflash { margin-right: -70px; } /* RSS */ div.rss { width: 620px; position:relative; height:30px; margin-top:-15px; } div.rss.detail { margin-top:-30px; } a.rss { display: block; float:right; width: 25px; padding-left: 25px; height:20px; line-height: 20px; font-size:11px; color: #e25d0e; background:url(/img/layout/rss.gif) no-repeat; } /* VOORDEELBONNEN */ #voordeelbonnen { clear:both;} #voordeelbonnen div, div.voordeelbon, div.voorwaarden { position:relative; float: left; width: 282px; height: 216px; overflow:hidden; margin: 20px 0 25px 0; border: solid 1px #efefef;} #voordeelbonnen div.middle { margin-left: 45px; margin-right: 45px;} #voordeelbonnen img, div.voordeelbon img { position: absolute; } #voordeelbonnen div.text, div.voordeelbon div.text { margin:0; position: absolute; border:0; width: 282px; height: 136px; padding-top: 80px; background:url(/img/voordeelbon.png) no-repeat 0 0; } #voordeelbonnen h2, #voordeelbonnen p, div.voordeelbon h2, div.voordeelbon p { text-align:center; } #voordeelbonnen h2, div.voordeelbon h2 { font-size: 16px; padding-top: 33px; } #voordeelbonnen p, div.voordeelbon p { font-size: 12px; line-height: 20px; margin-top: 1px; } #voordeelbonnen a.voorwaarden { font-size:10px; top:195px; right: 9px; position:absolute; cursor:pointer; } #voordeelbonnen label { left: 9px; position:absolute; font-size: 10px; color: #B4137A; top: 194px; } #voordeelbonnen input { position: relative; top: 2px; margin-right: 4px; } div.printknop, div.printknopPopup { float: right; width: 230px; margin:0 22px 0 0; } div.printknop a, div.printknopPopup a { width: 200px; } /* DETAIL PAGINA BEDRIJF */ div.voordeelbonSmall { width: 223px; margin-top: 4px; } div.voordeelbonSmall div.text { background-image: url(/img/voordeelbon_bedrijf.png); width: 223px; position: relative; height: auto;} div.voordeelbonSmall div.text h2 { top: 60px; } div.voordeelbonSmall div.text h2 { padding-top: 12px; font-size: 14px; } div.voordeelbonSmall div.text p { margin: 5px; font-size: 11px; } div.voordeelbonSmall a.button { width: 100px; margin-left: 40px } div.voordeelbonSmall a.voorwaarden { font-size: 10px; right: 0px; padding-right:8px; float: right; position:absolute; bottom: 10px;} div.voordeelbonSmall div.printknop, div.voordeelbonSmall div.printknopPopup { margin: 0; cursor:pointer; } .related-videos { margin-top:20px;} .related-videos strong{ margin-bottom:10px; display:block} .related-videos div a { display:block; float:left; font-weight:normal; height:75px; margin:0 ; width:212px; } .related-videos div a span { border:1px solid #B4137A; display:block; float:left; height:60px; overflow:hidden; width:90px; } .related-videos div a span.title { border:none; display:block; float:left; margin-left:5px; width:90px; height:auto; } .related-videos div a span.viewCount { border:none; display:block; float:none; width:auto; height:auto; margin:3px 0 0 0; text-align:left; font-weight:normal } .static{ width:42px; height:257px; background:red; position:absolute; top:100px; left:0; z-index:99999; background:url(/img/liefdemobiel1.gif) no-repeat; } /* HOTELIERS */ #hotelliersBlock { background-color: #b4137b; border-radius: 15px; padding: 18px; color: #ffffff; margin-bottom: 30px; } #hotelliersBlock input, #hotelliersBlock select { background: #ffffff; color: #000000; padding-right: 0; } #hotelliersBlock input.text { line-height: 18px; height: 18px; } #hotelliersBlock td.title img, #hotelliersBlock td.title span.header-title-white { float: left; color: #ffffff; font-size: 18px; display: block; letter-spacing:0; } #hotelliersBlock td.title span.header-title-white { width: 230px; padding-bottom: 10px; display: block; } #hotelliersBlock td.title img { padding-right: 5px; } #hotelID, #city { width: 165px; padding-right: 0; } #hotelliersBlock .findSmall { width: 115px; background-image: url('/img/hoteliers/search.png'); /*color: #b4137b;*/ height: 23px; display: block; font-weight: bold; font-size: 13px; text-align: left; line-height: 23px; padding-left: 18px; margin-top: 10px; } #hotelliersBlock .findLarge { background-image: url('/img/hoteliers/searchLarge.png'); width: 176px; height: 23px; display: block; font-weight: bold; font-size: 13px; text-align: left; line-height: 23px; padding-left: 7px; margin-top: 10px; } #hotelliersBlock .findHotel:hover { cursor: pointer; } #hotelliersBlock td { vertical-align: middle; } #hotelliersBlock td.lineDark { background: url('/img/hoteliers/lineDark.png') repeat-x; height: 2px; } #hotelliersBlock td.lineLight { background: url('/img/hoteliers/lineLight.png') repeat-x; height: 2px; } #hotelliersBlock tr.arrive td { padding-top: 10px; } #hotelliersBlock tr.depart td { padding-bottom: 10px; } #hotelliersBlock #am, #dm { width: 109px; } #content-right #hotelliersBlock p { margin: 10px 0; } #content-right .departDate_toggler, #content-right .arriveDate_toggler { margin-right: 30px; } *+html #hotelID { font-size: 9px} @media \0screen { #hotelID { font-size: 9px} } .related-videos a img{ margin-left:0px; margin-top:-4px;} /*HOTELIERS BANNER */ .hoteliersBanner{ width: 295px; height: 80px; background: url('/img/hoteliers/boekBannerBackground.jpg') no-repeat right 0; } .hoteliersBanner span.header-title { margin-bottom: 6px; } /** * SqueezeBox - Expandable Lightbox */ #sbox-overlay { position: fixed; background-color: #000; left: 0px; top: 0px; zoom: 1;} #sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 10px; /* invalid values, but looks smoother! */-moz-border-radius: 3px; -webkit-border-radius: 3px;} #sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(/js/assets/closebox.png) no-repeat center; border: none;} .sbox-window-ie6 #sbox-btn-close { background-image: url(/js/assets/closebox.gif);} .sbox-loading #sbox-content { background-image: url(/js/assets/spinner.gif); background-repeat: no-repeat; background-position: center;} #sbox-content { clear: both; overflow: auto; background-color: #fff; height: 100%; width: 100%;} .sbox-content-image#sbox-content { overflow: visible;} #sbox-image { display: block;} .sbox-content-image img { display: block; width: 100%; height: 100%;} .sbox-content-iframe#sbox-content { overflow: visible;} /* Hides scrollbars */ .body-overlayed { overflow: auto;} /* Hides flash (Firefox problem) and selects (IE) */ .body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden;} #sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible;} /* Shadows */ .sbox-bg { position: absolute; width: 33px; height: 40px;} .sbox-bg-n { left: 0; top: -40px; width: 100%; background: url(/js/assets/bg_n.png) repeat-x;} .sbox-bg-ne { right: -33px; top: -40px; background: url(/js/assets/bg_ne.png) no-repeat;} .sbox-bg-e { right: -33px; top: 0; height: 100%; background: url(/js/assets/bg_e.png) repeat-y;} .sbox-bg-se { right: -33px; bottom: -40px; background: url(/js/assets/bg_se.png) no-repeat;} .sbox-bg-s { left: 0; bottom: -40px; width: 100%; background: url(/js/assets/bg_s.png) repeat-x;} .sbox-bg-sw { left: -33px; bottom: -40px; background: url(/js/assets/bg_sw.png) no-repeat;} .sbox-bg-w { left: -33px; top: 0; height: 100%; background: url(/js/assets/bg_w.png) repeat-y;} .sbox-bg-nw { left: -33px; top: -40px; background: url(/js/assets/bg_nw.png) no-repeat;} .spinner { position: absolute; opacity: 0.9; filter: alpha(opacity=90); z-index: 999; background: #4a4b46;} .spinner-msg { text-align: center; font-weight: bold;} .spinner-img { /*background: url(/img/spinner.gif) no-repeat;*/ width: 32px; height: 32px; margin: 0 auto;} /** * Beoordelingen */ .rating_container{padding: 20px 0; } .rating_container .button { margin-top:10px; } .rating_container .hidden{ display:none;} .rating_container #next{ margin-top:-20px;} .rating_header_none{ padding: 0 0 0 0; } .rating_header{ padding: 0 0 20px 0; } .rating_header p {padding:0; margin:0;} .rating_header .header-title { padding:0; margin:0; margin-top:0px; margin-bottom:10px; } .rating_header .stars {margin-bottom:5px;} .rating{ border-top: 1px solid #E9E9E9; padding:20px 0; } .rating p { padding:10px 0; margin:0; } .rating span.name { font-size:11px} .rating_summary { margin-top:-20px; padding-bottom:10px; } .rating_summary div{ padding:5px 0; } .rating_overview_item{ padding:10px 0 0 0 ; } .rating_overview_item .rating_count{padding:5px 0 5px 0 ; font-size:12px; color:#171840} .rating_overview_item .rating_count a{font-size:12px; color:#171840} .rating_overview_item .rating_count a:hover{font-size:12px; color:#B4137A } .rating_overview_item a.rating_write{font-size:12px; padding-bottom:3px; color:#171840} .rating_overview_item a.rating_write:hover{font-size:12px; color:#B4137A} .multifilter{ padding:0 0 30px 0; border-bottom: 1px solid #E9E9E9; } .multifilter div.startplaats{ width:200px; float:left;} .multifilter div.startplaats label{ display:block; color: #171840; font-weight: bold; font-size:13px;} .multifilter div.startplaats select {width: 175px;} .multifilter div.lengte{ width:200px; float:left;} .multifilter div.lengte label{ display:block; color: #171840; font-weight: bold; font-size:13px;} .multifilter div.lengte select {width: 175px;} .category_title{ margin-top:-10px; margin-bottom: 25px; background:white; float:left; padding-right:10px;color: #171840; font-weight: bold; font-size:13px;}