/* ---------- ALGEMEEN ---------- */ body, table, td, li, a, p, b, span, input, select, textarea { font-family: arial, verdana, sans-serif; font-size: 11px; letter-spacing:0.15em; line-height:18px; color: #545454; } div { -moz-box-sizing: border-box; box-sizing: border-box; } body, html, table, td { margin:0; padding:0; border-collapse:collapse; border:0px; } td { empty-cells:show; } a:link { text-decoration: none;} a:visited { text-decoration: none;} a:active { text-decoration: none;} a:hover { text-decoration: underline;} /* ---------- end ALGEMEEN ---------- */ /* ---------- INTERFACE ---------- */ body { margin-left:50%; background-color:#71797f; background-image:url('media/interface/achter.jpg'); background-repeat:repeat-x;} #wrapper { margin-left:-385px; width:754px; height:100%; position:absolute;} #schaduwlinks { background-image:url('media/interface/schaduw_l.gif'); background-repeat:repeat-y; height:100%; width:2px; float:left;} #schaduwrechts { background-image:url('media/interface/schaduw_r.gif'); background-repeat:repeat-y; height:100%; width:2px; float:right; } #container { background:#ffffff; float:left; width:750px; height:100%;} #container #top { height:245px; width:100%; padding-left:7px;} #container #main { height:100%; width:100%; vertical-align:top;} #container #bottom { height:200px; width:100%; vertical-align:top; padding-left:7px;} #main table.inhoud { height:100%; width:750px; } #main table.inhoud td#left, #main table.inhoud td#middle, #main table.inhoud td#right{ border-left:7px #ffffff solid; border-right:7px #ffffff solid; border-collapse:separate;} #left { width:175px; vertical-align:top; border-left:8px; background-image:url('media/interface/left.jpg'); background-repeat:no-repeat; background-position: left top;} #middle { width:422px; vertical-align:top; background-image:url('media/interface/midden_achter.gif'); background-repeat:repeat; background-position: left top;} #right { width:125px; vertical-align:top; border-right:8px; background-image:url('media/interface/rechts.gif'); background-repeat:no-repeat; background-position: left bottom; background-color:#97c745;} #middle #tekst { background-image:url('media/interface/midden.gif'); background-repeat:no-repeat; background-position: left top; min-height:350px;padding:25px;} * html #tekst {height:350px;} .titel { height:50px;} .titel b { color:#2b7cbf; font-size:15px; letter-spacing:0.15em;} .titel b.sub { color:#65a101; font-size:11px; padding-left:130px; letter-spacing:0.1em;} #right .rechtsonder { min-height:50px; background-repeat:no-repeat; background-image:url('media/interface/rechts_achter.gif'); } * html #right .rechtsonder { height:50px; } #menucontainer { height: 231px; width: 736px; background-color: #006666; } #header { background-color: #003366; height: 85px; width: 736px; } #menubalk { height: 23px; width:736px; background-image: url(media/interface/menubalk.jpg); vertical-align: baseline; text-indent: 10px; } #vak1 { background-color:#FFFFFF; height: 123px; width:244px; float:left; position:relative; left:0px; } #vak2 { background-color:#FFFFFF; height:123px; width:247px; float:left; position:relative; } #vak3 { background-color:#FFFFFF; height: 123px; width: 245px; float:left; position:relative; } #linkermenu { padding:20px; padding-top:22px; } #linkermenu a { font-size:10px; line-height:25px;letter-spacing:0em; font-weight:bold; } #linkermenu b { font-size:11px; line-height:25px;letter-spacing:0em; font-weight:bold; } .intro { letter-spacing:0.1em; } .middenonder { widh:100%; height:10px; background-image:url('media/interface/midden.gif'); background-repeat:no-repeat; background-position: left bottom; vertical-align:bottom;} /* ---------- end INTERFACE ---------- */ /* ---------- SITEMAP ---------- */ .level {padding-left:10px; background:url('media/interface/sm-1.gif') no-repeat left top;} .endlevel {padding-left:10px; background:url('media/interface/sm-2.gif') no-repeat left top;} /* ---------- end SITEMAP ---------- */ /* ---------- FAQ ---------- */ .faq td { vertical-align:top;} .f, .q {width:20px; color:#2b7cbf; font-weight:bold;} ul.faq {margin-left:-20px; list-style-image: url('media/interface/f.gif');} * html ul.faq {margin-left:20px} /* ---------- end FAQ ---------- */ /* ---------- PRODUCTEN---------- */ .omlijning { border:1px #97c745 solid; margin-right:10px; } .product td.bottom { vertical-align:top; padding:10px 10px 0px 10px; border-left:1px #97c745 solid; border-right:1px #97c745 solid; } .product td.top { vertical-align:top; color:#ffffff; padding:0px 10px 0px 10px; background:url('media/interface/product-top.gif') no- repeat left top;} /* ---------- end PRODUCTEN ---------- */