/* search widget */ #search_result { position:absolute; left:0px; top:40px; z-index:999999; } #live_search_title { position: relative; width: 340px; height: 20px; font-size: 10px; font-weight:bold; color: #ffffff; line-height:20px; padding-left:10px; background: transparent url(./../images/main2/Ergebnis-Suche.png) no-repeat; } .live_search_item { position: relative; width: 338px; height: 19px; font-size: 10px; color: #ffffff; line-height:20px; padding-left:10px; background: #cccccc; } .live_search_item2 { background: #ffffff; } .live_search_item:hover { font-weight: bold; background: transparent url(./../images/main2/Aktiv-Suche.png) no-repeat; } .live_search_item a { text-decoration: none; color: #000000; } .live_search_item:hover a { font-weight: bold; color: #ffffff; } #live_search_result { width:500px; z-index:9999; background:#ffffff; border:solid 1px #cccccc; } .liveSearchHolder { width:348px;z-index:9999;background:#ffffff;border:solid 1px #838383; } .search_widget_wrapper { position:absolute; left:70px; width:420px; height:60px; } .search_widget_wrapper .widget_content_wrapper { position: relative; height: 60px; } .search_widget_wrapper .widget_content_wrapper input { position: absolute; top: 19px; left: 0px; height: 22px; width: 178px; border: 0px; padding-left: 10px; padding-right: 10px; background: transparent url(./../images/widgets2/search_input_bg.png) no-repeat; } .search_widget_wrapper .widget_content_wrapper input:focus { background: transparent url(./../images/widgets2/search_input_active.png) no-repeat; } .search_widget_wrapper .search_item_categories { position: absolute; top: 19px; left: 203px; height: 22px; width: 150px; border: 0px; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; background: transparent url(./../images/widgets2/search_category_bg.png) no-repeat; } .search_widget_wrapper .search_item_categories option { padding-left: 15px; } .search_widget_wrapper .widget_content_wrapper .search_button { position: absolute; top: 19px; left: 355px; height: 22px; width: 56px; color: #ffffff; font-weight: bold; font-size: 11px; border: 0px; z-index: 999999; background: transparent url(./../images/main2/Button-Suche.png) no-repeat; } /* shoppingcart widget */ .main_widget_shoppingcart2 { position: absolute; width: 218px; height: 60px; right: 0px; top: 0px; color: #ffffff; cursor: pointer; } .main_widget_shoppingcart2:hover, .main_widget_shoppingcart2_active { color: #000000; background: transparent url(./../images/widgets2/leiste_cartbutton_hover.png) left no-repeat; } .main_widget_shoppingcart2 .widget_icon { position: absolute; top: 5px; left: 0px; height: 50px; width: 50px; background: transparent url(./../images/main2/Icon-Warenkorb.png) no-repeat; } .main_widget_shoppingcart2 .widget_menu_trennlinie { position: absolute; top: 0px; right: 5px; height: 59px; width: 2px; background: transparent url(./../images/main2/Trennlinie-Leiste.png) no-repeat; } .main_widget_shoppingcart2 .widget_menu_arrow { position: absolute; top: 28px; right: 15px; height: 5px; width: 9px; background: transparent url(./../images/main2/Pfeil-Leiste.png) no-repeat; } .main_widget_shoppingcart2:hover .widget_menu_arrow, .main_widget_shoppingcart2_active .widget_menu_arrow { background: transparent url(./../images/main2/Pfeil-Leiste-Aktiv.png) no-repeat; } .main_widget_shoppingcart2 .widget_title { position: absolute; top: 15px; left: 50px; } .main_widget_shoppingcart2 .widget_title .button_name { display: block; position: relative; font-size: 18px; line-height: 18px; font-weight: bold; } .main_widget_shoppingcart2 .widget_title .button_text { display: block; position: relative; font-size: 10px; line-height: 10px; } #shoppingcart_kontext { position: absolute; right: 6px; top: 60px; width: 337px; display: none; border-left:1px solid #838383; border-right:1px solid #838383; border-bottom:1px solid #838383; z-index: 999999; background: #bebebe url(./../images/widgets2/shopping_cart_kontext_bg.png) top no-repeat; } #kontext_cartbox_top { position: relative; width: 337px; height: 19px; background: transparent url(./../images/widgets2/kontext_cartbox_bg_top.png) no-repeat; } #shoppingcart_kontext .cart_item { position: relative; height: 72px; width: 337px; background: transparent url(./../images/widgets2/cart_item_bg.png) bottom no-repeat; } #shoppingcart_kontext .cart_item_first { position: relative; height: 81px; width: 337px; background: transparent url(./../images/widgets2/cart_item_bg.png) bottom no-repeat; } #shoppingcart_kontext .item_number { display: block; position: absolute; top: 10px; left: 108px; font-size: 11px; line-height: 11px; font-weight: bold; } #shoppingcart_kontext .item_delivery_status_1 { position: absolute; top: 14px; left: 98px; height: 5px; width: 5px; background: transparent url(./../images/widgets2/cart_item_delivery_status_1.png) no-repeat; } #shoppingcart_kontext .item_name { display: block; position: absolute; top: 40px; left: 98px; font-size: 11px; line-height: 11px; font-weight: normal; width: 170px; color: #969696; } #shoppingcart_kontext .item_amount { display: block; position: absolute; top: 25px; left: 98px; font-size: 11px; line-height: 11px; font-weight: normal; color: #969696; } #shoppingcart_kontext .item_price { display: block; position: absolute; top: 10px; right: 5px; font-size: 11px; line-height: 11px; font-weight: bold; color: #27619f; } #shoppingcart_kontext .cart_item_image { display: block; position: absolute; top: 10px; left: 38px; width: 50px; height: 50px; font-size: 12px; line-height: 12px; font-weight: bold; border: 1px solid #828282; } #shoppingcart_kontext .cart_delete_button { display: block; position: absolute; top: 30px; left: 12px; width: 12px; height: 12px; background: transparent url(./../images/widgets2/cart_delete_icon.png) no-repeat; } #shoppingcart_kontext .cart_button_wrapper { position: relative; height: 49px; width: 337px; background: transparent url(./../images/widgets2/shoppingcart_buttons.png) no-repeat; } #cart_button_details1 { position: absolute; left: 0px; top: 0px; height: 49px; width: 168px; cursor: pointer; text-align: center; line-height: 49px; font-size: 12px; font-weight: bold; color: #000000; text-decoration:none; } #cart_button_details { position: absolute; left: 0px; top: 0px; height: 49px; width: 168px; cursor: pointer; text-align: center; line-height: 49px; font-size: 12px; font-weight: bold; color: #000000; text-decoration:none; } #cart_button_details:hover { color: #ffffff; background: transparent url(./../images/widgets2/shoppingcart_buttons_hover.png) no-repeat; } #cart_button_cashdesk { position: absolute; left: 169px; top: 0px; height: 49px; width: 168px; cursor: pointer; text-align: center; line-height: 49px; font-size: 12px; font-weight: bold; color: #000000; text-decoration:none; } #cart_button_cashdesk:hover { color: #ffffff; background: transparent url(./../images/widgets2/shoppingcart_buttons_hover_right.png) no-repeat; } #shoppingcart_kontext .cart_footer { position: relative; height: 51px; width: 337px; background: transparent url(./../images/widgets2/cart_item_bg.png) no-repeat; } #shoppingcart_kontext .cart_footer .cart_sum_text { display: block; position: absolute; top: 10px; left: 5px; font-size: 14px; line-height: 14px; font-weight: bold; color: #000000; } #shoppingcart_kontext .cart_footer .cart_sum_value { display: block; position: absolute; top: 10px; right: 5px; font-size: 14px; line-height: 14px; font-weight: bold; color: #27619f; } #shoppingcart_kontext .cart_footer .cart_price_text { display: block; position: absolute; top: 25px; right: 5px; font-size: 11px; line-height: 11px; color: #828282; } /* login widget */ .main_widget_account_wrapper { position: absolute; width: 218px; height: 60px; right: 211px; top: 0px; color: #ffffff; cursor: pointer; } .main_widget_account_wrapper:hover, .main_widget_account_wrapper_active { color: #000000; background: transparent url(./../images/widgets2/leiste_cartbutton_hover.png) left no-repeat; } .main_widget_account_wrapper .widget_icon { position: absolute; top: 5px; left: 0px; height: 50px; width: 50px; background: transparent url(./../images/main2/Icon-MeinKonto.png) no-repeat; } .main_widget_account_wrapper .widget_menu_trennlinie1 { position: absolute; top: 0px; left: 0px; height: 59px; width: 2px; background: transparent url(./../images/main2/Trennlinie-Leiste.png) no-repeat; } .main_widget_account_wrapper .widget_menu_trennlinie { position: absolute; top: 0px; right: 5px; height: 59px; width: 2px; background: transparent url(./../images/main2/Trennlinie-Leiste.png) no-repeat; } .main_widget_account_wrapper .widget_menu_arrow { position: absolute; top: 28px; right: 15px; height: 5px; width: 9px; background: transparent url(./../images/main2/Pfeil-Leiste.png) no-repeat; } .main_widget_account_wrapper:hover .widget_menu_arrow, .main_widget_account_wrapper_active .widget_menu_arrow { background: transparent url(./../images/main2/Pfeil-Leiste-Aktiv.png) no-repeat; } .main_widget_account_wrapper .widget_title { position: absolute; top: 15px; left: 50px; } .main_widget_account_wrapper .widget_title .button_name { display: block; position: relative; font-size: 18px; line-height: 18px; font-weight: bold; } .main_widget_account_wrapper .widget_title .button_text { display: block; position: relative; font-size: 10px; line-height: 10px; } #account_kontext { position:absolute; right:217px; top:60px; width:337px; height: 348px; border-left:1px solid #838383; border-right:1px solid #838383; border-bottom:1px solid #838383; display:none; z-index:999999; background: transparent url(./../images/widgets2/menu_account_bg.png) no-repeat; } #account_kontext .login_field { width: 102px; height: 22px; font-size: 12px; color: #000000; border: 0px; padding-left: 5px; padding-right: 5px; background: transparent url(./../images/widgets2/login_bg.png) no-repeat; } #account_kontext .login_field:focus { background: transparent url(./../images/widgets2/login_bg_active.png) no-repeat; } #account_kontext .login_form { position: relative; height: 30px; } #account_kontext .login_name { position: absolute; top: 5px; left: 20px; } #account_kontext .login_password { position: absolute; top: 5px; left: 140px; } #account_kontext .login_button { position: absolute; top: 5px; left: 260px; width: 56px; height: 22px; border: 0px; color: #ffffff; font-size: 12px; font-weight: bold; background: transparent url(./../images/widgets2/login_button.png) no-repeat; } #account_kontext div.loggedin_button span { font-weight: bold; } #account_kontext a.loggedin_button { display: block; float: left; position: relative; width: 64px; height: 40px; background-position: top center; background-repeat: no-repeat; margin-left: 20px; text-align: center; color: #ffffff; } #account_kontext a.loggedin_button span { position: absolute; width: 100%; left: 0px; top: 30px; font-weight: bold; } #account_kontext .account_button_wrapper { position: relative; height: 49px; width: 337px; background: transparent url(./../images/widgets2/shoppingcart_buttons.png) no-repeat; } .account_kontext_menu_wrapper { position: relative; width: 337px; padding-top: 10px; padding-bottom: 10px; } .account_kontext_menu_wrapper .title { position: relative; left: 20px; font-size: 12px; line-height: 25px; font-weight: bold; color: #27619f; } .account_kontext_menu_wrapper .menu_item { position: relative; left: 20px; display: block; font-size: 12px; line-height: 25px; color: #000000; text-decoration:none; padding-left: 15px; background: transparent url(./../images/widgets2/kontext_menu_bull.png) left center no-repeat; } .account_kontext_menu_wrapper .default_address { position: relative; top: 10px; left: 20px; display: block; font-size: 12px; line-height: 20px; color: #000000; text-decoration:none; padding-left: 15px; width: 300px; } .account_kontext_menu_wrapper .menu_item_password_forgotten { position: absolute; left: 141px; height: 15px; display: block; font-size: 10px; font-weight: bold; line-height: 15px; color: #878787; text-decoration:none; } #login_save_session { position: absolute; left: 21px; height: 15px; display: block; font-size: 10px; font-weight: bold; line-height: 15px; color: #878787; text-decoration:none; padding-left: 20px; } .login_save_session_inactive { background: transparent url(./../images/widgets2/login_save_session.png) left center no-repeat; } .login_save_session_active { background: transparent url(./../images/widgets2/login_save_session_active.png) left center no-repeat; } #account_button_admin { position: absolute; left: 0px; top: 0px; height: 49px; width: 168px; cursor: pointer; text-align: center; line-height: 49px; font-size: 12px; font-weight: bold; color: #000000; text-decoration:none; } #account_button_admin:hover { color: #ffffff; background: transparent url(./../images/widgets2/shoppingcart_buttons_hover.png) no-repeat; } #account_button_logout { position: absolute; left: 169px; top: 0px; height: 49px; width: 168px; cursor: pointer; text-align: center; line-height: 49px; font-size: 12px; font-weight: bold; color: #000000; text-decoration:none; } #account_button_logout:hover { color: #ffffff; background: transparent url(./../images/widgets2/shoppingcart_buttons_hover_right.png) no-repeat; } /* generic */ .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .clear { clear: both; } body { margin: 0px; color: #000000; font-size: 11px; font-family: Arial; line-height: 1.6em; background: #f6f6f6 url(./../images/main2/Header-Banner-Pix.png) 0px 0px repeat-x; } a { outline: none; } .alleft { text-align: left; } .alright { text-align: right; } .alcenter { text-align: center; } button, input[type="submit"] { cursor: pointer; } :disabled { cursor: default; } .clear { clear: both; } .title_bg { height: 29px; background: url(./../images/title_bg_pixlin.png) repeat-x; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } .title_bg div { position: relative; float: left; height: 29px; } .title_bg .title_pipe { position: relative; float: left; width: 2px; height: 29px; background: url(./../images/title_pipe.png) no-repeat; } #header_logo_leiste { position: absolute; left: 0px; top: 5px; height: 50px; width: 50px; background: transparent url(./../images/main2/Logo-Leiste.png) no-repeat; } #header_trans { position: fixed; height: 60px; left: 0px; width: 100%; background: transparent url(./../images/main2/Header-Leiste-Pix.png) repeat-x; z-index: 9999999; } #header_trans2 { height: 80px; border-top: 0px solid #276191; background: transparent; } #header_container { position: relative; top: 0px; width: 992px; margin: 0 auto; } #wrapper { position: relative; top: 0px; width: 992px; margin: 0 auto; } #header_wrapper { position: relative; width: 992px; height: 300px; background: transparent url(./../images/main2/Header-Topreef-01.png) no-repeat; } a#logo { position: absolute; width: 348px; height: 98px; top: 95px; left: 113px; background: transparent url(./../images/main2/TopReef-Logo.png) no-repeat; } #main_wrapper { position: relative; width: 992px; } #navi_wrapper { position: relative; float: left; width: 254px; background: transparent url(./../images/main/left_bg.png) repeat-y right; } #content_wrapper { position: relative; float: left; width: 738px; } #content_wrapper2 { width: 992px; } #content_shadow_left { position: absolute; width: 9px; height: 100%; left: 182px; top: 0px; background: url(./../images/content_bg_left.png) repeat-y; } #content_shadow_right { position: absolute; width: 9px; height: 100%; right: 0px; top: 0px; background: url(./../images/content_bg_right.png) repeat-y; } #content_sub_wrapper { position: relative; width: 742px; margin: 0px 0px 20px 20px; } #maincontent_wrapper { position: relative; top: -25px; width: 722px; margin: 20px 0px 20px 16px; } .button { display: block; height: 16px; background: url(./../images/button_bg_pixlin.png) repeat-x; border-left: 1px solid #2f82a2; border-right: 1px solid #2f82a2; border-top: 0px solid transparent; border-bottom: 0px solid transparent; text-align: center; color: #FFFFFF; font-size: 12px; text-decoration: none; letter-spacing: 0.5px; cursor: pointer; } input.button { padding-bottom: 1px; } #footer_wrapper { position: relative; width: 100%; height: 357px; border-top: 10px solid #f99315; background: #02c3fe url(./../images/main2/Footer-Banner-Pix.png) repeat-x; } #footer { position: relative; width: 992px; height: 357px; margin: 0 auto; background: #02c3fe url(./../images/main2/Footer-Topreef-01.jpg) center no-repeat; } #recommendation_toggler { position: absolute; height: 15px; left: 310px; top: 332px; padding-left: 24px; background: url(./../images/main/icon_recommend.png) no-repeat; color: #ffffff; font-size: 11px; cursor: pointer; } #copyright { position: absolute; height: 15px; left: 500px; top: 332px; color: #ffffff; font-size: 11px; } #fb_share { display: block; font-size: 11px; color: #ffffff; text-decoration:none; position: absolute; top: 330px; left: 10px; } #fb_frame { display: block; font-size: 11px; color: #ffffff; text-decoration:none; position: absolute; top: 330px; left: 100px; height: 20px; width: 120px; } #google_plus { position: absolute; top: 295px; left: 210px; } #footer_ta_wrapper { position: absolute; left: 750px; top: 332px; } #footer_ta_wrapper a, #footer_ta_wrapper { color: #ffffff; font-size: 11px; text-decoration:none; } #footer_easyway { position: relative; height: 15px; padding-left: 24px; background: url(./../images/main/icon_taedv.png) no-repeat; } #tool_recommendation { font-weight: bold; font-size: 10px; line-height: 1.3em; text-align: left; position: absolute; left: 230px; width: 530px; height: 0px; overflow: hidden; background: transparent url(./../images/main/recommendation.png) no-repeat; z-index: 9999; } #recommendation_message_error { background-color:#cc0000; color: #ffffff; } #recommendation_message_ok { background-color:#00cc00; color: #ffffff; } .full_box { width: 720px; margin-bottom: 10px; margin-top: 10px; border: 1px solid #aaaaaa; background: #ffffff; } .full_box .title_wrapper { position: relative; width: 100%; height: 39px; border: 0px; background: url(./../images/content/header_bg.png) no-repeat; } .full_box .title_wrapper h1 { display: inline-block; position: relative; top: 5px; margin-left: 44px; color: #000000; font-size: 11px; } .full_box .title_wrapper .title h2 { display: inline-block; position: relative; top: 5px; margin-left: 44px; color: #000000; font-size: 11px; } .full_box .box_content { padding-left:20px; padding-right:20px; padding-bottom:20px; } .button { position: relative; width: 112px; height: 21px; background: transparent url(./../images/content/button_small.png) no-repeat 0px 0px; border-width: 0px; color: #ffffff; font-size: 12px; margin:10px; } /* Textbox */ .content_box_textbox { width: 720px; margin-bottom: 10px; margin-top: 10px; border: 1px solid #aaaaaa; background: #ffffff; } .content_box_textbox a { display: inline; } .content_box_textbox .header { position: relative; width: 100%; height: 39px; background: url(./../images/content/header_bg.png) no-repeat; } .content_box_textbox .header h3 { display: inline-block; position: relative; top: 2px; margin-left: 44px; color: #000000; font-size: 11px; } .content_box_textbox .content { padding: 10px 12px; } .content_box_textbox .content a { display: block; position: relative; text-decoration: none; } /* slider */ .content_box_slider { width: 720px; margin-bottom: 10px; margin-top: 10px; border: 1px solid #aaaaaa; background: #ffffff; } .content_box_slider a { display: inline; } .content_box_slider .header { position: relative; width: 100%; height: 39px; background: url(./../images/content/header_bg.png) no-repeat; } .content_box_slider .header h3 { display: inline-block; position: relative; top: 2px; margin-left: 44px; color: #000000; font-size: 11px; } .content_box_slider .content { padding: 10px 12px; } .content_box_slider .content a { display: block; position: relative; text-decoration: none; } /* manufacturer */ .content_box_manufacturers { width: 720px; margin-bottom: 10px; margin-top: 30px; border: 1px solid #aaaaaa; background: #ffffff; } .content_box_manufacturers a { display: inline; } .content_box_manufacturers .header { position: relative; width: 100%; height: 39px; background: url(./../images/content/header_bg.png) no-repeat; } .content_box_manufacturers .header h3 { display: inline-block; position: relative; top: 2px; margin-left: 44px; color: #000000; font-size: 11px; } .content_box_manufacturers .content { padding: 10px 12px; } #content_box_popular { position: relative; width: 722x; height: 310px; margin-bottom: 20px; } #content_box_popular ul { list-style-type: none; margin: 0; padding: 0; } #content_box_popular li { display: inline-block; margin: 0; padding: 0; } #content_box_popular_items { position: absolute; float: left; width: 470px; height: 310px; background: transparent url("./../images/content/popular_items.png") no-repeat; } #content_box_popular_items .title { position: absolute; display: inline-block; width: 160px; height: 20px; left: 35px; top: 15px; font-weight:bold; } #content_box_popular_items .items_box { position: relative; top:50px; width: 470px; height: 272px; } #content_box_popular_items .items_box ul { display: absolute; float: left; width: 470px; height: 231px; } #content_box_popular_items .items_box li.item { position: relative; display: none; width: 470px; height: 231px; } #content_box_popular_items .items_box .item.selected { display: inline-block; } #content_box_popular_items .items_box .item .item_name { position: absolute; display: inline-block; width: 170px; height: 56px; left: 15px; top: 12px; } #content_box_popular_items .items_box .item .item_name a { position: relative; display: inline-block; text-decoration: none; padding-left: 5px; padding-right: 5px; width: 163px; padding-top: 4px; height: 52px; color: black; } #content_box_popular_items .items_box .item .item_image { position: absolute; display: inline-block; left: 28px; top: 75px; } #content_box_popular_items .items_box .item .item_price{ position: absolute; display: inline-block; right: 306px; top: 195px; color: #1C8DC5; font-size: 1.2em; font-weight: bold; } #content_box_popular_items .tabs_box { position: relative; display: inline-block; float: left; width: 471px; height: 32px; top: 5px; } #content_box_popular_items .tabs_box ul { display: inline-block; width: 470px; height: 24px; margin-top: -8px; margin-left:1px; } #content_box_popular_items .tabs_box li { display: inline-block; margin-top:2px; float: left; width: 156px; height: 25px; text-align: center; } #content_box_popular_items .tabs_box li a { display: inline-block; padding-top: 8px; width: 156px; height: 15px; text-decoration: none; color: black; } #content_box_popular_items .tabs_box li.selected { background: url("./../images/content/popular_item_tab_marker.png") no-repeat scroll 0 0 transparent; } #content_box_popular_items .tabs_box li.selected a { color: white; } #content_box_popular_manufacturers { position: relative; display: inline-block; background: transparent url("./../images/content/popular_brands.png") no-repeat; float: right; width: 241px; height: 310px; } #content_box_popular_manufacturers h4 { margin: 0; padding: 0; position: absolute; top: 14px; left: 37px; } #content_box_popular_manufacturers .manufacturer_box { position: absolute; display: inline-block; width: 220px; height: 61px; left: 10px; } #content_box_popular_manufacturers .manufacturer_box_1 { top: 63px; } #content_box_popular_manufacturers .manufacturer_box_2 { top: 133px; } #content_box_popular_manufacturers .manufacturer_box_3 { top: 203px; } #content_box_popular_manufacturers .manufacturer_logo { position: absolute; display: inline-block; top: 10px; left: 15px; width: 50px; height: 59px; background-repeat: no-repeat; background-position: left top; } #content_box_popular_manufacturers .manufacturer_name { position: absolute; display: inline-block; left: 73px; top: 3px; font-weight: bold; } #content_box_popular_manufacturers .manufacturer_items_in_shop { position: absolute; display: inline-block; left: 73px; top: 16px; } #content_box_popular_manufacturers .manufacturer_link { position: absolute; display: inline-block; left: 112px; top: 37px; font-weight: bold; color: #1c8dc5; text-decoration: none; font-size: 1.2em; } .manufacturers { position:relativ; } .manufacturer { position: relative; min-height: 90px; margin: 15px 20px; border-bottom: 1px solid #cccccc; } .manufacturer h4 { position: relative; width: 742px; font-size: 1.2em; line-height: 1.3em; } .manufacturer h4 a{ margin-top: 0; margin-bottom: 0; text-decoration: none; color: black; } .manufacturer h4 a:hover { text-decoration: underline; } .manufacturer data { position: relative; width: 742px; min-height: 70px; } .manufacturer img { position: relative; top: 0; left: 0; } .manufacturer .description_part { position: relative; top: 0; right: 0; display: inline-block; width: 627px; } .manufacturer .description_full { position: relative; top: 0; right: 0; display: inline-block; width: 742px; } .manufacturer_categorie { display: inline-block; height: 25px; float: left; } #content_box_slider { border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; } /* box on home screen */ .customer_content_box_wrapper { position: relative; width: 720px; border: 1px solid #aaaaaa; background: #FFFFFF url(./../images/customer_content_box_bg_pixlin.png) repeat-x; } .customer_content_box_wrapper .header { position: relative; width: 100%; height: 33px; background: url(./../images/content/header_bg.png) no-repeat; } .customer_content_box_wrapper .header h3 { display: inline-block; position: relative; top: -2px; margin-left: 44px; color: #000000; font-size: 11px; } .customer_content_box_wrapper .header span { float: right; margin-top: 6px; margin-right: 12px; } .customer_content_box_wrapper .content { padding: 20px 12px; } .customer_content_box_wrapper .content a { display: block; position: relative; text-decoration: none; } .customer_content_box_wrapper .content a:hover { color: #1c8dc6; } /* box specific */ #content_box_slider { margin-bottom: 20px; } #content_box_slider_wrapper_outer { position: relative; height: 272px; width: 716px; overflow: hidden; } #content_box_slider_wrapper_inner { position: absolute; height: 272px; } #content_box_slider .list_item_box { background: url("./../images/sliderback.png") no-repeat scroll 0 0 transparent; float: left; height: 272px; margin: 0 4px 9px 0; position: relative; width: 175px; } #content_box_slider .list_item_box a.item_box_info { color: #000000; display: block; font-weight: bold; height: 58px; overflow: hidden; position: relative; width: 100%; } #content_box_slider .list_item_box a.item_box_info span { left: 5px; position: absolute; top: 4px; } #content_box_slider .list_item_box a.item_box_image { background-position: center center; background-repeat: no-repeat; display: block; height: 187px; position: relative; width: 100%; } #content_box_slider .list_item_box .item_box_price { text-align: right; } #content_box_slider .list_item_box .item_box_price .bargain_price { color: #1C8DC6; font-size: 16px; font-weight: bold; position: relative; right: 6px; top: 6px; } #content_box_slider .list_item_box .item_box_price .price_text { color: #838383; font-size: 8px; position: absolute; right: 5px; top: 228px; } .left_button { background: url("./../images/links.png") no-repeat scroll 0 0 transparent; display: inline-block; margin-top:2px; width: 14px; height: 14px; } .halt_button { background: url("./../images/halt.png") no-repeat scroll 0 0 transparent; display: inline-block; margin-top:2px; width: 10px; height: 14px; margin-left: 7px; margin-right: 7px; } .right_button { background: url("./../images/rechts.png") no-repeat scroll 0 0 transparent; display: inline-block; margin-top:2px; width: 14px; height: 14px; } #request_price_info_form { width: 740px; background: #EEEEEE; border: 1px solid #C6C6C6; margin-bottom: 20px; vertical-align: text-top; } #request_price_info_form h3 { margin-left: 10px; } #request_price_info_form div.left { float: left; width: 245px; padding-left: 10px; vertical-align: text-top; } #request_price_info_form div.right { float: right; width: 465px; padding-right: 10px; vertical-align:text-top; } #request_price_info_form div.last { clear: both; width: 720px; padding: 10px; padding-top: 0; text-align: right; } #request_price_info_form div.padded { margin-top: 10px; margin-bottom: 10px; } #request_price_info_form label.inline { display: inline-block; width: 100%; text-align: left; padding-left: 2px; } #request_price_info_form input { display: inline-block; width: 238px; } #request_price_info_form textarea { display: inline-block; width: 458px; marign-right: 10px; height: 114px; } #request_price_info_form input[type="submit"] { width: 720px; padding-left: 10px; padding-right: 10px; background: url("./../images/variants_head_bg.png") repeat-x scroll 0 0 #57D2FD; border: 1px solid; border-color: #0090FF #1163D3 #0090FF #29C7EF; color: white; } .content_box_banner { display: block; position: relative; height: 234px; width: 742px; overflow:hidden; } .content_box_banner a { position: absolute; display: inline-block; float: left; top: 0; left: 0; } #content_box_popular_items a.item_box_image { display: inline-block; width: 173px; height: 125px; margin-left: -15px; margin-top: -10px; background-position: center center; background-repeat: no-repeat; } #content_box_popular_items .item_image_detailed { position: absolute; top: 12px; right: 14px; width: 264px; height: 208px; overflow: hidden; } #content_box_popular_items .item_image_detailed a { display: inline-block; width: 264px; height: 208px; text-align: center; overflow: hidden; } /* Wird in der Artikeldetailansicht und Artikelliste genutzt */ .content_box_item_list { width: 720px; margin-bottom: 10px; margin-top: 10px; } .content_box_item_list .title_wrapper { position: relative; width: 100%; height: 80px; background: #ffffff; border: 1px solid #e9e9e9; } .content_box_item_list .title_wrapper h3 { display: inline-block; position: relative; top: 2px; margin-left: 20px; width: 280px; color: #000000; font-weight: bold; font-size: 14px; font-family: Verdana; } /* item shown wrapper */ .content_box_item_list .list_item_shown_wrapper { position: absolute; left: 500px; top: 18px; width: 100px; height: 44px; } .content_box_item_list .list_item_shown_wrapper .title { position: absolute; top: 0px; left: 0px; font-size: 9px; } .content_box_item_list .list_item_shown_wrapper .item_shown_selection { position: absolute; left: 0px; top: 15px; width: 88px; height: 28px; border: 1px solid #e9e9e9; } .content_box_item_list .list_item_shown_wrapper .item_shown_selection .selected_name { position: absolute; left: 20px; top: 10px; font-size: 11px; line-height: 11px; color: #0000000; } .content_box_item_list .list_item_shown_wrapper .item_shown_selection .menu_field { position: relative; top: 0px; left: 0px; width: 100px; height: 40px; cursor: pointer; z-index: 11; } .content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu { position: absolute; top: 27px; left: -1px; width: 88px; height: 0px; z-index: 9; background: #ffffff; /* border: 1px solid #000000; */ border: 0px solid #000000; overflow: hidden; } .content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu ul { list-style-type:none; margin:0px; padding: 20px 0px 0px 0px; } .content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu li { width: 167; height: 25; } .content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu li a { display: block; width: 167px; height: 23px; line-height: 15px; padding-left: 20px; font-size: 12px; color: #000000; text-decoration:none; } .content_box_item_list .list_item_shown_wrapper .item_shown_selection .category_menu li a:hover { padding-left:25px; } /* style wrapper */ .content_box_item_list .item_list_style_wrapper { position: absolute; left: 610px; top: 18px; width: 100px; height: 44px; } .content_box_item_list .item_list_style_wrapper .title { position: absolute; top: 0px; left: 0px; font-size: 9px; } .content_box_item_list .item_list_style_wrapper .style_selection { position: absolute; left: 0px; top: 15px; width: 88px; height: 28px; border: 1px solid #e9e9e9; } .content_box_item_list .item_list_style_wrapper .style_selection .selected_name { position: absolute; left: 20px; top: 5px; font-size: 11px; line-height: 11px; color: #0000000; } .content_box_item_list .item_list_style_wrapper .style_selection .menu_field { position: relative; top: 0px; left: 0px; width: 100px; height: 40px; cursor: pointer; z-index: 11; } .content_box_item_list .item_list_style_wrapper .style_selection .category_menu ul { list-style-type:none; margin:0px; padding: 20px 0px 0px 20px; } .content_box_item_list .item_list_style_wrapper .style_selection .category_menu li { width: 167; height: 25; } .content_box_item_list .item_list_style_wrapper .style_selection .category_menu li a { display: block; width: 167px; height: 33px; line-height: 15px; padding-left: 20px; font-size: 12px; color: #000000; text-decoration:none; } .content_box_item_list .item_list_style_wrapper .style_selection .category_menu li a:hover { padding-left:25px; } .list_style_button { display: block; width: 167px; height: 33px; padding-left: 20px; } .item_list_style_wrapper .activ1, .item_list_style_wrapper .inactiv1:hover { background: transparent url(./../images/content/button_item_list1_activ.png) no-repeat; } .item_list_style_wrapper .inactiv1 { background: transparent url(./../images/content/button_item_list1_inactiv.png) no-repeat; } .item_list_style_wrapper .activ2, .item_list_style_wrapper .inactiv2:hover { background: transparent url(./../images/content/button_item_list2_activ.png) no-repeat; } .item_list_style_wrapper .inactiv2 { background: transparent url(./../images/content/button_item_list2_inactiv.png) no-repeat; } .item_list_style_wrapper .activ3, .item_list_style_wrapper .inactiv3:hover { background: transparent url(./../images/content/button_item_list3_activ.png) no-repeat; } .item_list_style_wrapper .inactiv3 { background: transparent url(./../images/content/button_item_list3_inactiv.png) no-repeat; } .item_list_style_wrapper .category_menu { position: absolute; top: 27px; left: -1px; width: 88px; height: 0px; z-index: 9; background: #ffffff; /* border: 1px solid #000000; */ border: 0px solid #000000; overflow: hidden; } /* sort wrapper */ .content_box_item_list .sort_wrapper { position: absolute; left: 318px; top: 18px; width: 164px; height: 44px; } .content_box_item_list .sort_wrapper .title { position: absolute; top: 0px; left: 0px; font-size: 9px; } .content_box_item_list .sort_wrapper .sort_direction_up { position: absolute; left: 150px; top: 15px; width: 12px; height: 12px; cursor: pointer; background: transparent url(./../images/allgemein/icon_sort_direction_up.png) no-repeat; } .content_box_item_list .sort_wrapper .sort_up_active, .content_box_item_list .sort_wrapper .sort_direction_up:hover { background: transparent url(./../images/allgemein/icon_sort_direction_up_active.png) no-repeat; } .content_box_item_list .sort_wrapper .sort_direction_down { position: absolute; left: 150px; top: 30px; width: 12px; height: 12px; cursor: pointer; background: transparent url(./../images/allgemein/icon_sort_direction_down.png) no-repeat; } .content_box_item_list .sort_wrapper .sort_down_active, .content_box_item_list .sort_wrapper .sort_direction_down:hover { background: transparent url(./../images/allgemein/icon_sort_direction_down_active.png) no-repeat; } .content_box_item_list .sort_wrapper .sort_selection { position: absolute; left: 0px; top: 15px; width: 138px; height: 28px; border: 1px solid #e9e9e9; } .content_box_item_list .sort_wrapper .sort_selection .selected_name { position: absolute; left: 20px; top: 10px; font-size: 11px; line-height: 11px; color: #0000000; } .menu_arrow { position: absolute; top: -1px; right: -1px; width: 28px; height: 28px; border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; background: #ffffff url(./../images/allgemein/item_list_menu_arrow_down.png) center center no-repeat; } .menu_arrow_active { z-index:11; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #000000; background: #ffffff url(./../images/allgemein/item_list_menu_arrow_up.png) center center no-repeat; } .content_box_item_list .sort_wrapper .sort_selection .menu_field { position: relative; top: 0px; left: 0px; width: 140px; height: 40px; cursor: pointer; z-index: 12; } .content_box_item_list .sort_wrapper .sort_selection .menu_field .field_name { position: absolute; left: 25px; top: 0px; font-size: 12px; font-weight: bold; color: #000000; } .content_box_item_list .sort_wrapper .sort_selection .menu_field .selected_name { position: absolute; left: 25px; top: 17px; font-size: 10px; color: #0000000; } .content_box_item_list .sort_wrapper .sort_selection .category_menu { position: absolute; top: 27px; left: -1px; width: 138px; height: 0px; z-index: 9; background: #ffffff; /* border: 1px solid #000000; */ border: 0px solid #000000; overflow: hidden; } .content_box_item_list .sort_wrapper .sort_selection .category_menu ul { list-style-type:none; margin: 0px; padding: 20px 0px 0px 0px; } .content_box_item_list .sort_wrapper .sort_selection .category_menu li { width: 167; height: 25; } .content_box_item_list .sort_wrapper .sort_selection .category_menu li a { display: block; width: 167px; height: 23px; line-height: 15px; padding-left: 20px; font-size: 12px; color: #000000; text-decoration:none; } .content_box_item_list .sort_wrapper .sort_selection .category_menu li a:hover { padding-left:25px; } .content_box_item_list .pagination { position: absolute; top: 27px; left: 20px; height: 20px; width: 390px; } .content_box_item_list .pagination, .pagination a { position: relative; margin-top: 20px; color: #ad8383; font-size: 13px; font-weight: bold; text-decoration: none; } .content_box_item_list .pagination .highlight { padding: 0px 4px; border: 1px solid #0066ff; background: #cce4ff; color: #000000; } .item_list_style_button { position: relative; display: block; width: 33px; height: 19px; float: left; margin-left:10px; border: 1px solid transparent; } .item_list_style_wrapper .activ1, .item_list_style_wrapper .inactiv1:hover { background: transparent url(./../images/content/button_item_list1_activ.png) no-repeat; } .item_list_style_wrapper .inactiv1 { background: transparent url(./../images/content/button_item_list1_inactiv.png) no-repeat; } .item_list_style_wrapper .activ2, .item_list_style_wrapper .inactiv2:hover { background: transparent url(./../images/content/button_item_list2_activ.png) no-repeat; } .item_list_style_wrapper .inactiv2 { background: transparent url(./../images/content/button_item_list2_inactiv.png) no-repeat; } .item_list_style_wrapper .activ3, .item_list_style_wrapper .inactiv3:hover { background: transparent url(./../images/content/button_item_list3_activ.png) no-repeat; } .item_list_style_wrapper .inactiv3 { background: transparent url(./../images/content/button_item_list3_inactiv.png) no-repeat; } .box_content { margin-top: 20px; } .box_content .list_item_box { float: left; position: relative; width: 222px; height: 272px; margin: 0px 9px 20px 9px; background: url(./../images/content/list_item_box.png) no-repeat; } .box_content .list_item_box:hover { background: url(./../images/content/list_item_box_hover.png) no-repeat; } .box_content .list_item_box a.item_box_info { display: block; position: absolute; left: 25px; top: 10px; width: 170px; height: 40px; color: #000000; text-decoration:none; } .box_content .list_item_box a.item_box_image { display: block; position: absolute; width: 100%; height: 187px; top: 60px; background-repeat: no-repeat; background-position: center center; } .box_content .list_item_box .bargain_logo { position: absolute; top: 0px; left: 0px; width: 38px; height: 38px; background: transparent url(./../images/content/list_item_box_bargain.png) no-repeat; } .box_content .list_item_box .item_box_price { position: absolute; top: 247px; left: 5px; width: 210px; height: 25px; line-height: 25px; text-align: right; } .box_content .list_item_box .item_box_price .normal_price { color: #333333; font-size: 16px; font-weight: bold; } .box_content .list_item_box .item_box_price .bargain_price { color: #04418c; font-size: 16px; font-weight: bold; } .box_content .list_item_box .item_box_price .old_price { text-decoration:line-through; color: #0066cc; font-size: 14px; font-weight: normal; } .box_content .list_item_box2 { float: left; position: relative; width: 720px; height: 160px; margin-top: 10px; background: transparent url(./../images/content/list_item_box2.png) no-repeat; } .box_content .list_item_box2:hover { background: url(./../images/content/list_item_box2_hover.png) no-repeat; } .box_content .list_item_box2 .bargain_logo { position: absolute; top: 0px; left: 0px; width: 38px; height: 38px; background: transparent url(./../images/content/list_item_box_bargain.png) no-repeat; } .box_content .list_item_box2 .item_description { position: absolute; left: 165px; top: 5px; height: 130px; width: 555px; } .box_content .list_item_box2 .description { font-size: 12px; font-weight: normal; text-decoration:none; } .box_content .list_item_box2 a.item_box_info { display: block; position: relative; width: 550px; height: 120px; color: #000000; font-weight: bold; overflow: hidden; text-decoration:none; } .box_content .list_item_box2 a.item_box_image { display: block; position: absolute; left: 5px; top: 0px; width: 160px; height: 160px; background-repeat: no-repeat; background-position: center center; } .box_content .list_item_box2 .to_item { position: absolute; right: 165px; bottom: 2px; width: 100px; height: 20px; color: #333333; font-size: 12px; font-weight: bold; text-decoration:none; } .box_content .list_item_box2 .to_item_bargain { position: absolute; right: 165px; bottom: 2px; width: 100px; height: 20px; color: #04418c; font-size: 12px; font-weight: bold; text-decoration:none; } .box_content .list_item_box2 .item_box_price { position: absolute; right: 5px; bottom: 2px; width: 150px; height: 20px; text-align: right; } .box_content .list_item_box2 .item_box_price .normal_price { position: relative; color: #333333; font-size: 16px; font-weight: bold; } .box_content .list_item_box2 .item_box_price .bargain_price { position: relative; color: #04418c; font-size: 16px; font-weight: bold; } .box_content .list_item_box2 .item_box_price .old_price { text-decoration:line-through; color: #0066cc; font-size: 14px; font-weight: normal; } .box_content .list_item_box2 .item_box_price .price_text { font-size: 8px; position: absolute; right: 5px; top: 140px; color: #333333; } .box_content .list_item_box3 { float: left; position: relative; width: 140px; height: 170px; margin: 0px 2px 4px 2px; background: url(./../images/content/list_item_box3.png) no-repeat; } .box_content .list_item_box3:hover { background: url(./../images/content/list_item_box3_hover.png) no-repeat; } .box_content .list_item_box3 a.item_box_info { display: block; position: absolute;; width: 130px; height: 30px; left: 5px; top: 115px; color: #000000; font-weight: light; overflow: hidden; line-height: 15px; font-size: 11px; text-align: center; text-decoration:none; } .box_content .list_item_box3 a.item_box_image { display: block; position: relative; width: 100%; height: 120px; background-repeat: no-repeat; background-position: center center; } .box_content .list_item_box3 .bargain_logo { position: absolute; top: 0px; left: 0px; width: 38px; height: 38px; background: transparent url(./../images/content/list_item_box3_bargain.png) no-repeat; } .box_content .list_item_box3 .item_box_price { position: absolute; left: 0px; top: 152px; width: 100%; text-align: center; } .box_content .list_item_box3 .item_box_price .normal_price { position: relative; color: #333333; font-size: 14px; font-weight: bold; } .box_content .list_item_box3 .item_box_price .bargain_price { position: relative; color: #04418c; font-size: 14px; font-weight: bold; } .title_wrapper { position: relative; width: 100%; height: 29px; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background: url(./../images/title_bg_pixlin.png) repeat-x; } .title_wrapper .title { float: left; position: relative; width: 594px; height: 29px; } .title_wrapper .title h1, .title_wrapper .title h2 { position: absolute; left: 9px; top: 0px; color: #FFFFFF; font-weight: bold; font-size: 15px; line-height: 10px; } .title_wrapper .pipe { float: left; position: relative; width: 2px; height: 29px; background: url(./../images/title_pipe.png) no-repeat; } .title_wrapper .print { position: relative; float: left; display: block; width: 61px; height: 29px; background: url(./../images/icon_print.png) no-repeat 20px 4px; } .title_wrapper .back { position: relative; float: left; display: block; width: 80px; height: 29px; text-align: center; color: #FFFFFF; text-decoration: none; font-size: 12px; } .title_wrapper .back span { position: absolute; width: 100%; left: 0px; top: 6px; text-decoration: underline; } .title_wrapper .input_select { position: relative; float: left; height: 29px; margin: 4px 5px 0px 5px; } .title_wrapper .icon { display: block; position: relative; float: left; height: 29px; margin: 0px 5px 5px 5px; background-position: 0px 7px; background-repeat: no-repeat; } .title_wrapper .icon span { position: absolute; left: 25px; top: 7px; color: #000000; font-weight: bold; font-size: 12px; } .country_wrapper { background: none repeat scroll 0 0 #EBEBEB; border: 1px solid #C0C0C0; float: left; margin: 20px 20px 0 0; padding: 15px; width: 40%; } #maincontent_item_categories { position: relative; top: 0px; left: 0px; width: 742px; margin-bottom: 30px; } #maincontent_item_categories .category_field { position: relative; float: left; top: 0px; left: 0px; width: 242px; height: 58px; margin-right: 5px; color: #858585; cursor: pointer; background: transparent url(../images/Selektion_standard.jpg) no-repeat; } #maincontent_item_categories .category_field:hover { background: transparent url(../images/Selektion_hover.jpg) no-repeat; } #maincontent_item_categories .category_field .field_name { position: absolute; left: 32px; top: 12px; font-size: 12px; color: #858585; } #maincontent_item_categories .category_field .selected_name { position: absolute; left: 10px; top: 33px; font-size: 16px; font-weight: bold; color: #858585; } #maincontent_item_categories .category_menu { display: none; position: absolute; top: 58px; left: 0px; width: 242px; background: #f9f9f9 url(../images/maincontent_menu_bg.png) repeat-x; z-index: 99999; cursor: pointer; } #maincontent_item_categories .category_menu ul { list-style-type:none; margin:0px; padding:0px; border-bottom: 1px solid #bcbcba; } #maincontent_item_categories .category_menu li { width: 242px; height: 40px; background: url(./../images/Selektion_sub_standard.jpg) no-repeat; } #maincontent_item_categories .category_menu li:hover { background: url(./../images/Selektion_sub_hover.jpg) no-repeat; } #maincontent_item_categories .category_menu li a { display:block; width: 232px; height: 35px; background: transparent; line-height: 35px; padding-left: 37px; font-size: 16px; font-weight: bold; color: #858585; text-decoration:none; } /* slider */ .image_slider_wrapper { position: relative; width: 720px; margin-bottom: 10px; margin-top: 10px; height: 250px; background: #ffffff; border: 1px solid #aaaaaa; } .image_slider_wrapper .image_slider_title { position: relative; width: 100%; height: 39px; background: url(./../images/content/header_bg.png) no-repeat; } .image_slider_wrapper .image_slider_title .text { position: absolute; top: 13px; left: 44px; color: #000000; text-align: left; font-size: 11px; font-weight: bold; } .image_slider_wrapper .image_slider_content_outer_wrapper { position: relative; width: 680px; height: 172px; margin-top: 12px; margin-left: 20px; overflow: hidden; } .image_slider_wrapper .image_slider_content_inner_wrapper { position: relative; /* width: 1000px;*/ } .image_slider_wrapper .slider_item_box { position: relative; display: inline-block; width: 158px; height: 170px; float: left; margin-left: 8px; padding: 0px; border: 1px solid #cccccc; } .image_slider_wrapper .slider_item_box a.slider_item_box_info { display: block; position: relative; width: 100%; height: 20px; margin: 2px 0px 0px 4px; text-decoration:none; color: #1E1F9E; font-size: 11px; font-weight: bold; } .image_slider_wrapper .slider_item_box div.slider_item_box_image { position: relative; margin: 2px 0px 0px 4px; width: 150px; height: 120px; top: 0px; } .image_slider_wrapper .slider_item_box div.slider_item_box_image a.slider_image { position: absolute; width: 150px; height: 120px; left: 0px; background-repeat: no-repeat; background-position:center center; background-color: #ffffff; } .image_slider_wrapper .slider_item_box div.slider_item_box_image .slider_price_text { position: absolute; right: 0px; top: 105px; color: #1E1F9E; font-size: 10px; letter-spacing: -1px; } .image_slider_wrapper .slider_item_box .slider_item_box_price { position: relative; width: 150px; margin: 5px 0px 0px 4px; } .image_slider_wrapper .slider_item_box .slider_item_box_info_bull { position: absolute; left: 0px; top: 5px; width: 10px; height: 10px; background: transparent url(../images/box_bull2.png) no-repeat; } .image_slider_wrapper .slider_item_box .slider_item_box_price .slider_price { position: relative; float: right; color: #1E1F9E; font-weight: bold; font-size: 15px; } .image_slider_wrapper .slider_item_box .slider_item_box_price .slider_bargain_price { margin-right: 4px; } .image_slider_wrapper .slider_item_box .slider_item_box_price .slider_normal_price { text-decoration: line-through; font-size: 14px; } .image_slider_wrapper .slider_item_box .slider_item_box_price .slider_enquiry_price { font-size: 14px; } .image_slider_wrapper a.slider_image_slider_trigger_left { display: block; float: left; position: relative; width: 27px; height: 27px; margin-top: 10px; cursor: pointer; font-size: 24px; color: #cccccc; font-weight: bold; padding-left:10px; } .image_slider_wrapper a.slider_image_slider_trigger_left:hover { color: #aaaaaa; } .image_slider_wrapper a.slider_image_slider_trigger_right { display: block; float: right; position: relative; width: 27px; height: 27px; margin-top: 10px; cursor: pointer; font-size: 24px; color: #cccccc; font-weight: bold; padding-right:10px; } .image_slider_wrapper a.slider_image_slider_trigger_right:hover { color: #aaaaaa; } .image_slider_wrapper .list_item_box { position: relative; display: inline-block; width: 247px; height: 258px; background: transparent url(../images/item_list_box.png) no-repeat; float:left; margin-right: 20px; margin-top: 20px; text-align: center; } .image_slider_wrapper .item_box_image { position: relative; top: 65px; width: 247px; height: 170px; overflow: hidden; text-align:center; } .image_slider_wrapper .item_box_link_detail { position: absolute; bottom: 0px; left: 0px; width: 25px; height: 25px; display: block; } .image_slider_wrapper .item_box_image a { display: block; position: relative; top: 0px; width: 247px; height: 170px; overflow: hidden; text-align:center; } .image_slider_wrapper .item_box_image img { position: relative; } .image_slider_wrapper .item_box_info_bull { position: absolute; top: 17px; left: 8px; width: 10px; height: 10px; background: transparent url(../images/box_bull.png) no-repeat; } /* topemnu widget */ #main_widget_item_categories_dropdown { position: absolute; left: 0px; top: 250px; width: 992px; height: 49px; z-index: 10; background: transparent; } #main_widget_item_categories_dropdown .menu_item { position: relative; left: 0px; top: 0px; width: 246px; height: 49px; z-index: 10; float: left; background: transparent; text-align: center; color: #276191; font-size: 13px; line-height: 43px; font-weight: bold; border-left: 1px solid transparent; border-right: 1px solid transparent; } .menu_top_link { text-decoration: none; color: #276191; } #main_widget_item_categories_dropdown .menu_item_hover { background: transparent url(../images/main/menue.jpg) repeat-x; border-bottom: solid 1px #276191; color: #ffffff; } #main_widget_item_categories_dropdown .menu_item_hover .menu_top_link { color: #ffffff; } #main_widget_item_categories_dropdown .menu_item span { position: relative; line-height: 49px; } #main_widget_item_categories_dropdown .sub_outer_wrapper { position: absolute; top: 49px; left: 0px; width: 992px; height: 0px; list-style-type: none; padding: 0px; margin: 0px; overflow: hidden; z-index: 999999; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper { position: absolute; width: 990px; height: 300px; top: 0px; left: 0px; border: 1px solid #276191; background: #276191; z-index: 999999; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .category_wrapper { position: absolute; width: 400px; height: 260px; top: 10px; left: 50px; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .category_wrapper a { display: inline-block; width: 180px; color: #ffffff; text-decoration:none; font-weight: bold; background: transparent url(./../images/widgets/footer_menu_bull.png) no-repeat; line-height: 16px; font-size: 11px; margin-top: 10px; float: left; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .category_wrapper a:hover { text-decoration:underline; } .title_hersteller { position:absolute; left:462px; top:17px; width:30px; height:200px; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .manufacturer_wrapper { position: absolute; width: 220px; height: 300px; top: 10px; left: 500px; } .topmenu_widget_wrapper .category_field_aquaristik { position: absolute; top: 0px; left: 0px; height: 65px; width: 248px; cursor: pointer; } /* info widget */ .info_widget_wrapper { position: relative; width: 215px; left: 20px; margin-top: 20px; } .info_widget_wrapper .widget_title { position: relative; width: 215px; height: 51px; background: #c4c4c4; text-align: center; } .info_widget_wrapper .widget_title span { position: relative; top: 17px; color: #ffffff; font-size: 22px; font-weight: bold; font-family: "Verdana"; } .info_widget_wrapper .widget_content_wrapper { position: relative; width: 215px; } /* manufacturer selector widget */ .manufacturer_widget_wrapper { position: relative; width: 215px; left: 20px; } .manufacturer_widget_wrapper .widget_title { position: relative; width: 215px; height: 51px; } .manufacturer_widget_wrapper .widget_title span { position: relative; top: 17px; color: #c4c4c4; font-size: 22px; font-weight: bold; font-family: "Verdana"; } .manufacturer_widget_wrapper .widget_content_wrapper { position: relative; width: 215px; } .manufacturer_widget_wrapper .widget_footer { position: relative; width: 100%; height: 3px; margin-top: 20px; background: transparent url(./../images/widgets/footer_line.png) no-repeat center; } /* site menu widget */ .sitemenu2_widget_wrapper { position: relative; width: 215px; left: 20px; } .sitemenu2_widget_wrapper .widget_title { position: relative; width: 215px; height: 51px; } .sitemenu2_widget_wrapper .widget_title span { position: relative; top: 17px; color: #c4c4c4; font-size: 22px; font-weight: bold; font-family: "Verdana"; } .sitemenu2_widget_wrapper .widget_content_wrapper { position: relative; width: 215px; } .sitemenu2_widget_wrapper .widget_footer { position: relative; width: 100%; height: 3px; margin-top: 20px; background: transparent url(./../images/widgets/footer_line.png) no-repeat center; } .sitemenu2_widget_wrapper .widget_content_wrapper a { display: block; position: relative; left: 0px; color: #276191; text-decoration:none; font-size: 12px; line-height: 1.5em; } .sitemenu2_widget_wrapper .widget_content_wrapper a:hover { font-weight: bold; } .sitemenu2_widget_wrapper .widget_content_wrapper a.active { font-weight: bold; } /* item category widget */ .itemcategory_widget_wrapper { position: relative; width: 215px; left: 20px; } .itemcategory_widget_wrapper .widget_title { position: relative; width: 215px; height: 40px; } .itemcategory_widget_wrapper .widget_title span { position: relative; top: 17px; color: #c4c4c4; font-size: 22px; font-weight: bold; font-family: "Verdana"; } .itemcategory_widget_wrapper .widget_content_menu_wrapper { position: relative; width: 215px; } .itemcategory_widget_wrapper .widget_content_menu_wrapper ul { list-style-type:none; padding-left: 0px; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a { font-weight: bold; text-decoration:none; font-size: 14px; line-height: 1.8em; color: #276191; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a.Aquaristik { color: #04438f; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a.Terraristik { color: #f66005; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a.Gartenteich { color: #017c01; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_1 a.Schwimmbad { color: #2996bd; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_2 a { position: relative; left: 20px; font-weight: light; text-decoration:none; font-size: 12px; line-height: 1.8em; color: #276191; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_3 a { position: relative; left: 40px; font-weight: light; text-decoration:none; font-size: 12px; line-height: 1.8em; color: #276191; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_4 a { position: relative; left: 60px; font-weight: light; text-decoration:none; font-size: 12px; line-height: 1.8em; color: #276191; } .itemcategory_widget_wrapper .widget_footer { position: relative; width: 100%; height: 3px; margin-top: 20px; background: transparent url(./../images/widgets/footer_line.png) no-repeat center; } /* loggedin widget */ .main_widget_loggedin_wrapper { position: absolute; width: 485px; height: 65px; left: 500px; top: 0px; } .main_widget_loggedin_wrapper .widget_title { position: absolute; width: 215px; height: 20px; top: 10px; color: #ffffff; font-weight: bold; font-family: "Verdana"; font-size: 14px; } .main_widget_loggedin_wrapper .widget_content_wrapper { position: absolute; width: 200px; top: 30px; left: 0px; } .main_widget_loggedin_wrapper .widget_content_wrapper2 { position: absolute; width: 280px; top: 10px; left: 150px; } .main_widget_loggedin_wrapper div.loggedin_button { float: left; position: relative; width: 60px; font-size: 12px; color: #ffffff; } .main_widget_loggedin_wrapper div.loggedin_username { float: left; position: relative; width: 200px; font-size: 12px; font-weight: bold; color: #ffffff; } .main_widget_loggedin_wrapper div.loggedin_button span { font-weight: bold; } .main_widget_loggedin_wrapper a.loggedin_button { display: block; float: left; position: relative; width: 64px; height: 40px; background-position: top center; background-repeat: no-repeat; margin-left: 20px; text-align: center; color: #ffffff; } .main_widget_loggedin_wrapper a.loggedin_button span { position: absolute; width: 100%; left: 0px; top: 30px; font-weight: bold; } /* shoppingcart widget */ .main_widget_shoppingcart { position: absolute; top: 5px; left: 920px; width: 80px; height: 80px; background: transparent; color: #000000; font-weight: bold; font-size: 12px; } .main_widget_shoppingcart .widget_title { display: none; position: absolute; top: 10px; left: 80px; color: #276191; font-weight: bold; font-family: "Verdana"; font-size: 14px; } .main_widget_shoppingcart .shoppingcart_logo { position: absolute; left: 20px; top: 0px; width: 50px; height: 50px; border: 0px; background: transparent url(./../images/main/Einkaufstuete.png) no-repeat; z-index: 2; } .main_widget_shoppingcart .data_wrapper { position: absolute; width: 46px; height: 25px; left: 27px; top: 52px; text-align: center; line-height: 18px; font-size: 12px; color: #276191; background: transparent url(./../images/main/field_bg.png) no-repeat; } /* footer menu widget */ #footer_menu_wrapper { position: absolute; width: 200px; left: 10px; top: 10px; height: 150px; } #footer_menu_wrapper a { display: inline-block; width: 180px; color: #000000; text-decoration:none; font-weight: bold; background: transparent url(./../images/widgets/footer_menu_bull.png) no-repeat; line-height: 12px; font-size: 11px; margin-top: 10px; } #footer_menu_wrapper a:hover { text-decoration:underline; } /* main widget contact */ .contact_widget_wrapper { position: absolute; width: 250px; right: 20px; top: 40px; height: 250px; } .contact_widget_wrapper .widget_title { position: relative; width: 100%; height: 45px; background: transparent url(./../images/widgets/logo_footer.png) no-repeat right; } .contact_widget_wrapper .widget_content { position: relative; top: 10px; width: 100%; height: 120px; text-align: right; color: #000000; font-size: 10px; font-family: "Verdana"; line-height: 1.2em; } .contact_widget_wrapper .contact_title { font-size: 16px; font-weight: bold; line-height: 20px; font-familey: "Verdana"; } .contact_widget_wrapper a { color: #000000; font-size: 10px; font-family: "Verdana"; line-height: 1.2em; } .menu_wrapper { position: relative; width: 150px; margin: 0px 0px 0px 30px; } .menu_wrapper a { display: block; position: relative; width: 150px; height: 25px; color: #000000; font-weight: normal; font-size: 12px; text-decoration: none; } .menu_wrapper a:hover { font-weight: bold; } .menu_wrapper a.active { font-weight: bold; } .menu_wrapper a span { position: relative; top: 4px; } .wg_wrapper { position: relative; width: 190px; left: 0px; } .wg_wrapper .widget_content ul { list-style-type: none; padding: 0px; overflow: hidden; } .wg_wrapper .widget_content ul li.level_1 a { display: block; position: relative; width: 190px; height: 35px; background: url(./../images/item_group_bg_level1.png) no-repeat; font-size: 14px; color: #000000; text-decoration: none; } .wg_wrapper .widget_content ul li.level_1 a:hover { background: url(./../images/item_group_bg_level1_hover.png) no-repeat; } .wg_wrapper .widget_content ul li.level_1 a span { position: relative; left: 41px; top: 11px; } .wg_wrapper .widget_content ul div.higher_level_wrapper { position: relative; width: 180px; margin: -1px 0px 0px 10px; background: #dfdfdf url(./../images/item_group_bg_level2_pixlin.png) repeat-x; border: 1px solid #d9d9d9; border-top: 0px solid transparent; } .wg_wrapper .widget_content ul li.higher_level a { display: block; position: relative; width: 180px; height: 35px; background: url(./../images/item_group_bg_level2.png) no-repeat bottom; font-size: 12px; color: #000000; text-decoration: none; } .wg_wrapper .widget_content ul li.higher_level a span.text { display: block; position: absolute; left: 31px; top: 10px; z-index: 3; } .wg_wrapper .widget_content ul li.higher_level a span.hover { display: block; position: absolute; width: 169px; /* height: 35px;*/ height: 0px; top: 35px; left: 0px; background: url(./../images/item_group_level2_hover.png) no-repeat; /* opacity: 0;*/ z-index: 2; } .wg_wrapper .widget_content ul li.higher_level a span.icon_wrapper { display: block; position: absolute; width: 30px; height: 16px; left: 0px; top: 10px; } .wg_wrapper .widget_content ul li.higher_level a span.icon_wrapper span.icon { display: block; position: relative; height: 16px; margin: 0 auto; background-position: 0px 0px; background-repeat: no-repeat; } .wg_wrapper .widget_content ul li.higher_level a.active span.hover { height: 35px; top: 0px; } .wg_wrapper .widget_content ul li.higher_level a.active span.text { font-weight: bold; } .wg_wrapper .widget_content ul li.level_2 a span.icon_wrapper span.icon { width: 14px; background-image: url(./../images/arrow_right_blue_bigger.png); } .wg_wrapper .widget_content ul li.level_2 a.active span.icon_wrapper span.icon { width: 14px; background-position: -14px 0px; } .wg_wrapper .widget_content ul li.level_2 a:hover span.icon_wrapper span.icon { width: 16px; background-position: -28px 0px; } .wg_wrapper .widget_content ul li.level_3 { background: #CFCFCF; } .wg_wrapper .widget_content ul li.level_3 a span.icon_wrapper span.icon { width: 12px; background-image: url(./../images/arrow_right_blue_big.png); } .wg_wrapper .widget_content ul li.level_3 a.active span.icon_wrapper span.icon { width: 12px; background-position: -12px 0px; } .wg_wrapper .widget_content ul li.level_3 a:hover span.icon_wrapper span.icon { width: 14px; background-position: -24px 0px; } .wg_wrapper .widget_content ul li.level_4 { background: #B2B2B2; } .wg_wrapper .widget_content ul li.level_4 a span.icon_wrapper span.icon { width: 10px; background-image: url(./../images/arrow_right_blue_middle.png); } .wg_wrapper .widget_content ul li.level_4 a.active span.icon_wrapper span.icon { width: 10px; background-position: -10px 0px; } .wg_wrapper .widget_content ul li.level_4 a:hover span.icon_wrapper span.icon { width: 12px; background-position: -20px 0px; } .wg_wrapper .widget_content ul li.level_5 { background: #A6A6A6; } .wg_wrapper .widget_content ul li.level_5 a span.icon_wrapper span.icon { width: 8px; background-image: url(./../images/arrow_right_blue_small.png); } .wg_wrapper .widget_content ul li.level_5 a.active span.icon_wrapper span.icon { width: 8px; background-position: -8px 0px; } .wg_wrapper .widget_content ul li.level_5 a:hover span.icon_wrapper span.icon { width: 10px; background-position: -16px 0px; } .wg_wrapper .widget_content ul li.level_6 { background: #999999; } .wg_wrapper .widget_content ul li.level_6 a span.icon_wrapper span.icon { width: 6px; background-image: url(./../images/arrow_right_blue_smaller.png); } .wg_wrapper .widget_content ul li.level_6 a.active span.icon_wrapper span.icon { width: 6px; background-position: -6px 0px; } .wg_wrapper .widget_content ul li.level_6 a:hover span.icon_wrapper span.icon { width: 7px; background-position: -12px 0px; } #breadcrumb a.arrow { display: inline; height: 12px; line-height:12px; padding-left:10px; background: transparent url(./../images/content/breadcrump_arrow.png) 0px 2px no-repeat; } #img_navi_line_top { display: none; } #img_navi_line_bottom { display: none; } /* Textbox */ .content_box_structure_list { width: 720px; margin-bottom: 10px; margin-top: 10px; border: 1px solid #aaaaaa; background: #ffffff; } .content_box_structure_list a { display: inline; } .content_box_structure_list .header { position: relative; width: 100%; height: 39px; background: url(./../images/content/header_bg.png) no-repeat; } .content_box_structure_list .header h3 { display: inline-block; position: relative; top: 2px; margin-left: 44px; color: #000000; font-size: 11px; } .content_box_structure_list .content { padding: 10px 12px; } .content_box_structure_list .content a { display: block; position: relative; text-decoration: none; font-weight:bold; } .content_box_structure_list .structure_item { float: left; color: #000000; text-align: center; margin: 10px; background:transparent; border: 1px solid #cccccc; width: 210px; height: 230px; } /* google map box */ #content_google_map .title_wrapper { position: relative; width: 100%; height: 39px; border: 0px; background: url(./../images/content/header_bg.png) no-repeat; } #content_google_map .title_wrapper h1 { display: inline-block; position: relative; top: 5px; margin-left: 44px; color: #000000; font-size: 11px; } #content_google_map .title_wrapper .title h2 { display: inline-block; position: relative; top: 5px; margin-left: 44px; color: #000000; font-size: 11px; } #content_google_map .box_content { padding-left:20px; padding-right:20px; padding-bottom:20px; } #headerImagesWrapper { position:relative; width:722px; height:0px; overflow:hidden; background: transparent; } #headerImagesWrapperFooter { position:relative; width:720px; height:0px; overflow:hidden; }