/* website/css/default.css Dennis Verspuij & Peter van der Meer Copyright(c) 2005 SpuyMore Web/Applications Globaal stylesheet voor de website */ body { background-color: white; margin: 0px; padding: 0px 0px 10px } body, table { font: normal 12px Arial; color: black } table, form { margin: 0px; padding: 0px; border:0px } td { background: transparent } p { margin: 10px 0px } ul { margin: 0px 0px 0px 18px; padding: 0px; list-style-image: url('../img/bullet.gif') } hr { height: 1px; border: none; background-color: #01bbd6; color: #01bbd6 } h1 { font-size: 24px; margin: 0px 0px 24px 24px; color: #808284; font-weight: bold } h2 { font-size: 20px; margin: 0px 0px 4px 0px; color: #808284 } h3 { font-size: 16px; margin: 0px 0px 4px 0px; color: #808284 } h4 { font-size: 15px; margin: 0px 0px 0px 0px; color: #bd1a8d } h5 { font-size: 12px; margin: 0px 0px 4px 0px; color: #bd1a8d } h5.lijn { margin-top: 8px; padding-top: 8px; border-top: 1px solid #01bbd6 } h6 { font-size: 11px; margin: 0px 0px 4px 0px } a { text-decoration: none; color: #bd1a8d } a:hover { text-decoration: underline } input.text, textarea.text { border: 1px solid #ffc20e; margin: 1px; padding: 1px; font-size:13px } /* 01bbd6 */ input.checkbox { color: #ffc20e; position: relative; top: -1px } select.normal { margin: 1px } select.small { font-size: 10px } .radio { cursor: pointer } .ingelogd { font-size: 11px; font-weight: bold; color: #01bbd6 } td.redborder-left { border-left: 1px solid #DF0081 } td.redborder-top { border-top: 1px solid #DF0081 } td.redborder-right { border-right: 1px solid #DF0081 } td.redborder-bottom { border-bottom: 1px solid #DF0081 } td.greenborder-left { border-left: 1px solid #b5dc10 } td.greenborder-top { border-top: 1px solid #b5dc10 } td.greenborder-right { border-right: 1px solid #b5dc10 } td.greenborder-bottom { border-bottom: 1px solid #b5dc10 } td.yellowborder-left { border-left: 1px solid #ffc20e } td.yellowborder-top { border-top: 1px solid #ffc20e } td.yellowborder-right { border-right: 1px solid #ffc20e } td.yellowborder-bottom { border-bottom: 1px solid #ffc20e } /* HEADER */ #t-boys, #t-girls, #t-guest, #t-boys-sel, #t-girls-sel, #t-guest-sel { display: block; width: 103px; height: 37px } #t-boys, #t-boys-sel { background: url('../img/tab-jongens.gif') no-repeat } #t-girls,#t-girls-sel { background: url('../img/tab-meisjes.gif') no-repeat } #t-guest, #t-guest-sel { background: url('../img/tab-gastenboek.gif') no-repeat } #t-boys-sel, #t-girls-sel, #t-guest-sel { background-position: 0px -74px; text-decoration: none } #t-boys:hover, #t-girls:hover, #t-guest:hover { background-position: 0px -37px; text-decoration: none } #t-boys-sel:hover, #t-girls-sel:hover, #t-guest-sel:hover { background-position: 0px -74px; text-decoration: none } .header { background: url('../img/headerbg.jpg') no-repeat } #header-wm { background: url('../img/header-bar.gif') 0px 7px no-repeat} #header-wm a { display: block; width:122px;height:36px;background: url('../img/winkelmand.gif') no-repeat } #winkelmand-txt { font-size: 12px; font-weight: bold; color: black;padding:10px 10px 0px 0px } #header-infomenu { background: url('../img/header-bar.gif') repeat-x } #header-infomenu table { width: 98.5%; margin-left: 10px } #header-infomenu a { display: block; height:10px; margin: 0px 0px 0px 10px; font-size: 8px } #header-infomenu a:hover { text-decoration: none } #im-home { background: url('../img/m-home.gif') no-repeat; width: 45px } #im-home-sel { background: url('../img/m-home.gif') no-repeat; width: 45px; background-position: 0px -10px } #im-info { background: url('../img/m-info.gif') no-repeat; width: 68px } #im-info-sel { background: url('../img/m-info.gif') no-repeat; width: 68px; background-position: 0px -10px } #im-contact { background: url('../img/m-contact.gif') no-repeat; width: 50px } #im-contact-sel { background: url('../img/m-contact.gif') no-repeat; width: 50px; background-position: 0px -10px } #im-aanmelden { background: url('../img/m-aanmelden.gif') no-repeat; width: 65px } #im-aanmelden-sel { background: url('../img/m-aanmelden.gif') no-repeat; width: 65px; background-position: 0px -10px } #im-afmelden { background: url('../img/m-afmelden.gif') no-repeat; width: 57px } #im-klant { background: url('../img/m-mijngegevens.gif') no-repeat; width: 83px } #im-klant-sel { background: url('../img/m-mijngegevens.gif') no-repeat; width: 83px; background-position: 0px -10px } #header-infomenu a:hover { background-position: 0px -10px } #header-zoekbox { border-top:1px solid #ffc20e; border-bottom:1px solid #ffc20e; background-color: white } #header-zoekbox input { width:110px; font-size: 10px; padding:1px 0px; } /* Horizontal Dynamic Drop Down Menu */ div.hdmenu { position: relative } div.hdmenu div { position: absolute; width: 150; /* 428px; */ display: none; background-color: #ffffff; border: 1px solid #01bbd6; padding: 3px; text-align: left } div.hdmenu div li { } div.hdmenu div li a.sel { font-weight: bold } div.hdmenu div#hmenu0 { left: 120px; top: -9px } /* homepage */ #mailafriend td.field { padding: 4px 2px 4px 0px; font-weight:bold; color: #bd1a8d; width: 20px } #mailafriend input { font-size:10px; width: 100% } #mailafriend .zend { border: none; background-color: white; color: #01bbd6; font-weight: bold; width:41px; cursor:pointer } #collecties .price { width:100px; margin: 32px 0px 0px 8px; text-align: center; font-size: 16px; font-weight: bold } #collecties a.aprice, #collecties a.aprice:visited { color: black; cursor: pointer} #collecties a.aprice:hover { text-decoration: none } #collecties .etalagelinks { clear: both } #collectieslist a { display: block; margin: 2px 0px; } #collectieslist a:hover { text-decoration: none } #categorieenlist a { display: block; margin-left: 20px; text-indent:-20px } #centercolumn { } /*.home .collectielist td.name { padding: 4px 10px }*/ /*.home .homepagetext { padding: 0px 8px 0px 0px; font-size:11px }*/ /* itemlist */ #dropdowns { width: 100% } #dropdowns td { padding: 0px 10px; width: 20%; color: #808284; font: bold 11px Verdana } #dropdowns td select { margin-top: 2px; width: 100% } .itemlistbg .sorteer { font: bold 12px Verdana, Arial; color: #808284 } .itemlistbg a, .itemlistbg span { font: bold 12px Arial; color: #808284 } .itemlistbg a:hover { color: #DF0081; text-decoration: none } .itemlistbg .navbar { background-color: #eeeeee; padding: 2px 8px } .itemlistbg .active { color: #000000 } .cat1 { font-weight: bold } .cat2 { font-weight: bold } .cat3 { font-weight: bold } .item .price { padding: 0px 1px; font:12px Verdana; color: black } .item .price .van { font: normal 12px Verdana; text-decoration: line-through; color: black } .item .price .voor { font: bold 12px Verdana; color: black } .item .text { padding: 0px 0px 0px 4px } .photoframe { border: 2px solid #fcb304 } select.maat { margin-top: 0px; font-size: 10px } /* .actietable { background-color: #ffff99; border: 1px solid #ff6666; margin: 12px 0px 0px } */ /* Product detail */ #proddetailtxt td { font-size: 14px; color: #808284 } #proddetailtxt h2 { color: #808284; margin: 10px 10px 6px 14px } /* #proddetailtxt .backlink a:visited, #proddetailtxt .backlink a { font-weight: bold; color:#808284; text-decoration: underline } */ /* cart */ .wwlist th { font-size: 14px; font-weight: bold; color: #808284 } .wwlist td { font-size: 14px; font-weight: bold } .wwlist .del { font-size: 10px } .wwlist .kortingporto { font-weight: normal; font-size:12px; padding-right: 10px } .wwtotaal { font-weight: bold; font-size: 16px } .wwtotaal a, .wwtotaal a:visited { color: #808284; font-size: 12px; text-decoration: underline } /* info */ td.infotext { padding: 0px 100px 0px 20px; background: white } ul.infomenu li { margin-bottom:6px } ul.infomenu a.sel { font-weight: bold } /* weergave van adressering en overzicht van bestellingen op o.a. bestel.asp en bestelling.asp */ .adressering { } .adressering tbody td.label { padding: 0px 4px; background-color: #e7e7e7 } .adressering td.data { padding: 0px 10px } .klant .adressering td.data { padding-left: 0px } .adressering thead td.data { font-weight: bold; text-decoration: underline } .bestelling { width: 80% } .bestelling thead td { font-weight: bold; text-decoration: underline } .bestelling tfoot td { background-color: #e7e7e7; font-weight: bold } .bestelling .line { font-size: 2px; border-top: 1px solid black } .klant .bestelling { width: 100% } .klant tfoot td { background-color: white } /* aanmelden */ .loginform input.text { width: 140px } .loginmsg { font-size: 10px } /* klant */ .klantnummer { font-size: 11px } .klantnummer .nr { color:#008bc6 } .klant thead.label td, .klant td.label { font-weight: bold; background-color: #e7e7e7 } /* gastenboek */ .berichten tr.even td { padding: 2px 4px; background-color: #fff7f7; border-style: solid; border-color: #ffe7e7 } .berichten tr.odd td { padding: 2px 4px; background-color: white; border-style: solid; border-color: #ffe7e7 } .berichten td.naam { border-width: 1px 0px 0px 1px; font-weight: bold; font-size: 12px; color: #01bbd6 } .berichten td.tijdstip { border-width: 1px 1px 0px 0px; font-size: 11px } .berichten td.bericht { border-width: 0px 1px 1px 1px } /* zoekpagina */ .zoeken .radios input { cursor: pointer } .zoeken div input { position: relative; top: 1px } .zoeken td { padding: 0px 4px } .zoeken td.col { border-right: 1px solid #01bbd6 } .zoeken td div { padding: 1px 0px } .zoeken .input { cursor: pointer; background-color:#FFFFFF } .zoeken .inputactive { cursor: pointer; background-color:#01bbff } .zoeken td.input, .zoeken td.inputactive { height: 87px; padding: 2px 2px 1px 2px } .zoeken .merk { margin: 2px; padding:0px; background-color:white; vertical-align: middle } /* broekies groen #B5E100 broekies magenta #DF0081 */