/* General CSS for collections */ body#homepage div#centerCollectionPane div.ewyse_collection, td#rightColumn div.ewyse_collection { float: left; margin: 0 18px 18px 0; } div.ewyse_collection h2 { padding: 15px 0 9px 16px; background-color: #fff; } div.ewyse_collection ul { padding: 0; } div.ewyse_collection li { list-style: none; } body#homepage div#centerCollectionPane div.collection_innerWrapper, td#rightColumn div.ewyse_collection div.collection_innerWrapper { background-color: #fff; height: 256px; padding: 0 15px; } body#homepage div#centerCollectionPane div.ewyse_collection, td#rightColumn div.ewyse_collection, div.facts { width: 298px; background: transparent url(../assets/images/bg/shadow.png) center right no-repeat; padding-right: 3px; position: relative; } div#centerCollectionPane div.ewyse_collection { width: 620px; background-color: #fff; } div.collection_footer { background-color: #fff; height: 30px; padding: 0 8px; position: absolute; bottom: 1px; right: 3px; } a.collection_readMore { float: right; color: #009BDB; background: transparent url(../assets/images/buttons/readmore.gif) center right no-repeat; height: 22px; line-height: 19px; display: block; width: 97px; } div.collection_navigation { position: relative; left: -2px; } div.collection_navigation a.page { background: transparent url(../assets/images/buttons/pager_inactive.png) no-repeat; height: 16px; width: 16px; display: block; float: left; margin-right: 2px; } div.collection_navigation a.activePage { background: transparent url(../assets/images/buttons/pager_active.png) no-repeat; } div.collection_navigation a span { display: none; } .image_carousel_teaser { } div.image_carousel_teaser { position: relative; } div.image_carousel_teaser p { margin: 0; padding: 0; } div.image_carousel_teaser h2.collection_title { } div.image_carousel_teaser .selectedImage { height: 206px; background: #fff url(../assets/images/bg/carousel_selected.png) no-repeat; } div.image_carousel_teaser .selectedImage.left { background-position: -151px 194px; } div.image_carousel_teaser .selectedImage.center { background-position: center 194px; } div.image_carousel_teaser .selectedImage.right { background-position: 2px 194px; } div.image_carousel_teaser .selectedImage h2 { white-space: nowrap; font-size: 12px; padding: 0 0 0 16px; color: #565656; } div.image_carousel_teaser .selectedImage span { display: block; text-align: left; width: inherit; padding: 0 16px; } div.image_carousel_teaser .selectedImage span.content { height: 30px; } div.image_carousel_teaser .selectedImage span.learn_more { color: #009BDB; font-weight: bold; } div.image_carousel_teaser .selectedImage span.image { text-align: center; } div.image_carousel_teaser span.collection_item_no_url { display: none; height: 200px; } div.image_carousel_teaser a.prevItem, div.image_carousel_teaser a.nextItem, div.image_carousel_teaser img.left, div.image_carousel_teaser img.right { position: absolute; height: 23px; width: 23px; display: block; bottom: 17px; } div.image_carousel_teaser div.collection_navigation span { display: none; } div.image_carousel_teaser a.prevItem, div.image_carousel_teaser img.left { left: 10px; background-image: url(../assets/images/buttons/prev.png); } div.image_carousel_teaser a.nextItem, div.image_carousel_teaser img.right { right: 12px; background-image: url(../assets/images/buttons/next.png); } div.image_carousel_teaser div.collection_innerWrapper { height: 256px !important; padding: 0 !important; background: #FBFBFB url(../assets/images/bg/carousel_slider_button_bg.png) left bottom no-repeat !important; width: inherit; } div.image_carousel_teaser .ajaxNav_viewport, div.image_carousel_teaser ul.collection_items { height: 42px; width: 231px; overflow: hidden; margin: 0 auto; } div.image_carousel_teaser li { float: left; list-style: none; border: 1px solid #eaeaea; margin: 0 5px; width: 65px; height: 40px; line-height: 50px; display: block; } div.image_carousel_teaser li.active { border-color: #009BDB } div.image_carousel_teaser span.collection_item_image { width: 65px; height: 40px; display: block; text-align: center; } div.image_carousel_teaser span.collection_item_image img { } div.image_carousel_teaser a.page { display: none; } .image_carousel { position: relative; } div.image_carousel h2.collection_title { display: none; } div.image_carousel span.collection_item_no_url { display: none; } div.image_carousel div.collection_innerWrapper { background: #fff url(../assets/images/bg/bg_product_slider.gif) center 20px no-repeat; padding-top: 20px; } div.image_carousel ul.collection_items { display: block; width: 529px; height: 67px; margin: 0 auto; padding: 0 30px; } div.image_carousel li.collection_item { float: left; list-style: none; border: 1px solid #eaeaea; margin: 12px 2px 0 6px; width: 65px; height: 40px; line-height: 50px; display: block; background-color: #fff; } div.image_carousel li.active { border-color: #009BDB } div.image_carousel span.collection_item_image { width: 65px; height:40px; padding: 0 auto; display: block; text-align: center; } div.image_carousel div.ajaxNav_viewport { width: 520px; margin: 0 auto; } div.image_carousel img.ajaxNav { position: absolute; top: 41px; } div.image_carousel img.left { left: 23px; } div.image_carousel img.right { right: 24px; } div.image_carousel div.collection_navigation span { display: none; } div.image_carousel div.selectedImage { padding: 18px; } div.image_carousel div.selectedImage h2 { float: left; padding: 10px 0; width: 290px; } div.image_carousel div.selectedImage h2, div.image_carousel div.selectedImage span.content { display: block; } div.image_carousel div.selectedImage span.image { float: left; margin: 0 10px 10px 0; width: 282px; height: 290px; border: 1px solid #f2f2f2; } div.image_carousel div.selectedImage ul.links { margin-left: 10px; } div.image_carousel div.selectedImage ul.links a { padding-left: 30px; color: #565656; } div.image_carousel div.selectedImage ul.links li.download a { background: #fff url(../assets/images/buttons/download.png) center left no-repeat; } div.image_carousel div.selectedImage ul.links li.print a { background: #fff url(../assets/images/buttons/print.png) center left no-repeat; } div.image_carousel div.selectedImage ul.links li.mail a { background: #fff url(../assets/images/buttons/mail.png) center left no-repeat; } div.image_carousel div.selectedImage ul.links li.sample_request a { background: #fff url(../assets/images/buttons/info.png) center left no-repeat; } .flair { } .teaser_text_only { } .teaser_image_and_text { } div.teaser_image_and_text span.collection_item_image { text-align: center; display: block; width: 270px; padding-top: 10px; } .teaser_image_only { } div.teaser_image_only span.collection_item_image { background: #fff url(../assets/images/buttons/vergrootglas.gif) bottom right no-repeat; display: block; padding-bottom: 25px; } .teaser_movie { } .teaser_movie span.collection_item_image { display: block; } .foldable_teaser { width: 298px; background-color: white; } div.foldable_teaser span.closed { background: none !important; } div.foldable_teaser h2 { background: #fff url(../assets/images/buttons/minus.gif) no-repeat 13px 10px; padding-top: 10px !important; padding-left: 45px !important; cursor: pointer; } div.foldable_teaser div.collection_innerWrapper { padding: 0 13px; } div.foldable_teaser.closed h2 { background: #fff url(../assets/images/buttons/plus.gif) no-repeat 13px 10px !important; } .foldable_teaser_text { } .contact_team { width: 617px !important; } div.contact_team h2 { float: left; padding-right: 20px; } div.contact_team span#continent_links { display: block; height: 41px; line-height: 45px; background-color: #fff; padding-top: 4px; } div.contact_team span#continent_links a { margin-right: 5px; color: #565656; } div.contact_team span#continent_links a.active { color: #009BDB; } div.contact_team .collection_innerWrapper { overflow: hidden; } div.contact_team .contact_team_frame { width: inherit; height: 256px; } div.contact_team .collection_innerWrapper div#contact_europe { background: #fff url(../assets/images/bg/contact_team_europe.jpg) no-repeat; } div.contact_team .collection_innerWrapper div#contact_america { background: #fff url(../assets/images/bg/contact_team_america.jpg) no-repeat; } div.contact_team .collection_innerWrapper div#contact_asia { background: #fff url(../assets/images/bg/contact_team_asia.jpg) no-repeat; } div.contact_team .contact_map { width: 310px; height: inherit; display: block; float: left; position: relative; } div.contact_team .contact_map span.contact_tooltip { display: none; } div.contact_team .contact_map #map_team_europe div { position: absolute; width: 50px; height: 60px; } div.contact_team .contact_map #map_team_europe div.contact_1 { top: 35px; left: 50px; } div.contact_team .contact_map #map_team_europe div.contact_2 { top: 10px; left: 85px; } div.contact_team .contact_map #map_team_europe div.contact_3 { top: 46px; left: 118px; } div.contact_team .contact_map #map_team_europe div.contact_4 { top: 15px; left: 155px; } div.contact_team .contact_map #map_team_europe div.contact_5 { top: 42px; left: 178px; } div.contact_team .contact_map #map_team_america div { position: absolute; width: 30px; height: 35px; } div.contact_team .contact_map #map_team_america div.contact_1 { top: 23px; left: 85px; } div.contact_team .contact_map #map_team_america div.contact_2 { top: 47px; left: 106px; } div.contact_team .contact_map #map_team_america div.contact_3 { top: 16px; left: 146px; } div.contact_team .contact_map #map_team_asia div { position: absolute; width: 40px; height: 45px; } div.contact_team .contact_map #map_team_asia div.contact_1 { top: 93px; left: 23px; } div.contact_team .contact_map #map_team_asia div.contact_2 { top: 43px; left: 35px; } div.contact_team .contact_map #map_team_asia div.contact_3 { top: 64px; left: 75px; } div.contact_team .contact_map #map_team_asia div.contact_4 { top: 17px; left: 77px; } div.contact_team .contact_map #map_team_asia div.contact_5 { top: 67px; left: 116px; } div.contact_team .contact_map #map_team_asia div.contact_6 { top: 16px; left: 128px; } div.contact_team .contact_map #map_team_asia div.contact_7 { top: 32px; left: 180px; } div.contact_team .contact_map #map_team_asia div.contact_8 { top: 78px; left: 165px; } div.contact_team .contact_map #map_team_asia div.contact_9 { top: 63px; left: 226px; } div.contact_team div.form { float: left; height: inherit; width: 270px; } div.contact_team div.form h3 { margin: 37px 0 15px; } div.contact_team div.form a { background: #fff url(../assets/images/buttons/go.png) no-repeat; display: block; width: 255px; margin-bottom: 7px; padding-left: 6px; font-size: 11px; color: #565656; } div.contact_team div.form a:hover { background: #fff url(../assets/images/buttons/go_active.png) no-repeat; text-decoration: none !important; } .latest_news { } div.latest_news div.collection_innerWrapper { /* height: 135px !important; */ } div.latest_news li.collection_item { height: 100px; } div.latest_news span.collection_item_datePublish { display: block; } div.latest_news span.collection_item_title { display: block; color: #000; } div.latest_news span.collection_item_content { display: block; color: #000; } div.latest_news div.collection_navigation { position: relative; left: -2px; } div.latest_news div.collection_navigation a.page { background: transparent url(../assets/images/buttons/pager_inactive.png) no-repeat; height: 16px; width: 16px; display: block; float: left; margin-right: 2px; } div.latest_news div.collection_navigation a.activePage { background: transparent url(../assets/images/buttons/pager_active.png) no-repeat; } div.latest_news div.collection_navigation a span { display: none; } .news { padding-bottom: 30px; } div.news div.collection_innerWrapper { /* height: 135px !important; */ } div.news li.collection_item { padding: 16px; } div.news span.collection_item_datePublish { display: block; } div.news span.collection_item_title { display: block; color: #000; } div.news span.collection_item_content { display: block; color: #000; } .footer_contact { background: none !important; padding: 0 !important; width: 475px !important; height: 160px !important; } div.footer_contact h2 { display: none; } div.footer_contact div.collection_innerWrapper { height: inherit; background: transparent url(../assets/images/bg/footer_contact.png) no-repeat left 10px; display: block; } div.footer_contact li { height: 122px; float: left; list-style: none; margin: 8px 0 0; background: transparent url(../assets/images/bg/footer_contact.png) no-repeat right top; width: 138px; padding: 50px 0 0 20px; } div.footer_contact span.collection_item_title { display: block; color: #939393; } div.footer_contact span.collection_item_content p { margin: 0; font-size: 12px; } .foldable { background: #fff !important; padding-bottom: 30px !important; } div.foldable span.collection_item_no_url { display: block; padding-left: 30px; width: 528px; } div.foldable ul { list-style: none; overflow: hidden; } div.foldable h2 { font-size: 18px !important; font-weight: normal !important; } div.foldable div.collection_innerWrapper { background-color: #fff; padding: 0 16px; margin: 0; } div.foldable span.collection_item_title { clear: both; margin-left: 0px; line-height: 37px; display: block; font-size: 14px; font-weight: bold; position: relative; left: -30px; padding-left: 30px; } div.foldable span.collection_item_content { display: none; float: left; width: 540px; } div.foldable span.collection_item_image { display: none; float: left; margin-right: 10px; } div.foldable span.open, div.foldable span.closed { cursor: pointer; display: block; } div.foldable span.open { background: url(../assets/images/buttons/minus.gif) left 0.5em no-repeat; } div.foldable span.closed { background: url(../assets/images/buttons/plus.gif) left 0.5em no-repeat; } .people { } div.people span.collection_item_content { height: 225px; width: 310px; background-color: #f2f2f2; padding: 20px; } div.people span.collection_item_image { margin: 0; } .customers { background-color: #fff; padding: 30px 0; } div.customers h2 { display: none; } div.customers div.collection_innerWrapper { background-color: #fff; } div.customers li { float: left; padding: 0 0 13px 13px; position: relative; } div.customers span.collection_item_title { display: none; } div.customers span.collection_item_image { border: 1px solid #f2f2f2; width: 107px; height: 66px; display: block; line-height: 66px; padding: auto; } .locations { background: none !important; margin: 0 !important; } div.locations div.collection_innerWrapper { position: relative; height: 400px; background: #fff url(../assets/images/collections/world.jpg) no-repeat; } div.locations li { width: 23px; height: 23px; display: block; position: absolute; } div.locations span.collection_item_no_url { padding: 47px 0 0 20px; background: transparent url(../assets/images/collections/location_plop_down.png) no-repeat; left: -203px; top: 0px; position: absolute; cursor: pointer; height: 114px; width: 428px; opacity: 0; filter: alpha(opacity = 0); display: block; } div.locations span.collection_item_title { font-size: 15px; font-weight: bold; display: block; } div.locations span.collection_item_content p { float: left; line-height: 30px; margin-right: 10px; } div.locations li.item_0 { left: 135px; top: 137px; z-index: 2; } div.locations li.item_1 { left: 281px; top: 111px; z-index: 1; } div.locations li.item_2 { left: 458px; top: 147px; z-index: 3; } div.locations li.item_1 span.collection_item_no_url { padding-top: 19px; background: transparent url(../assets/images/collections/location_plop_up.png) no-repeat; left: -202px; top: -91px; } .contact_information { } div.contact_information li.collection_item { padding: 16px; } div.contact_information span.collection_item_title { display: block; color: #009BDB; font-size: 15px; } .search { padding-bottom: 10px; } div.search li.collection_item { padding: 2px 16px; } div.search div.collection_navigation { padding: 16px; } div.search span.collection_item_short { display: block; margin-left: 40px; } div.search span.collection_item_index { display: block; width: 40px; float: left; } .thirdLevelMenu { width: 298px; margin-bottom: 18px; background: transparent url(../assets/images/bg/shadow.png) center right no-repeat; padding-right: 3px; } div.thirdLevelMenu h2 { padding: 15px 0 9px 16px; background-color: #fff; } div.thirdLevelMenu div.collection_innerWrapper { padding: 0 !important; } div.thirdLevelMenu ul { padding-bottom: 6px; background-color: #fff; display: block; } div.thirdLevelMenu li { list-style: none; margin: 0 0 10px 16px; width: 265px; } div.thirdLevelMenu li a { display: block; } div.thirdLevelMenu li span { background-color: #f2f2f2; display: block; padding: 8px; color: #565656; font-size: 14px; } div.thirdLevelMenu li a:hover span, div.thirdLevelMenu a.activeItem span { background-color: #009bdb; color: #fff; } div.thirdLevelMenu li a:hover, div.thirdLevelMenu a.activeItem { background: transparent url(../assets/images/buttons/third_level_selected.gif) center left no-repeat; padding-left: 3px; margin-right: -3px; left: -3px; position: relative; display: block; }