/* ########### BASICS #################################################### */

* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
}

body {
  background-color: #fff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  padding: 12px 0;
}

#wrapper {
  width: 981px;
  margin: 0 auto;
}

a {
  color: #fe0000;
}

a:hover {
  color: black;
}

a img {
  border: none;
  outline: none;
}

.clear {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
.floatleft {float: left;}
.floatright {float: right;}


/* ########### HEADER #################################################### */

#header { }

#header #logo {
  float: left;
  width: 500px;
}

#header #standort {
  float: left;
  width: 180px;
}

#header #suche {
  float: right;
  width: 290px;
}

#standort span, #suche span {
  display: block;
  width: 300px;
  color: #444;
  font-size: 1.1em;
  padding: 4px 0;
}

#standort select {
  width: 160px;
}

#suche .input_artikelsuche {
  width: 212px;
  float: left;
}

#suche .input_artikelsuche_submit {
  float: right;
  margin-top: -2px;
}


/* ########### NAVIGATION #################################################### */

#navigation {
  margin: 10px 0;
}

ul#menu {
  height: 28px;
}

  ul#menu li {
    display: block;
    float: left;
  }

  ul#menu li:last-child {
  }

    ul#menu li a {
      background: transparent url(/images/sprite_menu.gif) scroll left bottom no-repeat;
      display: block;
      height: 28px;
      text-decoration: none;
    }

    ul#menu li a#homelink {
      background-position: 0 0;
      width: 151px;
    }

    ul#menu li a#homelink:hover,
    ul#menu li a#homelink:active {
      background-position: 0 -28px;
      width: 151px;
    }

    ul#menu li a#sortiment {
      background-position: -151px 0;
      width: 294px;
      width: 83px;
    }
    
    ul#menu li a#sortiment:hover,
    ul#menu li a#sortiment.active {
      background-position: -151px -28px;
      width: 83px;
    }
    
    ul#menu li a#accessoires {
      background-position: -234px 0;
      width: 294px;
      width: 111px;
    }

    ul#menu li a#accessoires:hover,
    ul#menu li a#accessoires.active {
      background-position: -234px -28px;
      width: 111px;
    }

/*
    ul#menu li a#wohnen {
      background-position: -158px 0;
      width: 80px;
    }

	  ul#menu li a#wohnen:hover,
    ul#menu li a#wohnen.active {
      background-position: -158px -28px;
      width: 80px;
    }

    ul#menu li a#schlafen {
      background-position: -219px 0;
      width: 81px;
    }

	  ul#menu li a#schlafen:hover,
    ul#menu li a#schlafen.active {
      background-position: -219px -28px;
      width: 81px;
    }

	  ul#menu li a#arbeiten {
      background-position: -300px 0;
      width: 80px;
    }

	  ul#menu li a#arbeiten:hover,
    ul#menu li a#arbeiten.active {
    	background-position: -300px -28px;
    	width: 80px;
    }

	  ul#menu li a#essen {
      background-position: -380px 0;
      width: 72px;
    }

	  ul#menu li a#essen:hover,
    ul#menu li a#essen.active {
    	background-position: -380px -28px;
    	width: 72px;
    }
*/

    ul#menu li a#service {
      background-position: -345px 0;
      width: 77px;
    }

	  ul#menu li a#service:hover,
    ul#menu li a#service.active {
    	background-position: -345px -28px;
    	width: 77px;
    }

	  ul#menu li a#standorte {
      background-position: -422px 0;
      width: 99px;
    }

    ul#menu li a#standorte:hover,
    ul#menu li a#standorte.active {
    	background-position: -422px -28px;
    	width: 99px;
    }

    ul#menu li a#prospekt {
      background-position: -521px 0;
      width: 151px;
    }

    ul#menu li a#prospekt:hover,
    ul#menu li a#prospekt.active {
    	background-position: -521px -28px;
    	width: 151px;
    }

    ul#menu li a#newsletter {
      background-position: -672px 0;
      width: 103px;
    }

    ul#menu li a#newsletter:hover,
    ul#menu li a#newsletter.active {
    	background-position: -672px -28px;
    	width: 103px;
    }

    ul#menu li a#unternehmen {
      background-position: -775px 0;
      width: 119px;
    }

    ul#menu li a#unternehmen:hover,
    ul#menu li a#unternehmen.active {
    	background-position: -775px -28px;
    	width: 119px;
    }

	  ul#menu li a#kontakt {
      background-position: -894px 0;
      width: 87px;
    }

    ul#menu li a#kontakt:hover,
    ul#menu li a#kontakt.active {
    	background-position: -894px -28px;
    	width: 87px;
    }

    ul#menu li a span {
      display: none;
    }

/* ########### CONTENT #################################################### */

#teaser {
  height: 305px;
}



/* ########### SORTIMENT #################################################### */

#sortiment {
  float: left;
  width: 305px;
}

#sortiment h1 {
  color: #fd0100;
  font-size: 1.7em;
  font-weight: normal;
  margin-bottom: 15px;
}

#sortiment ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 152px;
}

