body
{
  background:         #FFF url(../images/layout/body-bg.gif) top repeat-x;
  font-family:        Arial, Helvetica, Verdana, Sans-serif;
  font-size:          12px;
  color:              #666;
  overflow-y: scroll;
  /*overflow: -moz-scrollbars-vertical;*/
}

#content:after, #content-left:after
{
  content:             ".";
  display:             block;
  height:              0;
  clear:               both;
  visibility:          hidden;
}

a
{
  color:              #E33;
  text-decoration:    none;
}

a:hover
{
  text-decoration:    underline;
}

h1
{
  font-weight:        bold;
  color:              #E33;
  font-size:          21px;
  margin:             0px;
}

.clear
{
  clear:              both;
}

#main-page
{
  width:              958px;
  border:             1px solid #545454;
  display:            block;
  margin:             30px auto 0 auto;
}

#main-top
{
  /**/
}

#main-logo
{
  /*width: 310px;*/
  width: 400px;
  height:             74px;
  float:              left;
}

#main-logo img
{
  border:             none;
  display:            block;
}

#main-top-left
{
  /*width: 628px;*/
  width: 538px;
  height:             54px;
  padding:            10px;
  background:         url(../images/layout/main-top-left-bg.jpg);
  float:              left;
  text-align:         right;
}

#main-top-left ul
{
  margin:             0px;
  padding:            0px;
}

#main-top-left li
{
  display:            inline;
  padding-right:      10px;
}

#main-top-left a
{
  background:         url(../images/layout/top-navi-bullet.gif) no-repeat left 0px;
  padding-left:       20px;
  font-size:          11px;
  font-weight:        bold;
  color:              #FFF;
}

#search-form
{
  margin: 5px 0 0 0;
  padding: 0px;
}

#la-form {
  margin-top: 2px;
}

#la-form input {
  height: 17px;
  background: #BB000A;
  color: #FFFFFF;
  padding: 0px;
  margin: 0px 10px 0px 0px;
  border-top: 1px solid #A40709;
  border-left: 1px solid #A40709;
  border-bottom: 1px solid #C11D26;
  border-right: 1px solid #C11D26;
}

#la-form #la-pin {
  width: 50px;
  margin-right: 5px;
}

#la-form #la-contract {
  width: 150px;
  margin-right: 7px;
}

#la-form #la-submit {
  background: transparent url(/images/layout/button-lieferauskunft.png) no-repeat;
  border: none;
  width: 122px;
  height: 22px;
  margin-right: 0;
}

#main-top-left-suchbegriff
{
  width:              320px;
  height:             17px;
  background:         #BB000A;
  color:              #FFFFFF;
  padding:            0px;
  margin:             0px 10px 0px 0px;
  border-top:         1px solid #A40709;
  border-left:        1px solid #A40709;
  border-bottom:      1px solid #C11D26;
  border-right:       1px solid #C11D26;
}

#level-1-navi
{
  position: relative;
  width: 958px;
  height: 30px;
  background: url(../images/layout/level-1-navi-bg.jpg);
  display: block;
}

/* LAVALAMPE-MENÜ */

/* Styles for the entire LavaLamp menu */
.lavaLamp {
  float: left;
  position: relative;
  width: 855px;
  height: 30px;
  padding: 0px 0px 0px 20px;
  margin: 0px;
  overflow: hidden;
}

/* Force the list to flow horizontally */
.lavaLamp li {
  float: left;
  list-style: none;
}

/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
  background: url("/images/layout/lava.png") no-repeat right -30px;
  width: 6px;
  height: 30px;
  z-index: 8;
  position: absolute;
}

* html .lavaLamp li.back {
  background: url("/images/layout/lava.gif") no-repeat right -30px;
}

.lavaLamp li.back .left {
  background: url("/images/layout/lava.png") no-repeat top left;
  height: 30px;
  margin-right: 6px;
}

* html .lavaLamp li.back .left {
  background: url("/images/layout/lava.gif") no-repeat top left;
}

/* Styles for each menu-item. */
.lavaLamp li a {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  outline: none;
  text-align: center;
  height: 30px;
  top: 5px;
  z-index: 10;
  float: left;
  display: block;
  margin: 0px 15px 0px 15px;
}

* html .lavaLamp li a {
  margin: 0px 7px 0px 7px;
}

/* LAVALAMPE-MENÜ ENDE */

.lang_navigation {
  position: relative;
  float: right;
  top: 5px;
}

.lang_navigation a img {
  border: none;
  margin-right: 10px;
}

