@import url(all.css);

body                { font: normal 100.01% Trebuchet MS, Helvetica, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding:0;
                      color: #878787; background: #fff; }
/* site */
#site               { margin: 15px; padding: 0; width: 984px; overflow: hidden; }
#banner             { position: absolute; top: 153px; left: 1010px; margin: 0; padding: 0; z-index: 100; }

#country_and_search { float: right; margin: 0 0 15px 0; padding: 0; width: 984px; font-size: 0.7em; }
#country_and_search form { margin: 0; padding: 0; font-size: 0.75em; }
#country_selector   { float: right; margin: 0; padding: 0 0 0 10px;
                      background: url(/images/backgrounds/bg_country_left.gif) top left repeat-x; width: 137px; height: 26px; }
#countries          { margin: 0; padding: 3px 10px 0 0; text-align: left;
                      background: url(/images/backgrounds/bg_country_right.gif) top right repeat-x; width: 127px; height: 26px; }

#search_form        { float: right; margin: 0 0 0 8px; padding: 0 0 0 10px;
                      background: url(/images/backgrounds/bg_search_left.gif) top left repeat-x; width: 130px; height: 26px; }
#search             { margin: 0; padding: 2px 10px 0 0; text-align: left;
                      background: url(/images/backgrounds/bg_search_right.gif) top right repeat-x; width: 120px; height: 26px; }
*+html #search      { padding: 1px 10px 0 0; }
#search_field       { margin: 0; padding: 0; width: 110px; height: 15px; color: #878787; overflow: hidden; border: 1px solid #fff; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari 3.0 and Chrome rules here */
  #countries { padding: 5px 10px 0 0; }
  #search { padding: 5px 10px 0 0; }
  #search_field { height: 13px;}
}

#header              { clear: both; margin: 0; padding: 0; width: 984px; height: 97px; overflow: hidden; z-index: 50; }
#logo                { float: left; margin: 0; padding: 0; width: 212px; font-size: 0.9em; }

/* main_navigation */
#main_navigation                            { float: left; width: 772px; height: 89px; background: #fff; z-index: 50; }

ul#main_navigation_first_level              { margin: 55px 0 0 0; padding: 0; width: 772px; font-size: 0.70em; list-style: none;
                                              font-weight: bold; height: 34px;
                                              background: #575756 url(/images/backgrounds/bg_main_navigation.gif) top left no-repeat; }
ul#main_navigation_first_level a            { color: #B5B5B5; text-decoration: none; }
ul#main_navigation_first_level li           { float: left; margin: 0; padding: 7px 16px; display: block; }
ul#main_navigation_first_level li a         { margin: 0; padding: 0; display: block; }
ul#main_navigation_first_level li a.active  { color: #fff; display: block; }

ul#main_navigation_second_level             { margin: 28px 0 0 0; padding: 0; width: 772px; font-size: 0.70em; list-style: none;
                                              font-weight: bold; height: 34px;
                                              background: #575756 url(/images/backgrounds/bg_main_navigation.gif) top left no-repeat; }
ul#main_navigation_second_level a           { color: #B5B5B5; text-decoration: none; }
ul#main_navigation_second_level li          { float: left; margin: 0; padding: 7px 16px; display: block; }
ul#main_navigation_second_level li a        { margin: 0; padding: 0; display: block; }
ul#main_navigation_second_level li a.active { color: #fff; display: block; }

ul#main_navigation_third_level              { margin: 0; padding: 0; width: 772px; font-size: 0.70em; list-style: none;
                                              font-weight: bold; height: 34px;
                                              background: #575756 url(/images/backgrounds/bg_main_navigation.gif) top left no-repeat; }
ul#main_navigation_third_level a            { color: #B5B5B5; text-decoration: none; }
ul#main_navigation_third_level li           { float: left; margin: 0; padding: 7px 16px; display: block; }
ul#main_navigation_third_level li a         { margin: 0; padding: 0; display: block; }
ul#main_navigation_third_level li a.active  { color: #fff; display: block; }


ul#main_second_level_navigation             { clear: both; margin: 0; padding: 5px 0 0 0; width: 772px; height: 22px; font-size: 0.7em;
                                              list-style: none; font-weight: bold; }
