html, body { height: 100%; margin: 0px; } .Pagina { background: #FFF; } A:link, A:visited, A:active { text-decoration: none; color: #ff0066; } A:hover { text-decoration: underline; color: #ff0066; } A:link.Active, A:active.Active, A:visited.Active { color: #FFF; } img, img a { border: 0px; margin: 0px; } img.left { margin: 0px; margin-right: 10px; } img.right { margin: 0px; margin-left: 10px; } br { line-height: 10px; } .hr { margin: 5px 0px; width: 100%; height: 1px; overflow:hidden; background: url(../images/hr.gif) repeat-x; } form { margin:0px; } .AttractionFormHolder { position: absolute; } body, td, input, select, textarea { color: #000; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; } ul { margin: 0px; padding: 0px; list-style-type: none; } li { padding: 0px 0px 0px 13px; /* background: url(../images/list-image.gif) no-repeat; */ } h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; line-height: 28px; color: #000; margin: 15px 0px 5px 0px; } h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #ff0066; margin: 3px 0px 5px 0px; } h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #ff0066; margin: 3px 0px 5px 0px; } h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000; margin: 3px 0px 5px 0px; clear: both; } h4 a:link, h4 a:active, h4 a:visited { color: #000; } h5 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin: 0px; } h6 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin: 0px; font-weight: normal; } p { margin: 5px 0px; } #Home { background: url(../images/bg-home.gif) top left repeat-x; } #Vervolg { background: url(../images/bg-vervolg.gif) top left repeat-x; } .Container { position: relative; width: 950px; _height: 492px; min-height: 492px; margin: 0px auto 20px auto; } #Home .Container { background: url(../images/header-home.gif) no-repeat center top; } #Vervolg .Container { background: url(../images/header-vervolg.gif) no-repeat ; } /* Menu's */ .FuncMenu { width: 695px; margin: 0px 0px 0px 5px; height: 37px; float: left; } .FuncMenu ul { margin: 0px; padding: 0px; list-style-type: none; } .FuncMenu li { background: none; padding: 0px; float:left; font-size: 12px; font-weight: bold; margin: 5px 10px 0px 0px; } .FuncMenu li a:link, .FuncMenu li a:active, .FuncMenu li a:visited { float: left; display:block; padding: 5px 0px 0px 35px; height: 26px; color: #666666; } .FuncMenu .Shortcut1 { background: url(../images/img-shortcut-trein.gif) no-repeat; } .FuncMenu .Shortcut2 { background: url(../images/img-shortcut-webcams.gif) no-repeat; } .FuncMenu .Shortcut3 { background: url(../images/img-shortcut-ov.gif) no-repeat; } .FuncMenu .Shortcut4 { background: url(../images/img-shortcut-toegankelijkheid.gif) no-repeat; } .Menu { margin: 0px 0px 0px 10px; height: 23px; clear: both; overflow: hidden; } .Menu ul { margin: 0px; padding: 0px; list-style-type: none; } .Menu li { float:left; padding: 6px 30px 0px 0px; background: url(../images/bg-menu-li.gif) no-repeat top right; font-size: 12px; font-weight: bold; } .Menu li.LastItem{ background: none; } .Menu li a:link, .Menu li a:active, .Menu li a:visited { color: #FF0066; } /* Content */ .Header { margin: 116px 0px 0px 0px; height: 53px; } .ContentHolder { display: table; width: 950px; min-height: 18px; margin: 0px 0px 20px 0px; clear: both; } .FotoSelectRubriek { position:absolute; background: url(../images/bg-select-foto-detail.gif) no-repeat; width: 365px; height: 38px; top: 191px; left: 585px; } .ItemLinks { border-top: 1px solid black; margin: 0px 10px 10px 10px; color: #ff0066; font-size: 11px; } .LinkVerder { display: block; float: left; background: url(../images/ico-verder.gif) left 6px no-repeat; padding: 1px 20px 0px 15px; margin: 5px 0px 0px 0px; } .LinkRSS { display: block; float: left; background: url(../images/ico-rss.gif) left 6px no-repeat; padding: 1px 20px 0px 15px; margin: 5px 0px 0px 0px; } .LinkReacties { display: block; float: left; background: url(../images/ico-reacties.gif) left 6px no-repeat; padding: 1px 20px 0px 15px; margin: 5px 0px 0px 0px; } .LinkReactiePlaatsen { display: block; float: left; background: url(../images/ico-reactieplaatsen.gif) left 6px no-repeat; padding: 1px 0px 0px 15px; margin: 3px 0px 0px 0px; } .LinkMisbruik { display: block; float: left; background: url(../images/ico-misbruik.gif) left 6px no-repeat; padding: 1px 0px 0px 15px; } .LinkDownload { display: block; float: left; background: url(../images/ico-download.gif) left 6px no-repeat; padding: 1px 20px 0px 15px; } .LinkBladerVerder { display: block; float: left; background: url(../images/ico-verder.gif) right 6px no-repeat; padding: 1px 15px 0px 20px; } .LinkBladerTerug { display: block; float: left; background: url(../images/ico-terug.gif) left 6px no-repeat; padding: 1px 20px 0px 15px; } .List a:link, .List a:active, .List a:visited, .List a:hover { float: none; margin: 0px; } .List .List a:active, .List a:visited { color: #000; } .Reacties { font-size: 11px; } .Reacties a:link, .Reacties a:active, .Reacties a:visited, .Reacties a:hover { color: #666; } .VeldUitvullen { width: 98%; border: 1px solid #B5B5B5; background: #B5B5B5; margin: 5px 0px; } .BladerBlok { float: right; color: #ff0066; } .BladerBlokPagina a:link, .BladerBlokPagina a:active, .BladerBlokPagina a:visited, .BladerBlokPagina a:hover { margin: 0px 5px; } .BladerBlokPagina a:link.Active, .BladerBlokPagina a:active.Active, .BladerBlokPagina a:visited.Active{ color: #000; } .AttractieDetail { width: 550px; min-height: 270px; } .AttractieDetail .Foto { float: left; width: 360px; height: 270px; overflow: hidden; margin: 0px 15px 0px 0px; } .AttractieDetail .Content { float: left; width: 170px; min-height: 270px; } .DownloadContainer { float: left; width: 300px; height: 90px; margin: 0px 10px 10px 0px; } .LinksContainer { float: left; width: 330px; height: 24px; margin: 0px 10px 10px 0px; overflow:hidden; text-overflow:ellipsis; } .DownloadContainer .ThumbContainer { float: left; width: 120px; height: 90px; margin: 0px 10px 0px 0px; overflow: hidden; } .DownloadContainer .Content { float: left; width: 170px; height: 90px; overflow:hidden; text-overflow:ellipsis; } #kaartSelect { float:left; width: 100px; overflow: hidden; display: table; } /* Kolommen */ .Kolom { float: left; overflow: hidden; } .ContentSpacer { margin: 10px; } .ContentSpacer20 { margin: 20px; } .ScrollContainer { position:relative; min-height: 440px; _height: 440px; width:320px; } .Scrollable { overflow-y: scroll; padding: 0px 10px 0px 0px; margin: 5px 0px; position: absolute; width: 310px; } .Width70 {width: 70px;} .Width80 {width: 80px;} .Width230 {width: 230px;} .Width240 {width: 240px;} .Width245 {width: 245px;} .Width310 {width: 310px;} .Width320 {width: 320px;} .Width330 {width: 330px;} .Width340 {width: 340px;} .Width360 {width: 360px;} .Width365 {width: 365px;} .Width380 {width: 380px;} .Width570 {width: 570px;} .Width585 {width: 585px;} .Width630 {width: 630px;} .Width705 {width: 705px;} .Width950 {width: 950px;} .Width100p {width: 100%; min-height: 20px;} .Height15 {height:15px; overflow:hidden;} .Height25 {height: 25px;} .Height35 {height: 35px;} .Height430 {height: 430px;} .MinHeight495 { _height: 495px; min-height: 495px; } .DTable { display: table; } .HoekjesWitBoven240{ background: #FFF url(../images/hoekjes-kolom-wit-boven-240.gif) top left no-repeat;} .HoekjesWitBoven320{ background: #FFF url(../images/hoekjes-kolom-wit-boven-320.gif) top left no-repeat;} .HoekjesWitBoven365Marge{ background: #FFF url(../images/hoekjes-kolom-wit-boven-365marge.gif) top left no-repeat;} .HoekjesHalfWitBoven320{ background: #FFF url(../images/hoekjes-half-kolom-wit-boven-320.gif) top left no-repeat;} .HoekjesWitBoven630{ background: #FFF url(../images/hoekjes-kolom-wit-boven-630.gif) top left no-repeat;} .HoekjesWitBoven570{ background: #FFF url(../images/hoekjes-kolom-wit-boven-570.gif) top left no-repeat;} .HoekjesWitBoven705{ background: #FFF url(../images/hoekjes-kolom-wit-boven-705.gif) top left no-repeat;} .HoekjesWitBoven950{ background: #FFF url(../images/hoekjes-kolom-wit-boven-950.gif) top left no-repeat;} .HoekjesZwartOnder240{ background: #000 url(../images/hoekjes-kolom-zwart-onder-245.gif) bottom left no-repeat;} .HoekjesZwartOnder320{ background: #000 url(../images/hoekjes-kolom-zwart-onder-320.gif) bottom left no-repeat; color: #FFF;} .HoekjesZwartBoven320{ background: url(../images/hoekjes-kolom-zwart-boven-320.gif) top left no-repeat; color: #FFF;} .HoekjesZwartBoven380{ background: #000 url(../images/hoekjes-kolom-zwart-boven-380.gif) top left no-repeat; color: #FFF;} .HoekjesZwartOnder380{ background: url(../images/hoekjes-kolom-zwart-onder-380.gif) bottom left no-repeat; color: #FFF;} .HoekjesZwartOnder340{ background: #000 url(../images/hoekjes-kolom-zwart-onder-340.gif) bottom left no-repeat; color: #FFF;} .HoekjesZwartOnder585{ background: #000 url(../images/hoekjes-kolom-zwart-onder-585.gif) bottom left no-repeat; color: #FFF;} .BgZwart {background: #000; color: #FFF;} .BgGrijs {background: #F2F2F2; color: #000;} .Font11px {font-size: 11px;} .LineH24 {line-height: 24px;} .ColorPink {color: #ff0066;} .ColorWhite {color: #fff;} .NoBorder {border: none;} .NoMarginBottom {margin-bottom: 0px;} .NoMarginTop {margin-top: 0px;} .MarginTop5 {margin-top: 6px;} .MarginTop10 {margin-top: 10px;} .MarginTop18 {margin-top: 18px;} .MarginTop27 {margin-top: 27px;} .MarginBottom10{margin-bottom: 10px;} .FloatL {float: left;} .FloatR {float: right;} .Center {text-align: center;} .Right {text-align: right; width: 100%;} /* Web 2.0 items homepage */ .Web20Items { width: 950px; margin: 0px 0px 0px 10px; clear: both; } .Fotolist { padding: 10px 0px 0px 0px; font-size: 11px; display: table; } #Home .Fotolist { float: left; color: #FF0066; margin: 230px 30px 0px 0px; width/**/:/**/ 575px; } #Vervolg .Horizontal .Fotolist { width/**/:/**/ 675px; } #Vervolg .Vertical .Fotolist { width/**/:/**/ 200px; } #Home .Fotolist .ThumbContainer .Content h2 { color: #FFF; } .Horizontal .ThumbContainer { width: 120px; min-height: 90px; margin: 0px 20px 0px 0px; float:left; } #Vervolg .Horizontal .ThumbContainer { margin: 0px 10px 10px 0px; } .Vertical .ThumbContainer { width: 290px; margin: 0px 0px 10px 0px; min-height: 90px; clear: both; } .Vertical .ThumbContainer .Thumb { margin: 0px 10px 0px 0px; } .Fotolist .ThumbContainer .Thumb { width: 120px; height: 90px; overflow: hidden; float: left; background: #000; text-align: center; } .Fotolist .ThumbContainer .Content { overflow: hidden; float: left; } .Horizontal .ThumbContainer .Content { width: 120px; height: 70px; line-height: 14px; } .ContentSpacer .Content { margin: 0px; } .ContentSpacer .Content { line-height: 14px; } .ContentSpacer .Content h2 { font-family: Arial, Helvetica, sans-serif; margin: 0px; font-size: 11px; font-weight: normal; } .Vertical .ThumbContainer .Content { width: 160px; height: 90px; } .BgWit .ThumbContainer { color: #ff0066; } .BgWit .ThumbContainer h2{ color: #000; } #Home .Fotolist .ThumbContainer .Content { margin: 5px 0px 0px 0px; } .Fotolist .ThumbContainer .Content h2 { font-family: Arial, Helvetica, sans-serif; margin: 0px; font-size: 11px; font-weight: normal; } #Home .Fotolist .ItemLinks{ float:right; margin-bottom: 0px; } #Home .Fotolist .LinkRSS, #Home .Fotolist .LinkVerder, #Home .Fotolist .LinkReacties{ margin:0px; } .Videoplayer { margin: 82px 0px 0px 0px; float: left; width: 340px; height: 350px; } .Zoeken { float: left; margin: 7px 0px 0px 0px; } .Zoeken .ZoekLabel { float: left; font-weight: bold; color: #666; margin: 1px 5px 0px 0px; } .Zoeken .ZoekForm { float: left; } .Zoeken .ZoekButton { float: left; } .Zoeken .ZoekForm .Zoekveld { width: 125px; height/**/:/**/ 19px; border: none; background: #CCC; padding: 1px 0px 0px 0px; float: left; } /* Styles voor de print variant */ @media print { .NoPrint { display: none; } } /* CSS Hacks */ { width/**/:/**/640px; } A:link, A:visited, A:active { text-decoration: none; color: #ff0066; } A:hover { text-decoration: underline; color: #ff0066; } img.left { margin: 0px; margin-right: 10px; } img.right { margin: 0px; margin-left: 10px; } img, img a { border: 0px; } body, td, input, select, textarea { color: #000; /* Beheersbaar */ font-family: arial, helvetica, sans-serif; /* Beheersbaar */ font-size: 12px; line-height: 18px; } form { margin: 0px; } H1 { margin: 0px 0px 10px 0px; font-size: 24px; line-height: 24px; color: #000; /* Beheersbaar */ } H2 { margin: 0px 0px 7px 0px; font-size: 18px; font-weight:500; color: #000; /* Beheersbaar */ } H3 { margin: 0px 0px 20px 0px; font-size: 14px; line-height: 20px; display: inline; color: #000; /* Beheersbaar */ } H5 { margin: 0px; color: #ff0066; /* Beheersbaar */ font-weight: normal; font-size: 12px; } .Pagina { } .vvvContainer { width: 900px; /* Beheersbaar */ } /* FUNCMENU */ .vvvFuncMenu { width: 100%; border-bottom: 1px solid #fff; /* Beheersbaar */ } .vvvFuncMenu .vvvWinkelwagen { padding: 0px 0px 7px 0px; } .vvvFuncMenu .vvvWinkelwagen .vvvWinkelwagenLink { display: block; float: left; vertical-align: middle; width: 16px; height: 16px; margin: 0px 5px 0px 0px; overflow: hidden; background: #ff0066; /* Beheersbaar */ } .vvvFuncMenu .vvvZoeken { float:right; padding: 0px 0px 7px 0px; } .vvvFuncMenu .vvvZoeken .vvvZoekLabel { float: left; padding: 3px 5px 3px 0px; } .vvvFuncMenu .vvvZoeken .vvvZoekBox { float: left; } .vvvFuncMenu .vvvZoeken .vvvZoekBox input{ height: 16px; width: 125px; float: left; } .vvvFuncMenu .vvvZoeken .ZoekButton { float: left; } /* RUBRIEKEN */ .vvvRubrieken { width: 160px; min-height: 100px; float: left; } .vvvRubrieken ul { margin: 0px; padding: 0px; list-style-type: none; } .vvvRubrieken ul li { border-bottom: 1px solid #000; /* Beheersbaar */ padding: 7px 0px 7px 0px; margin: 0px; list-style-type: none; } .vvvRubrieken ul li ul li { border: none; padding: 0px 0px 0px 15px; background: #ff0066 url(images/rubrieken-sublist-bg.gif) no-repeat top left; /* Beheersbaar */ } .vvvPartnerLink { width: 160px; height: 20px; float: left; margin: 0px 0px 10px 0px } .vvvPartnerLink .vvvPartnerLogo { float: left; width: 38px; } .vvvPartnerLink .vvvPartnerTekst { float: left; padding: 3px 0px; font-size: 11px; line-height: 11px; vertical-align: middle; } /* WERKVELD */ .vvvWerkveld { float: left; margin: 10px 0px 10px 10px; min-height: 100px; width: 590px; } .vvvAanbiedingBlok { background: #CCCCCC; /* Beheersbaar */ width/**/:/**/ 570px; min-height: 100px; display: table; padding: 10px; } .vvvAanbiedingBlokThumb { width: 120px; overflow: hidden; margin: 0px 10px 0px 0px; float: left; } .vvvAanbiedingBlokContent { width: 580px; /* Beheersbaar */ float: left; } .vvvAanbiedingBlok H3{ /* color: #000; */ } .vvvProductActies { background: #ff0066 url(images/bg-productacties.gif) repeat-x; /* Beheersbaar */ border-left: 1px solid #ff0066; /* Beheersbaar */ height: 22px; overflow: hidden; } .vvvAanbiedingBlokContent .vvvProductActies { width: 578px; /* Beheersbaar */ } .vvvProductActies .vvvProductPrijs { float:left; color: #ff0066; /* Beheersbaar */ font-size: 11px; height: 22px; padding: 2px 5px 0px 5px; overflow: hidden; vertical-align:middle; } .vvvProductActies .vvvProductButtons { float: right; overflow: hidden; background: #FFF; } .vvvBladerBalk { background: #ff0066; /* Beheersbaar */ height/**/:/**/ 18px; padding: 2px 0px; color: #000; /* Beheersbaar */ width: 730px; /* Beheersbaar */ } .vvvBladerBalk .vvvPaginaNummer{ float: right; } .vvvBladerBalk a:link, .vvvBladerBalk a:active, .vvvBladerBalk a:visited, .vvvBladerBalk a:hover { color: #000; /* Beheersbaar */ } /* PRODUCT LIJST */ .vvvProductHolder { width: 730px; /* Beheersbaar */ display:table; margin: 10px 0px; } .vvvProductHolder .vvvProductThumb { width: 120px; overflow: hidden; margin: 0px 15px 0px 0px; float: left; } .vvvProductHolder .vvvProductBeschrijving { float: left; width: 595px; /* Beheersbaar */ } .vvvProductHolder .vvvProductActies { width: 594px; /* Beheersbaar */ } .vvvProductHolder H3 { color: #ff0066; /* Beheersbaar */ } /* WINKELWAGEN TABEL */ .vvvTblWinkelwagen { width: 730px; /* Beheersbaar */ } .vvvTblWinkelwagen .vvvTblWinkelwagenTh { clear: both; display: table; height/**/:/**/ 20px; width/**/:/**/ 710px; /* Beheersbaar */ overflow: hidden; padding: 2px 10px; font-size: 11px; } .vvvTblWinkelwagen .vvvTblWinkelwagenTr { clear: both; display: table; height/**/:/**/ 20px; width/**/:/**/ 710px; /* Beheersbaar */ overflow: hidden; padding: 2px 10px; } .vvvTblWinkelwagen .vvvEven{ background: #ff0066; /* Beheersbaar */ } .vvvTblWinkelwagen .vvvOneven{ background: #ff0066; /* Beheersbaar */ } .vvvTblWinkelwagen .vvvTblWinkelwagenKol1 { float: left; width: 535px; /* Beheersbaar */ vertical-align: middle; margin: 0px 10px 0px 0px; } .vvvTblWinkelwagen .vvvTblWinkelwagenKol2 { float: left; width: 95px; /* Beheersbaar */ margin: 0px 25px 0px 0px; vertical-align: middle; } .vvvTblWinkelwagen .vvvTblWinkelwagenKol3 { float: left; width: 45px; /* Beheersbaar */ vertical-align: middle; } .vvvTblWinkelwagen .vvvMinderLink { display: block; float: left; width: 16px; height: 16px; background: #ff0066 url(images/btn-minder.gif) no-repeat; /* Beheersbaar */ margin: 2px 3px 0px 0px; } .vvvTblWinkelwagen .vvvMeerLink { display: block; float: left; width: 16px; height: 16px; background: #ff0066 url(images/btn-meer.gif) no-repeat; /* Beheersbaar */ margin: 2px 0px 0px 3px; } .vvvTblWinkelwagen .vvvProductAantal { float:left; width: 34px; height: 14px; } .vvvTblWinkelwagen .vvvStreep { background: url(images/bg-winkelwagenlijn.gif) no-repeat bottom right; } /* FORM AFREKENEN */ .vvvFormAfrekenen { width: 730px; /* Beheersbaar */ display: table; } .vvvFormAfrekenen .vvvFormAfrekenenRow { width: 730px;/* Beheersbaar */ height: 21px; margin: 2px 0px; clear: both; } .vvvFormAfrekenen .vvvFormAfrekenenLabel { width: 75px; float: left; } .vvvFormAfrekenen .vvvFormAfrekenenField { width: 655px; /* Beheersbaar */ float: left; } .vvvFormAfrekenen .vvvFormAfrekenenTekst { color: #ff0066; /* Beheersbaar */ } .vvvFormAfrekenen .vvvFormAfrekenenField input { width: 649px; /* Beheersbaar */ float: left; } .vvvFormAfrekenen .vvvFormAfrekenenCheckBox input { margin: 2px 2px 0px 0px; padding: 0px; width: 15px; height: 15px; float: left; } .vvvKiesBank { width: 590px; display: table; margin: 15px 0px; } .vvvKiesBank .vvvKiesBankLogo { float: left; } .vvvKiesBank .vvvKiesBankSelect { float: left; } /* ALGEMEEN */ a.vvvButtonLink:link, a.vvvButtonLink:hover, a.vvvButtonLink:active, a.vvvButtonLink:visited{ display: block; float: left; height/**/:/**/ 18px; padding: 2px 5px; font-size: 11px; background: #ff0066; /* Beheersbaar */ color: #fff; /* Beheersbaar */ text-decoration: none; overflow: hidden; } .vvvKolomLinks { float: left; width: 280px; margin: 0px 10px 0px 0px; } .vvvKolomRechts { float: left; width: 280px; margin: 0px 0px 0px 10px; } .vvvhr {width: 100%; height: 1px; overflow: hidden; background: #039; margin: 10px 0px; clear: both;} .vvvMarginRight1 {margin-right: 1px;} .vvvLeft {float: left;} .vvvRight {float: right;} .vvvCenter {text-align: center;} /* Styles voor de print variant */ @media print { .vvvNoPrint { display: none; } } /* CSS Hacks */ { width/**/:/**/640px; }