#level-2-navi
{
  list-style-type:    none;
  margin:             0px;
  padding:            0px;
}

#level-2-navi li
{
  display:            block;
  padding-left:       15px;
  background:         url(../images/layout/level-2-navi-bg.jpg) no-repeat top left;
  float:              left;
}

#level-2-navi li a
{
  float:              left;
  font-weight:        bold;
  text-decoration:    none;
  display:            block;
  padding-left:       20px;
  width:              163px;
  height:             30px;
  line-height:        30px;
  background:         transparent url(../images/layout/level-2-navi-bullet.jpg) no-repeat center left;
}

#level-2-navi li a.active
{
  background:         url(../images/layout/level-2-navi-bullet-active.jpg) no-repeat center left;
  color:              #8A8A8A;
}

#level-3-navi
{
  display:            block;
  list-style-type:    none;
  margin:             0px;
  padding:            0px 0px 20px 0px;
  float:              left;
}

#level-3-navi li
{
  display:            block;
  height:             20px;
  padding:            0px 0px 0px 10px;
  background:         #F4F4F4;
  float:              left;
}

#level-3-navi li a
{
  font-weight:        bold;
  text-decoration:    none;
  display:            block;
  padding-left:       20px;
  width:              153px;
  height:             20px;
  line-height:        20px;
  background:         transparent url(../images/layout/level-3-navi-bullet.jpg) no-repeat center left;
  float:              left;
}

#level-3-navi li a.active
{
  background:         url(../images/layout/level-3-navi-bullet-active.jpg) no-repeat center left;
  color:              #8A8A8A;
}

#level-4-navi
{
  list-style-type:    none;
  margin:             0px;
  padding:            0px;
}

#level-4-navi li
{
  display:            block;
  float:              left;
  border:             1px solid #DCDCDC;
  width:              80px;
  height:             27px;
  background:         url(../images/layout/level-4-navi-bg.jpg) no-repeat top left;
  text-align:         center;
  position:           relative;
  top:                1px;
}

#level-4-navi a
{
  display:            block;
  text-decoration:    none;
  float:              left;
  width:              80px;
  height:             27px;
  line-height:        27px;
  font-weight:        bold;
  overflow:           hidden;
}

#level-4-navi li.active
{
  background:         #FFF;
  color:              #8A8A8A;
  border-bottom:      1px solid #FFF;
}

#breadcrumb
{
  width:              948px;
  height:             26px;
  padding:            4px 0px 0px 10px;
  background:         #FFF;
  font-weight:        bold;
  color:              #8A8A8A;
}

#breadcrumb a
{
  color:              #8A8A8A;
}

#main-page-body
{
  width:              958px;
  border-top:         1px solid #DCDCDC;
}

#main-page-body-left
{
  width:              198px;
  float:              left;
  background:         #F4F4F4;
}

#main-page-body-right
{
  width:              739px;
  padding:            10px;
  border-left:        1px solid #DCDCDC;
  background:         #FFF url(../images/layout/main-page-body-right-bg.jpg) top left repeat-x;
  float:              right;
}

#content
{
  width:              721px;
  padding:            8px;
  border:             1px solid #DCDCDC;
  background:         #FFF;
  z-index:            5;
  /*clear:              left;*/
}

#content-left
{
  width:              549px;
  float:              left;
  margin-top: 15px;
  clear: left;
}

#mehrwertbereich
{
  width:              152px;
  padding:            10px 10px 10px 10px;
  float:              right;
}

/* Startseite (Modul Home) Start */
/* Fix */
#home-content:after
{
  content:             ".";
  display:             block;
  height:              0;
  clear:               both;
  visibility:          hidden;
}

#home-content
{
  display:            block;
  width:              958px;
  background:         #FFF;
  padding:            5px 0px 9px 0px;
}

#home-widescreen-teaserbox {
  float: left;
  height: 327px;
  margin-left: 9px;
  padding: 0;
  position: relative;
  width: 939px;
}

#home-aktuelles {
  background: url(/images/bg.png);
  color: #fff;
  float: left;
  height: 100%;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 228px;
  z-index: 2;
}

#home-aktuelles h2 {
  margin: 3px 0 10px 0;
}

#home-boxes-wrapper {
  float: left;
  height: 228px;
  list-style-type: none;
  margin: 9px 0 0 9px;
  padding: 0;
  width: 939px;
}

.home-box {
  display: block;
  float: left;
  height: 228px;
  margin-right: 9px;
  width: 228px;
}

