* { outline: 0; }
html, body { width: 100%; height: 100%; }
html, body, p, blockquote, p, h1, h2, h3, h4, h5, ul, ul li, li, span, u, i, b, strong, hr, div { padding: 0px; margin: 0px; }
ul li { list-style: none; }
html { background-image: url(/static/img/bg-stroke-body.jpg); background-position: top center; background-repeat: no-repeat; }
html#de { background-image: url(/static/img/bg-stroke-body-de.jpg); }
body { width: 980px; margin: 0 auto; display: block; }
a { color: #336149; }
a:hover { text-decoration: none; }
/* Wrappers */
#container { width: 980px; margin: 0 auto; padding-left: 12px; padding-top: 49px; }
#links { width: 700px; float: left; }
#top { width: 700px; float: left; height: 363px; clear: both; }
#top #diavoorstelling { position: absolute; width: 700px; float: left; clear: both; height: 363px; }
#top img { height: 363px; width: 700px; display: block; }
#top div.noflash-index-label img { height: auto; width: auto; display: block; }
#bottom { float: left; clear: both; margin-top: 23px; min-height: 360px; }
#rechts { width: 280px; float: left; position: relative; }
#footer { clear: both; width: 700px; text-align: center; color: #000; padding-bottom: 20px; }
/* Welkomstpagina (met de drie categorieblokken) */
#achtergrond { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
html#welkomstpagina-de,
html#welkomstpagina { background: none; width: auto; overflow: hidden; }
html#welkomstpagina-de body,
html#welkomstpagina body { width: 1000px; margin: 0 auto; }
html#welkomstpagina-de #overlay,
html#welkomstpagina #overlay { display: block; position: absolute; top: 402px; z-index: 10; background-image: url(/static/img/overlay-droomparken.png); background-position: top center; left: 0; right: 0; width: 100%; height: 228px; text-align: center; }
html#welkomstpagina-de #overlay { background-image: url(/static/img/overlay-droomparken-de.png); }
html#welkomstpagina-de #label,
html#welkomstpagina #label { display: block; position: absolute; z-index: 75; top: -65px; margin-left: 420px; }
html#welkomstpagina-de #btn-verder-naar-website,
html#welkomstpagina #btn-verder-naar-website { margin-top: 43px; margin-left: 500px; }
html#welkomstpagina-de #schaduw,
html#welkomstpagina #schaduw { margin: 0 auto; width: 1000px; height: 700px; background-image: url(/static/img/bg-witte-schaduw-container.png); background-position: left top; background-repeat: no-repeat; padding-top: 1px; padding-left: 12px; }
html#welkomstpagina-de #container,
html#welkomstpagina #container { width: 900px; height: 375px; position: absolute; overflow: hidden; padding-top: 30px; z-index: 100; }
html#welkomstpagina-de .foto-container,
html#welkomstpagina .foto-container { display: none; }
html#welkomstpagina-de .omschrijving,
html#welkomstpagina .omschrijving { padding: 11px; font-size: 11px; font-family: arial; line-height: 19px; color: #000; width: 260px; height: 400px; position: absolute; margin-left: 400px; }
html#welkomstpagina-de #container .onderdeel,
html#welkomstpagina #container .onderdeel { width: 740px; float: left; position: absolute; height: 375px; background-repeat: no-repeat; border: solid 1px #fff; border-bottom: 0; cursor: pointer; }
html#welkomstpagina-de #container .onderdeel .welkomst-titelbalk,
html#welkomstpagina #container .onderdeel .welkomst-titelbalk { display: block; width: 740px; height: 32px; position: absolute; margin-top: 345px; font-family: arial; font-size: 14px; color: #fff; line-height: 28px; background-position: top left; }
html#welkomstpagina-de #container .onderdeel .welkomst-titelbalk span,
html#welkomstpagina #container .onderdeel .welkomst-titelbalk span { padding-left: 10px; font-weight: normal; }
html#welkomstpagina-de #container .onderdeel#onderdeel-a .omschrijving,
html#welkomstpagina-de #container .onderdeel .welkomst-titelbalk.kamperen,
html#welkomstpagina #container .onderdeel#onderdeel-a .omschrijving,
html#welkomstpagina #container .onderdeel .welkomst-titelbalk.kamperen { background-color: #71b491; color: #fff; }
html#welkomstpagina-de #container .onderdeel#onderdeel-b .omschrijving,
html#welkomstpagina-de #container .onderdeel .welkomst-titelbalk.verhuuraccommodaties,
html#welkomstpagina #container .onderdeel#onderdeel-b .omschrijving,
html#welkomstpagina #container .onderdeel .welkomst-titelbalk.verhuuraccommodaties { background-color: #336149; color: #fff; }
html#welkomstpagina-de #container .onderdeel#onderdeel-c .omschrijving,
html#welkomstpagina #container .onderdeel#onderdeel-c .omschrijving { width: 280px; }
html#welkomstpagina-de #container .onderdeel#onderdeel-c .omschrijving,
html#welkomstpagina-de #container .onderdeel .welkomst-titelbalk.makelaardij,
html#welkomstpagina #container .onderdeel#onderdeel-c .omschrijving,
html#welkomstpagina #container .onderdeel .welkomst-titelbalk.makelaardij { background-color: #2f756e; color: #fff; }
html#welkomstpagina-de #container .onderdeel .omschrijving .inline-knop,
html#welkomstpagina #container .onderdeel .omschrijving .inline-knop { position: absolute; margin-top: 300px; display: block; }
html#welkomstpagina-de #bord-te-koop,
html#welkomstpagina #bord-te-koop { position: absolute; margin-top: 250px; margin-left: 805px; z-index: 200; }
html#welkomstpagina-de #container .onderdeel#onderdeel-a,
html#welkomstpagina #container .onderdeel#onderdeel-a { z-index: 1; margin-left: 0px; background-image: url(/static/img/bg-welkom-kamperen.jpg); }
html#welkomstpagina-de #container .onderdeel#onderdeel-b,
html#welkomstpagina #container .onderdeel#onderdeel-b { z-index: 1; margin-left: 300px; background-image: url(/static/img/bg-welkom-verhuur.jpg); }
html#welkomstpagina-de #container .onderdeel#onderdeel-c,
html#welkomstpagina #container .onderdeel#onderdeel-c { z-index: 1; margin-left: 600px; background-image: url(/static/img/bg-welkom-makelaardij.jpg); }
html#welkomstpagina-de #container .sfeerfoto-inline,
html#welkomstpagina #container .sfeerfoto-inline { position: absolute; margin-top: 230px; }
/* Menu */
#hoofdmenu .menu-blok-opvanger { position: absolute; z-index: -1; background: #81c0a3; overflow: hidden; width: 700px; height: 20px; margin-top: 363px;}
#hoofdmenu ul { float: left; clear: both; z-index: 100; margin-top: 322px; position: absolute; }
#hoofdmenu ul,
#hoofdmenu ul li,
#hoofdmenu ul li li { background: none; }
#hoofdmenu ul li { display: block; margin-left: 10px; float: left; }
#hoofdmenu ul li a { display: inline-block; color: #fff; text-decoration: none; font-family: arial; font-size: 14px; background-image: url(/static/img/bg-menuitem.png); padding-left: 7px; padding-right: 26px; float: left; height: 8px; padding-top: 22px; }
#hoofdmenu ul li.menuitem-7 a { padding-top: 9px; height: 21px; }
#hoofdmenu ul li.menuitem-7 li a { height: 19px; padding-top: 0; }
#hoofdmenu ul li.menuitem-14 a { padding-top: 9px; height: 21px; }
#hoofdmenu ul li.menuitem-14 li a { height: 19px; padding-top: 0; }
/* Over effect / actief */
#hoofdmenu ul li.sfHover a,
#hoofdmenu ul li a:hover,
#hoofdmenu ul li.actief a,
#hoofdmenu ul li.actief a:link,
#hoofdmenu ul li.actief a:active,
#hoofdmenu ul li.actief a:visited { background-image: none; background: #4c7882; }
/* Submenu */
#hoofdmenu ul li ul { top: 0px; margin-top: 41px; float: left; clear: both; left: 0; width: 700px; background-color: #81c0a3; height: 20px; background: none; }
#hoofdmenu ul li ul li { display: inline-block; margin: 0; padding: 0; float: left; border-right: solid 1px #fff; }
#hoofdmenu ul li ul li.last { border-right: 0; }
#hoofdmenu ul li ul li.first { padding-left: 10px; }
#hoofdmenu ul li.met-kinderen ul li a,
#hoofdmenu ul li.actief ul li a,
#hoofdmenu ul li.actief ul li a:link,
#hoofdmenu ul li.actief ul li a:active,
#hoofdmenu ul li.actief ul li a:visited,
#hoofdmenu ul li ul li a,
#hoofdmenu ul li ul li a:link,
#hoofdmenu ul li ul li a:active,
#hoofdmenu ul li ul li a:visited { padding: 0; font-size: 12px; background: transparent; color: #000; color: #fff; font-size: 12px; padding-left: 5px; padding-right: 9px; padding-top: 4px; padding-bottom: 4px; height: auto; font-weight: normal; }
#hoofdmenu ul li ul li a:hover,
#hoofdmenu ul li ul li.sfHover a,
#hoofdmenu ul li ul li.actief a { background-image: none; background-color: none; background: #4c7882; }
/*
- Zoekresultaten onder makelaardij
- Nieuwsberichten
*/
#items { clear: both; padding-left: 10px; }
#items .item { clear: both; float: left; width: 700px; height: 105px; margin-bottom: 10px; }
#items .item .links { max-width: 175px; display: inline-block; float: left; margin: 9px; }
#items .item .rechts { width: 500px; float: left; margin-top: 9px; height: 96px; }
#items .item .rechts .prijs { position: absolute; margin-left: 400px; font-size: 22px; color: #fff; margin-top: 20px; }
#items .item .overflow-containment { max-height: 101px; overflow: hidden; float: left; }
/* Kampeerpagina */
#kamperen-container { width: 700px; }
.kamperen-links { width: 250px; float: left; }
.kamperen-rechts { width: 450px; float: left; padding-top: 10px; }
.kamperen-rechts .raster-blok { width: 220px; height: 100px; background-image: url(/static/img/bg-raster-blok.png); background-repeat: no-repeat; background-position: left top; color: #fff; float: left; margin-right: 10px; margin-bottom: 10px; }
.kamperen-rechts .raster-blok .pijl-raster-blok { position: absolute; margin-top: 47px; margin-left: 164px; display: block; background-image: url(/static/img/sprite-pijl-rond.png); background-repeat: no-repeat; background-position: top left; width: 50px; height: 48px; text-decoration: none; }
.kamperen-rechts .raster-blok a:hover.pijl-raster-blok { background-position: left -48px; }
.kamperen-rechts .raster-blok h2 { font-size: 13px; }
.kamperen-rechts .raster-blok#blok-b,
.kamperen-rechts .raster-blok#blok-d,
.kamperen-rechts .raster-blok#blok-f { margin-right: 0; }
.kamperen-rechts .raster-blok .small-marger { margin: 7px; }
/* Formulieren */
.gen-form table tr td { font-size: 12px; line-height: 20px; font-family: arial; width: 180px; border-bottom: solid 1px #efefef; }
textarea.form-tekstvak,
input.form-tekstveld,
input.licht-tekstveld { border: 0; font-family: 16px; color: #fff; font-weight: bold; padding: 2px; padding-left: 5px; width: 265px; height: 18px; background-color: #9bc086; }
input.blur-veld { width: 175px; font-family: arial; font-size: 12px; color: #000; margin-left: 15px; }
input.blur-veld.medium { width: 130px; float: left; }
input.blur-veld.small { width: 30px; }
select.form-select { width: 195px; font-weight: bold; margin-top: 4px; }
select.form-select.wider { width: 275px; }
select.form-select.smaller { width: 150px; }
select.form-select.some-right { margin-right: 6px; }
select.form-select option { font-weight: bold; }
textarea.form-tekstvak { height: 110px; }
.gen-form table tr td input.niet-ingevuld { background-color: #c20b0b; color: #fff; }
/* Parkpresentatie */
.zijde-links { margin-right: 7px; }
/* Plan uw route */
.blok-plan-uw-route { color: #0b366c; font-family: arial; font-size: 12px; line-height: 18px; background-image: url(/static/img/bg-plan-route.png); background-repeat: no-repeat; width: 230px; height: 258px; margin-top: -5px; padding-top: 2px; }
.blok-plan-uw-route label { padding-left: 16px; }
.blok-plan-uw-route label.vergeten-in-te-vullen { color: red; }
/* Fotogallerij */
.fotogallerij { clear: both; width: 740px; float: left; padding-left: 11px; padding-top: 3px; margin-bottom: 10px; margin-top: 6px; }
.fotogallerij.negative-left { margin-left: -22px; }
.fotogallerij a { text-decoration: none; }
.fotogallerij .thumbnail { float: left; margin-bottom: 6px; }
.fotogallerij .thumbnail img { border: solid 1px #ccc; width: 225px; }
.thumbnail-op-achtergrond { width: 107px; height: 85px; background-position: center center; background-repeat: no-repeat; border: solid 1px #444; overflow: hidden; float: left; margin-left: 2px; margin-right: 2px; }
/* Container met flashelement */
.removeable { position: absolute; z-index: 300; width: 500px; height: 390px; }
/* Fotolijstje */
.foto-met-lijstje { width: 154px; height: 121px; float: left; margin-left: -8px; position: relative; }
.foto-met-lijstje .lijstje { position: absolute; z-index: 10; width: 154px; height: 121px; background-repeat: no-repeat; }
.foto-met-lijstje .foto { position: absolute; z-index: -1; width: 154px; height: 121px; display: block; }
/* Rotatie smaken */
.foto-met-lijstje.rotatie-0 .lijstje { background-image: url(/static/img/fotolijstje-1.png); }
.foto-met-lijstje.rotatie-1 .lijstje { background-image: url(/static/img/fotolijstje-2.png); }
/* Follow up (verticaal) */
#foto_index_0,
#foto_index_2
#foto_index_4 { z-index: 3; }
#foto_index_1,
#foto_index_3
#foto_index_5 { z-index: 2; }
/* Blokje met adresgegevens */
.adresgegevens-blok { background-image: url(/static/img/bg-adresgegevens-park.png); margin-left:-5px; background-repeat: no-repeat; width: 260px; height: 114px; padding-top:2px; }
.adresgegevens-blok table { border-collapse: collapse; margin-left: 17px; margin-top: 17px; }
.adresgegevens-blok table tr td { color: #fff; font-size: 12px; font-family: arial; }
/*
- parkpresentatie
- lastminutes / verhuur
*/
#raster .blok { float: left; width: 345px; margin-right: 10px; margin-bottom: 10px; color: #fff; }
#raster .blok#blok-b,
#raster .blok#blok-d,
#raster .blok#blok-f { margin-right: 0; }
#raster div.blok a.thumbnail { float: left; display: block; margin-right: 6px; }
#raster div.blok a.thumbnail img { width: 160px; height: 120px; border: 0; }
#raster div.blok#blok-b { padding-left: 9px; width: 336px; padding-top: 7px; padding-bottom: 7px; }
/* Diverse kolom-layouts */
#opzet-3-koloms { float: left; clear: both; width: 700px; }
#opzet-3-koloms #kolom-a { float: left; width: 28%; margin-right: 1%; }
#opzet-3-koloms #kolom-b { float: left; width: 29%; margin-right: 1%; }
#opzet-3-koloms #kolom-c { float: left; width: 30%; }
#opzet-2-koloms { float: left; clear: both; width: 700px; }
#opzet-2-koloms #kolom-a { float: left; width: 60%; margin-right: 1%; }
#opzet-2-koloms #kolom-b { float: left; width: 30%; margin-right: 1%; }
/* Verhuurpagina */
#verhuur-container { width: 700px; }
.verhuur-links { width: 250px; float: left; }
.verhuur-rechts { width: 450px; float: left; margin-top: 10px; }
/* Kleine lastminutes */
.verhuur-rechts#raster .blok { width: 220px; height: 126px; background-image: url(/static/img/bg-verhuur-blok.png); }
.verhuur-rechts#raster .blok .marger { margin: 9px; }
.verhuur-rechts#raster .blok .marger .prijs { position: absolute; margin-top: 68px; margin-left: 58px; }
.verhuur-rechts#raster .blok .reguliere-content { color: #434b77; line-height: 18px; width: 205px; }
.pijl-raster-blok { position: absolute; margin-top: 60px; margin-left: 155px; display: block; background-image: url(/static/img/sprite-pijl-rond.png); background-repeat: no-repeat; background-position: top left; width: 50px; height: 48px; text-decoration: none; }
.verhuur-rechts#raster .blok a:hover.pijl-raster-blok { background-position: left -48px; }
.verhuur-rechts#raster .blok#blok-b { width: 220px; padding: 0; }
/* Blok vakantie zoeken */
.verhuur-rechts#raster .blok#blok-d { background-image: url(/static/img/bg-blok-zoek-vakantie.png); background-position: left top; height: 360px; }
.verhuur-rechts#raster .blok#blok-d h3 { padding-top: 8px; padding-bottom: 5px; }
/*
- Grote lastminutes (zoeken naar lastminutes, of aanbiedingen klik hier)
- Makelaarij zoekresultaten
*/
#items .item.rechthoek.liggend { background-image: url(/static/img/bg-liggende-rechthoek.png); background-repeat: no-repeat; background-position: left top; width: 652px; height: 109px; }
#items .item.rechthoek.liggend .sfeerfoto { width: 120px; border: solid 1px #75c5d0; }
#items .item.rechthoek.liggend .sfeerfoto.links { float: left; }
#items .item.rechthoek.liggend .rechts { float: left; width: 330px; height: 90px; }
#items .item.rechthoek.liggend h2 { width: 500px; clear: both; }
#items .item.rechthoek.liggend .rechts .reguliere-content .uitlijning-rechts.donker { position: absolute; color: #415460; margin-left: 220px; margin-top: 20px; }
#items .item.rechthoek.liggend .rechts .reguliere-content .uitlijning-rechts.donker.nieuws-link { margin-left: 325px; margin-top: 28px; }
#items .item.rechthoek.liggend .rechts .reguliere-content .uitlijning-rechts.donker.p10 { margin-left: 190px; margin-top: 35px; }
#items .item.rechthoek.liggend .rechts .prijs { margin-left: 345px; margin-top: 30px; }
#items .item.rechthoek.liggend .marger.horizontaal { margin-top: 2px; }
#items .item.rechthoek.liggend.woning h2 { margin-top: 0px; color: #fff; }
/* Decoraties / overige */
.verkleining { width: 125px; }
#banner-lastminutes { display: block; width: 475px; height: 100px; background-image: url(/static/img/banner-lastminutes.png); background-position: left top; background-repeat: no-repeat; text-decoration: none; clear: both; margin-left: 3px; position: relative; }
#de #banner-lastminutes { background-image: url(/static/img/banner-lastminutes-de.png); }
#banner-lastminutes-campings { display: block; width: 233px; height: 108px; background-image: url(/static/img/banner-lastminutes-campings.png); background-position: left top; background-repeat: no-repeat; text-decoration: none; margin-left: 3px; position:relative; margin-top:328px;margin-left:224px; }
#de #banner-lastminutes-campings { background-image: url(/static/img/banner-lastminutes-campings-de.png); }
.reguliere-content { font-size: 12px; font-family: arial; line-height: 19px; color: #415460; }
.reguliere-content.wider { width: 415px; }
.reguliere-content.krap { line-height: 14px; }
.reguliere-content.some-top { padding-top: 8px; }
.wit { color: #fff; }
.do-float { float: left; }
.padder { padding: 10px; }
.padder.less-top { padding-top: 5px; }
div.text-blok { width: 465px; }
h1 { font-size: 24px; color: #415460; }
h2 { font-size: 16px; color: #415460; }
h2.some-top { margin-top: 11px; }
h3 { font-size: 13px; color: #415460; }
span.prijs { color: red; font-size: 28px; }
div.marger { margin: 15px; }
div.marger.but-wider { width: 222px; }
div.marger.no-top { margin-top: 0px; }
div.marger.no-left { margin-left: 0px; }
div.knoppen-lineout { margin-left: 35px; padding-top: 5px; }
div.knoppen-lineout a,
div.knoppen-lineout a:link,
div.knoppen-lineout a:active,
div.knoppen-lineout a:visited { text-decoration: none; }
div.knoppen-lineout h1 { padding-bottom: 5px; color: #fff; }
.float-rechts { float: right; }
#label { position: absolute; display: block; margin-left: -138px; top: 100px; z-index: 100; }
input, a { outline: 0; }
a img { border: 0; text-decoration: none; }
.sfeerfoto-makelaardij-details { float: left; margin: 10px; display: block; }
.grote-rechte-foto { display: block; border: solid 5px #9d869d; }
.fancy-table { border-collapse: collapse; margin-top: 7px; }
.fancy-table tr td { padding: 15px; padding-top: 10px; padding-bottom: 10px; font-family: arial; font-size: 12px; color: #434b77; }
.fancy-table tr td.dont-pad { padding: 0; }
.rechts { float: right; }
.line-height-20 { line-height: 20px; }
.white-padding { display: block; padding: 8px; background-color: #fff; }
.float-left { float: left; }
.padding-margin { padding-bottom: 20px; }
#videospeler { display: block; width: 680px; height: 500px; outline: 0; }
.margin-top-82 { margin-top: 50px; }
.margin-top-62.bit-less { margin-top: 62px; }
.clear-me { clear: both; display: block; }
.center-me { margin-left: 12px; }
.afmeting-20 { display: inline-block; width: 20px; height: 20px; position: relative; }
a.inline-knop.kleiner { font-size: 14px; }
.marge-bottom { margin-bottom: 7px; }
.vet { font-weight: bold; }
.p4 { padding: 4px; }
.p12 { padding: 12px; }
.p12.no-bottom { padding-bottom: 0; }
.pl17 { padding-left: 17px; }
.pl11 { padding-left: 11px; }
.p4.more-top { padding-top: 15px; }
.p4.no-left { padding-left: 0; }
.clearboth { clear: both; }
.pointer { cursor: pointer; }
.clear-both { clear: both; }
.w700 { width: 700px; }
.w350 { width: 350px; padding-top: 6px; }
.w685 { width: 685px; }
#kolom-rechts-banner { display: block; float: left; position: absolute; top: 370px; margin-left: 170px; }
#kolom-rechts-locaties { display: block; float: left; position: absolute; top: 320px; margin-left: 190px; }
.banner { float: left; margin-left: -15px; margin-top: -4px; }
/* Foto inline in de content */
.inline-foto { width: 121px; height: 95px; float: left; margin-right: 2px; margin-bottom: 2px; margin-top: 8px; margin-left: -10px; }
.inline-lijstje { width: 121px; height: 99px; background-image: url(/static/img/fotolijstje-inline.png); background-repeat: no-repeat; background-position: left top; position: absolute; }
.inline-image { width: 108px; height: 85px; margin-left: 10px; margin-top: 5px; display: block; position: absolute; z-index: -1; }
input.clean-padding { padding-top: 0; line-height: auto; }
.clear-both { clear: both; }
.right-top { position: absolute; width: 205px; margin-left: 470px; margin-top: -8px; }
.diepgroen { color: #336149; }
#foto_no_index { text-decoration: none; }
.park-teaser-container { position: absolute; display: none; display: none; z-index: 500; }
.teaser-parklogo { padding: 4px; border: solid 1px #ccc; background: #fff; width: 135px; margin-left: 15px; }
/* verstoppen van #de links */
#de #footer .menu-footer .menuitem-23,
#de #hoofdmenu .level-1 .menuitem-18 { display: none; }
/* Datepicker stylen */
.ui-widget-header { background-image: url(/static/img/datepicker-heading.png); border-color: #39a579; }
.ui-datepicker { width: 198px; margin-left: -2px; display: none; }
.ui-datepicker-calendar tr td { padding: 0; margin: 0; }
/* Meldingen / foutmeldingen */
div.foutmelding { background-color: #c00101; color: #fff; width: 700px; line-height: 28px; font-weight: bold; font-family: arial; font-size: 12px; }
div.foutmelding span { padding-left: 15px; }
.notification-box#box-messages p { display: none; }
.notification-box#box-messages ul,
.notification-box#box-messages { margin: 0; padding: 0; }
.notification-box#box-messages ul { background-color: #1e8d00; color: #fff; width: 700px; line-height: 28px; font-weight: bold; font-family: arial; font-size: 12px; }
.notification-box#box-messages ul li { padding-left: 15px; }
/* Twitter blok */
#tweets { margin-left: -10px; }
#tweets ul li small { float: right; background: #bdd895; }
#tweets ul li { color: #415460; font-family: verdana; font-size: 12px; line-height: 18px; border-top: solid 1px #efefef; padding-top: 4px; margin-top: 4px; }
/* Nieuwsbrief */
#nieuwsbrief-container { overflow: hidden; width: 420px; height: 250px; margin-left: -20px; margin-top: 20px; border: 0; }
/* Balk met kleine iconen */
#menubalk-klein { text-align: right; width: 700px; position: absolute; }
/* Standaard lijst met knoppen */
#rechts ul.knoppen li a,
#rechts ul.knoppen li a:link,
#rechts ul.knoppen li a:active,
#rechts ul.knoppen li a:visited { color: #fff; }
#rechts ul.knoppen li a:hover { color: #444; }
.inline-knop { border: 0; font-size: 18px; color: #fff; clear: both; display: inline-block; margin-top: 8px; text-decoration: none; line-height: 28px; padding-top: 6px; }
.inline-knop.smaller { font-size: 13px; }
.inline-knop.smallest { font-size: 11px; }
.inline-knop.donker { color: #444; }
.inline-knop.more-top { padding-top: 14px; }
.inline-knop.much-more-top { padding-top: 28px; }
.inline-knop.no-top { padding-top: 0px; margin-top: 0px; }
ul.knoppen { margin-left: 35px; }
ul.knoppen.more-top { padding-top: 15px; }
ul.knoppen.much-more-top { padding-top: 95px; }
ul.knoppen.no-left { margin-left: 0; }
ul.knoppen.bit-top { padding-top: 8px; }
ul.knoppen li { padding-bottom: 2px; }
.knop-klassiek,
ul.knoppen li a,
ul.knoppen li a:link,
ul.knoppen li a:active,
ul.knoppen li a:visited { border: 0; text-align: left; padding-bottom: 0px; background-image: url(/static/img/bg-fancy-btn.png); padding-left: 15px; background-repeat: no-repeat; font-weight: bold; width: 182px; height: 34px; line-height: 32px; font-size: 16px; font-family: arial; color: #fff; display: inline-block; text-decoration: none; }
ul.knoppen li a:hover { color: #699EBB; }
.knop-klassiek.more-left { margin-left: 120px; }
.knop-klassiek.more-top { margin-top: 13px; }
.knop-klassiek.donker { color: #415460; }
a:hover.knop-klassiek.donker { color: #444; }
ul.knoppen.licht li { padding-bottom: 0px; }
ul.knoppen.licht li a,
ul.knoppen.licht li a:link,
ul.knoppen.licht li a:active,
ul.knoppen.licht li a:visited { background-image: url(/static/img/bg-light-button.png); width: 234px; margin-left: -20px; color: #336149; padding-top: 2px; padding-left: 20px; }
#rechts ul.knoppen.licht li a,
#rechts ul.knoppen.licht li a:link,
#rechts ul.knoppen.licht li a:active,
#rechts ul.knoppen.licht li a:visited { color: #336149; }
ul.knoppen.licht li a:hover { color: #699EBB; }
ul.knoppen.licht li a.big { width: 234px; margin-left: -20px; color: #336149; padding-top: 2px; padding-left: 20px; height: 94px; background-image: url(/static/img/bg-btn-big.png); background-repeat: no-repeat; cursor: pointer; }
ul.knoppen li .big,
ul.knoppen li .big:link,
ul.knoppen li .big:active,
ul.knoppen li .big:visited { height: 94px; background-image: url(/static/img/bg-btn-big.png); }
ul.knoppen li .big label { font-size: 14px; padding: 0; color: #336149; line-height: 18px; display: block; padding: 7px; font-weight: normal; }
.fs14 { font-size: 14px; }
/* Landkaart */
#container-plattegrond { width: 562px; height: 706px; position: absolute; z-index: 3000; margin-left: 110px; margin-top: 20px; }
#container-plattegrond a.punaise { position: absolute; z-index: 3003; display: block; width: 50px; height: 32px; background-image: url(/static/img/punaise.png); background-position: 0px 0px; background-repeat: no-repeat; cursor: pointer; opacity: 0; }
#container-plattegrond a:hover.punaise { background-position: 0px -38px; height: 41px; }
#container-plattegrond #btn-sluiten { position: relative; display: none; float: right; }
#container-plattegrond .removeable object { display: block; clear: both; }
#container-plattegrond a.knop-klassiek { clear: both; margin-top: -35px; display: block; }
#container-plattegrond a:hover.knop-klassiek { color: #336149; }
.label-teaser { width: 128px; height: 203px; background-image: url(/static/img/label_plattegrond.png); background-repeat: no-repeat; background-position: -1000px; position: absolute; z-index: 3001; display: none; }
#de .label-teaser { background-image: url(/static/img/label_plattegrond_de.png); }
.label-teaser#label-park-1 { background-position: 0px 0px; }
.label-teaser#label-park-9 { background-position: 0px -203px; }
.label-teaser#label-park-3 { background-position: 0px -406px; }
.label-teaser#label-park-8 { background-position: 0px -609px; }
.label-teaser#label-park-6 { background-position: 0px -812px; }
.label-teaser#label-park-7 { background-position: 0px -1015px; }
.label-teaser#label-park-5 { background-position: 0px -1218px; }
.label-teaser#label-park-4 { background-position: 0px -1421px; }
.label-teaser#label-park-2 { background-position: 0px -1624px; }
.label-teaser#label-park-11 { background-position: 0px -1827px; }
.park-logo { display: block; position: absolute; background-color: #fff; border: solid 1px #ccc; margin-left: 330px; margin-top: 300px; display: block; padding: 6px; }
/* Pagina inhoudsopgave */
.inhoudsopgave { clear: both; padding-top: 2px; padding-bottom: 4px; width: 700px; }
.inhoudsopgave strong u { text-decoration: none; }
.inhoudsopgave strong,
.inhoudsopgave a,
.inhoudsopgave a:link,
.inhoudsopgave a:active,
.inhoudsopgave a:visited { display: block; text-decoration: none; font-family: arial; font-size: 12px; padding: 1px; width: 15px; float: left; margin-right: 3px; background: #6cabb9; color: #fff; text-align: center; font-weight: normal; }
.inhoudsopgave strong,
.inhoudsopgave a.actief,
.inhoudsopgave a:hover { background: #444; color: #fff; }
.inhoudsopgave.float-rechts { float: right; }
/* Contactpagina */
#container-contact { background-image: url(/static/img/bg-contact.jpg); background-repeat: no-repeat; background-position: right 50px; width: 690px; }
#container-contact #formulier-gen table.form-table { border-collapse: collapse; margin-top: 35px; }
#container-contact #formulier-gen table.form-table tr { height: 15px; }
#container-contact #formulier-gen table.form-table tr td { font-size: 11px; margin: 0; padding: 0; line-height: auto; width: auto; border: 0; color: #434b77; }
#container-contact #formulier-gen table.form-table tr td.kolom-cel-links { width: 125px; }
#container-contact #formulier-gen table.form-table tr td.kolom-cel-rechts { width: 565px; }
#container-contact #formulier-gen table.form-table tr td.kolom-cel-rechts ul li { float: left; }
#container-contact #formulier-gen table.form-table tr td .form-tekstveld,
#container-contact #formulier-gen table.form-table tr td .form-tekstvak { width: 400px; height: 13px; background-color: #fff; border: solid 1px #a1a3a3; color: #000; }
#container-contact #formulier-gen table.form-table tr td .form-tekstveld.niet-ingevuld,
#container-contact #formulier-gen table.form-table tr td .form-tekstvak.niet-ingevuld { background-color: #e00000; border: solid 1px #000; }
#container-contact #formulier-gen table.form-table tr td .form-tekstvak { height: 114px; }
#container-contact #volg-ons-op-twitter { position: absolute; margin-left: 530px; margin-top: 240px; }
#container-contact #btn-nieuwsbrief { position: absolute; margin-top: 7px; margin-left: 480px; }
/* Footer */
#footer { float: left; width: 700px; overflow: hidden; position: relative; }
#footer ul { float: left; position: relative; left: 50%; }
#footer ul li { float: left; right: 50%; position: relative; }
#footer ul li a,
#footer ul li a:link,
#footer ul li a:active,
#footer ul li a:visited { color: #434b77; text-decoration: none; font-size: 11px; font-family: tahoma; line-height: 10px; border-right: solid 1px #434b77; margin-right: 13px; padding-right: 13px; }
#footer ul li.last a,
#footer ul li.last a:link,
#footer ul li.last a:active,
#footer ul li.last a:visited { border-right: 0; }
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited { text-decoration: none; }
/* Standaard UL */
.marger div.regular-ul ul,
.marger div.regular-ul ul li ul { clear: both; display: list; margin: 0; padding: 0; width: auto; margin-left: 15px; }
.marger div.regular-ul ul.level-0 { padding-top: 9px; }
.marger div.regular-ul ul li,
.marger div.regular-ul ul li ul li { display: list-item; list-style: square; line-height: 22px; }
.marger div.regular-ul ul li a,
.marger div.regular-ul ul li ul li a { font-family: arial; font-size: 12px; }
.marger div.regular-ul ul.no-bullet,
.marger div.regular-ul ul.no-bullet li { list-style: none; margin-left: 0px; margin-top: 2px; margin-bottom: 2px; }
/* Kruimelpad */
.kruimelpad { position: absolute; display: block; margin-top: 23px; margin-left: 22px; font-size: 12px; font-weight: bold; font-family: arial; }
.kruimelpad a,
.kruimelpad a:link,
.kruimelpad a:active,
.kruimelpad a:visited { color: #000; text-decoration: none; }
.kruimelpad a:hover { color: #b5891a; }
/* Taalkeuze */
.top-taal-keuze { float:right; display: block; margin-top: 23px; margin-right: 270px; font-size: 12px; font-weight: bold; font-family: arial; }
.top-taal-keuze a,
.top-taal-keuze a:link,
.top-taal-keuze a:active,
.top-taal-keuze a:visited { color: #000; text-decoration: none; }
.top-taal-keuze a:hover { color: #b5891a; }
/* Iconen sprite (klein) */
.sprite-icoon { display: block; background-image: url(/static/img/sprite-20x20-iconen.png); background-position: -9999px; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; overflow: hidden; line-height: 20px; vertical-align: middle; margin-left: 2px; margin-right: 2px; }
.sprite-icoon.youtube { background-position: 0px 0px; }
.sprite-icoon.twitter { background-position: -20px 0px; }
.sprite-icoon.pdf { background-position: -40px 0px; }
.sprite-icoon.rss { background-position: -60px 0px; }
.sprite-icoon.kalender { background-position: -80px 0px; }
.sprite-icoon.pijl-rechts-wit { background-position: -140px 0px; height: 15px; margin-left: 7px; margin-top: 1px; }
.sprite-icoon.pijl-desc { background-position: -100px 0px; height: 14px; margin: 0; width: 14px; margin-top: 2px; margin-left: -2px; margin-right: 2px; }
.sprite-icoon.pijl-asc { background-position: -120px 0px; height: 14px; margin: 0; width: 14px; margin-top: 2px; margin-left: -2px; margin-right: 2px; }
/* Niet te genereren sprite teksten */
.sprite-158x30 { display: block; background-image: url(/static/img/sprite-158x30-label-zoek-en-boek.png); background-position: -9999px; background-repeat: no-repeat; width: 190px; height: 30px; display: inline-block; overflow: hidden; line-height: 20px; vertical-align: middle; margin-left: 2px; margin-right: 2px; margin-top: 7px; }
.sprite-158x30.donkergroen { background-position: 0px 0px; }
#de .sprite-158x30.donkergroen { background-position: 0px -30px; }
/* Iconen sprite (groot) */
.sprite-icoon-90 { display: block; background-image: url(/static/img/sprite-90x90-iconen.png); background-position: -9999px; background-repeat: no-repeat; width: 90px; height: 90px; display: inline-block; overflow: hidden; line-height: 20px; vertical-align: middle; margin-left: 2px; margin-right: 2px; }
.sprite-icoon-90.youtube { background-position: -270px -20px; height: 40px; }
/* Boekingen pagina (Virtueel Boeken iframe) */
#boekframe { width: 670px; border: solid 1px red; height: 800px; }
/* Raster met parken / Direct boeken */
#raster-3x3 { width: 700px; padding-top: 12px; float: left; }
#raster-3x3 .rasterblok { width: 221px; height: 126px; float: left; margin-right: 12px; margin-bottom: 12px; }
#raster-3x3 .rasterblok.wider { width: 453px; }
/* Snelzoeker */
.tiny-table { margin-top: 3px; }
.tiny-table tr td { padding: 0px; font-size: 12px; color: #434b77; font-family: arial; font-weight: bold; }
.tiny-table tr td .tiny-selector { font-size: 10px; width: 140px; }
ul.knoppen li .snelzoeker .small-container.btn-met-pijl { padding-left: 110px; padding-top: 8px; }
ul.knoppen li .snelzoeker { background-image: url(/static/img/bg-btn-big-higher.png); height: 125px; background-repeat: no-repeat; background-position: left top; padding-left: 20px; margin-left: -20px; }
ul.knoppen li .snelzoeker a.pijl-raster-blok.makelaardij,
ul.knoppen li .snelzoeker a:link.pijl-raster-blok.makelaardij,
ul.knoppen li .snelzoeker a:active.pijl-raster-blok.makelaardij,
ul.knoppen li .snelzoeker a:visited { background-position: 0px -96px; margin: 0; top: 209px; padding: 0; display: block; cursor: pointer; position: absolute; margin-left: 50px; display: block; background-image: url(/static/img/sprite-pijl-rond.png); background-repeat: no-repeat; width: 50px; height: 48px; text-decoration: none; }
ul.knoppen li .snelzoeker a:hover.pijl-raster-blok.makelaardij { background-position: 0px -144px; }
/* Inhoudsopgave met ankers */
.inhoudsopgave-ankers { float: right; width: 200px; background-image: url(/static/img/bg-ankers.jpg); padding: 20px; padding-right: 0; padding-bottom: 0; height: 140px; }
.inhoudsopgave-ankers a,
.inhoudsopgave-ankers a:link,
.inhoudsopgave-ankers a:active,
.inhoudsopgave-ankers a:visited { clear: both; display: block; line-height: 22px; }
/* noflash */
.noflash-welkom-label { position:absolute; z-index:1000; margin-left:500px; margin-top:400px; }
.noflash-index-label { position:absolute; z-index:1000; margin-left:600px; margin-top:180px; width:100px; height:213px; }
.youtube-player { position:relative; margin-top:-500px; float:left; }
/* Zoekformulier bij accommodaties */
.accommodatie-zoekformulier { padding-left: 15px; width:400px; float:left; }
.accommodatie-zoekformulier h3 { font-size: 16px; padding-bottom: 6px; }
.accommodatie-zoekformulier .selector { width: 425px; }
.accommodatie-zoekformulier .selector option { padding: 2px; font-size: 14px; }
.accommodatie-zoekformulier table { border-collapse: collapse; }
.accommodatie-zoekformulier table tr td { padding: 6px; font-size: 12px; font-family: arial; }
.accommodatie-zoekformulier table tr td strong { padding-left: 11px; }
.accommodatie-zoekformulier .knop-klassiek { padding-bottom: 4px; }
.accommodatie-sfeerfoto { float: right; }
/* Berichtgeving (acc. zoekformulier) */
.accommodatie-zoekformulier .notification-box#box-errors ul { list-style: none; margin-left: 0; padding-left: 0; margin-top: 8px; margin-bottom: 8px; font-size: 14px; color: #fff; }
.accommodatie-zoekformulier .notification-box#box-errors li { border: solid 1px #ee0404; width: 475px; background-image: url(/static/img/icoon-fout.png); background-repeat: no-repeat; background-position: 10px 10px; background-color: #ce1010; padding: 15px; padding-left: 45px; line-height: 18px; color: #fff; margin-bottom: 15px; font-family: arial; }
.accommodatie-zoekformulier .notification-box#box-messages li { margin-bottom: 15px; width: 475px; }
/* Accommodaties */
#accommodaties { margin-left: -20px; clear: both; }
.accommodatie { width: 695px; background: url(/static/img/bg-accommodatie.png) top left no-repeat; clear: both; margin-bottom: 10px; margin-bottom: -50px; }
.accommodatie.eerste { margin-top: -10px; }
.accommodatie .inner-container { padding: 45px; padding-top: 42px; padding-bottom }
.background-wrapper { margin-bottom: 12px; }
.accommodatie .inner-container h1 { color: #346e72; position: absolute; font-size: 16px; }
.accommodatie .inner-container .top { height: 25px; }
.accommodatie .inner-container .body { width: 700px; height: 175px; }
.accommodatie .inner-container .body .links { float: left; font-size: 13px; color: #444; line-height: 19px; font-family: arial; margin-top: 8px; width: 440px; clear: both; }
.accommodatie .inner-container .body .links .beeld-inline { float: left; width: 100px; border: solid 2px #79afa8; margin-left: 3px; margin-top: 3px; margin-bottom: 3px; margin-right: 8px; }
.accommodatie .inner-container .body .rechts { float: left; width: 180px; margin-top: 10px; }
.accommodatie .inner-container .body .rechts .beeld { width: 180px; margin-left: 8px; border: solid 2px #79afa8; }
.accommodatie .inner-container .bottom { clear: both; width: 620px; position: absolute; margin-top: 170px; text-align: right; }
.accommodatie .inner-container .bottom .font-me { font-size: 14px; color: #346e72; text-decoration: none; }
/* Uitklapmenu (parkselectie) */
#park-selectie { display: none; }
#park-selectie { background: url(/static/img/bg-parkselectie.png); background-repeat: no-repeat; height: 308px; position: absolute; padding: 18px; padding-top: 4px; padding-bottom: 4px; width: 190px; left: 25px; }
#rechts #park-selectie a,
#rechts #park-selectie a:link,
#rechts #park-selectie a:active,
#rechts #park-selectie a:visited { font-size: 14px; color: #fff; padding: 0; margin: 0; line-height: 22px; background: none; height: auto; padding-top: 2px; margin-top: 2px; padding-bottom: 2px; margin-bottom: 2px; }
#rechts #park-selectie a:hover { color: #a4be0b; }
/* chat fucntionaliteit */
.cb_online { margin-left:15px; }