#sortiment a {
  color: #444;
  text-decoration: none;
  display: block;
}

#sortiment a:hover {
  color: #777;
}

#sortiment ul li {
  padding: 4px 0;
  font-size: 13px;
  border-top: 1px solid #555;
}

#sortiment ul li a.active {
  font-weight: bold;
  color: #fd0100;
  padding: 0 0 4px 6px;
}

#sortiment ul li:hover {
  border-top: 1px solid #fd0100;
}

#sortiment ul li ul {
  margin: 0 0 0 5px;
}

#sortiment ul li ul li {
  background: url(/images/bg_sublist.gif) repeat-x;
  height: 20px;
  padding: 3px 6px 0 6px;
  border-top: none;
  width: 136px;
}

#sortiment ul li ul li:hover {
  border-top: none;
}

#sortiment ul li:last-child {
  border-bottom: 1px solid #555;
}



/* ########### DETAILS #################################################### */

#details {
  float: left;
  width: 674px;
}

#details h2 {
  color: #fd0100;
  font-size: 1.3em;
  font-weight: bold;
  margin: 15px 0 10px 0;
}

#details em {
  color: #fd0100;
  font-style: italic;
  font-weight: bold;
  font-size: 1.3em;
}

#breadcrumb {
  font-size: 1em;
  border-bottom: 1px solid #555;
  margin-bottom: 10px;
  margin-top: 10px;
  height: 20px;
  width: 100%;
  display: block;
  padding-bottom: 5px;
}

#breadcrumb b {
  font-weight: bold;
  color: #fd0100;
}

#breadcrumb a {
  color: #444;
  text-decoration: none;
}

#details-xxl {
  float: left;
}

#details-xxl img {
  margin: 12px 15px 0 0;
  border: 1px solid #ccc;
  float: left;
}

#details-alternate {
  margin-top: 20px;
  font-weight: bold;
  font-size: 1.2em;
}

#details-info {
  float: right;
  width: 180px;
}

#details-alternate img {
  margin-top: 10px;
  border: 1px solid #ccc;
}

#details-more {
  clear: both;
  color: #fd0100;
  font-weight: bold;
  font-size: 1.3em;
  margin-top: 20px;
}

#details-preis {
  color: #fd0100;
  font-size: 4em;
  font-style: italic;
  font-weight: bold;
}

#sidebar {
  float: left;
  width: 300px;
}

#content {
  float: right;
  width: 681px;
}

#wg-menu {
  border-top: 1px solid #9a9a9a;
  list-style-type: none;
  width: 150px;
}

#wg-menu li {
  border-bottom: 1px solid #9a9a9a;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
}

#wg-menu li a {
  color: #5c5c5c;
  display: block;
  height: auto;
  width: 150px;
  text-decoration: none;
}

#wg-menu li.active {
  border-bottom: 1px solid #9a9a9a;
  height: auto;
  line-height: 24px;
}

#wg-menu li.active a {
  color: #fe0000;
  font-weight: bold;
}

#wg-menu li.active ul {
  list-style-type: none;
  width: 150px;
}

#wg-menu li.active ul li {
  background: #e7e7e7 url(/images/bg_uwg.gif) left top no-repeat;
  border-bottom: 2px solid white;
  min-height: 24px;
  height: auto !important;
  height: 24px;
  line-height: 24px;
}

#wg-menu li.active ul li:first-child {
  border-top: 1px solid #9a9a9a;
}

#wg-menu li.active ul li:last-child {
  border-bottom: 0px;
}

#wg-menu li.active ul li a {
  color: #5c5c5c;
  font-weight: normal;
  padding-left: 15px;
  width: 135px;
}

/* aktive UWG */
#wg-menu li.active ul li.active a {
  color: #fe0000;
}

#merkzettel-link {
  background: transparent url(/images/bg_merkzettel.jpg) left top;
  color: #fe0000;
  display: block;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  margin-top: 40px;
  padding-left: 40px;
  text-decoration: none;
  width: 203px;
}

#content-head {
  border-bottom: 1px solid #9c9c9c;
  color: #fe0000;
  clear: both;
  margin-bottom: 11px;
  padding-bottom: 4px;
}

.subline {
  color: #fe0000;
  float: left;
}

.pagination {
  clear: both;
  float: right;
}

.pagination a {
  color: #fe0000;
}

#footer {
  clear: right;
  color: #9a9a9a;
  float: right;
  padding: 10px 0 20px 0;
}

#footer a {
  color: #9a9a9a;
  text-decoration: none;
}

#pfeil {
  position: absolute;
  z-index: 10;
  margin-top: -15px;
}

#prospektimage {
  position: absolute;
  padding: 90px 0 0 0;
  text-align: center;
  width: 200px;
  background: url(/images/bg_prospekt.jpg) 147px 100px no-repeat;
}

#home-right {
  margin-left: 200px;
}

.produkt {
  border: 1px solid #9a9a9a;
  float: left;
  margin: 0 11px 11px 0;
  height: 161px;
  padding: 5px;
  position: relative;
  text-align: center;
  width: 147px;
}