.home-box a {
	background: url(/images/home/wechsel/bg.jpg);
  display: block;
  height: 198px;
  margin: 0;
  padding: 15px;
  width: 198px;
}

.home-box a img {
  border: none;
  display: block;
  width: 198px;
}

#tooltip {
	background: #fff;
	border: 1px solid #e33;
	padding: 10px;
	position: absolute;
  width: 210px;
	z-index: 3000;
}

#tooltip.sortiments_tip {
  background: #f6f6f6;
	border: 1px solid #666;
  color: #666;
	opacity: 1.0;
  width: 500px;
}

#tooltip.sortiments_tip img {
  display: block;
  margin: 0 10px 10px 0;
}

#tooltip h3 {
  color: #e33;
  margin: 0 0 6px 0;
}

#tooltip.sortiments_tip h3 {
  color: #666;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}


.home-teaserbox2
{
  display:            inline;
  width:              180px;
  height:             270px;
  margin:             10px 1px 0px 9px;
  float:              left;
  overflow:           hidden;
}

.home-teaserbox2 img
{
  display:            block;
  width:              178px;
  height:             140px;
  border:             solid 1px #EC1C24;
  border-top-width:   0px;
  border-bottom-width:0px;
  float:              left;
}

.home-teaserbox2 h1
{
  display:            block;
  width:              174px;
  height:             20px;
  line-height:        20px;
  padding:            0px 0px 0px 6px;
  margin:             0px 0px 0px 0px;
  font-size:          12px;
  font-weight:        bold;
  text-transform:     uppercase;
  color:              #FFF;
  background:         transparent url(/images/layout/home-teaserbox-header.gif);
  overflow:           hidden;
  float:              left;
}

.home-teaserbox2 p
{
  display:            block;
  width:              162px;
  height:             93px;
  font-size:          11px;
  margin:             0px 0px 0px 0px;
  padding:            8px;
  border:             1px solid #EC1C24;
  border-top-width:   0px;
  background:         url(/images/layout/home-teaser-bg2.gif) repeat-x;
  float:              left;
}

.home-teaserbox2 a.bitte_rechts
{
  display:            block;
  width:              17px;
  height:             17px;
  background:         url(/images/layout/home-teaser-button-mehr2.gif);
  float:              right;
}

.home-teaserbox2 a
{
  color: #636563;
  text-decoration: none;
}

.home-teaserbox2 a span
{
  display:            none;
}

.home-teaser-angebot2
{
  height:             224px;
  margin-left:         0px;
  margin-top:         0px;
}

.home-teaser-angebot2 img
{
  height: auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.home-teaser-angebot2 p
{
  font-size:          11px;
}

.home-teaserbox2-neu h1
{
  background:         url(/images/layout/home-teaserbox2-header.gif);
}

.home-teaserbox2-neu img
{
  height:             249px;
  border:             solid 1px #EC1C24;
  border-top-width:   0px;
  border-bottom-width: 1px;
}

.home-teaserbox2-neu a
{
  float: left;
}

.home-teaser-angebot2 h1
{
  background:         url(/images/layout/home-teaserbox2-header.gif);
}

.home-teaser-angebot2 p
{
  height:             43px;
  background:         url(/images/layout/home-teaser-angebot-bg2.gif);
}

/* Startseite (Modul Home) Ende */

#footer-top
{
  width:              960px;
  display:            block;
  padding:            0px;
  margin:             0px auto 0px auto;
  border-bottom:      1px solid #cccccc;
  color:              #999999;
}

#footer-top a
{
  color:              #999999;
}

#footer-top p
{
  padding:            20px 0px 5px 0px;
  margin:             0px;
}

#footer-top p.left
{
  display:            block;
  float:              left;
}

#footer-top p.right
{
  display:            block;
  float:              right;
}

#footer-bottom
{
  width:              960px;
  display:            block;
  padding:            0px;
  margin:             0px auto 0px auto;
  color:              #CCCCCC;
  font-size:          11px;
}

#footer-bottom a
{
  color:              #CCCCCC;
}

#footer-bottom a:hover
{
  color:              #009ee0;
  text-decoration:    none;
}

#footer-bottom p
{
  padding:            5px 0px 0px 0px;
  margin:             0px;
}

#footer-bottom p.left
{
  display:            block;
  float:              left;
}

#footer-bottom p.right
{
  display:            block;
  float:              right;
}

#newsticker {
  margin-left: 200px;
  height:20px;
  font-size: 11px;
  width: 560px;
  overflow: hidden;
  position: relative;
}

* html #newsticker {
  display: none;
}