/* CSS Document * Door P. Mulder * Datum 13-11-2006 * * Gelieve wijzigingen alleen in de tweak sectie onderaan dit document te maken * * */ html, body, img, table, tr, td, th, ul, li, p, h1, h2, h3, form, fieldset {margin:0; padding:0; border:0;} /* tag properties */ html {color:#606064; font-family:Arial, Helvetica, sans-serif; font-size:11px;} body {} h1 {font-size:11px; font-weight:bold; color:#e22b2a;} h2 {margin:0 0 3px 0;} h3 {} p {} a {text-decoration:none; color:#606064;} a:hover {color:black;} ul {list-style-type:none;} li {} table {border-collapse:collapse;} td {text-align:left; vertical-align:top;} /* einde tag properties */ div#container {margin:10px auto 0 auto; width:800px; background:url(../images/bg.jpg) top left repeat-y;} div#container div#header {width:785px; height:88px; background:url(../images/header.jpg) no-repeat; color:#e22b2a; font-size:12px; font-weight:bold; text-align:right; padding:22px 15px 0 0; } ul#topmenu {height:17px; width:788px; margin:0 0 18px 1px; padding:0 0 0 2px; border-bottom:1px solid #606064;} ul#topmenu li {float:left; height:17px; width:112px; text-align:center; line-height:17px;} ul#topmenu li a {text-decoration:none; font-weight:bold;} ul#topmenu li a:hover {} div#footer {text-align:center; border-bottom:1px solid #606064; height:33px; line-height:16px; width:790px; margin:0 0 0 1px; font-weight:bold;font-size:10px;} div#footer a {font-weight:bold; font-size:10px;} table#content {width:790px; margin:0 0 0 1px; border-bottom:1px solid #606064;} table#content tr {} table#content tr td {} div.item {margin-top:2px; padding:0 0 20px 0;} #columnLeft {width:175px; padding-bottom:165px;} #columnLeft div.item {width:165px; margin-left:7px; padding:0 0 8px 0;} #columnLeft div.i_header {width:153px; height:17px; line-height:17px; border-bottom:1px solid #606064; padding:0 0 0 12px; font-weight:bold;} #columnLeft div.i_content {width:150px; border:1px solid #606064; margin:5px 6px 5px 7px;} #columnLeft div.text_padding {padding:8px 8px 8px 8px; text-align:center;} #columnRight {width:615px;} #columnRight div.item {width:600px; margin-left:5px;} #columnRight div.item p {padding:0 12px 8px 12px;} #columnRight div.i_header {width:588px; height:17px; line-height:17px; border-bottom:1px solid #606064; padding:0 0 0 12px; font-weight:bold; margin-bottom:8px;} #columnRight div.i_content {width:562px; margin:0px 9px 0px 9px; background:white; border:1px solid #606064; padding:4px 8px 4px 8px; line-height:17px;} #columnRight div.i_content p {padding:0;} #columnRight div.i_content img {margin-left: 8px;} #columnRight div.i_content2 {width:562px; margin:0px 9px 0px 9px; background:white; border:1px solid #606064; border-top:none; padding:4px 8px 4px 8px; line-height:17px;} #columnRight div.i_content2 p {padding:0;} #columnRight div.pic {width:80px; float:left; display:inline; padding:5px 10px 0px 10px; text-align:center; } #columnRight div.innerText {width:460px; float:left; display:inline; } #columnRight div.add_margin_bottom {margin-bottom:10px;} form.bestelform {font-weight:bold;} form.bestelform div.titel {width:100%; font-size:12px; font-weight:bold;} form.bestelform div.inhoud {float:left; width:100px; height:22px; line-height:22px; } form.bestelform div.proddetails {float:left; width:140px; height:22px; line-height:22px; font-weight:normal;} form.bestelform div.spacer {float:left; width:80px; height:22px; line-height:22px;} form.bestelform div.proddetails a {color:#e22b2a; } form.bestelform div.prijs {float:left; width:107px; height:22px; line-height:22px; text-align:right; clear: right;} form.bestelform label {float:left; width:100px; height:22px; line-height:22px; } form.bestelform input.text {float:left; width:58px; height:14px; border:1px solid #9c9fa4; background:#f7f7f7; margin:3px 0 0 0;} form.bestelform div.aantal {float:left; width:80px; height:22px; line-height:22px;} form.bestelform div.subtotaal {float:left; width:107px; height:22px; line-height:22px; text-align:right;} form.bestelform span.rood {color:#e22b2a; font-weight:normal; } form.bestelform input.submit {float:left; margin:0 0 0 20px;} form.bestelform span.value {font-weight:normal;} #frm_login {padding-bottom:8px;} #frm_login input.text {width:115px; margin:8px 12px 2px 12px; padding-left:6px; color:#e22b2a;} #frm_login input.submit {width:123px; margin:8px 12px 2px 12px; clear:none;} ul#menu {width:165px;} ul#menu li {width:165px; min-height:23px; margin:0px 0 1px 0; line-height:23px;} ul#menu li a {display:block; color:white; width:153px; height:23px; line-height:23px; padding:0 0 0 12px; font-weight:bold; background:url(../skinnable/mnu_bg.jpg) no-repeat;} ul#menu li a:hover {color:#e22b2a; background:url(../skinnable/mnu_bg_sel.jpg) no-repeat;} ul#menu li ul {margin:1px 0 0 0;} ul#menu li ul li {} ul#menu li ul li a {color:#e22b2a; background:url(../skinnable/mnu_sub_unsel.jpg) no-repeat; padding:0 0 0 28px; width:137px;} ul#menu li ul li a.selected, ul#menu li ul li a:hover {color:#e22b2a; background:url(../skinnable/mnu_sub_sel.jpg) no-repeat; padding:0 0 0 28px; width:137px;} div.navBar {text-align:right;} div.navBar a {} div.navBar a.active {color:#e22b2a; text-decoration:underline;} /* form elements */ form.stdform {} form.stdform fieldset {border:none;} form.stdform fieldset legend {display:none} form.stdform fieldset label {float:left; width:150px; height:26px; clear:left;} form.stdform fieldset input.text {float:left; width:200px; border:1px solid #606064;} form.stdform fieldset input.submit {float:left; width:100px; margin:0px 0 0 0px; clear:left; border:none; background:#9a9fa4; color:white;} form.stdform fieldset select {float:left; width:200px; border:1px solid #606064;} form.stdform fieldset textarea {float:left; width:200px; height: 100px; border:1px solid #606064;} form.stdform fieldset input.submit2 {float:left; width:100px; margin:4px 0 0 252px; clear:left; border:none; background:#9a9fa4; color:white;} form.stdform fieldset input.checkbox {clear: none; float: none; margin-left: 150px;} form.stdform fieldset label.checkbox {clear: none; float: none} form.stdform2 {} form.stdform2 fieldset {border:none;} form.stdform2 fieldset legend {display:none} form.stdform2 fieldset label {float:left; width:250px; height:26px; clear:left;} form.stdform2 fieldset input.text {float:left; width:200px; border:1px solid #606064;} form.stdform2 fieldset input.submit {float:left; width:100px; margin:0px 0 0 0px; clear:left; border:none; background:#9a9fa4; color:white;} form.stdform2 fieldset select {float:left; width:200px; border:1px solid #606064;} form.stdform2 fieldset textarea {float:left; width:200px; height: 100px; border:1px solid #606064;} form.stdform2 fieldset input.submit2 {float:left; width:100px; margin:4px 0 0 252px; clear:left; border:none; background:#9a9fa4; color:white;} /* searchresults */ #content table.resultsnav {border-collapse: collapse; margin-bottom: 0px; border: none} #content table.resultsnav tr td{padding: 0px} #content table.resultsnav td ul{margin-left: 0px; padding-left: 0px; margin-bottom: 0px} #content table.resultsnav tr td.resultsnavPrevious{text-align: left; width: 15%; padding-left: 90px;} #content table.resultsnav tr td.resultsnavNext{text-align: right; width: 15%; padding-right: 90px} #content table.resultsnav tr td.resultsnavPagenr{text-align: center;} #content table.resultsnav tr td.resultsnavPrevious a{font-weight: bold; padding-left: 8px} #content table.resultsnav tr td.resultsnavNext a{font-weight: bold; padding-right: 8px} #content table.resultsnav tr td.resultsnavPagenr a{font-weight: bold} #content table.resultsnav td ul li {display: inline;list-style-type: none;margin-right: 5px;} /* nieuwsmodule */ div.newsItem {border:1px solid #b5b5bb; padding:3px;} div.newsItem p.newsDate {margin:0; float:right;} div.newsItem h3.newsHeader {margin:0 0 10px 0; font-size:16px; float:left;} div.newsItem p.newsBody {margin:0; float:none; clear:both;} div.newsItem a.action {text-decoration:none; font-style:italic;} /* float classen voor plaatjes uit editor e.d. */ .floatLeft {float:left; display:inline;} .floatRight {float:right; display:inline;} img.floatright {display: block; float: right; margin: 10px 0px 10px 20px; padding: 3px; display: inline; clear: right;} img.floatleft {display: block; float: left;margin: 10px 20px 10px 0px; padding: 3px; display: inline} img.floatrightTop {display: block; float: right; margin: 0px 0px 10px 20px; padding: 3px; display: inline} img.floatleftTop {display: block; float: left;margin: 0px 10px 10px 0px; padding: 3px; display: inline} div.cleardiv {clear:both;} /* pagelisting */ #content table.page_list {border-collapse: collapse; margin-bottom: 0px; padding: 3px; border: none; width: 100%} #content table.page_list tr td{padding: 0px; border-bottom: 1px dashed #b5b5bb;} #content table.page_list tr td.rood {color:#e22b2a; font-weight: bold} #content table.page_list td ul.actions {margin-left: 0px; padding-left: 0px; margin-bottom: 0px; display: inline; } #content table.page_list td ul.actions li {display: inline;list-style-type: none;margin-right: 5px;} #content table.clean {width: 100%} #content table.clean tr td{padding: 0px; border: none;} /* ------------------------------------ Tweaks ------------------------------------------ */ /* ongeselecteerd topmenu item 1x18px */ ul#topmenu {background:url(../skinnable/mnu_unsel.jpg);} /* geselecteerd topmenu item 1x18px */ ul#topmenu li.active {background:url(../skinnable/mnu_sel.jpg);} /* topmenu item hover 1x18px */ ul#topmenu li:hover, ul#topmenu li.over {background:url(../skinnable/mnu_sel.jpg);} /* achtergrondplaatje footer 1x33px */ div#footer {background:url(../skinnable/footer_bg.jpg);} /* achtergrond plaatje voor de kopjes(blokken) in de site 1x18px */ div.i_header {background:url(../skinnable/mnu_unsel.jpg);} /* achtergrondplaatje in de linker kolom 165x207px */ td.bg_plaatje {background:url(../skinnable/mnu_bg_pic.jpg) left bottom no-repeat; } /* linkachtergrond van het linker submenu 165x23px */ ul#menu li ul li a {background:url(../skinnable/mnu_sub_unsel.jpg) no-repeat;} /* achtergrond van het linker submenu hover 165x23px */ ul#menu li ul li a.selected, ul#menu li ul li a:hover {background:url(../skinnable/mnu_sub_sel.jpg) no-repeat;} /* achtergrond van een linker menu item 165x23px */ ul#menu li a {background:url(../skinnable/mnu_bg.jpg) no-repeat;} /* achtergrond van het linker menu item bij een hover 165x23px */ ul#menu li a:hover {background:url(../skinnable/mnu_bg_sel.jpg) no-repeat;} a {color:#606064;} /* standaard link kleur */ a:hover {color:black;} /* link hover kleur */ html {color:#606064;} /* standaard text kleur */ html {font-size:11px;} /* standaard letter grote */ ul#topmenu li a {color:#606064;} /* linkkleur uit het bovenste menu */ ul#topmenu li.active a {color:#e22b2a;} /* linkkleur van de pagina waar u zich bevind */ ul#topmenu li:hover a, ul#topmenu li.over a {color:#e22b2a;} /* mouse hover kleur van het bovenste menu */ div.item {background:#f6f7f7;} /* achtergrondkleur van de vakjes */ ul#menu li ul li a {color:#e22b2a;} /* linkkleur van het linker submenu */ ul#menu li ul li a.selected, ul#menu li ul li a:hover{color:#e22b2a;} /* link hover van het linkersubmenu */ ul#menu li a {color:white;} /* tekstkleur van items in linker menu */ ul#menu li a:hover {color:#e22b2a;} /* tekstkleur van linkermenu items bij een hover */