/* topemnu widget */ #main_widget_item_categories_dropdown { position: absolute; left: 0px; top: 260px; width: 992px; height: 45px; z-index: 10; } #main_widget_item_categories_dropdown .menu_item { position: relative; left: 0px; top: 0px; width: 165px; height: 45px; z-index: 10; float: left; text-align: center; color: #ffffff; font-size: 16px; font-weight: bold; cursor: pointer; } .title_kategorie { position:absolute; left:17px; top:17px; width:30px; height:200px; background: transparent url(./../images/main/kategorie-menue.png) no-repeat; } .title_hersteller { position:absolute; left:382px; top:17px; width:30px; height:200px; background: transparent url(./../images/main/hersteller-menue.png) no-repeat; } .title_allgemein { position:absolute; left:742px; top:17px; width:30px; height:200px; background: transparent url(./../images/main/allgemein-menue.png) no-repeat; } #main_widget_item_categories_dropdown .menu_item span { position: relative; line-height: 63px; } #main_widget_item_categories_dropdown .sub_outer_wrapper { position: absolute; top: 45px; left: 0px; width: 992px; height: 0px; list-style-type:none; padding: 0px; margin: 0px; overflow: hidden; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper { position: absolute; width: 992px; height: 300px; top: 0px; left: 0px; border-top: 1px solid #f7f7f7; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .category_wrapper { position: absolute; width: 310px; height: 300px; top: 10px; left: 50px; background: transparent url(./../images/main/top_menu_h_line.png) no-repeat right; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .category_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; float: left; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .category_wrapper a:hover { text-decoration:underline; } .topmenu_widget_wrapper .category_field_aquaristik { position: absolute; top: 0px; left: 0px; height: 65px; width: 248px; cursor: pointer; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .allgemein_wrapper { position: absolute; width: 200px; height: 300px; top: 10px; left: 780px; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .allgemein_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: 12px; font-size: 11px; margin-top: 10px; float: left; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .allgemein_wrapper a:hover { text-decoration:underline; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .manufacturer_wrapper { position: absolute; width: 300px; height: 300px; top: 10px; left: 420px; background: transparent url(./../images/main/top_menu_h_line.png) no-repeat right; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .manufacturer_wrapper a { display: inline-block; width: 150px; color: #ffffff; 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; float: left; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .manufacturer_wrapper .m_default { display: inline-block; width: 180px; color: #ffffff; text-decoration:none; font-weight: normal; line-height: 12px; font-size: 11px; margin-top: 5px; float: left; } #main_widget_item_categories_dropdown .sub_outer_wrapper .sub_inner_wrapper .manufacturer_wrapper a:hover { text-decoration:underline; } /* 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: #000000; 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: #000000; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_2 a { position: relative; left: 20px; font-weight: normal; text-decoration:none; font-size: 12px; line-height: 1.8em; color: #000000; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_3 a { position: relative; left: 40px; font-weight: normal; text-decoration:none; font-size: 12px; line-height: 1.8em; color: #000000; } .itemcategory_widget_wrapper .widget_content_menu_wrapper li.level_4 a { position: relative; left: 60px; font-weight: normal; text-decoration:none; font-size: 12px; line-height: 1.8em; color: #000000; } .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; } /* login widget */ .main_widget_login_wrapper { position: absolute; width: 485px; height: 65px; left: 260px; top: 12px; } .main_widget_login_wrapper input[type="text"] { position: absolute; width: 192px; height: 28px; left: 10px; top: 15px; border: 0px; color: #000000; font-size: 12px; padding-left: 4px; background: transparent url(./../images/widgets/login_field.png) no-repeat; } .main_widget_login_wrapper input[type="password"] { position: absolute; width: 192px; height: 28px; left: 220px; top: 15px; border: 0px; color: #000000; font-size: 12px; padding-left: 4px; background: transparent url(./../images/widgets/login_field.png) no-repeat; } .main_widget_login_wrapper .login_button { position: absolute; width: 51px; height: 41px; left: 430px; top: 20px; border: 0px; background: transparent url(./../images/widgets/login_button.png) no-repeat; } .main_widget_login_wrapper .password_forgotten { position: absolute; left: 220px; top: 45px; color: #000000; text-decoration:none; font-size: 12px; font-weight: bold; } .main_widget_login_wrapper .password_forgotten:hover { text-decoration:underline; } .main_widget_login_wrapper .registration_button { position: absolute; left: 10px; top: 45px; text-decoration:none; color: #000000; font-size: 12px; font-weight: bold; } .main_widget_login_wrapper .registration_button:hover { text-decoration:underline; } /* loggedin widget */ .main_widget_loggedin_wrapper { position: absolute; width: 485px; height: 65px; left: 260px; top: 10px; } .main_widget_loggedin_wrapper .widget_title { position: absolute; width: 215px; height: 20px; top: 10px; color: #000000; 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: 20px; left: 200px; } .main_widget_loggedin_wrapper div.loggedin_button { float: left; position: relative; width: 60px; font-size: 12px; } .main_widget_loggedin_wrapper div.loggedin_username { float: left; position: relative; width: 200px; font-size: 12px; font-weight: bold; } .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: #000000; } .main_widget_loggedin_wrapper a.loggedin_button span { position: absolute; width: 100%; left: 0px; top: 30px; font-weight: bold; } #shoppingcart_kontext { position:absolute; right:0px; top:90px; width:300px; background: transparent url(./../images/main/menu_bg_trans.png) repeat; display:none; z-index:999999; } /* shoppingcart widget */ .main_widget_shoppingcart { position: absolute; top: 10px; left: 755px; width: 240px; height: 80px; background: transparent url(./../images/widgets/cart_line.png) left no-repeat; color: #000000; font-weight: bold; font-size: 12px; } .main_widget_shoppingcart .widget_title { position: absolute; top: 10px; left: 80px; color: #000000; font-weight: bold; font-family: "Verdana"; font-size: 14px; } .main_widget_shoppingcart .shoppingcart_logo { position: absolute; left: 20px; top: 0px; width: 220px; height: 80px; background: transparent url(./../images/widgets/shoppingcart_icon.png) left no-repeat; z-index: 2; } .main_widget_shoppingcart .text_wrapper { position: absolute; width: 60px; left: 80px; top: 30px; line-height: 15px; } .main_widget_shoppingcart .data_wrapper { position: absolute; width: 73px; left: 140px; top: 30px; text-align: right; line-height: 15px; } /* footer menu widget */ #footer_menu_wrapper { position: absolute; width: 792px; left: 0px; top: 120px; 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: 0px; top: 20px; height: 250px; } .contact_widget_wrapper .widget_title { position: relative; width: 100%; height: 74px; } .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-family: "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; } /* 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; } .search_widget_wrapper { position:absolute; left:10px; width:420px; height:60px; z-index: 4500; } .search_widget_wrapper .widget_content_wrapper { position: relative; height: 60px; width:420px; } .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; } .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; } .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; } /* shoppingcart widget */ .main_widget_shoppingcart2 { position: absolute; width: 218px; height: 60px; right: 0px; top: 0px; color: #000000; cursor: pointer; z-index: 9; } .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; } .main_widget_shoppingcart2 .widget_menu_trennlinie { position: absolute; top: 0px; right: 5px; height: 60px; width: 2px; } .main_widget_shoppingcart2 .widget_menu_arrow { position: absolute; top: 28px; right: 15px; height: 5px; width: 9px; } .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: 14px; line-height: 14px; 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: #000000; cursor: pointer; z-index: 9; } .main_widget_account_wrapper .widget_icon { position: absolute; top: 5px; left: 0px; height: 50px; width: 50px; } .main_widget_account_wrapper .widget_menu_trennlinie1 { position: absolute; top: 0px; left: 0px; height: 60px; width: 2px; } .main_widget_account_wrapper .widget_menu_trennlinie { position: absolute; top: 0px; right: 5px; height: 60px; width: 2px; } .main_widget_account_wrapper .widget_menu_arrow { position: absolute; top: 28px; right: 15px; height: 5px; width: 9px; } .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: 14px; line-height: 14px; 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.account_kontext_active { height: 397px; } #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, .account_kontext_menu_wrapper .subtitle { 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; } /* language widget */ .main_widget_language { position: absolute; width: 218px; height: 60px; right: 0px; top: 0px; color: #000000; cursor: pointer; z-index: 9; } .main_widget_language:hover, .main_widget_language_active { color: #000000; background: transparent url(./../images/widgets2/leiste_cartbutton_hover.png) left no-repeat; } .main_widget_language .widget_icon { position: absolute; top: 5px; left: 0px; height: 50px; width: 50px; } .main_widget_language .widget_menu_trennlinie { position: absolute; top: 0px; right: 5px; height: 60px; width: 2px; } .main_widget_language .widget_menu_arrow { position: absolute; top: 28px; right: 15px; height: 5px; width: 9px; } .main_widget_language:hover .widget_menu_arrow, .main_widget_language_active .widget_menu_arrow { background: transparent url(./../images/main2/Pfeil-Leiste-Aktiv.png) no-repeat; } .main_widget_language .widget_title { position: absolute; top: 15px; left: 50px; } .main_widget_language .widget_title .button_name { display: block; position: relative; font-size: 14px; line-height: 14px; font-weight: bold; } .main_widget_language .widget_title .button_text { display: block; position: relative; font-size: 10px; line-height: 10px; } #language_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; } /* Widget logo rodeo -----------------------------------------------------*/ #logoRodeoParent { width: 100%; height: auto; overflow: hidden; position: relative; } #logoRodeoSpool { position: absolute; } #logoRodeoSpool div { float: left; } /* Widget footer contact -----------------------------------------------------*/ #footerContactParent { position: absolute; right: 0px; top: -40px; height: 40px; width: 757px; background: #000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #footerContactParent h2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0px; top: 0px; color: #ffffff; width: 100%; height: 40px; margin: 0px; padding: 0px; line-height: 40px; padding-left: 15px; cursor: ns-resize; } #footerContactParent h2 .icon { position: absolute; width: 16px; height: 16px; margin-top: -8px; top: 50%; } #footerContactParent label { display: block; } #footerContactParent input, #footerContactParent textarea { height: 30px; width: 100%; background-color: rgb(83, 83, 83); border: #ffffff 1px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; color: #ffffff; margin: 0px; resize: none; } #footerContactParent .firstName { position: absolute; left: 45px; top: 85px; width: 150px; } #footerContactParent .lastName { position: absolute; left: 205px; top: 85px; width: 150px; } #footerContactParent .eMail { position: absolute; left: 45px; top: 150px; width: 310px; } #footerContactParent .phone { position: absolute; left: 45px; top: 215px; width: 150px; } #footerContactParent .callback { position: absolute; left: 205px; top: 215px; width: 150px; } #footerContactParent .callback input { background-position: 125px center; } #footerContactParent .message { position: absolute; left: 400px; top: 85px; width: 310px; } #footerContactParent .message textarea { height: 160px; } #footerContactParent button { position: absolute; left: 400px; top: 300px; width: 310px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }