/* reset ------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: #000 dotted 1px; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 4px; font-size: 9px; } sub { top: 4px; font-size: 9px; } /* general ------------------------------------------------------------------*/ body { background: #e1d1ae url(/images/bg.gif) repeat-x; font: 11px/17px Arial, Helvetica, sans-serif; color: #909090; } h1 { padding: 10px 0 0; font: 28px/55px "Trebuchet MS", sans-serif; text-transform: uppercase; color: #dc931a; } /* font-size: 27.53px; font-family: DIN Schrift 1451 Engschrift; */ /* admin headers */ h2 { font: 19px/13px Arial,Helvetica,sans-serif; font-weight: bold; color: #924738; } h3 { font-size: 13px; color: #5c5c5c; } /* stop admin headers */ h4 { font-size: 14px; color: #80775a; } h5 { font-size: 20px; line-height: 22px; margin-bottom: 17px; text-transform: uppercase; color: #924738; } h6 { float: left; margin-bottom: 13px; font: 13px/17px Verdana, Arial, sans-serif; font-weight: bold; color: #4c4944; } ul, ol { margin: 0 0 17px 17px; } ul { list-style: disc; } ol { list-style: decimal; } dl { float: left; margin-bottom: 13px; } dt { clear: left; float: left; padding: 0 4px 0 0; white-space: nowrap; font-weight: bold; } dd { float: left; } p, form { margin: 0 0 17px 0; /*text-align: justify;*/ } a { color: #909090; } a:hover { color: #dc931a; } input, textarea, select { font-size: 11px; line-height: 18px; vertical-align: top; color: #585858; } strong { font-weight: bold; } em { font-style: italic; } hr { height: 1px; color: #929191; background-color: #929191; border: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* page structure ------------------------------------------------------------------*/ #wrapper { /*border: red 1px solid; float: left;*/ position: relative; width: 960px; margin: 0 auto; } #header { width: 951px; height: 234px; } #wrap { float: left; position: relative; margin: 0 9px; width: 942px; background: #fff; } #sidebar { float: left; width: 235px; } #content { /*border: green 1px solid;*/ position: relative; float: right; width: 587px; padding: 0 108px 26px 10px; } #footer { position: relative; clear: both; float: left; width: 800px; margin: 0 auto; } /* [ global use ] ------------------------------------------------------------------*/ .previousBtn, .nextBtn { float: left; width: 25px; height: 25px; border: none; background-repeat: no-repeat; background-position: top right; } .previousBtn { background-image: url(/images/previous.gif); background-position: top left; } .nextBtn { float: right; background-image: url(/images/next.gif); } .frontImage .nextBtn { background-image: url(/images/nextDark.gif); } .printIcon, .contactIcon, .productionIcon, .RDIcon, .salesIcon, .movieIcon, .ficheIcon, .bestellingIcon { display: block; width: 38px; height: 33px; line-height: 11px; text-decoration: none; } .printIcon, #printPageIcon { background: url(/images/iconPrint.png) no-repeat; text-decoration: none; } .printIcon:hover, #printPageIcon:hover, .contactIcon:hover, .productionIcon:hover, .RDIcon:hover, .salesIcon:hover, .movieIcon:hover, .ficheIcon:hover, .bestellingIcon:hover { color: #dc931a; } .contactIcon { background: url(/images/iconContact.png) no-repeat; } .productionIcon { background: url(/images/iconProduction.png) no-repeat; } .RDIcon { background: url(/images/iconRD.png) no-repeat; } .salesIcon { background: url(/images/iconSales.png) no-repeat; } .movieIcon { background: url(/images/iconMovie.png) no-repeat; } .nl .ficheIcon { background: url(/images/iconFiche_nl.png) no-repeat; } .en .ficheIcon { background: url(/images/iconFiche_en.png) no-repeat; } .fr .ficheIcon { background: url(/images/iconFiche_fr.png) no-repeat; } .de .ficheIcon { background: url(/images/iconFiche_de.png) no-repeat; } .es .ficheIcon { background: url(/images/iconFiche_es.png) no-repeat; } .nl .bestellingIcon { background: url(/images/iconBestelling_nl.png) no-repeat; } .en .bestellingIcon { background: url(/images/iconBestelling_en.png) no-repeat; } .fr .bestellingIcon { background: url(/images/iconBestelling_fr.png) no-repeat; } .de .bestellingIcon { background: url(/images/iconBestelling_en.png) no-repeat; } .es .bestellingIcon { background: url(/images/iconBestelling_en.png) no-repeat; } .overviewBtns { position: absolute; right: 107px; top: 50px; } .overviewBtn { display: block; float: right; margin-left: 5px; height: 25px; text-decoration: none; } .archive { float: right; } .overviewBtn .value, .overviewBtn .btnLeft, .overviewBtn .btnRight { display: block; float: left; height: 25px; } .overviewBtn .value { padding: 0 3px 0 0; font-size: 11px; line-height: 20px; color: #a4a4a4; background: url(/images/overviewBtn-center.png) repeat-x; } .overviewBtn .value:hover { color: #dc931a; } .overviewBtn .btnLeft { width: 7px; background: url(/images/overviewBtn-left.png) no-repeat; } .overviewBtn .btnRight { width: 5px; background: url(/images/overviewBtn-right.png) no-repeat; } #sidebar ul li a, h1, #printBtn span, .articleTxt, #contactData, .frontImage p, .aboutContent, #detail .iconLabel, #detail .columnsHeader span { letter-spacing: 0.06em; } .articleTxt h2 { letter-spacing: 0em; } .frontImage { position: relative; float: left; width: 137px; margin: 7px 13px 0 0; *margin-top: 20px; color: #999; } #content .firstFront { margin-left: 76px; } /* !IE6 */ #content .frontImage img, #content .homeImage img { margin: 0; } #content .frontImage .frontImagePPt, #content .frontImage .frontImagePPt_sHover { position: absolute; top: 16px; left: 0; z-index: 1; width: 137px; height: 170px; background: url(/images/frontImagePPt.png) no-repeat; cursor: pointer; } #content #products_cats .frontImage .frontImagePPt, #content #products_cats .frontImage .frontImagePPt_sHover { height: 190px; cursor: default; } #content #products_cats .aboutusImage { position: relative; text-align: center; background-image: url(/images/frontImageBg.gif); } #content #products_cats .aboutusImage img { position: absolute; bottom: 40px; right: 16px; } #content .frontImage .gotoBtns div, #content .frontImage .gotoBtns a { float: right; display: block; margin: 0 4px 0 0; width: 100px; /*width: 89px;*/ height: 25px; background: url(/images/sidebarTextL2-alignRight.gif) no-repeat; /*padding: 3px 29px 0 12px; font: 12px/17px "Trebuchet MS", sans-serif; text-transform: uppercase; color: #999; text-decoration: none; text-align: right;*/ } /* font-family: DIN Schrift 1451 Engschrift; */ .nl #content .frontImage .gotoBtns div, .nl #content .frontImage .gotoBtns a { float: right; display: block; margin: 0 4px 0 0; width: 100px; /*width: 89px;*/ height: 25px; background: url(/images/sidebarTextL2-alignRight-nl.gif) no-repeat; /*padding: 3px 29px 0 12px; font: 12px/17px "Trebuchet MS", sans-serif; text-transform: uppercase; color: #999; text-decoration: none; text-align: right;*/ } /* font-family: DIN Schrift 1451 Engschrift; */ .fr #content .frontImage .gotoBtns div, .fr #content .frontImage .gotoBtns a { float: right; display: block; margin: 0 1px 0 0; width: 100px; /*width: 89px;*/ height: 25px; background: url(/images/sidebarTextL2-alignRight-fr.gif) no-repeat; /*padding: 3px 29px 0 12px; font: 12px/17px "Trebuchet MS", sans-serif; text-transform: uppercase; color: #999; text-decoration: none; text-align: right;*/ } /* font-family: DIN Schrift 1451 Engschrift; */ .de #content .frontImage .gotoBtns div, .de #content .frontImage .gotoBtns a { float: right; display: block; margin: 0 1px 0 0; width: 100px; /*width: 89px;*/ height: 25px; background: url(/images/sidebarTextL2-alignRight-de.gif) no-repeat; } #content .frontImage .gotoBtns div.RFSelector, #content .frontImage .gotoBtns div.RFSelector div, #content .frontImage .gotoBtns div.RFSelector a { background: none; margin: 0; } /*** + see /js/poppies.js > mouseEvents ***/ #content .frontImage .gotoBtns #cat_nav_19 { background-position: 0px 4px; } #content .frontImage .gotoBtns #cat_nav_20 { background-position: 0px -16px; } #content .frontImage .gotoBtns #cat_nav_21 { background-position: 0px -36px; } #content .frontImage .gotoBtns #cat_nav_22 { background-position: 0px -56px; } #content .frontImage .gotoBtns #cat_nav_23 { background-position: 0px -76px; } #content .frontImage .gotoBtns #cat_nav_24 { background-position: 0px -96px; } #content .frontImage .gotoBtns #cat_nav_615 { background-position: 0px -116px; } #content .frontImage .gotoBtns #cat_nav_25 { background-position: 0px -336px; } #content .frontImage .gotoBtns #cat_nav_583 { background-position: 0px -136px; } #content .frontImage .gotoBtns #cat_nav_505 { background-position: 0px -156px; } /*#content .frontImage .gotoBtns #cat_nav_63 { background-position: 0px -176px; } #content .frontImage .gotoBtns #cat_nav_64 { background-position: 0px -196px; } #content .frontImage .gotoBtns #cat_nav_590 { background-position: 0px -216px; } #content .frontImage .gotoBtns #cat_nav_66 { background-position: 0px -236px; } #content .frontImage .gotoBtns #cat_nav_67 { background-position: 0px -256px; }*/ #content .frontImage .gotoBtns #cat_nav_68 { background-position: 0px -276px; } #content .frontImage .gotoBtns #cat_nav_69 { background-position: 0px -296px; } #content .frontImage .gotoBtns #cat_nav_70 { background-position: 0px -316px; } #content .frontImage .gotoBtns #cat_nav_19:hover { background-position: -100px 4px; }/*-89px*/ #content .frontImage .gotoBtns #cat_nav_20:hover { background-position: -100px -16px; } #content .frontImage .gotoBtns #cat_nav_21:hover { background-position: -100px -36px; } #content .frontImage .gotoBtns #cat_nav_22:hover { background-position: -100px -56px; } #content .frontImage .gotoBtns #cat_nav_23:hover { background-position: -100px -76px; } #content .frontImage .gotoBtns #cat_nav_24:hover { background-position: -100px -96px; } #content .frontImage .gotoBtns #cat_nav_615:hover { background-position: -100px -116px; } #content .frontImage .gotoBtns #cat_nav_25:hover { background-position: -100px -336px; } #content .frontImage .gotoBtns #cat_nav_583:hover { background-position: -100px -136px; } #content .frontImage .gotoBtns #cat_nav_505:hover { background-position: -100px -156px; } /*#content .frontImage .gotoBtns #cat_nav_63:hover { background-position: -89px -176px; } #content .frontImage .gotoBtns #cat_nav_64:hover { background-position: -89px -196px; } #content .frontImage .gotoBtns #cat_nav_590:hover { background-position: -89px -216px; } #content .frontImage .gotoBtns #cat_nav_66:hover { background-position: -89px -236px; } #content .frontImage .gotoBtns #cat_nav_67:hover { background-position: -89px -256px; }*/ #content .frontImage .gotoBtns #cat_nav_68:hover { background-position: -100px -276px; } #content .frontImage .gotoBtns #cat_nav_69:hover { background-position: -100px -296px; } #content .frontImage .gotoBtns #cat_nav_70:hover { background-position: -100px -316px; } .aboutusImage { float: left; /* > for IE6 */ position: relative; overflow: hidden; margin: 16px 0 0 0; width: 137px; height: 170px; text-align: center; background: #edecf2; } .frontImage .gotoBtns { position: absolute; bottom: 5px; right: 7px; width: 130px; } #products_cats .frontImage .gotoBtns { bottom: 25px; } .frontImage p { float: left; /* > for other browsers */ width: 121px; margin: 0; padding: 15px 0 11px 8px; line-height: 15px; text-align: left; } /* header ------------------------------------------------------------------*/ #header { text-align: right; font: 11px/20px Verdana, Arial, sans-serif; color: #322216; } #header #topShadow { clear: none; float: left; margin: 2px 0 0; width: 9px; height: 232px; background: url(/images/topShadow.png); } #header #top { clear: none; float: left; width: 942px; height: 21px; padding: 6px 0 2px; } #header #middle { position: relative; clear: none; float: left; width: 942px; height: 118px; background: #fdf7ec url(/images/slogan.jpg); } #header #bottom { clear: none; float: left; width: 942px; height: 92px; background-color: #fff7ec; } #header span, #header label { float: right; color: #322216; padding: 0 4px;/* text-transform: capitalize;*/ } #header a { float: right; color: #322216; text-decoration: none; } #header a:hover { color: #322216; } #search { float: right; margin: 0 10px 0 0; height: 17px; } #search span { float: left; display: block; } #search input { width: 160px; height: 15px; padding: 0; border: 1px solid #322216; background: #fff; } #search .search_btn { border: none; width: 17px; height: 17px; padding: 0; cursor: pointer; } #header input { margin-top: 2px; } #header #logo { float: left; margin: 0 0 0 28px; } #slogan_part1, #slogan_part2 { position: absolute; left: 283px; top: 32px; font: 31px/34px "Trebuchet MS", sans-serif; text-transform: uppercase; color: #924738; } /* font-family: DIN Schrift 1451 Engschrift; */ #slogan_part2 { left: 351px; top: 63px; font-size: 37px; } #header #middle img { float: right; display: block; margin: 0; padding: 0; } #header #middle a img { float: none; } /*** homepage + Region/Language ***/ #header #top .tooltip { z-index: 10; float: right; margin: 0; width: 250px; padding: 0px 9px 0px 0px; } #header #top .tooltip input { float: right; } #header #top .tooltip select { float: right; margin: 2px 5px 0 0; color: #322216; border: none; border: 1px solid #322216; background: #BF9E53; background: #fff; } #header .tooltip a.nextBtn { color: #322216; background: url(/images/nextBrown.gif) no-repeat right top; } #language_btn { margin: 1px 0 0; } #language #header { height: 522px; background: url(/images/poppiesBg.jpg) no-repeat 9px 21px; } #language #header #top .tooltip { float: none; position: absolute; right: 373px;/*right: 320px;*/ top: 456px; width: 341px; padding: 0px 9px 0px 0px; } #language #header #top .tooltip select { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #80775a; border: 1px solid #80775A; text-transform: uppercase; background: #fff; } #language #header #top .tooltip select.lang { width: 120px; margin: 10px 0 0 13px; } #language #header #top .tooltip select.reg { margin: 10px 0 0; } #language #header .tooltip a.nextBtn { margin-top: 6px; padding: 4px 29px 0 29px; font-size: 14px; text-transform: uppercase; color: #80775a; background-image: url(/images/next.gif); } #language #header .tooltip a.enterWebsite { margin-top: 6px; padding: 4px 29px 0 29px; font-size: 14px; text-transform: uppercase; color: #80775a; background: url(/images/next.gif) no-repeat; } #languages { float: right; width: 120px; margin: 0; text-transform: uppercase; list-style: none; } #languages li { float: left; width: 20px; padding: 0 0 0 10px; text-align: right; font-weight: bold; } #languages li a { float: none; font-weight: normal; } /* sidebar ------------------------------------------------------------------*/ #sidebar ul { margin: 50px 0 26px; padding: 0 0 1px; background: url(/images/stroke.gif) no-repeat left bottom; } #sidebar ul span { position: absolute; left: -2500px; } #sidebar ul li { position: relative; z-index: 100;/* > IE */ padding: 1px 0 0 17px; list-style-type: none; background: url(/images/strokeArrow.gif) no-repeat; } #sidebar ul li.active { background: url(/images/strokeArrow-active.gif) no-repeat; } #sidebar ul li a { display: block; width: 138px; height: 28px; text-decoration: none; background: url(/images/sidebarTextL1.gif) no-repeat; } /* font-size: 14.5px; font-family: DIN Schrift 1451 Engschrift; */ .nl #sidebar ul li a { display: block; width: 138px; height: 28px; text-decoration: none; background: url(/images/sidebarTextL1-nl.gif) no-repeat; } /* font-size: 14.5px; font-family: DIN Schrift 1451 Engschrift; */ .fr #sidebar ul li a { display: block; width: 138px; height: 28px; text-decoration: none; background: url(/images/sidebarTextL1-fr.gif) no-repeat; } /* font-size: 14.5px; font-family: DIN Schrift 1451 Engschrift; */ .en #sidebar ul li a { display: block; width: 138px; height: 28px; text-decoration: none; background: url(/images/sidebarTextL1.gif) no-repeat; } /* font-size: 14.5px; font-family: DIN Schrift 1451 Engschrift; */ .de #sidebar ul li a { display: block; width: 138px; height: 28px; text-decoration: none; background: url(/images/sidebarTextL1-de.gif) no-repeat; } /*** positioning sprite background for level 1 ***/ /*** id's zijn die van de live site !!!! ***/ #sidebar ul li a#level1_nav_4 { background-position: 0px 0px; } #sidebar ul li a#level1_nav_12 { background-position: 0px -28px; } #sidebar ul li a#level1_nav_13 { background-position: 0px -56px; } #sidebar ul li a#level1_nav_14 { background-position: 0px -84px; } #sidebar ul li a#level1_nav_15 { background-position: 0px -112px; } #sidebar ul li a#level1_nav_16 { background-position: 0px -140px; } #sidebar ul li a#level1_nav_17 { background-position: 0px -168px; } #sidebar ul li a#level1_nav_493 { background-position: 0px -196px; } #sidebar ul li a#level1_nav_1214 { background-position: 0px -252px; } /* id van live site !! */ #sidebar ul li a#level1_nav_4:hover, #sidebar ul li.active a#level1_nav_4 { background-position: -148px 0px; } #sidebar ul li a#level1_nav_12:hover, #sidebar ul li.active a#level1_nav_12 { background-position: -148px -28px; } #sidebar ul li a#level1_nav_13:hover, #sidebar ul li.active a#level1_nav_13 { background-position: -148px -56px; } #sidebar ul li a#level1_nav_14:hover, #sidebar ul li.active a#level1_nav_14 { background-position: -148px -84px; } #sidebar ul li a#level1_nav_15:hover, #sidebar ul li.active a#level1_nav_15 { background-position: -148px -112px; } #sidebar ul li a#level1_nav_16:hover, #sidebar ul li.active a#level1_nav_16 { background-position: -148px -140px; } #sidebar ul li a#level1_nav_17:hover, #sidebar ul li.active a#level1_nav_17 { background-position: -148px -168px; } #sidebar ul li a#level1_nav_493:hover, #sidebar ul li.active a#level1_nav_493 { background-position: -148px -196px; } #sidebar ul li a#level1_nav_1214:hover, #sidebar ul li.active a#level1_nav_1214 { background-position: -148px -252px; } /* id van live site !! */ /* schools & associations */ #sidebar ul li a#level1_nav_26 { background-position: 0px -224px; } #sidebar ul li a#level1_nav_26:hover, #sidebar ul li.active a#level1_nav_26 { background-position: -148px -224px; } #sidebar ul li.active ul { margin: -3px 0 1px; background: none; } #sidebar ul li.active ul li { padding: 0 0 0 17px; background: none; } #sidebar ul li.active ul li a, #sidebar ul li.active ul#products_nav li div { width: 135px; height: 20px; background: url(/images/sidebarTextL2.gif) no-repeat; } /* font-size: 12px; font-family: DIN Schrift 1451 Engschrift; */ .nl #sidebar ul li.active ul li a, .nl #sidebar ul li.active ul#products_nav li div { width: 135px; height: 20px; background: url(/images/sidebarTextL2-nl.gif) no-repeat; } /* font-size: 12px; font-family: DIN Schrift 1451 Engschrift; */ .fr #sidebar ul li.active ul li a, .fr #sidebar ul li.active ul#products_nav li div { width: 135px; height: 20px; background: url(/images/sidebarTextL2-fr.gif) no-repeat; } /* font-size: 12px; font-family: DIN Schrift 1451 Engschrift; */ .en #sidebar ul li.active ul li a, .en #sidebar ul li.active ul#products_nav li div { width: 135px; height: 20px; background: url(/images/sidebarTextL2.gif) no-repeat; } /* font-size: 12px; font-family: DIN Schrift 1451 Engschrift; */ .de #sidebar ul li.active ul li a, .de #sidebar ul li.active ul#products_nav li div { width: 135px; height: 20px; background: url(/images/sidebarTextL2-de.gif) no-repeat; } #sidebar ul li.active ul#products_nav li:hover .RFSelector, #sidebar ul li.active ul#products_nav .sHover .RFSelector { visibility: visible; } /*** positioning sprite background for level 2 ***/ #sidebar ul li.active ul #level2_nav_19 { background-position: 0px 0px; } #sidebar ul li.active ul #level2_nav_20 { background-position: 0px -20px; } #sidebar ul li.active ul #level2_nav_21 { background-position: 0px -40px; } #sidebar ul li.active ul#products_nav #level2_nav_22 { background-position: 0px -60px; } #sidebar ul li.active ul#products_nav #level2_nav_23 { background-position: 0px -80px; } #sidebar ul li.active ul#products_nav #level2_nav_24 { background-position: 0px -100px; } #sidebar ul li.active ul#products_nav #level2_nav_615 { background-position: 0px -120px; } #sidebar ul li.active ul#products_nav #level2_nav_25 { background-position: 0px -440px; } #sidebar ul li.active ul #level2_nav_583 { background-position: 0px -140px; } #sidebar ul li.active ul #level2_nav_505 { background-position: 0px -160px; } #sidebar ul li.active ul #level2_nav_63 { background-position: 0px -180px; } #sidebar ul li.active ul #level2_nav_64 { background-position: 0px -200px; } #sidebar ul li.active ul #level2_nav_590 { background-position: 0px -220px; } #sidebar ul li.active ul #level2_nav_66 { background-position: 0px -240px; } #sidebar ul li.active ul #level2_nav_67 { background-position: 0px -260px; } #sidebar ul li.active ul #level2_nav_68 { background-position: 0px -280px; } #sidebar ul li.active ul #level2_nav_69 { background-position: 0px -300px; } #sidebar ul li.active ul #level2_nav_1056 { background-position: 0px -360px; } #sidebar ul li.active ul #level2_nav_1057 { background-position: 0px -340px; } #sidebar ul li.active ul #level2_nav_1058 { background-position: 0px -380px; } #sidebar ul li.active ul #level2_nav_1059 { background-position: 0px -400px; } #sidebar ul li.active ul #level2_nav_1055 { background-position: 0px -420px; } #sidebar ul li.active ul #level2_nav_19:hover, #sidebar ul li.active ul li.active #level2_nav_19 { background-position: -139px 0px; } #sidebar ul li.active ul #level2_nav_20:hover, #sidebar ul li.active ul li.active #level2_nav_20 { background-position: -139px -20px; } #sidebar ul li.active ul #level2_nav_21:hover, #sidebar ul li.active ul li.active #level2_nav_21 { background-position: -139px -40px; } #sidebar ul li.active ul#products_nav #level2_nav_22:hover, #sidebar ul li.active ul#products_nav .sHover #level2_nav_22, #sidebar ul li.active ul#products_nav li.active #level2_nav_22 { background-position: -139px -60px; } #sidebar ul li.active ul#products_nav #level2_nav_23:hover, #sidebar ul li.active ul#products_nav .sHover #level2_nav_23, #sidebar ul li.active ul#products_nav li.active #level2_nav_23 { background-position: -139px -80px; } #sidebar ul li.active ul#products_nav #level2_nav_24:hover, #sidebar ul li.active ul#products_nav .sHover #level2_nav_24, #sidebar ul li.active ul#products_nav li.active #level2_nav_24 { background-position: -139px -100px; } #sidebar ul li.active ul#products_nav #level2_nav_615:hover, #sidebar ul li.active ul#products_nav .sHover #level2_nav_615, #sidebar ul li.active ul#products_nav li.active #level2_nav_615 { background-position: -139px -120px; } #sidebar ul li.active ul#products_nav #level2_nav_25:hover, #sidebar ul li.active ul#products_nav .sHover #level2_nav_25, #sidebar ul li.active ul#products_nav li.active #level2_nav_25 { background-position: -139px -440px; } #sidebar ul li.active ul #level2_nav_583:hover, #sidebar ul li.active ul li.active #level2_nav_583 { background-position: -139px -140px; } #sidebar ul li.active ul #level2_nav_505:hover, #sidebar ul li.active ul li.active #level2_nav_505 { background-position: -139px -160px; } #sidebar ul li.active ul #level2_nav_63:hover, #sidebar ul li.active ul li.active #level2_nav_63 { background-position: -139px -180px; } #sidebar ul li.active ul #level2_nav_64:hover, #sidebar ul li.active ul li.active #level2_nav_64 { background-position: -139px -200px; } #sidebar ul li.active ul #level2_nav_590:hover, #sidebar ul li.active ul li.active #level2_nav_590 { background-position: -139px -220px; } #sidebar ul li.active ul #level2_nav_66:hover, #sidebar ul li.active ul li.active #level2_nav_66 { background-position: -139px -240px; } #sidebar ul li.active ul #level2_nav_67:hover, #sidebar ul li.active ul li.active #level2_nav_67 { background-position: -139px -260px; } #sidebar ul li.active ul #level2_nav_68:hover, #sidebar ul li.active ul li.active #level2_nav_68 { background-position: -139px -280px; } #sidebar ul li.active ul #level2_nav_69:hover, #sidebar ul li.active ul li.active #level2_nav_69 { background-position: -139px -300px; } #sidebar ul li.active ul #level2_nav_70:hover, #sidebar ul li.active ul li.active #level2_nav_70 { background-position: -139px -320px; } #sidebar ul li.active ul #level2_nav_1056:hover, #sidebar ul li.active ul li.active #level2_nav_1056 { background-position: -139px -360px; } #sidebar ul li.active ul #level2_nav_1057:hover, #sidebar ul li.active ul li.active #level2_nav_1057 { background-position: -139px -340px; } #sidebar ul li.active ul #level2_nav_1058:hover, #sidebar ul li.active ul li.active #level2_nav_1058 { background-position: -139px -380px; } #sidebar ul li.active ul #level2_nav_1059:hover, #sidebar ul li.active ul li.active #level2_nav_1059 { background-position: -139px -400px; } #sidebar ul li.active ul #level2_nav_1055:hover, #sidebar ul li.active ul li.active #level2_nav_1055 { background-position: -139px -420px; } /*** RETAIL | FOOD SERVICE selector ***/ .RFSelector { height: 25px; } .RFSelector .btnLeft, .RFSelector .btnRight { display: block; float: left; height: 25px; } .RFSelector .btnLeft { width: 7px; background: url(/images/overviewBtn-left.png) no-repeat; } .RFSelector .btnRight { width: 5px; background: url(/images/overviewBtn-right.png) no-repeat; } #content .frontImage .gotoBtns .RFSelector { margin: 0; } #content .frontImage .frontImagePPt:hover .gotoBtns .RFSelector, #content .frontImage .frontImagePPt_sHover .gotoBtns .RFSelector { visibility: visible; } #content .frontImage .frontImagePPt .gotoBtns .RFSelector, #content .frontImage .frontImagePPt_sHover .gotoBtns .RFSelector { position: absolute; z-index: 100; left: 0px; top: 29px; width: 200px; } #content .frontImage .frontImagePPt .gotoBtns .RFSelector { visibility: hidden; } #sidebar .RFSelector { visibility: hidden; position: absolute; z-index: 100; left: 104px; top: 0px; width: 200px; } #content .frontImage .gotoBtns .RFSelector a, #sidebar .RFSelector a { float: left; display: block; height: 20px; padding: 0 0 5px 0; /*text-transform: uppercase; font: 12px/20px "Trebuchet MS", sans-serif; color: #999;*/ } /* font: 15px/20px "DIN Schrift 1451 Engschrift"; */ #content .frontImage .gotoBtns .RFSelector a:hover, #sidebar .RFSelector a:hover { color: #dc931a; cursor: pointer; } #content .frontImage .gotoBtns .RFSelector div, #wrap #sidebar ul li.active ul.RFSelector li { float: left; height: 25px; padding: 0; } #content .frontImage .gotoBtns .RFSelector .retail a, #wrap #sidebar .RFSelector li.retail a { width: 38px; background: url(/images/serviceText_sidebar.png) no-repeat 0px 0px; } #content .frontImage .gotoBtns .RFSelector .foodservice a, #wrap #sidebar .RFSelector li.foodservice a { width: 80px; background: url(/images/serviceText_sidebar.png) no-repeat 0px -25px; } #content .frontImage .gotoBtns .RFSelector .retail a:hover, #wrap #sidebar .RFSelector li.retail a:hover { background-position: -80px 0px; } #content .frontImage .gotoBtns .RFSelector .foodservice a:hover, #wrap #sidebar .RFSelector li.foodservice a:hover { background-position: -80px -25px; } #content .frontImage .gotoBtns .RFSelector span, #sidebar .RFSelector span { position: absolute; left: -2500px; text-transform: uppercase; font: 12px/20px "Trebuchet MS", sans-serif; line-height: 20px; color: #999; } /* font: 15px/20px "DIN Schrift 1451 Engschrift"; */ #content .frontImage .gotoBtns .RFSelector span.btnLeft, #sidebar .RFSelector span.btnLeft, #content .frontImage .gotoBtns .RFSelector span.btnRight, #sidebar .RFSelector span.btnRight, #content .frontImage .gotoBtns .RFSelector span.splitter, #sidebar .RFSelector span.splitter { position: relative; left: 0; } #content .frontImage .gotoBtns .RFSelector .splitter, #sidebar ul li.active ul.RFSelector li.splitter { width: 3px; height: 28px; padding: 0 3px; background: url(/images/overviewBtn-center.png) repeat-x; } #content .frontImage .gotoBtns .RFSelector .retail { width: 45px; } #content .frontImage .gotoBtns .RFSelector .retail a span, #content .frontImage .gotoBtns .RFSelector .foodservice a span { position: absolute; left: -2500px; } /* content ------------------------------------------------------------------*/ .clearboth { clear: both; } #wideContent #content { width: 697px; padding: 0 0 26px 10px; } #wideContent h1 { margin-bottom: -15px; } #path { margin-top: 6px; } #path a { text-decoration: none; } #path a:hover { color: #dc931a; } .content_img { margin: 9px 0 0; } /*** news + other text-based pages ***/ #printPageIcon { position: absolute; right: 0; top: 4px; width: 31px; padding: 32px 7px 0 0; font-size: 10px; line-height: 11px; text-align: center; text-decoration: none; } #printBtn span { padding: 0 6px 0 0; } .articleWrap { margin: 0 0 21px; border-bottom: 1px solid #d2d2d1; } .jobWrap { position: relative; margin: 0 0 15px; border-bottom: 1px solid #d2d2d1; background: #f7f3ea; } #content img.articleImg { float: left; clear: left; display: block; margin: 0; padding: 0 0 17px 0; } .jobImg { float: left; clear: left; overflow: hidden; width: 65px; height: 65px; margin: 0 10px 5px 0; } .jobImgPPt { position: absolute; left: -2px; top: 0; float: left; clear: left; width: 75px; height: 70px; background: url(/images/jobPPt.png) no-repeat; } .articleTxt { float: right; clear: right; width: 457px; } .jobWrap .articleTxt { width: 512px; padding: 0 0 17px; background: url(/images/jobBg.gif) repeat-y; } #content h2 { padding-bottom: 7px; } #content .articleWrap h2 { width: 341px; padding: 2px 0 17px; font-size: 17px; } #content .jobWrap h2 { display: inline; width: 341px; padding: 0 0 0 5px; font-size: 12px; line-height: 18px; } #content .jobWrap a h2 { padding: 0; font-size: 15px; text-decoration: underline; text-transform: uppercase; } #content .articleWrap .date { float: right; padding: 2px 0 0; font-size: 12px; line-height: 13px; letter-spacing: 0; color: #a4a4a4; } #content .jobWrap .date { float: right; padding: 2px 0 0; font-size: 12px; line-height: 13px; letter-spacing: 0; color: #a4a4a4; } #content .intro { text-align: left; font-style: italic; } #content img { margin-bottom: 17px; } #content #detail img { margin: 0; } .gotoBtnwrap { margin: 0 auto 19px; width: 450px; height: 25px; } .gotoBtnwrap a { clear: none; float: left; color: #938a85; text-decoration: none; } .gotoBtnwrap a:hover { color: #dc931a; } #content .articleTxt .gotoBtns a.nextBtn:hover { color: #924738; } .gotoBtnwrap .page { clear: none; float: left; padding: 4px 0 0 38px; font-size: 9px; line-height: 20px; color: #8f8884; } .gotoBtnwrap a.previousBtn, .gotoBtnwrap a.nextBtn, #content .articleTxt .gotoBtns a.nextBtn { width: auto; padding: 3px 12px 0 30px; text-align: left; font-size: 12px; line-height: 20px; text-transform: uppercase; } .gotoBtnwrap a.nextBtn, #content .articleTxt .gotoBtns a.nextBtn { float: right; padding: 3px 29px 0 12px; text-align: right; } #content .articleTxt .gotoBtns { margin: -9px 0 7px; letter-spacing: 0; } #content .articleTxt .gotoBtns .nextBtn { width: 88px; text-decoration: none; } #content a.gotoTop { display: block; position: absolute; right: 109px; bottom: 17px; width: 100px; height: 25px; padding: 3px 27px 0 0; font-size: 12px; line-height: 20px; text-align: right; text-transform: uppercase; color: #8f8884; text-decoration: none; background: url(/images/top.gif) no-repeat top right; } #content a.gotoTop:hover { color: #dc931a; } #contactData { margin: 10px 0 0; width: 458px; clear: left; float: left; padding: 0 0 0 7px; } #contactData p { margin: 0; font-size: 10px; line-height: 15px; } #contactData p span { font-size: 12px; font-weight: bold; } #content .buffer { width: 100%; height: 51px; } #content .articleTxt a { text-decoration: none; } #content .articleTxt a img { margin: 0 3px 0 0; } #content .articleTxt a span { text-decoration: underline; } /*** quality ***/ .pdfList { margin: 0; } .pdfList li { list-style: none; } #content .pdfList img { margin: 0; } .pdfList a { text-decoration: none; } .pdfList a span { padding-left: 5px; text-decoration: underline; } /*** job ***/ #iconPane { width: 100%; height: 33px; border-bottom: 1px solid #d2d1d0; } #titlePane { margin: 0 0 19px; width: 100%; height: 66px; padding: 20px 0 0; text-align: center; background: url(/images/jobTitleBg.gif) no-repeat left bottom; } #jobContentPane { width: 100%; background: url(/images/jobBotBg.gif) no-repeat right bottom; } #jobContent { float: right; width: 362px; padding: 4px 35px 0 0; } #jobSidebar { float: right; width: 153px; height: 100%; padding: 17px 24px 17px 13px; background: url(/images/jobTopBg.gif) no-repeat right top; } #iconPane a { float: left; width: 78px; padding: 7px 7px 0 43px; } #iconPane a.printIcon { width: 37px; padding-left: 36px; } #iconPane a.contactIcon { width: 70px; } #titlePane h2 { padding: 0; font-size: 22px; line-height: 28px; text-transform: uppercase; } #titlePane h2.subtitle { font-size: 18px; text-transform: none; } #jobContent h3 { padding: 0; font: 15px/17px Arial,Helvetica,sans-serif; font-weight: bold; color: #5c5c5c; } #jobContentPane p { text-align: left; } #jobContentPane a:hover { color: #5c5c5c; } #jobSidebar h4 { font-size: 11px; color: #924738; } /*** home (! cascade from 'global use') ***/ #homeWrapper { position: relative; overflow: hidden; margin: 30px 0 0; } .homeImage { float: left; width: 185px; margin: 0 13px 0 0; color: #80775a; text-decoration: none; } .homeImage:hover { color: #80775a; } .imageHome { position: relative; z-index: 1; width: 185px; } .imageHomePointer { position: relative; z-index: 1; width: 185px; cursor: pointer; } .imageHome .image, .imageHomePointer .image { height: 122px; text-align: center; background: #fff url(/images/homeImageBg.gif); } .purple_item .imageHome .image, .purple_item .imageHomePointer .image { background-image: url(/images/homeImageBg_purple.gif) } .homeImage .image_orangeBottom, .homeImage .image_purpleBottom { position: absolute; bottom: 0; z-index: 0; width: 185px; height: 600px; } .homeImage .image_orangeBottom { background: url(/images/home-bottomOrange.jpg) no-repeat left bottom; } .homeImage .image_purpleBottom { background: url(/images/home-bottomPurple.jpg) no-repeat left bottom; } .homeImage p { margin: 0; padding: 0 0 11px; line-height: 15px; text-align: left; } .homeImage h4 { padding: 0 0 4px; } #homeContent1, #homeContent2, #homeContent3 { margin: 0; width: 185px; } #homeWrapper .gotoBtns { position: absolute; z-index: 2; left: 81px; bottom: 5px; width: 102px; height: 25px; } #homeWrapper #home_item2 .gotoBtns { left: 279px; } #homeWrapper #home_item3 .gotoBtns { left: 477px; } #homeWrapper .gotoBtns a { display: block; text-decoration: none; } #homeWrapper .gotoBtns .nextBtn { clear: left; float: right; margin-right: 5px; } #homeWrapper .orange_item .gotoBtns .nextBtn { background-image: url(/images/nextOrange.gif); } #homeWrapper .purple_item .gotoBtns .nextBtn { background-image: url(/images/nextPurple.gif); } #homeWrapper .gotoBtns .rightLabel { padding-right: 7px; text-transform: uppercase; font-size: 10px; font-weight: bold; line-height: 25px; color: #847758; } .homeImage .orangeBgHolder, .homeImage .purpleBgHolder { width: 143px; min-height:75px; padding: 0 21px 31px; } .homeImage .orangeBgHolder { background: url(/images/homeOrangeBg.jpg) no-repeat; } .homeImage .purpleBgHolder { background: url(/images/homePurpleBg.jpg) no-repeat; } /*** aboutus ***/ #flashcontent { margin: 0 0 49px; width: 653px; height: 384px; } .aboutContent { margin: 0; } .aboutContent .paragraph { float: left; width: 307px; padding-right: 110px; line-height: 15px; } .aboutContent .img { float: left; } #content .aboutContent img { margin: 0 24px 0 0; border: 3px solid #eeebe1; } .aboutContent .caption { width: 256px; } #content .aboutContent .caption p { margin: 0; padding: 8px 7px 0; } #content .aboutContent .caption p span { font-weight: bold; text-transform: uppercase; color: #3e3e3e; } .icons { float: left; margin: 3px 0 0 -18px; width: 415px; } .icons li { margin: 0; padding: 0; list-style: none; display: inline; } .icons a { float: left; width: 63px; margin: 0 0 0 16px; padding: 37px 10px 0 3px; font-size: 10px; text-align: center; } /* !IE6 */ .icons .productionIcon { margin-left: 0; } .icons .contactIcon, .icons .productionIcon, .icons .RDIcon, .icons .salesIcon { background-position: top center; } .contactForm { width: 436px; } .contactForm fieldset { width: 100%; } .basicData div, .basicData label, .basicData input, .basicData textarea, .basicData select { float: left; clear: left; } .basicData div { height: 58px; } .basicData div.autoHeight { height: auto; margin-bottom: 16px; } .basicData label { padding: 0 0 1px; } .basicData input { margin: 0 0 16px; padding: 5px 5px 0; height: 19px; } .basicData .radios { height: 20px; } .basicData .radios input { clear: none; margin: 5px 0 0; height: auto; } .basicData .radios label { clear: none; padding: 5px 15px 0 5px; } .basicData textarea { padding: 5px; } .basicData .group { width: 100%; } .basicData .group div { clear: none; } input.checkbox { margin: 0 0 15px 0; } .contactForm input.first { margin-left: 15px; } label.checkbox { margin: 0 16px 0 0; padding: 0 0 0 9px; } .basicData #tel, .basicData #zip { margin-right: 15px; } /*.basicData .textareaLabel { margin-top: 24px; }*/ .basicData .wide { width: 421px; } .basicData .regular { width: 195px; } .basicData .zonderAfTop { margin-top: 15px; } .basicData .zonderAfBottom { margin-bottom: 15px; } .basicData textarea { width: 421px; } /*** application ***/ .basicData .horizontal label { width: 80px; } .basicData .horizontal select { clear: none; } .basicData table { margin: 0; } .basicData table th { padding-left: 0; } .basicData table td { padding: 0 16px 0 0; border: none; } .basicData #educationtable .regular { width: 138px; } .basicData #experiencetable .regular { width: 160px; } .basicData #experiencetable .year .regular { width: 40px; } /*** products ***/ .gallery { position: relative; width: 587px; height: 126px; margin-bottom: 22px; } .arrow { float: left; width: 12px; height: 100%; } #leftArrow { background: url(/images/arrowLeft.gif) no-repeat; } #rightArrow { background: url(/images/arrowRight.gif) no-repeat; } .galleryWindow { position: relative; float: left; width: 563px; height: 126px; overflow: hidden; } #leftGalleryOverlay { position: absolute; left: 12px; top: 0; width: 16px; height: 126px; background: url(/images/leftGalleryOverlay.png) no-repeat; } #rightGalleryOverlay { position: absolute; right: 11px; top: 0; width: 16px; height: 126px; background: url(/images/rightGalleryOverlay.png) no-repeat; } .gallery ul { position: absolute; left: 9px; margin: 0; padding: 0; /* width: 563px; */ height: 126px; } .gallery li { position: relative; display: inline; float: left; margin: 0 7px 0 0; width: 130px; list-style: none; text-align: center; } .gallery li a { display: block; width: 130px; /*height: 123px;*/ height: 113px; padding-top: 10px; font: 11px/14px "Trebuchet MS", sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #924738; } .gallery li a:hover, .gallery li.active { background-image: url(/images/product_active_bg.gif); } .gallery li a:hover { color: #924738; } .gallery li.active a, .gallery li.active a:hover { height: 123px; color: #d10019; text-align: center; } /*.gallery li a img { margin-top: 10px; }*/ .gallery li a span { display: block; position: absolute; left: 0; top: 80px; width: 120px; padding: 0 5px; text-align: center; } #detail .columnsHeader { position: relative; width: 100%; height: 21px; border-bottom: 1px solid #d2d2d1; } #detail .schoolsColumnsHeader { position: relative; width: 100%; height: 44px; border-bottom: 1px solid #d2d2d1; } #productChoice { float: left; padding: 0 8px; font: 15px/20px "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fdf7ec; } /* font-family: DIN Schrift 1451 Engschrift; */ #detail .columnsHeader #productChoice { float: none; display: inline; z-index: 1; position: absolute; bottom: 0; left: 0; } #productChoice span { float: left; } #productChoice span a { display: block; margin: 5px 0 0 2px; height: 11px; text-decoration: none; color: #909090; font-size: 0px; } #productChoice span a span, #productChoice .order span { position: absolute; left: -2500px; } #productChoice .order { display: block; margin: 5px 0 0 2px; width: 70px; height: 15px; font-size: 0px; background: url(/images/serviceText.gif) no-repeat 0px -22px; } #productChoice span.retail a { width: 38px; background: url(/images/serviceText.gif) no-repeat 0px 0px; } #productChoice span.foodservice a { width: 76px; background: url(/images/serviceText.gif) no-repeat 0px -11px; } #productChoice .order:hover { background-position: -80px -22px; } #productChoice span.retail a:hover { background-position: -80px 0px; } #productChoice span.foodservice a:hover { background-position: -80px -11px; } #productChoice span.activeRT a { background-position: -80px 0px; } #productChoice span.activeFS a { background-position: -80px -11px; } #dashTop { z-index: 0; position: absolute; left: 224px; top: 0; width: 121px; height: 21px; background: url(/images/dashTop.gif) no-repeat; } #detail p { width: 192px; line-height: 13px; color: #57554b; } #detail .leftColumn { clear: left; float: left; width: 194px; padding: 13px 13px 0 17px; } #detail .rightColumn { float: left; width: 346px; padding: 18px 0 0 17px; background: url(/images/dash.gif) repeat-y; } #detail .printIcon, #detail .contactIcon { clear: left; float: left; width: 85px; margin: 0 8px 7px 0; padding: 4px 0 0 45px; font-size: 10px; text-decoration: none; } #productOrder .bestellingIcon { clear: left; float: left; width: 85px; margin: 0 8px 7px 0; padding: 10px 0 0 45px; font-size: 10px; text-decoration: none; } .orderForm .bestellingIcon { clear: left; float: left; width: auto; margin: 0 8px 5px 17px; padding: 10px 0 0 45px; font-size: 10px; text-decoration: none; } #detail .ficheIcon { clear: left; float: left; width: auto; margin: 4px 8px 7px 0; padding: 10px 0 0 45px; font-size: 10px; text-decoration: none; } #detail .printIcon { padding-top: 8px; } #detail .leftColumn .thumbs { margin: 5px 0; } #detail .leftColumn .thumbs a { margin-right: 2px; } #detail .leftColumn p, #detail .leftColumn form { text-align: left; } .product_detail { width: 346px; } #detail .rightColumn .image { float: left; width: 154px; text-align: center; } #detail .rightColumn .image .caption { width: 100px; margin: 0 auto; } #detail .rightColumn .image .caption p { width: 100px; font: 13px/17px Verdana, Arial, sans-serif; font-weight: bold; color: #4c4944; } #detail .rightColumn .details { float: right; margin: 0 0 18px 0; width: 167px; } #detail .rightColumn p { float: left; width: 167px; } #detail dl { width: 167px; line-height: 13px; color: #57554b; } #detail dd { float: none; } #detail dt.invisible { display: none; } #detail dd.partOfBlock { clear: left; } #subtypes { margin-left: 0; } #subtypes li { color: #924738; list-style: none; list-style-position: outside; border-bottom: 1px solid #d2d2d1; } #subtypes li a { color: #924738; font-size: 11px; font-weight: bold; line-height: 14px; text-decoration: none; } #subtypes li a:hover, #subtypes li.active a { text-decoration: none; color: #D10019; } /*** product list ***/ #product_list { clear: left; float: left; width: 100%; margin: 17px 0 0; } #product_list li { position: relative; display: inline; float: left; margin: 0 7px 0 0; width: 130px; padding: 0 0 56px; list-style: none; text-align: center; } #product_list li a { display: block; width: 130px; height: 109px; font: 11px/14px "Trebuchet MS", sans-serif; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #924738; } #product_list li a:hover { color: #d10019; } #product_list li a span { display: block; position: absolute; left: 0; top: 80px; width: 130px; text-align: center; } /*** history ***/ .gallery .calendar li a { /*width: 70px; padding: 17px 30px 0 30px; font-size: 25px; line-height: 30px; text-align: center;*/ } #content #detail .historyEvent img { float: left; margin: 0 10px 10px 0; } #detail .historyEvent h2 { font-size: 20px; line-height: 22px; margin-top: 17px; padding-top: 13px; text-transform: uppercase; color: #924738; border-top: 1px solid #D2D2D1; } #detail .historyEvent h3 { letter-spacing: 0.06em; } #detail .historyEvent div { float: right; width: 357px; } #detail .historyEvent div.noimage { width: 587px; } #detail .historyEvent div p { width: auto; line-height: 17px; color: #909090; letter-spacing: 0.06em; } #content .historyList { margin-left: 0; } #content .historyList li { clear: both; list-style: none; } #content .historyList img { float: left; margin: 0 10px 17px 0; } #content .historyList h2 { border-bottom: 1px solid #D2D2D1; margin-bottom: 7px; } /*** contact ***/ .contact_list { margin: 0; } .contact_list li .country { font-size: 17px; font-weight: bold; color: #924738; } .contact_list li { float: left; list-style: none; border-bottom: none; } .contact_list li li { margin-bottom: 13px; width: 355px; padding-bottom: 10px; border-bottom: 1px solid #d2d2d1; } .contact_list .img { float: left; } #content .contact_list img { border: 3px solid #eeebe1; margin: 0 24px 0 0; } .contact_list .caption { width: 256px; } .contact_list .caption p { margin: 0; padding: 8px 7px 0pt; } .contact_list .caption p span { color: #3e3e3e; font-weight: bold; text-transform: uppercase; } .contact_list .icons { float: right; width: auto; } /*** order form ***/ legend { margin: 0; padding: 0 0 11px; color: #3E3E3E; font-weight: bold; text-transform: uppercase; } #formBestel { text-align: left; } #formBestel div { clear: both; overflow: hidden; padding-bottom: 16px; } #formBestel div.radios div { overflow: auto; } #formBestel label { float: left; clear: left; padding: 0 0 1px; } #formBestel input { float: left; clear: left; margin: 0;/*margin: 0 0 16px;*/ padding: 5px 5px 0; height: 19px; } #formBestel input.submitBtn { float: left; clear: left; margin: 18px 0 0; padding: 0 5px 0; height: 29px; } #formBestel textarea { float: left; clear: left; margin: 0 0 16px; width: 422px; padding: 5px; } #formBestel select { float: left; clear: left; } #formBestel small { float: left; clear: none; } #formBestel .radios input, #formBestel .radio { width: auto; height: auto; margin: 0; padding: 0; } #formBestel .radiosLabel { margin: 0 0 11px; } #formBestel .radioLabel { clear: none; padding: 0 0 0 5px; } #prod_bestelling { border: 1px solid #D2D2D1; margin: 0 0 16px; } #prod_bestelling legend { margin: 0 0 0 16px; padding: 0 5px; } #formBestel td input { float: none; clear: none; margin: 0; } table { margin: 11px 11px 11px 16px; width: 550px; } tr { height: 19px; } td, th { padding: 7px 16px 7px 5px; } td { border-top: 1px solid #D2D2D1; vertical-align: top; } td.getal, td.getal_input input { text-align: right; white-space: nowrap; } td.getal_input { } #prod_afhaling_levering input { clear: none; margin: 0 0 16px 5px; } #prod_afhaling_levering label { clear: none; margin: 5px 0 0 5px; } #prod_afhaling_levering .radio { clear: left; margin: 5px 0 0; } #prod_afhaling_levering small { margin: 5px 0 0 5px; } .submitBtn { float: left; clear: left; margin: 62px 0 0; padding: 0 5px 0; height: 29px; } /*** faqs ***/ #faq_questions { margin: 0 0 17px; } #questions li { list-style: none; } #questions li a { color: #924738; font-size: 11px; font-weight: bold; } #questions li a:hover { text-decoration: none; } .faq_antwoord { position: relative; } /*** search ***/ .zoekresultaten li small { padding: 0 0 0 16px; } /*** bottom shadow (outside content) ***/ #language #bottomShadow { right: 0; bottom: 23px;} #bottomShadow { /*border: red 1px solid;*/ position: absolute; right: -9px; bottom: 0; width: 9px; height: 232px; background: url(/images/bottomShadow.png) no-repeat; } /* footer ------------------------------------------------------------------*/ #footer { height: 17px; padding: 3px 80px; font-size: 9px; font-family: Verdana, Arial, sans-serif; text-align: center; color: #6e6a63; } #footer a { color: #6e6a63; } #footer a#duo { position: absolute; top: 3px; right: 9px; } #footer a:hover { text-decoration: none; color: #924738; } /* CMS Preview ------------------------------------------------------------------*/ #CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; } #CMSpreviewBar a { color: #fff; } #subtypes li.active a { font-weight: bold; }