body { margin: 0; padding: 0; background: #fff; color: #454545; font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; } * { margin: 0; padding: 0; } h1 { height: 28px; margin: 5px 0; color: #FF8008; font-size: 20px; line-height: 28px; font-weight: bold; } h2 { margin: 0 0 10px 0; font-size: 15px; font-weight: normal; color: #242323; } h3 { margin: 0 0 10px 0; font-size: 12px; font-weight: bold; } h4 { margin: 0 0 5px 0; font-size: 12px; } img { border: 0; } ul, ol { margin: 10px 0; } li { list-style-position: inside; } ul ul, ol ul, ul ol { margin: 0 0 0 16px; } dl, dt, dd { float: left; } dt { padding: 3px 3px 3px 10px; } dd { padding: 3px 10px 3px 3px; } small { color: #454545; font-size: 10px; } a { color: #000; } a:hover { color: #FF8008; } fieldset { border: 1px solid #454545; } input { padding: 0 2px; font: 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; } table { width: 100%; margin: 15px 0 15px 0; } td { padding: 2px 5px; vertical-align: top; border-bottom: 1px solid #FFE6CE; } th { padding: 2px 5px; background: #FFE6CE; text-align: left; } p, form { margin: 0 0 18px 0; } .oranje { color: #FF8008; } .grijz { color: #7A6E67; } .fontsize9 { font-size: 9px; } .fontsize10 { font-size: 10px; } .fontsize12 { font-size: 12px; } .fontsize14 { font-size: 14px; } .clear { clear: both; } /* layout ------------------------------------------------------------------*/ #wrapper { width: 952px; margin: 0 auto; background: url(/images/bg_wrapper.gif) repeat-y left; } #header { overflow: hidden; position: relative; height: 168px; margin: 0 23px 0 18px; padding: 0 0 0 6px; background: url(/images/bg_header_m.gif) no-repeat left top; } #sidebar { float: left; width: 207px; margin: 0 0 0 18px; padding: 0 0 18px 5px; background: url(/images/bg_sidebar.gif) no-repeat left top; } #content { float:left; width: 675px; margin: 0 23px 0 0; padding: 0 24px 30px 0; background: url(/images/bg_content.gif) no-repeat right top; } #footer { clear: both; } /* content - taalkeuze ------------------------------------------------------------------*/ #hp #wrapper { position: absolute; top: 50%; left: 50%; width: 952px; height: 480px; margin-top: -240px; margin-left: -476px; visibility: visible; } #hp #content { float: none; position: relative; width: 910px; height: 425px; margin: 0 0 0 19px; padding: 0; border-bottom: 18px solid #FF8008; border-top: 18px solid #FF8008; background: url(/images/bg_hp_taal.jpg) no-repeat left top; } #hp #languages { position: absolute; top: 103px; left: 6px ; width: 904px; height: 53px; background: url(/images/bg_hp_taal_keuze.gif) no-repeat left bottom; } #hp #languages img { position: absolute; /*top: -1px;*/ top: 0; left: 375px; } #hp #languages #nl { position: absolute; left: 0px; top: 38px; width: 376px; font-size: 15px; line-height: 15px; text-transform: uppercase; text-decoration: none; font-weight: bold; text-indent: 220px; } #hp #languages #fr { position: absolute; left: 530px; top: 38px; width: 376px; font-size: 15px; line-height: 15px; text-transform: uppercase; text-decoration: none; font-weight: bold; text-indent: 30px; } #hp #languages a { /*color: #FF8008;*/ color: #ff7700; } #hp #languages a:hover { background: #ff7700; color: #fff; } /* header ------------------------------------------------------------------*/ #logo { position: absolute; top: 22px; left: 28px; } #promoties { display: block; position: absolute; top: 22px; left: 739px; width: 130px; height: 24px; font-size: 18px; line-height: 24px; text-decoration: none; text-transform: uppercase; color: #FF8008; text-align: center; } a#promoties:hover { background: #FF8008; color: #fff; } #language { position: absolute; top: 140px; left: 870px; font-size: 10px; color: #65615F; } #language a { color: #1F1C1A; text-decoration: none; } #language a:hover { text-decoration: underline; } #language a.active { color: #1F1C1A; font-weight: bold; } #indekijker { position: absolute; top: 22px; left: 213px; width: 250px; height: 112px; padding: 8px; overflow: hidden; } #indekijker img { float: left; margin: 0 15px 5px 0; } /* #indekijker h2 { font-size: 20px; line-height: 25px; color: #FF8008; } #indekijker p { margin: 0; font-size: 13px; line-height: 18px; font-weight: bold; color: #716F6D; } */ #indekijker h2 { margin-bottom: 0; font-size: 20px; line-height: 25px; color: #FF8008; } #indekijker p { float: right; width: 154px; margin: 0; font-size: 12px; line-height: 17px; font-weight: bold; color: #716F6D; } #indekijker a { color: #716F6D; } #header fieldset{ border: 0;} #header legend { display: none; } #private { position: absolute; top: 20px; left: 510px; width: 200px; height: 130px; } #private form { margin: 0; } #private div { clear: both; padding-bottom: 3px; text-align: right; } #private label { float: left; width: 85px; line-height: 18px; color: #1F1E1E; text-align: left; } #private input { width: 104px; } #private #login { float: right; width: 51px; height: 27px; padding: 0 0 6px 0; border: 0; background: url(/images/bt_login.gif) no-repeat; color: #FF8008; text-transform: capitalize; } #private #loginLinks { position: absolute; top: 90px; left: 0; } #private #loginLinks a { font-size: 11px; line-height: 12px; color: #686562; } #private a:hover { color: #454545; } .ideas { position: absolute; top: 60px; background: url(/images/ideas.gif) no-repeat top right; padding-right: 18px; color: #538c28; } #searchform { position: absolute; top: 127px; left: 30px; width: 160px; margin: 0; } #searchform input { float: left; width: 105px; margin: 2px 0 0 0; } #searchform #searchbutton { float: right; width: 41px; height: 24px; margin: 0; padding: 0px 0 5px 0; border: 0; background: url(/images/bt_go.gif) no-repeat; color: #FF8008; text-transform: capitalize; } /* sidebar ------------------------------------------------------------------*/ #sidebar ul { margin: 23px 0 0 0; list-style: none; } #sidebar li { float: left; list-style-position: outside; } #sidebar li a { display: block; width: 163px; margin-bottom: 3px; padding: 0 0 0 28px; background: #FF8008; font-size: 13px; line-height: 25px; text-decoration: none; text-transform: uppercase; color: #fff; } #sidebar li.active a, #sidebar li a:hover { background: #FF8008 url(/images/bg_menu_item.gif) no-repeat 11px 4px; } #sidebar ul ul { margin: 0; } #sidebar li.active li { margin-bottom: 3px; } #sidebar li.active li a { width: 163px; margin: 0 0 0 0; padding: 0 0 0 28px; background: #FFE6CE; background-image: none; color: #515352; font-size: 12px; line-height: 18px; text-transform: lowercase; } #sidebar li li a:hover, #sidebar li li.active a { background: #FFBF83; color: #24160E; } #sidebar li li.active li { margin-bottom: 0; padding-bottom: 3px; padding-left: 14px; background: #FFBF83; } #sidebar li li.active li a { background-color: #FA9A3F; padding: 0 0 0 14px; } #sidebar li li.active li a:hover, #sidebar li li.active li.active a { background-color: #FA9A3F; color: #fff; } #sidebar #menuproducts li.active li, #sidebar #menuproducts li.active li.active { margin-bottom: 0; padding-bottom: 0; padding-left: 0; background: none; } /* #sidebar ul ul ul { background: #fff; padding: 8px 0 5px 0; } #sidebar li li li { width: 174px; margin: 0; padding: 0; color: #C81E29; } #sidebar li li.active li a { width: 159px; padding: 0 0 5px 15px; background: #fff; font-weight: normal; text-transform: capitalize; } #sidebar li li li a:hover, #sidebar li li li.active a { text-decoration: underline; text-transform: capitalize; } */ /*.navcolor1 { background: #AD1830; }*/ #sidebar #menuproducts li { border-left: 16px solid transparent; } #sidebar #menuproducts li a { width: 163px; margin-bottom: 0; padding-left: 12px; } #sidebar #menuproducts li li { margin-bottom: 0; border-left: none; } #sidebar #menuproducts #navcolor1 { border-color: #ED1B2E; } #sidebar #menuproducts #navcolor2 { border-color: #7082C0; } #sidebar #menuproducts #navcolor3 { border-color: #EC008C; } #sidebar #menuproducts #navcolor4 { border-color: #E8AD11; } #sidebar #menuproducts #navcolor5 { border-color: #5255A5; } #sidebar #menuproducts #navcolor6 { border-color: #C8A483; } #sidebar #menuproducts #navcolor7 { border-color: #59AD40; } #sidebar #menuproducts #navcolor8 { border-color: #FFD41C; } #sidebar #menuproducts #navcolor9 { border-color: #F9A13A; } #sidebar #menuproducts #navcolor10 { border-color: #DC7AA6; } #sidebar #menuproducts #navcolor11 { border-color: #8B2942; } #sidebar #menuproducts #navcolor12 { border-color: #007CC3; } #sidebar #menuproducts #navcolor13 { border-color: #E46B1F; } #sidebar #menuproducts #navcolor14 { border-color: #9B2E23; } #sidebar #menuproducts #navcolor15 { border-color: #171F69; } #sidebar #menuproducts #navcolor16 { border-color: #00AFD2; } #sidebar #menuproducts #navcolor17 { border-color: #006940; } #sidebar #menuproducts #navcolor18 { border-color: #A02D51; } #sidebar #menuproducts #navcolor19 { border-color: #EAD437; } #sidebar #menuproducts #navcolor20 { border-color: #00304B; } #sidebar #menuproducts #navcolor21 { border-color: #004071; } #sidebar #menuproducts #navcolor22 { border-color: #0092AF; } #sidebar #menuproducts li#navcolor1.active a { background: #ED1B2E; color: #fff; } #sidebar #menuproducts li#navcolor1.active li a { border-bottom: 1px solid #ED1B2E; background: #EC7C86; color: #24160E; } #sidebar #menuproducts li#navcolor2.active a { background: #7082C0; color: #fff; } #sidebar #menuproducts li#navcolor2.active li a { border-bottom: 1px solid #7082C0; background: #9BA3C0; color: #24160E; } #sidebar #menuproducts li#navcolor3.active a { background: #EC008C; color: #fff; } #sidebar #menuproducts li#navcolor3.active li a { border-bottom: 1px solid #EC008C; background: #E871B8; color: #24160E; } #sidebar #menuproducts li#navcolor4.active a { background: #E8AD11; color: #fff; } #sidebar #menuproducts li#navcolor4.active li a { border-bottom: 1px solid #E8AD11; background: #F4C74F; color: #24160E; } #sidebar #menuproducts li#navcolor5.active a { background: #5255A5; color: #fff; } #sidebar #menuproducts li#navcolor5.active li a { border-bottom: 1px solid #5255A5; background: #787AA5; color: #24160E; } #sidebar #menuproducts li#navcolor6.active a { background: #C8A483; color: #fff; } #sidebar #menuproducts li#navcolor6.active li a { border-bottom: 1px solid #C8A483; background: #D2BFAD; color: #24160E; } #sidebar #menuproducts li#navcolor7.active a { background: #59AD40; color: #fff; } #sidebar #menuproducts li#navcolor7.active li a { border-bottom: 1px solid #59AD40; background: #83C171; color: #24160E; } #sidebar #menuproducts li#navcolor8.active a { background: #FFD41C; color: #fff; } #sidebar #menuproducts li#navcolor8.active li a { border-bottom: 1px solid #FFD41C; background: #FFE46E; color: #24160E; } #sidebar #menuproducts li#navcolor9.active a { background: #F9A13A; color: #fff; } #sidebar #menuproducts li#navcolor9.active li a { border-bottom: 1px solid #F9A13A; background: #F5C082; color: #24160E; } #sidebar #menuproducts li#navcolor10.active a { background: #DC7AA6; color: #fff; } #sidebar #menuproducts li#navcolor10.active li a { border-bottom: 1px solid #DC7AA6; background: #EDACC9; color: #24160E; } #sidebar #menuproducts li#navcolor11.active a { background: #8B2942; color: #fff; } #sidebar #menuproducts li#navcolor11.active li a { border-bottom: 1px solid #8B2942; background: #A5405A; color: #24160E; } #sidebar #menuproducts li#navcolor12.active a { background: #007CC3; color: #fff; } #sidebar #menuproducts li#navcolor12.active li a { border-bottom: 1px solid #007CC3; background: #2398DC; color: #24160E; } #sidebar #menuproducts li#navcolor13.active a { background: #E46B1F; color: #fff; } #sidebar #menuproducts li#navcolor13.active li a { border-bottom: 1px solid #E46B1F; background: #F6843C; color: #24160E; } #sidebar #menuproducts li#navcolor14.active a { background: #9B2E23; color: #fff; } #sidebar #menuproducts li#navcolor14.active li a { border-bottom: 1px solid #9B2E23; background: #AA3E33; color: #24160E; } #sidebar #menuproducts li#navcolor15.active a { background: #171F69; color: #fff; } #sidebar #menuproducts li#navcolor15.active li a { border-bottom: 1px solid #171F69; background: #424CAD; color: #24160E; } #sidebar #menuproducts li#navcolor16.active a { background: #00AFD2; color: #fff; } #sidebar #menuproducts li#navcolor16.active li a { border-bottom: 1px solid #00AFD2; background: #30C6E4; color: #24160E; } #sidebar #menuproducts li#navcolor17.active a { background: #006940; color: #fff; } #sidebar #menuproducts li#navcolor17.active li a { border-bottom: 1px solid #006940; background: #38926F; color: #24160E; } #sidebar #menuproducts li#navcolor18.active a { background: #A02D51; color: #fff; } #sidebar #menuproducts li#navcolor18.active li a { border-bottom: 1px solid #A02D51; background: #B94C6E; color: #24160E; } #sidebar #menuproducts li#navcolor19.active a { background: #EAD437; color: #fff; } #sidebar #menuproducts li#navcolor19.active li a { border-bottom: 1px solid #EAD437; background: #F6E881; color: #24160E; } #sidebar #menuproducts li#navcolor20.active a { background: #00304B; color: #fff; } #sidebar #menuproducts li#navcolor20.active li a { border-bottom: 1px solid #00304B; background: #1A5576; color: #24160E; } #sidebar #menuproducts li#navcolor21.active a { background: #004071; color: #fff; } #sidebar #menuproducts li#navcolor21.active li a { border-bottom: 1px solid #004071; background: #24608E; color: #24160E; } #sidebar #menuproducts li#navcolor22.active a { background: #0092AF; color: #fff; } #sidebar #menuproducts li#navcolor22.active li a { border-bottom: 1px solid #0092AF; background: #28A8C2; color: #24160E; } #sidebar #menuproducts li#navcolor1.active li.active a, #sidebar #menuproducts li#navcolor1.active li a:hover, #sidebar #menuproducts li#navcolor2.active li.active a, #sidebar #menuproducts li#navcolor2.active li a:hover, #sidebar #menuproducts li#navcolor3.active li.active a, #sidebar #menuproducts li#navcolor3.active li a:hover, #sidebar #menuproducts li#navcolor4.active li.active a, #sidebar #menuproducts li#navcolor4.active li a:hover, #sidebar #menuproducts li#navcolor5.active li.active a, #sidebar #menuproducts li#navcolor5.active li a:hover, #sidebar #menuproducts li#navcolor6.active li.active a, #sidebar #menuproducts li#navcolor6.active li a:hover, #sidebar #menuproducts li#navcolor7.active li.active a, #sidebar #menuproducts li#navcolor7.active li a:hover, #sidebar #menuproducts li#navcolor9.active li.active a, #sidebar #menuproducts li#navcolor9.active li a:hover, #sidebar #menuproducts li#navcolor10.active li.active a, #sidebar #menuproducts li#navcolor10.active li a:hover, #sidebar #menuproducts li#navcolor11.active li.active a, #sidebar #menuproducts li#navcolor11.active li a:hover, #sidebar #menuproducts li#navcolor12.active li.active a, #sidebar #menuproducts li#navcolor12.active li a:hover, #sidebar #menuproducts li#navcolor13.active li.active a, #sidebar #menuproducts li#navcolor13.active li a:hover, #sidebar #menuproducts li#navcolor14.active li.active a, #sidebar #menuproducts li#navcolor14.active li a:hover, #sidebar #menuproducts li#navcolor15.active li.active a, #sidebar #menuproducts li#navcolor15.active li a:hover, #sidebar #menuproducts li#navcolor16.active li.active a, #sidebar #menuproducts li#navcolor16.active li a:hover, #sidebar #menuproducts li#navcolor17.active li.active a, #sidebar #menuproducts li#navcolor17.active li a:hover, #sidebar #menuproducts li#navcolor18.active li.active a, #sidebar #menuproducts li#navcolor18.active li a:hover, #sidebar #menuproducts li#navcolor19.active li.active a, #sidebar #menuproducts li#navcolor19.active li a:hover, #sidebar #menuproducts li#navcolor20.active li.active a, #sidebar #menuproducts li#navcolor20.active li a:hover, #sidebar #menuproducts li#navcolor21.active li.active a, #sidebar #menuproducts li#navcolor21.active li a:hover, #sidebar #menuproducts li#navcolor22.active li.active a, #sidebar #menuproducts li#navcolor22.active li a:hover { color: #fff; } #sidebar #menuproducts li#navcolor8.active li.active a, #sidebar #menuproducts li#navcolor8.active li a:hover { color: #999; } /* content - homepage ------------------------------------------------------------------*/ #home #content { padding-top: 20px; } #home #content a { position: relative; display: block; float: left; overflow: hidden; margin-right: 25px; text-decoration: none; } #home #producten { position:relative; float: left; width: 320px; height: 196px; margin-right: 25px; } #home #producten img:hover { cursor: pointer; } #home #publicaties a { width: 320px; height: 196px; margin-right: 0; color: #716F6D; } #home #contact a { width: 320px; height: 147px; color: #716F6D; } #home #bestel a { width: 320px; height: 147px; margin-right: 0; color: #716F6D; } #home #content a img { float: left; margin-right: 5px; } #home #content span { display: block; padding: 4px 4px 4px 24px; background: transparent url(/images/bg_hp_item.gif) no-repeat 4px 12px; font-size: 20px; line-height: 25px; font-weight: bold; color: #FF8008; } #home #content a:hover span { background: #FF8008 url(/images/bg_hp_item_over.gif) no-repeat 4px 12px; color: #fff; } #home #content .horizontaal span { position: absolute; left: 0; top: 0; width: 100%; background: url(/images/bg_hp_item_white.png) no-repeat 0 0; color: #fff; } #home #productfocusbeeld1a, #home #productfocusbeeld2a, #home #productfocusbeeld3a, #home #productfocusbeeld4a, #home #productfocusbeeld5a { position: absolute; top: 33px; left: 0px; } #home #productfocusbeeld1b, #home #productfocusbeeld2b, #home #productfocusbeeld3b, #home #productfocusbeeld4b, #home #productfocusbeeld5b { position: absolute; top: 33px; left: 160px; } /* content - algemeen en page ------------------------------------------------------------------*/ #shopping #content { background: url(/images/bg_content_winkelmandje.gif) no-repeat right top; } #snelkoop { margin-left: 20px; padding-left: 20px; background: url(/images/bg_snelkoop.png) no-repeat left top; } #pad { margin: 25px 0 0 0; color: #515253; font-size: 11px; line-height: 14px; text-align: right; } #pad a { color: #515253; font-size: 11px; text-decoration: none; text-transform: lowercase; } #pad a:hover { color: #181C20; } #shopping #pad { margin-top: 6px; } .message { background: #F1F1F1 url(/images/icon_attention.gif) left no-repeat; padding: 5px 3px 3px 20px; margin: 0 0 15px 0; color: #C81E29; } .aloneright { margin: 0 0 15px auto; } .alonemiddle { margin: 0 auto 15px auto; } .left { float: left; margin: 0 15px 15px 0; } .right { float: right; margin: 0 0 15px 15px; } .pict { margin-bottom: 15px; } .pict p { margin: 0; line-height: 12px; color: #aaa; font-size: 10px; } .file { clear: both; } .file a img { border: 0; } .tekstblok { clear: both; } #lastupdated { clear: both; margin: 14px 0 0 230px; font-size: 10px; } /* #subitems { position: relative; margin: 0; padding: 10px 0 0 0; list-style: none; } #subitems li { margin: 0 0 2px 0; padding: 0; background: #f1f1f1; line-height: 22px; list-style-position: outside; } #subitems li a { padding: 0 0 0 25px; background: url(/images/pijl_grijs.gif) no-repeat 2px center; line-height: 18px; } #subitems li a:hover { background: url(/images/pijl_grijs_o.gif) no-repeat 2px center; } */ /* content - contactpersonen ------------------------------------------------------------------*/ .contactPersoon { clear: both; overflow: hidden; margin: 0 0 25px 0; } .contactPersoon p { margin: 0; padding: 0; } .contactPersoon img { float: left; margin: 0 10px 10px 0; } /* content - patners ------------------------------------------------------------------*/ /* .partnerBeeld { margin: 0 0 15px 0; padding: 10px 0 0 0; border-top: 1px dashed #ddd; } .partnerBeeld img { border: none; } */ /* content - product en basket ------------------------------------------------------------------*/ #alfabet { margin-bottom: 15px; } #alfabet a.active, #alfabet a:hover { color: #FF8008; } #prodCategories { margin: 0; padding: 10px 0 0 0; } #prodCategories li { margin: 0 0 2px 0; } #winkelmandje { margin: 7px 0 0 35px; } #winkelmandje a { text-decoration: none; text-transform: uppercase; } #orderButtonMandjeVoeg { float: right; margin: 0 0 0 5px; background: url(/images/bt_longshadow.gif) no-repeat right top; text-decoration: none; } #orderButtonMandjeVoeg span { float: left; height: 24px; padding: 7px 10px 2px 40px; background: url(/images/bt_toevoegen.gif) no-repeat left top; } #productform, #basketform { clear: both; overflow: hidden; width: 100%; } #productform table, #basketform table { border-collapse: collapse; } #productform th, #basketform th { background: transparent; font-size: 14px; vertical-align: bottom; } #productform td, #basketform tr.totaal td { padding: 5px; border-bottom: none; background: url(/images/bg_product_line.gif) repeat-x top; } #basketform td { padding: 5px; border-bottom: none; border-top: 1px solid #FFE6CE; } th.aantal, td.aantal { text-align: center; } th.prijs { text-align: right; } td.prijs { text-align: right; white-space: nowrap; } /* td.punten { text-align: center; }*/ td.btw { text-align: right; } #productform .promo { color: #FF8008; font-weight: bold; } #basketform .promo { font-weight: bold; } #basketform tr.productlijn td { border: none; background: url(/images/bg_product_line.gif) repeat-x top; } #basketform tr.totaal td { border: none; } a.delete { display: block; width: 15px; padding: 1px 0 10px 0; border: none; background: url(/images/delete.gif) no-repeat; text-indent: -9000px;} /* td.kosten { text-align: right; }*/ #basketform tr.totaal td { background: #FFE6CE; height: 20px; } #basketform tr td.totaalprijs { background: #FFBF83; text-align: right; } .orderButton { float: left; margin-right: 10px; background: url(/images/bt_longshadow.gif) no-repeat right top; text-decoration: none; } .orderButton span { float: left; height: 24px; padding: 7px 10px 2px 10px; background: url(/images/bt_normal_left.gif) no-repeat left top; } #basketform fieldset { margin: 15px 0 15px 0; padding: 15px; border: 1px solid #FFD2A6; } #basketform fieldset legend { padding: 0 5px; color: #454545; font-weight: bold; } #basketform fieldset label { float: left; width: 200px; margin-right: 5px; text-align: right; } #basketform fieldset div { overflow: hidden; padding: 3px 0; } #basketform fieldset .checkboxinput label { float: none; padding-left: 10px; } #basketform fieldset .checkboxinput p { margin-left: 30px; } #basket td.active { color: #C81E29; } #basketform fieldset div.radioinput { margin: 0 0 0 5px; width:540px; } #basketform fieldset div.radioinput input { float: left; margin: 2px; width: 15px;} #basketform fieldset div.radioinput label { text-align:left; margin: 0 0 0 10px; width:500px;} /* content - registratie - contact -vraagbak ------------------------------------------------------------------*/ #regform fieldset, #contactform fieldset { margin: 15px 0 15px 0; padding: 15px; border: 1px solid #FFD2A6; } #regform fieldset legend, #contactform fieldset legend { padding: 0 5px; color: #454545; font-weight: bold; } #regform fieldset label, #contactform fieldset label { float: left; width: 200px; margin-right: 5px; text-align: right; } #regform fieldset div, #contactform fieldset div { overflow: hidden; padding: 3px 0; } #contactform fieldset .radioinput, #contactform fieldset .checkboxinput { padding-left: 200px; } #contactform fieldset .radioinput label, #contactform fieldset .checkboxinput label { float: none; padding-left: 10px; } #contactform fieldset fieldset { padding: 15px 0; border-color: #eee; } /* content - evaluatieformulier ------------------------------------------------------------------*/ #evaluation_form fieldset { margin: 15px 0 15px 0; padding: 15px; border: 1px solid #FFD2A6; } #evaluation_form fieldset legend { padding: 0 5px; color: #454545; font-weight: bold; } #evaluation_form fieldset label { float: left; width: 300px; margin-right: 5px; text-align: right; } #evaluation_form fieldset div { position: relative; width: 500px; } #evaluation_form fieldset select { position: absolute; bottom: 0; margin: 0 0 5px 325px; } #evaluation_form fieldset textarea { margin: -17px 0 5px 325px; } #evaluation_form fieldset .labeldiv, #evaluation_form fieldset .inputdiv { float: left; padding: 5px 0; } #evaluation_form fieldset .inputdiv { padding: 0; width: 300px; } #evaluation_form fieldset .labeldiv { clear: left; margin-left: 10px; } #evaluation_form fieldset .send { float: left; clear: left; } /* content - sitemap ------------------------------------------------------------------*/ ul.sitemap { margin: 5px 0 5px 0; padding: 0; } ul.sitemap li { margin: 0 0 0 15px; } /* content - cadeau ------------------------------------------------------------------*/ /* #cadeaus { overflow: hidden; } .cadeau { float:left; width: 315px; height: 240px; margin: 0 15px 15px 0; padding:10px; background: #EEEEEE; } #cadeaus .even { margin-right: 0; } .cadeau img { float: left; width: 120px; margin: 0 5px 5px 0;} */ /* content - synonymlijst ------------------------------------------------------------------*/ #synonymlijst { margin-left: 15px; } #synonymlijst li { list-style-position: outside; } /* footer ------------------------------------------------------------------*/ #footer p { margin: 0 auto; } #footer #telnrs { padding: 0 0 0 230px; background: #FF8008; color: #fff; font-size: 13px; line-height: 25px; } #footer #footeradres { position: relative; padding: 5px 0 0 23px; background: #fff; color: #FF8008; font-size: 12px; } #footer #footeradres a { margin-left: 5px; color: #FF8008; } #footer #duo { position: absolute; top: 5px; right: 23px; color: #FF8008; text-decoration: none; } /* snelkoop ------------------------------------------------------------------*/ a.snelkoopactive { background: url(/images/nu_kopen_ok.gif) left no-repeat; margin: 0; padding: 5px 0 5px 0; width: 38px; height: 15px; text-indent: -90000px; display: block; } a:hover.snelkoopactive { background: url(/images/nu_kopen_delete.gif) left no-repeat; } a.snelkoop { background: url(/images/nu_kopen.gif) left no-repeat; margin: 0; padding: 5px 0 5px 0; width: 38px; height: 15px; text-indent: -90000px; display: block; } a:hover.snelkoop { background: url(/images/nu_kopen_ok.gif) left no-repeat; }