/* @override http://www.begrafenissendepoorter.be/__preview_/_style.css */ /* @group Eric Meyer */ body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;} body {line-height:1;} ol, ul {list-style:none;} html {padding:0; margin:0; outline:0; font-size:100%; font-size:100%;} :focus {outline: 0;} img {border:none;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse; border-spacing:0;} /* @end */ html {height:101%;} body {background-color:#bfbebe; font:12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif;} h1 {font-size:18px;} h2 {font-size:16px; margin-top:1em; color:#fff; font-weight:normal;} h3 {font-size:15px; margin-top:0.5em; font-weight:normal;} h4 {font-size:14px;} h5 {font-size:13px;} h6 {font-size:12px;} a {text-decoration:none;} .content {background:#462434 url(_img/content_fond.gif) repeat-x; height:400px; clear:both; } .content #innercontent {width:900px; margin-left:auto; margin-right:auto; overflow:hidden;} .content #innercontent #contentinfo {width:260px; float:left; color:#f7b9d6; font:11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif; padding:10px 0;} .content #innercontent #contentbody {width:600px; float:left; margin-left:40px; padding:10px 0;} #header {background-color:#472434; height:124px; border-top:1px solid #854663;} #indexcontent {background:#462434 url(_img/content_fond.gif) repeat-x; height:400px; clear:both;} #rouwbetuigingcontent {height:400px; clear:both; background-color:#dddbdb;position:absolute; top:124px; left:0; width:100%; z-index:5;} #footer {background-color:#bfbebe; clear:both; border-top:1px solid #e5e5e5;} #header #nav {width:900px; margin-left:auto; margin-right:auto;} #indexcontent #innercontent {width:900px; margin-left:auto; margin-right:auto; overflow:hidden;} #rouwbetuigingcontent #innercontent {width:900px; margin-left:auto; margin-right:auto; overflow:hidden;} #footer #innerfooter {width:900px; margin-left:auto; margin-right:auto; overflow:hidden;} #header #nav img {float:left; margin-right:55px;} #header #nav ul {margin-left:0; padding-left:0; display:inline; } #header #nav ul li {margin-left:0; padding-left:0; display:inline; } #header a {text-decoration:none;} #header #nav ul li a {margin-top:-1px; padding:20px 15px 10px; list-style:none; float:left; color:#fff; border-bottom:1px solid #472434; text-decoration:none; font:12px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif; letter-spacing:1px; display:block; border-right:1px solid #854663;} #header #nav ul li .lastli {border-right:0px solid #fff;} #header #nav ul li a:hover {color:#c15a9e; border-right:1px solid #854663; border-left:1px solid #854663; border-bottom:1px solid #854663; margin-left:-1px; } #header #nav ul li a.actief {color:#c15a9e; border-right:1px solid #854663; border-left:1px solid #854663; border-bottom:1px solid #854663; border-top:1px solid #472434; margin-left:-1px; border-top:1px solid #472434; margin-top:-1px; padding-top:19px;} #header #adres {margin-left:15px; margin-top:20px; font:11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif; color:#ccb5c0; float:left; width:590px;} #indexcontent #innercontent #contentinfo {width:260px; float:left; color:#f7b9d6; font:11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif; padding:10px 0;} #indexcontent #innercontent #contentbody {width:600px; float:left; margin-left:40px; padding:10px 0; } #rouwbetuigingcontent #innercontent #contentinfo {width:260px; float:left; color:#777; font:11px "Lucida Sans", "Lucida Grande", Lucida, Verdana, sans-serif; padding:10px 0;} #rouwbetuigingcontent #innercontent #contentbody {width:600px; float:left; margin-left:40px; padding:10px 0; } #contentbody #contentbodylinks {width:260px; float:left; margin-right:40px;} #contentbody #contentbodyrechts {width:300px; float:left;} /* PRAKTISCH --------------------------------------------- */ #praktischul {margin-top:80px;} #praktischul a {text-decoration:none; color:#f7b9d6;} #praktischul li { background:url(_img/button.gif) no-repeat; font-size:12px; line-height:26px; padding-left:20px; margin-bottom:6px; cursor:pointer; height:26px;} #praktischul li:hover { background:url(_img/button_actief.gif) no-repeat; color:#fff;} #praktischul li.actief { background:url(_img/button_actief.gif) no-repeat; color:#fff;} #contentbody.praktischinfo #contentbodylinks {width:280px; float:left; margin-right:40px; color:#dfc5d1; padding-top:10px;} #contentbody.praktischinfo #contentbodyrechts {width:280px; float:left; color:#dfc5d1; padding-top:16px;} #contentbody.praktischinfo #contentbodylinks ul, #contentbody.praktischinfo #contentbodyrechts ul {list-style-type:disc;} #contentbody.praktischinfo #contentbodylinks ul li, #contentbody.praktischinfo #contentbodyrechts ul li {list-style-type:disc; margin:0 1em 0.5em; } #contentbody.praktischinfo #contentbodylinks a, #contentbody.praktischinfo #contentbodyrechts a {color:#f7b9d6; text-decoration:none;} #contentbody.praktischinfo #contentbodylinks a:hover, #contentbody.praktischinfo #contentbodyrechts a:hover {color:#ffffff;} /* CONTACT --------------------------------------------- */ .content #innercontent #contentinfo.contactinfo {padding-top:90px;} .content #innercontent #contentinfo.contactinfo a {text-decoration:none; color:#f7b9d6;} .content #innercontent #contentinfo.contactinfo a:hover {text-decoration:none; color:#fff;} .contactbody {margin-top:20px;} .contactbody small a {text-decoration:none; color:#f7b9d6; font-size:9px;} /* KERKEN --------------------------------------------- */ .content #innercontent #contentinfo #side_bar a {text-decoration:none; color:#f7b9d6; margin-left:0.5em;} .content #innercontent #contentinfo #side_bar a:hover {text-decoration:none; color:#fff;} .content #innercontent #contentinfo #side_bar .kerk.dadde { color:#fff;} /* VOORSTELLING --------------------------------------------- */ #contentbody.voorstellinginfo a {text-decoration:none; color:#f7b9d6;} #contentbody.voorstellinginfo a:hover {text-decoration:none; color:#fff;} #contentbody.voorstellinginfo #contentbodylinks {width:280px; float:left; margin-right:40px; color:#dfc5d1; padding-top:16px;} #contentbody.voorstellinginfo #contentbodyrechts {width:280px; float:left; color:#dfc5d1; padding-top:16px;} /* DIENSTEN --------------------------------------------- */ #contentbody.diensteninfo a {text-decoration:none; color:#f7b9d6;} #contentbody.diensteninfo a:hover {text-decoration:none; color:#fff;} #contentbody.diensteninfo #contentbodylinks {width:280px; float:left; margin-right:40px; color:#dfc5d1; padding-top:16px;} #contentbody.diensteninfo #contentbodyrechts {width:280px; float:left; color:#dfc5d1; padding-top:16px;} .diensten_thuis, .diensten_elders {display:none;} #contentbody.diensten_thuis #contentbodylinks {width:280px; float:left; margin-right:40px; color:#dfc5d1; padding-top:16px;} #contentbody.diensten_thuis #contentbodyrechts {width:280px; float:left; color:#dfc5d1; padding-top:16px;} #contentbody.diensten_elders #contentbodylinks {width:280px; float:left; margin-right:40px; color:#dfc5d1; padding-top:16px;} #contentbody.diensten_elders #contentbodyrechts {width:280px; float:left; color:#dfc5d1; padding-top:16px;} #dienstenul {margin-top:20px;} #dienstenul a {text-decoration:none; color:#f7b9d6;} #dienstenul li { background:url(_img/button.gif) no-repeat; font-size:11px; line-height:26px; padding-left:20px; margin-bottom:6px; cursor:pointer; height:26px;} #dienstenul li:hover { background:url(_img/button_actief.gif) no-repeat; color:#fff;} #opsommingdiensten {list-style-type:square; padding:0 1em 1em; } #opsommingdiensten li {} /* LINKS ------------------------------------------------ */ .linksbody {color:#fff; margin-top:44px;} .linksbody a {text-decoration:none; color:#f7b9d6;} .linksbody a:hover {text-decoration:none; color:#fff;} /* COMMENTFORM ------------------------------------------------ */ .lp-block {} .lp-block input, .lp-block textarea { } #live-preview-display {padding:0px 10px 10px 10px; margin-top:14px; color:#565656;} #lp-name { font-weight:bold; padding-top:10px;} #lp-comment { line-height:19px; } .rouwbrief {margin-top:14px;} form.cmxform fieldset {border:none; margin:0; color:#333; width:270px; } form.cmxform legend {display:none;} form.cmxform label {display:inline-block; line-height:1em; vertical-align:top; padding-top:3px; padding-bottom:3px;} form.cmxform em {font-weight:bold; font-style:normal;color:#333;} form.cmxform label {width:90px;} form.cmxform p {padding-bottom:0; padding-top:0; } #commentForm label.error {margin-left:0px; color:#f10000; padding-top:5px; width:290px; font-size:12px;} #commentForm .verzendbutton {background-color:#edebeb; border:1px solid #b1b1b1; color:#333333; padding:6px; font-size:12px; display:inline-block; margin:6px 6px 6px 0;} #commentForm .verzendbutton:hover {background-color:#c15a9e; border:1px solid #b1b1b1; color:#fff; padding:6px; margin:6px 6px 6px 0; cursor:pointer;} .verplicht {color:#f10000;font-size:10px;} .tekstveld {width:260px; border:1px solid #b1b1b1; height:20px; background-color:#edebeb; padding:4px;} .berichtveld {width:260px; height:90px; border:1px solid #b1b1b1;background-color:#edebeb; padding:4px;} .naamoverledene {font-size:14px; color:#472434;} /* FOOTER --------------------------------------------- */ #footer #innerfooter .footertitel {font-weight:bold; color:#414141; margin-top:25px; margin-bottom:20px;} #footer #innerfooter a {text-decoration:none; color:#000;} #footer #innerfooter .condolatie {display:block; background-color:#d1d0d0; overflow:hidden; width:206px; margin-bottom:16px; padding:3px; float:left; margin-right:16px;} #footer #innerfooter .condolatie.last {margin-right:0px;} #footer #innerfooter .condolatie:hover {background-color:#ededed; cursor:pointer;} #footer #innerfooter .condolatie .date {font-family:Helvetica, Arial, Geneva, sans-serif; text-align:center; width:40px; float:left; color:#7e7d7d;} #footer #innerfooter .condolatie .date.geboorte {background:#bfbebe url(_img/geboorte.gif) no-repeat 1px 1px;} #footer #innerfooter .condolatie .date.sterfte {background:#bfbebe url(_img/sterfte.gif) no-repeat 1px 1px;} #footer #innerfooter .condolatie .date .month { font-size:10px; text-transform:uppercase; padding-top:2px;} #footer #innerfooter .condolatie .date .day {font-size:16px; margin-top:-1px;} #footer #innerfooter .condolatie .date .year {font-size:9px; margin-top:-1px; padding-bottom:2px;} #footer #innerfooter .condolatie .naam {margin-left:88px; font-size:11px;font-weight:bold; margin-top:6px;} #footer #innerfooter .condolatie.actief {background-color:#fff; color:#000;} #footer #innerfooter .condolatie.actief .date {color:#494848;} .clearBR {clear:both;} .todo {color:yellow;} .websiteby {margin-top:20px; margin-bottom:40px; display:none;} /* @group SLIDER */ #nummers a {color:#fff; text-decoration:none;} #nummers a:hover {color:#f7b9d6; text-decoration:underline;} #nummers .actief {color:#f7b9d6; text-decoration:none;} /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; overflow: scroll} .csw .loading {margin: 50px 0 50px 0; text-align: center} .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; margin: auto; width: 260px; /* Also specified in .stripViewer .panelContainer .panel below */ clear: both; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 260px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 0px; } .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; display:none; } .stripNav ul { /* The auto-generated set of links */ list-style: none; } .stripNav ul li { float: left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ } .stripNav a { /* The nav links */ font-size: 10px; font-weight: bold; text-align: center; line-height: 32px; color: #fff; text-decoration: none; display: block; padding: 0 15px; } .stripNav li a:hover { background: #333; } .stripNav li a.current { background: #000; color: #fff; } .stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 230px; text-indent: -9000em; } .stripNavL a, .stripNavR a { display: none; height: 40px; width: 40px; } .stripNavL { left: 0; } .stripNavR { right: 0; } .stripNavL { background: url("images/arrow-left.gif") no-repeat center; } .stripNavR { background: url("images/arrow-right.gif") no-repeat center; } /* @end */