@charset "utf-8"; /* CSS Document */ /** * <*> */ html, body { /*background :url(../_img/bg-top.gif) repeat-x top left;*/ background :url(../_img/bg-body.gif) repeat-y #000 center; height :100%; margin :0; padding :0; text-align :center; font-family :Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; font-size :12px; color :#666666; } .clear { clear :both; } a { color :#c40000; text-decoration :none; } a:hover { color :#aaaaaa; text-decoration :underline; } h1 { font-size:3.0em; font-weight:bold; font-style:italic; padding:0; margin :3px 0 5px; letter-spacing:-2px; } h2 { font-size :1.6em; color :#c40000; margin :5px 0 3px; } h2 a:hover { color :#fff; background :#c40000; text-decoration :none; } h3 { font-size :1.2em; font-weight :bold; margin :10px 0 5px; } p { margin :0 0 10px; line-height:18px; } p.date { font-size :.8em; color :#b5b5b5; margin :0 0 5px; } hr { border :0px; border-bottom :2px solid #ddd; height :2px; margin :5px 0 10px 0; padding :0 0 5px 0; clear :both; } hr.thin { border :0px; border-bottom :1px solid #eee; height :1px; margin :5px 0 10px 0; padding :3px 0 5px 0; clear :both; } a img { border :none; } .image { border :1px solid #f2f2f2; padding :4px; } .note { border-top :1px solid #aaa; border-bottom :1px solid #aaa; background :#FFDDDD; padding :5px; font-weight :bold; } li { margin:0 0 2px 0; } /** * */ div#wrapper { height:auto !important; margin:0 auto -100px; min-height:100%; position:relative; text-align:left; width:864px; } /** * */ div#header { border :2px solid #333; border-top :none; position :relative; width :860px; height :124px; margin-bottom :5px; text-align :left; } ul#languages { position :absolute; top :7px; left :40px; margin :0; padding :0; list-style :none; } ul#languages li { display :inline; width :22px; height :16px; margin :3px; float :left; } ul#languages a { display :block; width :100%; height :100%; text-indent :-9999em; } ul#languages li.en a { background :url(../_img/uk.gif) no-repeat; } ul#languages li.nl a { background :url(../_img/nl.gif) no-repeat; } div#logo { /*background :url(../_img/logo.gif) bottom no-repeat;*/ width :380px; height :124px; margin :0 0 0 480px; } div#logo a { width :380px; height :124px; display :block; text-indent :-9999em; } div#logo a:hover { background :none; } div#menu { font-weight:bold; color :#fff; background :url(../_img/bg-menu.gif) repeat-x; border-left :2px solid #9E0007; border-right :2px solid #9E0007; width :825px; height :33px; margin-bottom :5px; padding :0 0 0 35px; text-align :center; } .clearfix:after { content :"."; display :block; height :0; clear :both; visibility :hidden; } div#footer { background :#333/*url(../_img/bg-footer.gif) repeat-x*/; font-size :.8em; color :#fff; height :115px; margin :0; position :relative; clear :both; border-top:2px solid #aaa; text-align:center; } div#footer p { padding :20px 0 0; line-height:15px; } div#footer a { font-size :1.3em; color :#fff; margin :0 25px; text-decoration :none; } div#footer a:hover { background :none; color :#8E8E8E; text-decoration :underline; } /** * */ div#content-wrapper { background :#fff; border :2px solid #aaa; border-bottom :none; width :860px; margin: 0; padding-bottom :115px;/* opacity :0.9; filter :alpha(opacity=90); -moz-opacity :0.9;*/ } ul#linkpath { height :20px; float :right; margin :15px 38px 0 0; } ul#linkpath li { background :url(../_img/crumble-dot.gif) no-repeat; padding :0 0 0 14px; display :inline; margin :0 5px; } div#content { width :520px; margin :0 0 20px; padding :0 39px; float :left; } div.product_block { border :1px solid #ccc; padding :7px; float :left; margin :5px 10px 5px 0; } div.product_name { background-color :#E6E6E6; padding :5px; } div.product_name h3 { font-size :1em; margin :0; padding :0; } div.last_thumb { margin :5px 0; } div.img_product { border :2px solid #ddd; padding :3px 3px 0 3px; float :right; margin :7px 0 5px 10px; } div.img_product a { margin:0; padding:0; text-decoration:none; border:none; } div.img_news { border :2px solid #ddd; padding :3px 3px 0 3px; float :right; margin :0 0 5px 10px; } div.img_news a { margin:0; padding:0; text-decoration:none; border:none; } .pics { height: 238px; width: 520px; padding: 0; margin: 10px 0 5px; overflow: hidden; } .pics img { height: 238px; width: 520px; padding: 0; background-color: #fff; top:0; left:0 } ul#flickr_images { list-style :none; } ul#flickr_images li { list-style :none; display :inline; border :1px solid #ccc; padding :4px; margin :5px 5px 5px 0; } div.img_product a:hover, div.img_news a:hover, div.product_thumb a:hover { background :none; } div#sidebar { width :260px; float :left; padding :0 0 20px; } div#post-it-news { width :196px; height :231px; background :url(../_img/bg-post-it-news.gif) no-repeat right bottom; border :1px solid #ddd; margin :10px 0 10px 0; padding :0 10px 5px 15px; } div#post-it-contact { width :196px; height :231px; background :url(../_img/bg-post-it-contact.gif) no-repeat right bottom; border :1px solid #ddd; margin :10px 0 0 0; padding :0 10px 5px 15px; } div#post-it-jdv { width :196px; height :231px; background :url(../_img/bg-post-it-jdv.gif) no-repeat right bottom; border :1px solid #ddd; margin :20px 0 0 0; padding :0 10px 5px 15px; } div#post-it-jdv ul, div#post-it-news ul { margin :10px 0 10px 5px; padding :0 0 0 10px; } div#post-it-jdv li, div#post-it-news li { margin :3px 5px; } div#post-it-jdv form { margin :0; padding :0; } div#post-it-jdv form fieldset { width :190px; border :none; margin :0; padding :0; } div#post-it-jdv form fieldset label { width :190px; margin :0; padding :0; } div#post-it-jdv form fieldset input.input-text { border :1px solid #ccc; margin :0 0 2px 0; padding :1px; height :20px; width :180px; } div#post-it-jdv form fieldset input.input-file { border :1px solid #ccc; margin :0 0 2px 0; height :22px; width :180px; } div#post-it-jdv form fieldset input.input-submit { margin :4px 0 0; background :#fff; border :1px solid #ccc; padding :1px; } /* Contact form */ .form_label { clear :both; color :#68676C; display :block; float :left; font-weight :bold; margin :0 0 2px 0; padding :5px 0; width :150px; } .form_span { display :block; float :left; width :344px; } .form_span input.form_input { font :8pt verdana, arial, helvetica, sans-serif; color :#68676C; border :1px solid #ccc; margin :0 0 2px 0; padding :4px; width :360px; } .form_span textarea.form_textarea { font :8pt verdana, arial, helvetica, sans-serif; color :#68676C; border :1px solid #ccc; padding :4px; width :360px; } .form_span input.form_submit { border :none; margin :2px 0 0; } input.im_blind { display:none; } /* spare part form */ form#spare-parts-form fieldset { border :none; margin :0; padding :0; } form#spare-parts-form label { clear :both; color :#68676C; display :block; float :left; font-weight :bold; margin :0 0 2px 0; padding :2px 0; width :200px; } form#spare-parts-form label em { color :#D91C5C; margin :0 0 0 2px; } form#spare-parts-form input.input-text { font :8pt verdana, arial, helvetica, sans-serif; color :#68676C; border :1px solid #ccc; margin :0 0 2px 0; padding :4px; width :310px; } form#spare-parts-form textarea.input-textarea { font :8pt verdana, arial, helvetica, sans-serif; color :#68676C; border :1px solid #ccc; padding :4px; width :310px; } form#spare-parts-form input.submit { border :none; margin :2px 0 0; } /* Sitemap */ ul.sitemap { list-style :none; margin :0.6em 0 0.6em 1em; padding-left :0px; } ul.level1 { font-weight :bold; line-height :150%; list-style :none; margin :5px 0 0 0; } ul.level1 li { font-weight :bold; height :1%; line-height :150%; list-style :none; margin :5px 0; } ul.level2 li { background :url(../_img/little-arrow.gif) no-repeat; background-position :0 6px; padding-left :10px; width :278px; border-top :1px dashed #d9d9da; height :1%; line-height :150%; list-style :none; } ul.level3 li { background :url(../_img/little-arrow.gif) no-repeat; background-position :0 5px; padding-left :10px; width :230px; border-top :1px dashed #d9d9da; color :#222222; font-weight :normal; height :1%; line-height :150%; list-style :none; margin :0; }