/* general ----------------------------------------------------------------------------- */ html body { margin: 0; background-color:#fff; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; vertical-align: baseline; } sup { position: relative; bottom: 4px; font-size: 9px; vertical-align: 0; } table { padding: 0; border: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ img { border:0; } h1 { margin: 10px 0 10px 0; letter-spacing: 1px; font-size: 14px; line-height: 25px; } h2 { margin: 10px 0 10px 0; letter-spacing: 2px; font-size: 14px; } h3 { margin: 10px 0 5px 0; letter-spacing: 1px; font-size: 12px; } td, th { font-size: 12px; vertical-align: top; } th { text-align:left; font-weight:normal; } p { margin: 0 0 10px 0; font-size: 12px; line-height: 23px; } a { color: #6A6868; } a:hover { color: #333333; } ul { margin: 5px 0 20px 30px; padding: 0; font-size: 12px; line-height: 20px; text-align: left; } ul li a { color: #6d5e5e; } ul li a:hover { color: #484848;} input, textarea, select { font-size: 12px; } /* top ----------------------------------------------------------------------------- */ #topframe { width:100%; margin:0; background-color:#eff5f8; } #topmenus { position: relative; /*width:763px;*/ width: 790px; margin:0 auto; text-align:left; } #topContainer { /*width: 763px;*/ width: 790px; } .topgeboorte { background-position: bottom left; background-repeat: no-repeat; } .tophuwelijk { background-position: bottom left; background-repeat: no-repeat; } .topeindejaar { background-position: bottom left; background-repeat: no-repeat; } .topcreatief { background-position: bottom left; background-repeat: no-repeat; } .toprouw { background-position: bottom left; background-repeat: no-repeat; } .vl .topgeboorte { background-image: url(/images/vl/top_geboorte.gif); } .vl .tophuwelijk { background-image: url(/images/vl/top_huwelijk.gif); } .vl .topeindejaar { background-image: url(/images/vl/top_eindejaar.gif); } .vl .topcreatief { background-image: url(/images/vl/top_creatief.gif); } .vl .toprouw { background-image: url(/images/vl/top_rouw.gif); } .nl .topgeboorte { background-image: url(/images/nl/top_geboorte.gif); } .nl .tophuwelijk { background-image: url(/images/nl/top_huwelijk.gif); } .nl .topeindejaar { background-image: url(/images/nl/top_eindejaar.gif); } .nl .topcreatief { background-image: url(/images/nl/top_creatief.gif); } .nl .toprouw { background-image: url(/images/nl/top_rouw.gif); } .wl .topgeboorte { background-image: url(/images/wl/top_geboorte.gif); } .wl .tophuwelijk { background-image: url(/images/wl/top_huwelijk.gif); } .wl .topeindejaar { background-image: url(/images/wl/top_eindejaar.gif); } .wl .topcreatief { background-image: url(/images/wl/top_creatief.gif); } .wl .toprouw { background-image: url(/images/wl/top_rouw.gif); } .fr .topgeboorte { background-image: url(/images/fr/top_geboorte.gif); } .fr .tophuwelijk { background-image: url(/images/fr/top_huwelijk.gif); } .fr .topeindejaar { background-image: url(/images/fr/top_eindejaar.gif); } .fr .topcreatief { background-image: url(/images/fr/top_creatief.gif); } .fr .toprouw { background-image: url(/images/fr/top_rouw.gif); } .de .topgeboorte { background-image: url(/images/de/top_geboorte.gif); } .de .tophuwelijk { background-image: url(/images/de/top_huwelijk.gif); } .de .topeindejaar { background-image: url(/images/de/top_eindejaar.gif); } .de .topcreatief { background-image: url(/images/de/top_creatief.gif); } .de .toprouw { background-image: url(/images/de/top_rouw.gif); } #logo { margin: 20px 0 15px 0; } /**************** topmenus ****************/ #submenu { float: left; margin: 5px 0 0 0; color: #959595; } #submenu a { color: #959595; text-decoration: none; font-size: 13px; } #submenu a:hover, #submenu a.active { color:#111a68; } #favorieten { float: left; position: absolute; margin: 5px 0 0 588px; } #favorieten-nl { float: left; position: absolute; margin: 5px 0 0 562px; } #favorieten-de { float: left; position: absolute; margin: 5px 0 0 514px; } #favorieten-width-pdf-nl, #favorieten-width-pdf-de, #favorieten-width-pdf-fr { float: right; position: relative; margin: 5px -100px 0 0; } #favorieten a, #favorieten-nl a, #favorieten-de a, #favorieten-width-pdf-fr a { color:#959595; text-decoration: none; font-size: 13px; padding:0 5px 0 5px; } #favorieten a:hover, #favorieten a.active, #favorieten-nl a:hover, #favorieten-nl a.active, #favorieten-de a:hover, #favorieten-de a.active, #favorieten-width-pdf-fr a:hover, #favorieten-width-pdf-fr a.active, #favorieten-width-pdf-nl a:hover, #favorieten-width-pdf-de a:hover, #favorieten-width-pdf-nl a.active, #favorieten-width-pdf-de a.active { color:#111a68; } /* top navigatie ----------------- */ #logoBuromac { margin: 10px 0; } #taalkeuze { position: absolute; top: 64px; right: 0; width: 200px; } #taalkeuze a { display: block; float: left; width: 86px; height: 92px; text-indent: -9999px; } #taalkeuze a#nl { background: url(/images/btn_NL.gif) no-repeat; } #taalkeuze a#nl:hover { background: url(/images/btn_NL_ho.gif) no-repeat; } #taalkeuze a#fr { background: url(/images/btn_FR.gif) no-repeat; } #taalkeuze a#fr:hover { background: url(/images/btn_FR_ho.gif) no-repeat; } #assortimenten { padding-top: 5px; } #assortimenten a { float: left; display: block; width: 86px; height: 91px; text-indent: -9999px; background-position: -5px 0; } #assortimenten a#button_geboorte { background-image: url(/images/fles_basis.png); } #assortimenten a#button_huwelijk { background-image: url(/images/hartje_basis.png); } #assortimenten a#button_eindejaar { background-image: url(/images/boom_basis.png); } #assortimenten a#button_creatief { background-image: url(/images/potlood_basis.png); } #assortimenten a#button_rouw { background-image: url(/images/pluim_basis.png); background-position: 2px 0; } .vl #assortimenten a#button_geboorte.active, .vl #assortimenten a#button_geboorte:hover { background-image: url(/images/vl/fles2_BENL.png); } .wl #assortimenten a#button_geboorte.active, .wl #assortimenten a#button_geboorte:hover { background-image: url(/images/wl/fles2_BEFR.png); } .fr #assortimenten a#button_geboorte.active, .fr #assortimenten a#button_geboorte:hover { background-image: url(/images/fr/fles2_FR.png); } .de #assortimenten a#button_geboorte.active, .de #assortimenten a#button_geboorte:hover { background-image: url(/images/de/fles2_DE.png); } .nl #assortimenten a#button_geboorte.active, .nl #assortimenten a#button_geboorte:hover { background-image: url(/images/nl/fles2_NL.png); } .vl #assortimenten a#button_huwelijk.active, .vl #assortimenten a#button_huwelijk:hover { background-image: url(/images/vl/hartje2_BENL.png); } .wl #assortimenten a#button_huwelijk.active, .wl #assortimenten a#button_huwelijk:hover { background-image: url(/images/wl/hartje2_BEFR.png); } .fr #assortimenten a#button_huwelijk.active, .fr #assortimenten a#button_huwelijk:hover { background-image: url(/images/fr/hartje2_FR.png); } .de #assortimenten a#button_huwelijk.active, .de #assortimenten a#button_huwelijk:hover { background-image: url(/images/de/hartje2_DE.png); } .nl #assortimenten a#button_huwelijk.active, .nl #assortimenten a#button_huwelijk:hover { background-image: url(/images/nl/hartje2_NL.png); } .vl #assortimenten a#button_eindejaar.active, .vl #assortimenten a#button_eindejaar:hover { background-image: url(/images/vl/boom2_BENL.png); } .wl #assortimenten a#button_eindejaar.active, .wl #assortimenten a#button_eindejaar:hover { background-image: url(/images/wl/boom2_BEFR.png); } .fr #assortimenten a#button_eindejaar.active, .fr #assortimenten a#button_eindejaar:hover { background-image: url(/images/fr/boom2_FR.png); } .de #assortimenten a#button_eindejaar.active, .de #assortimenten a#button_eindejaar:hover { background-image: url(/images/de/boom2_DE.png); } .nl #assortimenten a#button_eindejaar.active, .nl #assortimenten a#button_eindejaar:hover { background-image: url(/images/nl/boom2_NL.png); } .vl #assortimenten a#button_creatief.active, .vl #assortimenten a#button_creatief:hover { background-image: url(/images/vl/potlood2_BENL.png); } .wl #assortimenten a#button_creatief.active, .wl #assortimenten a#button_creatief:hover { background-image: url(/images/wl/potlood2_BEFR.png); } .fr #assortimenten a#button_creatief.active, .fr #assortimenten a#button_creatief:hover { background-image: url(/images/fr/potlood2_FR.png); } .de #assortimenten a#button_creatief.active, .de #assortimenten a#button_creatief:hover { background-image: url(/images/de/potlood2_DE.png); } .nl #assortimenten a#button_creatief.active, .nl #assortimenten a#button_creatief:hover { background-image: url(/images/nl/potlood2_NL.png); } .fr #assortimenten a#button_creatief.active, .fr #assortimenten a#button_creatief:hover { background-image: url(/images/fr/potlood2_FR.png); } .de #assortimenten a#button_creatief.active, .de #assortimenten a#button_creatief:hover { background-image: url(/images/de/potlood2_DE.png); } .vl #assortimenten a#button_rouw.active, .vl #assortimenten a#button_rouw:hover { background-image: url(/images/vl/pluim2_BENL.png); } .wl #assortimenten a#button_rouw.active, .wl #assortimenten a#button_rouw:hover { background-image: url(/images/wl/pluim2_BEFR.png); } .fr #assortimenten a#button_rouw.active, .fr #assortimenten a#button_rouw:hover { background-image: url(/images/fr/pluim2_FR.png); } .de #assortimenten a#button_rouw.active, .de #assortimenten a#button_rouw:hover { background-image: url(/images/de/pluim2_DE.png); } .nl #assortimenten a#button_rouw.active, .nl #assortimenten a#button_rouw:hover { background-image: url(/images/nl/pluim2_NL.png); } /* content ----------------------------------------------------------------------------- */ .img_left { float: left; margin: 0 15px 15px 0; } .img_right { float: right; margin: 0 0 15px 15px; } .fullWidth .img_left { margin-right: 0; } .fullWidth .img_right { margin-left: 0; } .blocks { margin: 0 0 10px 0; } .textBlock { float: left; width: 340px; } .imgWrap span { clear: both; display: block; margin: 5px 0 0 0; font-size: 10px; } .textImage .imgWrap { width: 200px; /*text-align: center;*/ } .bestand a img { margin-right: 5px; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 4px; font-size: 9px; } sub { top: 4px; font-size: 9px; } .centreer { text-align:center; } .rechts { text-align:right; } .left { text-align:left; } .nowrap { white-space: nowrap; } .onderaan { vertical-align: bottom; } #clear { clear:both;} .bedrag { white-space: nowrap; } .taalkeuzeInhoud { float: left; width: 300px; padding: 100px 0 0 0; color: #000; } #nlInhoud { margin: 0 30px 0 0; } .width185 { width: 185px; } .width180 { width: 180px; } .height25 { height: 25px; } .tableFullWidth { width: 100%; } .width49procent { width: 49%; } .bestellingPlaatsen, .bestellingAanpassen { padding: 0 5px 5px 0; text-align: right; } .nowrap { white-space: nowrap; } .overview { float: left; display: inline; width: 375px; } .overview #map_assortimenten { margin-right: 20px; } #contentframe { width:100%; margin:0; border-top:2px #bbb dotted; border-bottom:2px #bbb dotted; } #maincontent { /*width:763px;*/ width: 790px; margin:0 auto; padding:0; text-align:left; } .leftframe { width:195px; padding:0; margin:0; border-right:2px dotted #bbb; vertical-align:top; } #rightframe { width:566px; padding:0 0 20px 10px; margin:0; } #rightframebig { width:753px; /*padding:0 0 0 10px;*/ margin:0; } .rightlayout { width:566px; border: none; } .rightlayout td { padding: 0; } .rightlayoutfotos { width:566px; } .rightlayoutfotos td { vertical-align: middle; } .creatieflayout { width:753px; } .contactlayout { width:566px; } .loginlijnen { width:150px; background-color: #ede9e9; padding: 0 15px 0 5px; border-top: 1px #ede9e9 solid; border-bottom: 1px #ede9e9 solid; } .nieuw { position: relative; top: -4px; font-size: 8px; font-weight: bold; color: #6D5E5E; text-transform: uppercase; } ul.aanbodGeboortekaatjes { padding-left: 0; } /**************** knoppen ****************/ a.algemeen { height:15px; padding: 2px 4px 3px 4px; color:#888687; border: #6a6868 solid 1px; background-color: #cee0ef; font-size:10px; line-height:25px; text-decoration: none; } a:hover.algemeen { color:#888687; background-color: #c0d1df; } a:hover.aanpassenknop { background: #fff; background-image: url(/images/aanpassen.gif); background-repeat: no-repeat; background-position: 5px; color:#272323; } a.knop { height: 15px; padding: 2px 4px 5px 4px; background-color: #EDE9E9; border: #6a6868 solid 1px; line-height: 15px; font-size: 10px; text-decoration: none; } a:hover.knop { background: #fff; color:#272323; } a.knopverzend { height: 15px; padding: 2px 4px 5px 25px; background-color: #EDE9E9; border: #6a6868 solid 1px; color:#6d5e5e; background-image: url(/images/verzend.gif); background-repeat: no-repeat; background-position: 2px; font-size: 10px; line-height: 25px; text-decoration: none; } a:hover.knopverzend { background: #fff; background-image: url(/images/verzend.gif); background-repeat: no-repeat; background-position: 2px; color:#272323; } a.knopverwijderen { height: 15px; padding: 2px 4px 5px 25px; background-image: url(/images/verwijderen.gif); background-repeat: no-repeat; background-position: 5px; background-color: #EDE9E9; border: #6a6868 solid 1px; color:#6d5e5e; text-decoration: none; font-size: 10px; line-height: 25px; } a:hover.knopverwijderen { background: #fff; background-image: url(/images/verwijderen.gif); background-repeat: no-repeat; background-position: 5px; color:#272323; } a.aanpassenknop { height: 15px; padding: 2px 4px 5px 25px; background-image: url(/images/aanpassen.gif); background-repeat: no-repeat; background-position: 5px; background-color: #EDE9E9; color:#6d5e5e; border: #6a6868 solid 1px; font-size: 10px; line-height: 25px; text-decoration: none; } .knoppen { padding-right: 5px; } a.knopInloggen, a.knopRegistreer, .bestellingPlaatsen a, .bestellingAanpassen a { line-height: 22px; } a.artikelKnop, a.knopVersturen { line-height: 24px; } /******* achtergrondkleuren en tekstkleuren ********/ .topmenu { background:#eff5f8; } .algemeen { background: #cee0ef; color: #6d5e5e; } .algemeen table { color: #6d5e5e; } .geboorte { background: #f5cfcc; color: #6d5e5e; } .geboorte table { color: #6d5e5e; } .geboorte a { color: #6d5e5e; } .geboorte a:hover { color: #333333; } .huwelijk { background: #F9CCBC; color: #6d5e5e; } .huwelijk table { color: #6d5e5e; } .huwelijk a { color: #6d5e5e; } .huwelijk a:hover { color: #333333; } .huwelijk #footer, .huwelijk #footer a { color: #6d5e5e; } .eindejaar { background: #fff; color: #6d5e5e; } .eindejaar table { color: #6d5e5e; } .eindejaar a { color: #6d5e5e; } .eindejaar a:hover { color: #333333; } .creatief { background: #F8E1C4; color: #6d5e5e; } .creatief table { color: #6d5e5e; } .creatief a { color: #6d5e5e; } .creatief a:hover { color: #333333; } .creatief #footer, .creatief #footer a { color: #fff; } .rouw { background: #D5D1D9; color: #6d5e5e; } .rouw table { color: #6d5e5e; } .rouw a { color: #6d5e5e; } .rouw a:hover { color: #333333; } .rouw #footer, .rouw #footer a { color: #6d5e5e; } /**************** achtergrondbeelden ****************/ /*.bg_geboorte { background-image:url(/images/fles.gif); background-repeat: no-repeat; background-position:180px 15px; } .bg_huwelijk { background-image:url(/images/hart.gif); background-repeat: no-repeat; background-position:100px 15px; } .bg_eindejaar { background-image:url(/images/kerst.gif); background-repeat: no-repeat; background-position:100px 15px; } .bg_eindejaar_azg { background-image:url(/images/kerst.gif); background-repeat: no-repeat; background-position:100px 150px; } .bg_creatief { background-image:url(/images/potlood.gif); background-repeat: no-repeat; background-position:250px 15px; } .bg_rouw { background-image: url(/images/pluim.gif); background-repeat: no-repeat; background-position: 100px 15px; }*/ .bg_geboorte { background: url(/images/fles.gif) 100% 15px no-repeat; } .bg_huwelijk { background: url(/images/hart.gif) 100% 15px no-repeat; } .bg_eindejaar { background: url(/images/kerst.gif) 100% 15px no-repeat; } .bg_creatief { background: url(/images/potlood.gif) 100% 15px no-repeat; } .bg_rouw { background: url(/images/pluim.gif) 100% 15px no-repeat; } /**************** taalkeuze voor belgie ****************/ #languages { margin: 0; padding: 5px 0 0 0; list-style-type: none; } #languages li { float: left; width: auto; padding: 0 5px; font-size:12px; font-weight:bold; } #languages li a { color:#939BAA; font-size:12px; font-weight:bold; text-decoration:none; } #languages li, #languages li a:hover { color: #111A68; } #languages li#cms_wl { padding: 0 10px 0 0; background: url(/images/bg_languages.gif) 100% 50% no-repeat; } /************** linkermenu ***************/ #linkermenu { text-align: left; width:170px; margin: 40px 10px 20px 0; } #linkermenu ul { margin: 0; padding: 0; list-style-type: none; } #linkermenu li { padding: 2px 1px 2px 0; } #linkermenu a { display: block; padding: 0 15px 0 5px; background-color: #ede9e9; color: #464646; text-decoration: none; border-top: 1px #ede9e9 solid; border-bottom: 1px #ede9e9 solid; width:170px; voice-family: "\"}\""; voice-family:inherit; width:150px; } html>body #linkermenu a { width:150px; } .geboorte #linkermenu a { background-color: #FFE5E3; } .huwelijk #linkermenu a { background-color: #FFE0D5; color:#6d5e5e; } .eindejaar #linkermenu a { background-color: #DEE1D1; } .rouw #linkermenu a { background-color: #EAEAEA; color: #6d5e5e; } .algemeen #linkermenu a { background-color: #E8F1F8; } #linkermenu a:hover, #linkermenu li.active a { color: #272323; border-color: #989292; background-image: url(/images/pijl_lmenu.gif); background-color: #fff; background-repeat: no-repeat; background-position: right; } #linkermenu ul ul a { display: block; width: 155px; padding: 0 0 0 15px; color: #7f7979; font-size: 11px; text-decoration: none; border-color: #9f9ba2; border-width: 0 0 1px 0; border-style: solid; background-color: transparent; voice-family: "\"}\""; voice-family:inherit; } html>body #linkermenu ul ul a {width:155px;} .eindejaar #linkermenu ul ul a { background-color: transparent;} .eindejaar #linkermenu ul ul a:hover, .eindejaar #linkermenu ul ul li.active a {background-color: #AAB298;} #linkermenu ul#overburomac ul a {background-color: transparent;} #linkermenu ul li.active ul a { background: none; color: #7F7979; } #linkermenu ul li.active ul a:hover, #linkermenu ul li.active ul li.active a {color: #322f2f; background: transparent; background: #97ADC1; border-color: #9F9BA2; } .indekijker { width: 170px; margin: 0 0 20px 0; text-align: center;} .indekijker a { display: block; padding: 4px; font-size: 14px; text-decoration: none; } .geboorte .indekijker { background-color:#FFE5E3; } .huwelijk .indekijker { background-color:#FFE0D5; } .eindejaar .indekijker { background-color:#DEE1D1; } .creatief .indekijker { background-color:#EDE9E9; } .rouw .indekijker { background-color:#EAEAEA; } /*#gratisbeide #tekstonder { margin: 20px 0 0 0; padding:0 5px 5px 5px; text-align:center; } #gratisbeide #tekst { margin:0 0 0 0; padding: 5px; text-align:center; font-size: 14px; } #gratisbeide #tekst a { font-size: 11px; } #gratis { width: 170px; margin: 0 0 40px 0; background-color:#FFE5E3; } #gratis img { position: absolute; margin: 0 0 0 5px; } #gratis #tekst { margin:10px 0 0 0; padding:5px 5px 5px 60px; } #gratis a { font-weight: bold; font-size: 10px;} #gratis a#tekstlink { line-height: 12px; text-decoration:none; font-weight:normal;}*/ /******** kaartmenu *********/ #kaartmenu { margin: 5px 0 10px 0; font-size: 10px; text-align:right; } #kaartmenu a { font-size: 10px; } /******** kaartmenu 2 (vorige en volgende kaart) *********/ #kaartmenu2 { margin: 0 0 15px 0; font-size: 10px; text-align:right; } #kaartmenu2 a { font-size: 10px; } /******** kaartacties ********/ #kaartacties { width: 260px; margin: 5px 10px 10px 0; } #kaartacties ul { width: 260px; margin: 0; padding: 0; list-style: none; } #kaartacties li { padding: 2px 1px 2px 0;} #kaartacties li a { display: block; width: 255px; margin: 1px 0 1px 0; padding:0 0 0 5px; background: #ede9e9; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #464646; font-size: 12px; text-decoration: none; } .geboorte #kaartacties li a { background-color: #FFE5E3; } .huwelijk #kaartacties li a { background-color: #FFE0D5; color:#6d5e5e; } .eindejaar #kaartacties li a { background-color: #DEE1D1; } .algemeen #kaartacties li a { background-color: #E8F1F8; } #kaartacties li a img { margin: 5px 10px 5px 2px; vertical-align: middle; } #kaartacties li a:hover { color: #272323; background: #fff; } #kaartactieskort { width: 135px; margin: 5px 10px 10px 0; } #kaartactieskort ul { margin: 0; padding: 0; list-style: none;} #kaartactieskort li { padding: 2px 1px 2px 0; } #kaartactieskort li a { display: block; margin: 1px 0 1px 0; padding:0 0 0 5px; background: #ede9e9; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #ffffff; font-size: 12px; text-decoration: none; } .geboorte #kaartactieskort li a { background: #f5e9e9; color: #464646; } .huwelijk #kaartactieskort li a { background: #FFE0D5; color: #464646; } .eindejaar #kaartactieskort li a { background-color: #DEE1D1; color: #464646; } .creatief #kaartactieskort li a { background-color: #FBECDA; color: #464646; } .rouw #kaartactieskort li a { background-color: #EAEAEA; color: #6d5e5e; } #kaartactieskort li a img { margin: 5px 10px 5px 2px; vertical-align: middle;} #kaartactieskort li a:hover { color: #272323; background: #fff; } p.knuffelLoius { padding: 30px 0 0 0; } /********* namen ***********/ #namen { margin: 0 0 0 123px; } #namen table { width:320px; } #namen h4 { margin: 3px 0 3px 0; color: #BC705F; letter-spacing: 1px; font-size: 13px; text-align: center; } #namen ul { margin: 0 30px 0 30px; padding:0; list-style: none; font-size: 12px; } #namen li { width: 100px; margin:0; padding:0; background: #efdedb; border-width: 1px; border-color: #ffe #fdb3af #eaa19b #fff; border-style: solid; text-align: center; } /********* leuketeksten *********/ #leuketekstteller { width:340px; margin:0 0 0 105px; padding: 0 0 0 6px; font-size: 10px; text-align:right; } #leuketekst { width: 330px; margin:10px 0 0 115px; padding: 10px 3px 5px 3px; background: #FFE5E3; font-size: 12px; } #leuketekst p { margin: 0; line-height: 20px; font-size: 12px; } #leuketekst .voornaam { margin: 10px 0; color: #BC705F; font-size: 13px; font-weight: bold; /* text-align: center;*/ } /**************** kaarten ****************/ #kaartdetail { margin: 0 0 0 10px; font-size: 11px;} #kaartdetail ul { margin-top:0; margin-right:0; padding: 0; } #kaartdetail li { margin: 0; } #kaartdetail ul ul { margin-bottom:0; } .kaartinfo { margin:5px 0 10px 0; text-align: center; font-size: 10px; line-height: 12px; } .kleinkaartje { margin-bottom: 5px; } #kaartjes { width: 750px; margin-left: auto; margin-right: auto; } #kaartjes img { margin: 8px 18px 0 18px; } /* ************** */ .loginvet {background-color:#ccc;font-weight:bold;} #formulier td { height: 25px; } #azgintro { margin:20px 5px 20px 5px; padding:13px; background-color: #D7DACD; border-top:1px solid #B2BAAD; border-bottom:1px solid #B2BAAD; } table#logintro { margin:20px 5px 20px 5px; padding:13px; background-color: #E5EFF7; border-top:1px solid #B2BAAD; border-bottom:1px solid #B2BAAD; } #registerform th { white-space: nowrap; } #loginform .klein { text-align: left; } #knuffelfoto { float: left; margin-right: 15px; } #knuffel { height:190px; margin-top:0; } #bureelkalenders { height:70px; margin-top:0; } #legeruimte1 { height: 50px; margin-top:0; } #legeruimte2 { height: 100px; margin-top:0; } #legeruimte3 { height: 200px; margin-top:0; } #zakkalenders { height:10px; margin-top:0; } .foto { margin:5px 0 10px 10px; } .message { margin:0 0 10px 0; padding: 0 0 0 5px; color: red; background:#ede9e9; } .fout { margin:0 0 10px 0; padding: 0 0 0 5px; color: red; } .klein, .klein150, .klein170, .klein200 { margin: 0 30px 8px 0; font-size:10px; line-height:15px; /*text-align: center;*/ } .klein150 { width: 150px; } .klein170 { width: 170px; } .klein200 { width: 200px; } div#pijl { float:right; margin:0 42px 0 0; } div#pijl a { color: #6A6868; font-size:10px; } div#pijl a:hover { color: #484848; } div#intro { margin: 20px 200px 20px 190px; color: #484848; font-size: 12px; line-height: 22px; text-align: center; letter-spacing: 2px; list-style: none; } div#intro a { color: #873718; font-size: 13px; line-height: 40px; text-decoration: none; } #zoomImages { margin-top: 10px; } #zoomImages a { float: left; width: 60px; margin-left: 7px; } #zoomImages a.first { margin-left: 0; } /********* huwelijkteksten *********/ #huwelijktekstteller, .huwelijk #leuketekst { width:440px; margin:0 0 0 60px; } #huwelijktekstteller { padding: 0 0 0 6px; font-size: 10px; text-align:right; } .huwelijk #leuketekst { margin-top: 10px; padding: 10px 3px 5px 3px; background: #FFE0D5; color: #6d5e5e; font-size: 12px; /*text-align: center;*/ } .huwelijk #leuketekst td { color: #6d5e5e; } .huwelijk #leuketekst h2{ color: #BC705F; } .huwelijk #leuketekst p, .huwelijk #leuketekst td { margin: 0; margin-top: 15px; font-size: 12px; /*text-align: center;*/ line-height: 20px; } .huwelijk #leuketekst table { width: 440px; } .rubriekWit { margin: 0 auto 12px auto; } .rubriekWit p { margin: 0 auto 12px auto; color:#ffffff; font-size: 12px; line-height: 20px; text-align: center; } .rubriekWit h3 { margin: 10px 0 10px 0; color:#ffffff; font-size: 15px; text-align: center; } .rubriekWit a { color:#ffffff; font-size: 12px; } .rubriekWit a:hover { font-size: 12px; color:#ECA08F; } .rubriekWit h6 { margin: 10px 0 10px 0; color: #ffffff; font-size: 13px; text-align: center; } /* footer ----------------------------------------------------------------------------- */ #footerframe { width:100%; margin:0; background-color:#fff; } #footer { /*width:763px;*/ width: 790px; margin:10px auto 10px auto; } #footer table { /*width:763px;*/ width: 790px; } #footer td, #footer a { font-size: 9px; color: #888585; } #footer a { padding-left: 15px; } #footer a.kart { padding-left: 0px; text-decoration: none; } #footer .footerContent { text-align: center; } /* homepage ----------------------------------------------------------------------------- */ #homepage #rightframebig { padding: 20px 0 0 0; color: #000; } #homepage h1 { text-indent: -9999px; } #homepage h2 { letter-spacing: 0; } #homepage.vl #assortimenten a#button_geboorte, #homepage.vl #assortimenten a#button_geboorte:hover { background-image: url(/images/vl/fles2_BENL.png); } #homepage.wl #assortimenten a#button_geboorte, #homepage.wl #assortimenten a#button_geboorte:hover { background-image: url(/images/wl/fles2_BEFR.png); } #homepage.fr #assortimenten a#button_geboorte, #homepage.fr #assortimenten a#button_geboorte:hover { background-image: url(/images/fr/fles2_FR.png); } #homepage.de #assortimenten a#button_geboorte, #homepage.de #assortimenten a#button_geboorte:hover { background-image: url(/images/de/fles2_DE.png); } #homepage.nl #assortimenten a#button_geboorte, #homepage.nl #assortimenten a#button_geboorte:hover { background-image: url(/images/nl/fles2_NL.png); } #homepage.vl #assortimenten a#button_huwelijk, #homepage.vl #assortimenten a#button_huwelijk:hover { background-image: url(/images/vl/hartje2_BENL.png); } #homepage.wl #assortimenten a#button_huwelijk, #homepage.wl #assortimenten a#button_huwelijk:hover { background-image: url(/images/wl/hartje2_BEFR.png); } #homepage.fr #assortimenten a#button_huwelijk, #homepage.fr #assortimenten a#button_huwelijk:hover { background-image: url(/images/fr/hartje2_FR.png); } #homepage.de #assortimenten a#button_huwelijk, #homepage.de #assortimenten a#button_huwelijk:hover { background-image: url(/images/de/hartje2_DE.png); } #homepage.nl #assortimenten a#button_huwelijk, #homepage.nl #assortimenten a#button_huwelijk:hover { background-image: url(/images/nl/hartje2_NL.png); } #homepage.vl #assortimenten a#button_eindejaar, #homepage.vl #assortimenten a#button_eindejaar:hover { background-image: url(/images/vl/boom2_BENL.png); } #homepage.wl #assortimenten a#button_eindejaar, #homepage.wl #assortimenten a#button_eindejaar:hover { background-image: url(/images/wl/boom2_BEFR.png); } #homepage.fr #assortimenten a#button_eindejaar, #homepage.fr #assortimenten a#button_eindejaar:hover { background-image: url(/images/fr/boom2_FR.png); } #homepage.de #assortimenten a#button_eindejaar, #homepage.de #assortimenten a#button_eindejaar:hover { background-image: url(/images/de/boom2_DE.png); } #homepage.nl #assortimenten a#button_eindejaar, #homepage.nl #assortimenten a#button_eindejaar:hover { background-image: url(/images/nl/boom2_NL.png); } #homepage.vl #assortimenten a#button_creatief, #homepage.vl #assortimenten a#button_creatief:hover { background-image: url(/images/vl/potlood2_BENL.png); } #homepage.wl #assortimenten a#button_creatief, #homepage.wl #assortimenten a#button_creatief:hover { background-image: url(/images/wl/potlood2_BEFR.png); } #homepage.fr #assortimenten a#button_creatief, #homepage.fr #assortimenten a#button_creatief:hover { background-image: url(/images/fr/potlood2_FR.png); } #homepage.de #assortimenten a#button_creatief, #homepage.de #assortimenten a#button_creatief:hover { background-image: url(/images/de/potlood2_DE.png); } #homepage.nl #assortimenten a#button_creatief, #homepage.nl #assortimenten a#button_creatief:hover { background-image: url(/images/nl/potlood2_NL.png); } #homepage.fr #assortimenten a#button_creatief, #homepage.fr #assortimenten a#button_creatief:hover { background-image: url(/images/fr/potlood2_FR.png); } #homepage.de #assortimenten a#button_creatief, #homepage.de #assortimenten a#button_creatief:hover { background-image: url(/images/de/potlood2_DE.png); } #homepage.vl #assortimenten a#button_rouw, #homepage.vl #assortimenten a#button_rouw:hover { background-image: url(/images/vl/pluim2_BENL.png); } #homepage.wl #assortimenten a#button_rouw, #homepage.wl #assortimenten a#button_rouw:hover { background-image: url(/images/wl/pluim2_BEFR.png); } #homepage.fr #assortimenten a#button_rouw, #homepage.fr #assortimenten a#button_rouw:hover { background-image: url(/images/fr/pluim2_FR.png); } #homepage.de #assortimenten a#button_rouw, #homepage.de #assortimenten a#button_rouw:hover { background-image: url(/images/de/pluim2_DE.png); } #homepage.nl #assortimenten a#button_rouw, #homepage.nl #assortimenten a#button_rouw:hover { background-image: url(/images/nl/pluim2_NL.png); } #CMSpreviewBar { padding: 3px; background: #ff0000; color: #fff; } #CMSpreviewBar a { color: #fff; }