/** Algemeen **/ body { padding-right: 0px; padding-left: 0px; font-size: 12px; padding-bottom: 0px; margin: 0px; padding-top: 0px; background-repeat: repeat-x; font-family: Arial; color: #000000; background-color: #000000; } DIV { font-size: 12px; color: black; font-family: Arial; } TABLE { margin: 0px; } TD { font-size: 12px; font-family: Arial; color: #000000; } H1 { font-size: 12px; font-weight: bold; margin-top: 0; margin-bottom: 0; font-family: Arial; } .searchbutton { border-top-style: none; border-right-style: none; border-left-style: none; background-color: #000000; border-bottom-style: none; color:#ffffff; } INPUT.reserveren { border-right: #dfdfdf 1px solid; border-top: #dfdfdf 1px solid; border-left: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid; font-family: Arial; } INPUT.ervaring { border-right: #dfdfdf 1px solid; border-top: #dfdfdf 1px solid; border-left: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid; font-family: Arial; } SELECT.ervaring { border-right: #dfdfdf 1px solid; border-top: #dfdfdf 1px solid; border-left: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid; background-color: white; font-family: Arial; } TEXTAREA { border-right: #dfdfdf 1px solid; border-top: #dfdfdf 1px solid; border-left: #dfdfdf 1px solid; border-bottom: #dfdfdf 1px solid; background-color: white; scrollbar-face-color:#f2f2f2; scrollbar-arrow-color:#000000; scrollbar-track-color:#fafafa; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-Color:#333333; font-family: Arial; } .voorraad { background-image: url(images/voorraadblok.jpg); background-repeat: no-repeat; padding-left: 69px; padding-top: 2px; width: 103px; height: 19px; } .blacklink { color: #000000; font-size: 12px; font-weight:normal; text-decoration: none; font-family: Arial; } a:link { color: #000000; font-size: 12px; font-weight:normal; text-decoration: none; font-family: Arial; } a:active { color: #000000; font-size: 12px; font-weight:normal; text-decoration: none; font-family: Arial; } a:visited { color: #000000; font-size: 12px; font-weight:normal; text-decoration: none; font-family: Arial; } a:hover { font-weight: normal; font-size: 12px; color: #CF2161; text-decoration: none; font-family: Arial; } /** END Algemeen **/ .top { background-image: url(/images/top.jpg); font-family: Arial; } .footer { color: #000000; background-color: #fffce8; font-family: Arial; width: 100%; margin-top: 5px; padding-left: 10 px; } .left_onder { background-image: url(images/left_onder.jpg); height: 45px; width:18px; font-family: Arial; } .center_onder { background-image: url(images/center_onder.jpg); color:White; font-family: Arial; } .right_onder { background-image: url(images/right_onder.jpg); height: 45px; width: 19px; font-family: Arial; } /** TOP **/ .home_top_left { background-image: url(images/bg_top.jpg); background-repeat: repeat-x; font-family: Arial; padding-left: 5px; padding-top: 5px; } .home_top_right { BACKGROUND-POSITION-X: right; background-image: url(images/right_top.jpg); width: 689px; color: white; background-repeat: no-repeat; font-family: Arial; } .top_left { padding-left: 5px; padding-top: 5px; margin-bottom: 5px; overflow: hidden; color: #000000; font-family: Arial; height: 80px; background-color: #fffce8; } .top_left_2 { overflow: hidden; height: 145px; font-family: Arial; } .home_top_center { font-family: Arial; background-image: url(/images/top.jpg); background-repeat: no-repeat; padding-right:10px; } .topmenu { height: 10px; } .searchblock { padding-left: 5px; font-size: 12px; background-image: url(images/bg_searchblock.jpg); color: white; padding-top: 4px; background-repeat: no-repeat; font-family: Arial; } INPUT.search { width: 120px; font-family: Arial; } .bg_menu { background-image: url(images/menubg.jpg); background-repeat: repeat-x; font-family: Arial; } .menubalk { padding-left: 10px; color: #000000; height: 24px; font-family: Arial; } a.bovenlinks:link { font-size: 12px; color: #ffffff; font-weight: bolder; text-decoration: none; font-family: Arial; } a.bovenlinks:active { font-size: 12px; color: #ffffff; font-weight: bolder; text-decoration: none; font-family: Arial; } a.bovenlinks:visited { font-size: 12px; color: #ffffff; font-weight: bolder; text-decoration: none; font-family: Arial; } a.bovenlinks:hover { font-size: 12px; color: #646464; font-weight: bolder; text-decoration: none; font-family: Arial; } .left_center { background-image: url(images/left_center.jpg); width: 18px; font-family: Arial; } .right_center { background-image: url(images/right_center.jpg); width: 19px; font-family: Arial; } /** END TOP **/ /** Aanbieding **/ .productblock { padding-left: 10px; background-image: url(images/p_block.gif); padding-bottom: 5px; width: 574px; padding-top: 3px; background-repeat: no-repeat; height: 248px; color: White; font-family: Arial; } a.aanbieding_productnaam:link { font-weight: bold; font-size: 12px; color: #000000; text-decoration: none; font-family: Arial; } a.aanbieding_productnaam:active { font-weight: bold; font-size: 12px; color: #000000; text-decoration: none; font-family: Arial; } a.aanbieding_productnaam:visited { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; font-family: Arial; } a.aanbieding_productnaam:hover { font-size: 12px; font-weight: bold; color: silver; text-decoration: none; font-family: Arial; } .aanbieding_gegevens { font-size: 12px; overflow: hidden; width: 130px; padding-top: 5px; height: 45px; font-family: Arial; } .van_crossed { font-weight: bold; font-size: 14px; background: url(images/prijsvan1.gif) no-repeat center center; color: #646464; font-family: Arial; } .van { font-weight: bold; font-size: 12px; color: #646464; font-family: Arial; } .prijsblok { padding-right: 10px; padding-top: 10px; font-family: Arial; } .voor { color: #ff0000; font-size: 12px; font-weight: bold; font-family: Arial; } .productHR { height: 1px; background-color: #CBCBCB; width: 100%; font-family: Arial; } .imageholder { vertical-align: middle; overflow: hidden; width: 100px; padding-top: 3px; height: 100px; font-family: Arial; } .imageholderCat { vertical-align: bottom; overflow: hidden; width: 122px; height: 110px; font-family: Arial; } /** End aanbieding **/ /** LEFT MENU **/ .menurow { background-color: White; font-family: Arial; } .menuheader { margin-top: 5px; padding-left: 10px; font-weight: bold; font-size: 13px; color: white; height: 18px; width: 170px; background: url(images/menuheader.jpg); font-family: Arial; } .menublock { padding-left: 5px; padding-top: 5px; padding-right: 5px; background-color: #fffce8; padding-bottom: 10px; margin-bottom: 5px; } .menufooter { width: 185px; height: 18px; background: url(images/blokbottom.jpg) no-repeat left top; font-family: Arial; } .submenu { padding-left: 10px; padding-top: 5px; border-bottom:1px solid #847b62; height: 20px; } .menuleft { width: 13px; font-family: Arial; } .menurighttop { background: url(images/menuright.jpg); width: 21px; font-family: Arial; } .menulefttop { background: url(images/menuleft.jpg); width: 13px; font-family: Arial; } .menuright { background: url(images/menuright.jpg); width: 21px; font-family: Arial; } .menucontent { color: white; height: 100%; font-family: Arial; } .menuitem { font-size: 12px; font-family: Arial; } .menuitem2 { font-size: 12px; font-family: Arial; } rightmenublock { font-size: 12px; background: url(images/linebg.jpg); font-family: Arial; } a.menu:link { font-size: 12px; color: #000000; text-decoration: none; font-weight:normal; font-family: Arial; } a.menu:active { color: #000000; font-size: 12px; font-weight:normal; text-decoration: none; font-family: Arial; } a.menu:visited { color: #000000; font-size: 12px; font-weight:normal; text-decoration: none; font-family: Arial; } a.menu:hover { font-weight: normal; font-size: 12px; color: #000000; text-decoration: none; font-family: Arial; } .productnaam { color: White; font-family: Arial; font-size: 13px; } a.productnaam:link { font-size: 13px; color: #000000; text-decoration: none; font-weight:bold; font-family: Arial; } a.productnaam:active { color: #000000; font-size: 13px; font-weight:bold; text-decoration: none; font-family: Arial; } a.productnaam:visited { color: #000000; font-size: 13px; font-weight:bold; text-decoration: none; font-family: Arial; } a.productnaam:hover { font-weight: bold; font-size: 13px; color: #000000; text-decoration: none; font-family: Arial; } /** END LEFT MENU **/ /** RIGHT MENU **/ .rightmenutop { background: url(images/rightmenutop.jpg) no-repeat; height: 22px; font-family: Arial; } .rightmenucontentDIV { padding-left: 3px; /**width: 180px;**/ color: white; height: 100%; font-family: Arial; } .RightmenuItem { padding-left: 20px; background: url(images/rightlinebg.jpg) no-repeat right bottom; height: 20px; color: White; font-family: Arial; } .rightmenucontent { width: 194px; height: 100%; font-family: Arial; } .rightmenuheader { margin-top: 5px; padding-left: 10px; font-weight: bold; font-size: 12px; color: white; height: 18px; width: 170px; background: url(images/menuheader.jpg); font-family: Arial; margin-right: 3px; } .Alternatiefblok { border-top: #646464 1px solid; border-right: #646464 1px solid; margin-left: 0px; border-left: #646464 1px solid; border-bottom: #646464 1px solid; font-family: Arial; background-color: white; } .AlterTop { background: url(/images/catblokheader.jpg); width: 100%; height: 20px; padding-top: 3px; padding-left: 5px; overflow: hidden; } .pluspunten { padding-left: 10px; background: url(images/pluspunten.jpg); width: 187px; padding-top: 22px; height: 276px; color: white; } /** END RIGHT MENU **/ /** CONTENT **/ .content { background-color: #fffce8; color: #000000; font-family: Arial; height: 100%; } /** END CONTENT **/ /** CATEGORIE **/ .cattop { border-right: #7f7f7f 1px solid; border-top: #7f7f7f 1px solid; padding-left: 5px; border-left: #7f7f7f 1px solid; width: 100%; color: black; padding-top: 3px; border-bottom: #7f7f7f 1px solid; font-family: Arial; height: 25px; background-color: #ffffff; } .catblok { border-right: #bfc4d8 2px solid; border-top: #bfc4d8 2px solid; margin-bottom: 15px; border-left: #bfc4d8 2px solid; border-bottom: #bfc4d8 2px solid; font-family: Arial; } .cattopleft { background: url(images/cat_left.jpg); width: 22px; height: 181px; font-family: Arial; } .cattopbg { background: url(images/cat_bg.jpg); vertical-align: top; width: 140px; font-family: Arial; } .cattopright { background: url(images/cat_right.jpg); width: 27px; height: 181px; font-family: Arial; } .catheader { margin-top: 7px; padding-left: 5px; font-weight: bold; font-size: 13px; margin-bottom: 3px; width: 133px; color: white; height: 18px; background-color: #FF0000; font-family: Arial; } .catitem { width: 135px; height: 150px; font-size: 12px; font-family: Arial; } .cattopmerken { background-image: url(images/merken.jpg); background-repeat: no-repeat; width: 197px; font-family: Arial; } .header { background: url(images/menuheader.jpg); background-color: #FF0000; color: white; font-size: 13px; font-weight: bold; width: 100%; height: 18px; padding-left: 5px; font-family: Arial; } /** CATEGORIE TOP **/ .cattoptable { margin-top: 8px; margin-left: 3px; width: 809px; } .cattopleft { background: url(images/cat_left.jpg); width: 22px; height: 181px; } .cattopbg { background: url(images/cat_bg.jpg); vertical-align: top; width: 140px; } .cattopright { background: url(images/cat_right.jpg); width: 27px; height: 181px; } .catproblok { background: url(images/catblok.jpg) no-repeat; width: 100%; height: 141px; padding-top: 4px; } .catproheader { background: url(images/catblokheader.jpg); width: 100%; height: 24px; padding-top: 3px; padding-left: 5px; } .alterproheader { background: url(images/catblokheader.jpg); width: 100px; height: 24px; padding-top: 3px; padding-left: 5px; overflow:hidden; } .catprocontent { border-right: silver 1px solid; border-top: silver 1px solid; border-left: silver 1px solid; border-bottom: silver 1px solid; } .catheader { margin-top: 7px; padding-left: 5px; font-weight: bold; font-size: 13px; margin-bottom: 3px; width: 133px; color: white; height: 18px; background-color: #FF0000; } .catitem { width: 135px; height: 150px; font-size: 12px; } .cattopmerken { background-image: url(images/merken.jpg); background-repeat: no-repeat; width: 197px; } /** END CATEGORIE TOP **/ a.catheaderlink { font-weight: bolder; font-size: 12px; color: #000000; text-decoration: none; } a.catheaderlink:active { font-weight: bolder; font-size: 12px; color: #000000; text-decoration: none; } a.catheaderlink:visited { font-size: 12px; font-weight: bolder; color: #000000; text-decoration: none; } a.catheaderlink:hover { font-size: 12px; font-weight: bolder; color: #000000; text-decoration: none; } .catlisttop { background: url(images/catlisttop.jpg); height: 18px; width: 802px; } .catlistbottom { background: url(images/catlistbottom.jpg); height: 30px; width: 802px; } .catlistbg { padding-left: 20px; padding-right: 20px; background: url(images/catlistbg.jpg); height: 200px; } .catlistheader { padding-left: 3px; font-weight: bold; font-size: 12px; color: white; background-color: #FF0000; } .ProductRow { font-size: 12px; padding-bottom: 5px; font-family: Arial; } .catProOmschrijving { overflow: hidden; width: 280px; height: 100px; font-family: Arial; } a.catlist_productnaam { font-weight: bolder; font-size: 12px; color: #ffffff; text-decoration: none; font-family: Arial; } a.catlist_productnaam:active { font-weight: bolder; font-size: 12px; color: #ffffff; text-decoration: none; font-family: Arial; } a.catlist_productnaam:visited { font-size: 12px; font-weight: bolder; color: #ffffff; text-decoration: none; font-family: Arial; } a.catlist_productnaam:hover { font-size: 12px; font-weight: bolder; color: black; text-decoration: none; font-family: Arial; } .catlisttext { border-top-width: thin; border-left-width: thin; font-size: 12px; border-bottom-width: thin; vertical-align: baseline; overflow: hidden; height: 100px; text-align: left; vertical-align: text-bottom; border-right-width: thin; } .voorgroot { font-weight: bold; font-size: 18px; color: #FF0000; } .blok_top { padding-left: 30px; font-size: 12px; background: url(images/catlistbg.jpg); } /** END Cat list**/ /** Product detail **/ H1.productnaam { color: White; font-family: Arial; font-size: 13px; } H2.productnaam { color: White; font-family: Arial; font-size: 13px; margin-top: 3px; } .Productdetail { background-color: #fffce8; background: url(images/pdetail_block1.jpg) no-repeat; width: 616px; padding-left: 5px; font-family: Arial; } .producttop { border-right: #7f7f7f 1px solid; border-top: #7f7f7f 1px solid; padding-left: 5px; border-left: #7f7f7f 1px solid; width: 100%; color: black; padding-top: 3px; border-bottom: #7f7f7f 1px solid; font-family: Arial; height: 25px; background-color: #ffffff; } .producttopright { background: url(images/producttopright.jpg); width: 196px; height: 190px; } .productheader { padding-left: 7px; font-weight: bold; color: white; background-color: #FF0000; } .Productimageholder { vertical-align: middle; padding-top: 3px; position: relative; } .productdescrp { border-right: #a0a0a0 1px solid; border-top: #a0a0a0 1px solid; vertical-align: middle; border-left: #a0a0a0 1px solid; padding-top: 3px; border-bottom: #a0a0a0 1px solid; position: relative; width:201px; } .productspec { border-right: #a0a0a0 1px solid; border-top: #a0a0a0 1px solid; font-size: 12px; vertical-align: middle; border-left: #a0a0a0 1px solid; border-bottom: #a0a0a0 1px solid; } .van_crossedblok { font-size: 12px; background: url(images/prijsvan1.gif) no-repeat center center; color: black; font-family: arial,verdana, sans-serif; } .voorblok { color: #FF0000; font-family: arial,verdana, sans-serif; font-size: 18px; font-weight: bold; } .reserverenText { color:Black; font-size: 12px; font-weight: bold; } .libary { border-right: black thin groove; padding-right: 5px; border-top: black thin groove; padding-left: 5px; left: 300px; visibility: hidden; padding-bottom: 5px; overflow: auto; border-left: black thin groove; width: 200px; color: black; padding-top: 5px; border-bottom: black thin groove; position: absolute; top: 300px; height: 200px; background-color: silver; } .prospectable { width: 100%; } /** END Product detail **/ /** Shoppingcart **/ .shoppingcart { width: 100%; color: white; border-top-style: none; border-right-style: none; border-left-style: none; background-color: #FF0000; border-bottom-style: none; } .AlternatingItemStyle { color: Black; border-top-style: none; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none; padding-right: 5px; padding-left: 5px; } .ItemStyle { color: Black; border-top-style: none; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none; padding-right: 5px; padding-left: 5px; } .HeaderStyle { padding-right: 5px; padding-left: 5px; font-weight: bold; margin-left: 5px; color: white; border-top-style: none; margin-right: 5px; border-right-style: none; border-left-style: none; background-color: #FF0000; border-bottom-style: none; } .tekstwinkelwagen { color: white; background-color: #FF0000; } .totaalprijs { font-weight: bold; font-size: 16px; color: white; background-color: #FF0000; } .assessoires { border-right: #B50042 1px solid; border-top: #B50042 1px solid; border-left: #B50042 1px solid; border-bottom: #B50042 1px solid; } .AssessoiresHolder { overflow: auto; width: 760px; height: 220px; scrollbar-highlight-color : #FFFFFF; scrollbar-3dlight-color : #FFFFFF; scrollbar-shadow-color : #CCCCCC; scrollbar-darkshadow-color : #FFFFFF; scrollbar-track-color : #FFFFFF; scrollbar-arrow-color : #FFFFFF; scrollbar-face-color: #CCCCCC; } #productimage { cursor: hand; } /** END shoppingcart **/ /** Product Tabblad **/ .tabcontainer { position: relative; top:0px; left:0px; height: 27px; font-family: Arial; } .tabgewoon { font-size: 0.8em; float: left; color: #646464; background-repeat: no-repeat; text-align: center; font-family: Arial; } .tabaktief { font-size: 0.8em; float: left; color: #646464; background-repeat: no-repeat; font-family: Arial; text-align: center; } .hiddentab { visibility: hidden; overflow: hidden; height: 1px; } .showtab { border-top: #646464 1px solid; padding-left: 10px; visibility: visible; border-left: #646464 1px solid; height: 100%; } .tabkader { background-image: url(images/tabkader.jpg); margin-left: 5px; width: 745px; height: 145px; } .tabhead { padding-left: 15px; BACKGROUND-POSITION-Y: bottom; background-image: url(images/tabhead.jpg); height: 42px; } .tabbottom { height: 20px; background-image: url(images/tabbottom.jpg); } .tabbg { background-image: url(images/tabbg.jpg); background-repeat: repeat-y; padding-left: 15px; } .assoholder { width : 550px; height: 200px; overflow: auto; }