.noscale {
  height: auto;
  width: auto;
}

.merkzettel {
  height: 180px;
}

.home-produkt {
  float: left;
  width: 280px;
  height: 214px;
  background-color: #dad9de;
  border: 1px solid #9d9d9d;
  margin: 0 5px 0 10px;
  overflow: hidden;
}

.startseite-link {
  display: block;
  width: 150px;
  height: 212px;
}

.startseite-link span {
  display: none;
}

.homepage-title {
  color: black;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
} 

.startseite-title {
  width: 109px;
  overflow: hidden;
}

.homepage-angebot-bild {
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  background-color: #fff;
  padding: 2px 2px 0 2px;
  height: 212px;
  border-right: 1px solid #ccc;
  width: 150px;
}

.homepage-angebot-bild img {
  width: 140px;
  margin: 2px;
  border: 1px solid #e2e2e2;
}

.home-preis {
  color: #fd0100;
  padding: 10px;
  font-size: 1.6em;
  float: right;
}

.homepage-produkt-beschreibung {
  margin: 0 5px;  
}      

.startseite-beschreibung {
  overflow: hidden;
}           

#lieferauskunft {
  float: left;
  width: 168px;
  height: 109px;
  background: url(/images/bg_lieferauskunft.jpg) no-repeat;
  margin-left: 15px;
  padding: 110px 0 0 4px;
  text-align: center;
}

#newsletterhome {
  margin-top: 20px;
  background: url(/images/bg_newsletter.jpg) no-repeat;
  width: 296px;
  height: 37px;
  padding: 6px 0 0 480px;
  float: right;
}

#newsletterhome input {
  float: left;
}

#newsletterhome .invis {
  width: 190px;
  background: transparent;
  border: none;
  margin: 3px 3px 0 0;
  padding: 2px 5px;
}

#lieferauskunft .invis {
  width: 140px;
  background: transparent;
  border: none;
  margin: 4px 0;
  padding: 2px 5px;
}

#newsletterhome {
  clear: both;
}

.uebersicht-preis {
  bottom: 3px;
  color: #fe0000;
  font-size: 14px;
  left: 3px;
  position: absolute;
  text-align: left;
}

.prospektbox {
	display: block;
	float: left;
	width: 195px;
	margin: 10px 5px;
	border: 1px solid #ccc;
	padding: 15px 10px 10px 10px;
	text-align: center;
}

.prospekttitle {
	padding: 0 0 0 0;
	font-size: 1.4em;
	color: #fd0100;
	height: 23px;
	font-weight: bold;
}.box {

}

.box p {
  clear: both;
}

.box p h2.cufon {
  width: 100%;
  margin: 6px 0;
  font-size: 1.4em;
  font-weight: bold;
  color: #fd0100;
  border-bottom: 1px solid #ccc;
}

h3.caption {
  clear: both;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  color: #000;
}

.subline {
  clear: both;
  margin: 2px 0 10px 0;
}

.imgleft {
  float: left;
  padding: 2px;
  margin: 0 10px 10px 0;
}

.prospektbox .logo {
  display: block;
  width: 200px;
}

ul#menu li.dd_menu {
}

ul#menu li.dd_menu ul {
  background: transparent url(/images/bg_dd_bottom.png) 0px bottom no-repeat;
  margin-top: 28px;
  padding-bottom: 18px;
  position: absolute;
  width: 173px;
  z-index: 1000;
}

ul#menu li.dd_menu ul li {
  height: 24px;
  line-height: 24px;
  width: 173px;
}

ul#menu li.dd_menu ul li a {
  background: transparent url(/images/bg_dd.png) 0px -24px no-repeat;
  color: #3d3d3d;
  display: block;
  height: 24px;
  outline: 0px;
  padding-left: 25px;
  width: 148px;
}

ul#menu li.dd_menu ul li a:hover {
  background: transparent url(/images/bg_dd.png) 0px 0px no-repeat;
  color: white;
}

ul#menu li.dd_menu_wide ul {
  background: transparent url(/images/bg_dd_wide_bottom.png) 0px bottom no-repeat;
  margin-top: 28px;
  padding-bottom: 18px;
  position: absolute;
  width: 255px;
  z-index: 1000;
}

ul#menu li.dd_menu_wide ul li {
  height: 24px;
  line-height: 24px;
  width: 255px;
}

ul#menu li.dd_menu_wide ul li a {
  background: transparent url(/images/bg_dd_wide.png) 0px -24px no-repeat;
  color: #3d3d3d;
  display: block;
  height: 24px;
  outline: 0px;
  padding-left: 25px;
  width: 230px;
}

ul#menu li.dd_menu_wide ul li a:hover {
  background: transparent url(/images/bg_dd_wide.png) 0px 0px no-repeat;
  color: white;
}


.simple_popup_div {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
}
.simple_popup_inner {
    padding: 20px;
    border: #999 2px solid;
    text-align: left;
}
.simple_close {
    float: left;
}

.simple_head {
  float: left;
  font-weight: bold;
  margin: 4px 0 0 20px;
}