ul#main_second_level_navigation a           { color: #D2D2D2; text-decoration: none; }
ul#main_second_level_navigation li          { float: left; margin: 0; padding: 0 16px; display: block; }
ul#main_second_level_navigation li a        { margin: 0; padding: 0; display: block; }
ul#main_second_level_navigation li a.active { color: #A2A2A2; display: block; }

ul#main_third_level_navigation              { clear: both; margin: 0; padding: 5px 0 0 0; width: 760px; height: 22px; font-size: 0.7em;
                                              list-style: none; font-weight: bold; border-top: 1px solid #E0E0E0; }
ul#main_third_level_navigation a            { color: #D2D2D2; text-decoration: none; }
ul#main_third_level_navigation li           { float: left; margin: 0; padding: 0 16px; display: block; }
ul#main_third_level_navigation li a         { margin: 0; padding: 0; display: block; }
ul#main_third_level_navigation li a.active  { color: #A2A2A2; display: block; }
/* main_navigation end */

#content            { clear: both; margin: 0; padding: 0; width: 984px; font-size: 0.7em; z-index: 0; }

#sub_navigation     { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 212px; font-size: 1.1em; z-index: 50; }

div.warenkorb       { background: url(/images/icons/shopping_cart.gif) 0 0 no-repeat; margin: 0 0 0 25px; padding: 7px 0 0 0; 
                      min-height: 33px; z-index: 50; }
div.warenkorb a     { margin: 0; padding: 0 0 0 39px; }
div.shop            { background: url(/images/icons/shop.gif) 0 0 no-repeat; margin: 0 0 0 25px; padding: 7px 0 0 0; 
                      min-height: 33px; z-index: 50; }
div.shop a          { margin: 0; padding: 0 0 0 39px; }
div.gruentee_berater { background: url(/images/icons/gruentee_berater.gif) 0 0 no-repeat; margin: 0 0 0 25px; padding: 7px 0 0 0; 
                       min-height: 33px; z-index: 50; }
div.gruentee_berater a { margin: 0; padding: 0 0 0 39px; }
div.b2b             { background: url(/images/icons/b2b.gif) 0 0 no-repeat; margin: 0 0 0 25px; padding: 7px 0 0 0; 
                      min-height: 33px; z-index: 50; }
div.b2b a           { margin: 0; padding: 0 0 0 39px; }
div.login           { background: url(/images/icons/login.gif) 0 0 no-repeat; margin: 0 0 0 25px; padding: 7px 0 0 0; 
                      min-height: 33px; z-index: 50; }
div.login a         { margin: 0; padding: 0 0 0 39px; }
#sub_login_box_main #login_form { margin: 0; padding: 0 0 20px 39px; }
#sub_login_box_main #login_form a { margin: 0; padding: 0; font-size: 1.0em; }

div.presse          { background: url(/images/icons/press.gif) 0 0 no-repeat; margin: 0 0 0 25px; padding: 7px 0 0 0; 
                      min-height: 33px; z-index: 50; }
div.presse a        { margin: 0; padding: 0 0 0 39px; }

* html div.warenkorb,
* html div.shop,
* html div.gruentee_berater,
* html div.b2b,
* html div.login,
* html div.presse             { height: 33px; }

