shop-old/themes/easyshop_advanced/media/css/widgets.css
Thomas Bartelt 0a669704ea Dev-Umgebung: Kompatibilität für PHP 8.3 + Smarty 4.5.6
- Smarty 4.1.1 → 4.5.6 (behebt dynamic property deprecations)
- Core-Klassen: #[\AllowDynamicProperties] für Admin_role, base, Config,
  Customer, Customer_group, CustomerGroups, Item, Structure, website
- website.class.php: counts[parent_id] initialisieren vor ++ (PHP 8.1)
- layout.class.php: HTTP_ACCEPT_LANGUAGE mit isset-Guard
- website_init.php: session_status()-Check vor session_start
- .htaccess: HTTPS-Redirect via X-Forwarded-Proto (statt SERVER_PORT)
- themes/easyshop_advanced/media/: Parent-Theme-Assets nachgezogen
- .gitignore: smarty.4.1.1.bak ausschließen
2026-04-20 01:19:01 +02:00

1 line
35 KiB
CSS

/* 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;
}