@CHARSET "UTF-8";

body { padding: 0; margin: 0; overflow-y: scroll; background: #141414; }

#topnav_wrapper { height: 98px; background: #fff; }
 #topnav_back { margin: 0 auto; position: relative; width: 1000px;}
  #topnav { float: right; }
  #topnav ul { padding: 43px 0 0 0; margin: 0; list-style: none; }
  #topnav li { display: inline; padding: 0; margin: 0; }
  #topnav a:link,
  #topnav a:visited { height: 45px; padding: 5px 15px; color: #9f9f9f; margin: 0; font-size: 18px; display: inline-block; text-decoration: none; }
  #topnav a:hover,
  #topnav a:active { color: #000; }
  #topnav a.active { color: #000; background: url(../img/hsw2_navigation_active.png) center bottom no-repeat; }
#slider-wrapper { background: #f5f5f5; }
 #slider { height: 388px; margin: 0 auto; position: relative; width: auto; text-align: center; }
#root-wrapper { padding: 25px 0 50px; background: #fff; }
#root-wrapper.produkte { padding: 0 0 50px 0; background: #fff; }
#root { margin: 0 auto; position: relative; width: 1000px; }
  #subnav { float: left; width: 100%; overflow: hidden; font-size: 1em; }
  #subnav.subnav-1 { width: 273px; }
 #content-area { padding: 10px; }
 #content-area.style-1 { float: left; width: 727px; margin-top: 0; padding: 0; }
 #content-area.style-2 { margin-top: 43px; }
 #root-wrapper.produkte #content-area.style-2 { margin-top: 0; }
  #main-content { }
  #content-area.style-1 #main-content { padding: 0 20px 0 60px; }
#footer-wrapper { color: #fff; }
 #footer { margin: 50px auto 0 auto; width: 1000px; position: relative; padding: 0 0 50px 0; font-size: 16px; }
 #footer ul { padding: 0; margin: 0; list-style: none; }
 #footer .top-page { float: left; width: 165px; }
 #footer .top-page ul { display: block; }
 #footer .top-page ul li { padding: 0 0 0 10px; }
 #footer ul a:link,
 #footer ul a:visited { padding: 1px 0; display: block; color: #878787; }
 #footer ul a:hover,
 #footer ul a:active { color: #fff; text-decoration: none; }
 #footer ul ul a:link,
 #footer ul ul a:visited { font-size: 12px; }
 #footer ul li ul {opacity: 0.8;}
 #footer li.address { font-size: 12px; color: #878787; }
 #footer li.address a:link,
 #footer li.address a:visited { color: #878787; }



#subnav.subnav-2 { width: 1000px; z-index: 50; clear: both; display: block; height: 42px; padding-top: 10px; position: absolute; }
#subnav.subnav-2 ul { float: left; left: 50%; padding: 0; margin: 0 auto; position: relative; list-style: none; }
#subnav.subnav-2 li { float: left; position: relative; right: 50%; padding: 0; margin: 0; }
#subnav.subnav-2 a:link,
#subnav.subnav-2 a:visited { width: auto; height: 18px; padding: 7px 34px; background: url(../img/hsw2_subnav_background.png) 0 0 repeat-x; color: #9f9f9f; margin: 0; font-size: 14px; display: block; text-decoration: none; }
#subnav.subnav-2 a:hover,
#subnav.subnav-2 a:active { color: #000; }
#subnav.subnav-2 a.active { color: #fff; background: url(../img/hsw2_subnav_active.png) 0 0 repeat-x; }
#subnav.subnav-2 li:first-child a { -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; }
#subnav.subnav-2 li:last-child a { -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; }

#subnav.subnav-1 ul { padding: 0; margin: 0; list-style: none; }
#subnav.subnav-1 li { width: 273px; padding: 0; margin: 0; }
#subnav.subnav-1 a:link,
#subnav.subnav-1 a:visited { border-bottom: 1px solid #dcdcdc; display: block; width: auto; height: 15px; padding: 7px 10px; background: #fff; color: #4b4b4b; margin: 0; font-size: 14px; text-decoration: none; }
#subnav.subnav-1 a:hover,
#subnav.subnav-1 a:active { text-decoration: underline; }
#subnav.subnav-1 a.active { background: #00bc00; color: #fff; }
#subnav.subnav-1 li:last-child a { border-bottom: 0; }