ul.product_navigation             { margin: 0 0 0 39px; padding: 0; width: 137px; font-size: 0.90em; list-style: none; }
ul.product_navigation li a        { margin: 0; padding: 0; color: #878787; }
ul.product_navigation li ul       { margin: 0; padding: 0 0 0 4px; font-size: 0.9em; list-style: none; }
ul.product_navigation li ul li    { margin: 0; padding: 0; border: none; }
ul.product_navigation li ul li ul { margin: 0; padding: 0 0 0 10px; font-size: 1.0em; list-style: none; }

ul.sub_navigation             { margin: 0 0 0 39px; padding: 0; width: 137px; font-size: 0.90em; list-style: none; }
ul.sub_navigation li          { margin: 0; padding: 2px 0; border-bottom: 1px dashed #878787; }
ul.sub_navigation li a        { margin: 0; padding: 2px 0; color: #878787; }
ul.sub_navigation li a.active { margin: 0; padding: 0; color: #87AE38; }
ul.sub_navigation li ul       { margin: 0; padding: 0 0 0 8px; font-size: 0.9em; list-style: none; }
ul.sub_navigation li ul li    { margin: 0; padding: 0; border: none; }

#sub_warenkorb_box_ReO     { display: none; }
#sub_warenkorb_box_ReO div { display: none; }
#sub_warenkorb_box_main    {  }
#sub_warenkorb_box_ReU     { display: none; }
#sub_warenkorb_box_ReU div { display: none; }
#sub_warenkorb_box_U       { display: none; }

#sub_shop_box_ReO     { display: none; }
#sub_shop_box_ReO div { display: none; }
#sub_shop_box_main    {  }
#sub_shop_box_ReU     { display: none; }
#sub_shop_box_ReU div { display: none; }
#sub_shop_box_U       { display: none; }

#sub_login_box_ReO     { display: none; }
#sub_login_box_ReO div { display: none; }
#sub_login_box_main    {  }
#sub_login_box_ReU     { display: none; }
#sub_login_box_ReU div { display: none; }
#sub_login_box_U       { display: none; }

#sub_b2b_box_ReO     { display: none; }
#sub_b2b_box_ReO div { display: none; }
#sub_b2b_box_main    {  }
#sub_b2b_box_ReU     { display: none; }
#sub_b2b_box_ReU div { display: none; }
#sub_b2b_box_U       { display: none; }

#sub_presse_box_ReO     { display: none; }
#sub_presse_box_ReO div { display: none; }
#sub_presse_box_main    {  }
#sub_presse_box_ReU     { display: none; }
#sub_presse_box_ReU div { display: none; }
#sub_presse_box_U       { display: none; }

#big_box            { position: relative; top: 0; left: 0; margin: 0; padding: 0; width: 984px; }
#big_box_ReO        { background: url(/images/frames/corner_right_top.gif) top right no-repeat; height: 30px; margin: 0; padding: 0; }
#big_box_ReO p      { border-top: 1px solid #B0B1B1; border-left: 1px solid #B0B1B1; margin: 0 35px 0 212px; padding: 0; height: 30px; }

#big_box_ReU        { background: url(/images/frames/corner_right_bottom.gif) bottom right no-repeat; height: 36px; margin: 0; padding: 0; }
#big_box_ReU div    { background: url(/images/frames/corner_left_bottom.gif) bottom left no-repeat; margin: 0 0 0 212px; padding: 0;
                      height: 36px; }
#big_box_U          { background: url(/images/frames/bottom.gif) bottom left repeat-x; height: 36px; margin: 0 35px 0 28px; padding: 0; }

#main               { position: relative; margin: 0 0 0 212px; padding: 0 34px 0 28px; width: 709px; border-left: 1px solid #B0B1B1;
                      min-height: 342px; background: url(/images/frames/right.gif) top right repeat-y; z-index: 0; }
* html #main        { height: 342px; }
#main_intro         { position: relative; margin: 0 0 0 212px; padding: 0; width: 772px; height: 409px; z-index: 0; overflow: hidden; }                 

#transparent        { margin: 0; padding: 0; }


#data_content_2col  { margin: 0; padding: 0; display: inline; z-index: 0; }
.data_content_left  { float: left; margin: 0; padding: 0; width: 342px; z-index: 0; }
.data_content_right { float: left; margin: 0 0 0 40px; padding: 0; width: 327px; z-index: 0; }


#footer                   { clear: both; width: 984px; margin: 0 0 0 212px; font-size: 0.65em; }
#footer_banner            { margin: 0; padding: 15px 0 0 0; }
.home_banner              { float: left; margin: 0 28px 0 0; padding: 0; }
.home_banner_last         { float: left; margin: 0; padding: 0; }
ul#footer_navigation      { clear: both; margin: 0; padding: 0; list-style: none; }
ul#footer_navigation li   { float: left; margin: 0; padding: 15px 20px; }
ul#footer_navigation li.nopadding { margin: 0; padding: 15px 0; }
#footer_text              { clear: both; margin: 0; padding: 0 0 0 20px; }