html, body {
  margin: 0px;
  padding: 0px;
  background-image: url("/bilder/layout/bg_body.gif");
  height: 100%;
}

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

a:hover {
  text-decoration: underline;
}

#CenterHelper {
  position: absolute;
  height: 100%;
  top: 0px;
  bottom: 0px;
  left: 50%;
  z-index: 0;
}

#MainContainer {
  position:absolute;
  width: 954px;
  top: 0px;
  left:-477px;
	height:auto !important; /* real browsers */  
  height: 100%;
	min-height:100%; /* real browsers */  
  background-color: #EEEEEE;
  border-width: 0px 1px 0px 1px;
  border-color: grey;
  border-style: solid;
}

#KopfContainer {
  position: relative;
  top: 0px;
  left: 0px;
  width: 954px;
  height: 158px;
}

#BannerContainer {
  width: 954px;
  height: 141px;
  background-image: url("/bilder/layout/kopf.jpg");
}

#ProduktsucheForm {
  position: relative;
  top: 100px;
  left: 760px;
  width: 170px;
  color: #606060;
  font: normal 10px/12px Arial;
}

#NavObenContainer {
  position: relative;
  display: block;
  width: 954px;
  height: 17px;
  margin: 0px;
  padding: 0px;
  background-image: url("/bilder/layout/bg_navoben.gif");
  vertical-align: middle;
  font: normal 9px/17px Arial;
}

#NavObenSpacerLinks {
  display: inline;
  width: 10px;
  margin-left: 400px;
}

.NavObenTrennstrich {
  height: 17px;
  display: inline;
  width: 1px;
  border-left: 1px solid #606060;
}

.NavObenElement {
  height: 17px;
  display: inline;
  padding: 0px 3px 0px 3px;
  font: normal 9px/17px Arial;
  border-right: 1px solid #606060;
}

.NavObenElement a:link {
  color: #606060;
  text-decoration: none;
}

.NavObenElement a:visited {
  color: #606060;
  text-decoration: none;
}

.NavObenElement a:focus {
  color: #606060;
  text-decoration: none;
}

.NavObenElement a:hover {
  color: #606060;
  text-decoration: none;
  background: #FFFFFF;
}

.NavObenNotSelected {
  background: transparent;
}

.NavObenSelected {
  background: #FFFFFF;
}


/* Elemente der Startseite */

.box_ueberschrift {
  width: 206px;
  font: normal 10px/16px Arial;
  background-image: url("/bilder/layout/bg_box_ueberschrift.gif");
  padding: 2px;
  border-bottom: 1px solid #606060;
}

.box_schmal_ueberschrift {
  width: 165px;
  font: normal 10px/16px Arial;
  background-image: url("/bilder/layout/bg_box_ueberschrift.gif");
  padding: 2px;
  border-bottom: 1px solid #606060;
}

.box_aktuelles_artikel {
  clear: both;
}

.box_aktuelles_ueberschrift {
  font: normal 10px/16px Arial;
  background-image: url("/bilder/layout/bg_box_aktuelles_ueberschrift.gif");
  padding: 2px;
  border-top: 1px solid #606060;
  border-bottom: 1px solid #606060;
}

.box_aktuelles_text {
  margin: 5px;
  font: normal 11px/14px Arial;
  color: #606060;
}

.box_aktuelles_text a {
  text-decoration: none;
  color: #606060;
}

.box_aktuelles_text a:hover {
  text-decoration: underline;
}

.box_aktuelles_text img {
  margin: 0px 4px 4px 0px;
  border: solid 1px #606060;
}

#Box1 {
  position: absolute;
  top: 163px; left: 0px;
  width: 210px; height: 173px;
  border: 1px solid #606060;
  background: url("/bilder/layout/startseite_innenausbau_sw.jpg") no-repeat;
  color: #606060;
  text-decoration: none;
}

a:hover #Box1 {
  background: url("/bilder/layout/startseite_innenausbau_farbe.jpg") no-repeat;
}

#Box2 {
  position: absolute;
  top: 341px; left: 0px;
  width: 210px; height: 173px;
  border: 1px solid #606060;
  background: url("/bilder/layout/startseite_terrasse_sw.jpg") no-repeat;
  color: #606060;
  text-decoration: none;
}

a:hover #Box2 {
  background: url("/bilder/layout/startseite_terrasse_farbe.jpg") no-repeat;
}

#Box3 {
  position: absolute;
  top: 519px; left: 0px;
  width: 210px; height: 158px;
  border: 1px solid #606060;
  background: url("/bilder/layout/startseite_aussen_sw.jpg") no-repeat;
  color: #606060;
  text-decoration: none;
}

a:hover #Box3 {
  background: url("/bilder/layout/startseite_aussen_farbe.jpg") no-repeat;
}

#Box4 {
  position: absolute;
  top: 163px; left: 217px;
  width: 518px; height: 352px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #606060;
  overflow: auto;
}

#Box5 {
  position: absolute;
  top: 519px; left: 217px;
  width: 169px; height: 158px;
  border: 1px solid #606060;
  background-image: url("/bilder/layout/startseite_energie_sw.jpg");
  color: #606060;
  text-decoration: none;
}

a:hover #Box5 {
  background-image: url("/bilder/layout/startseite_energie_farbe.jpg");
}

#Box6 {
  position: absolute;
  top: 519px; left: 391px;
  width: 169px; height: 158px;
  border: 1px solid #606060;
  background-image: url("/bilder/layout/startseite_sonderteile_sw.jpg");
  color: #606060;
  text-decoration: none;
}

a:hover #Box6 {
  background-image: url("/bilder/layout/startseite_sonderteile_farbe.jpg");
}

#Box7 {
  position: absolute;
  top: 519px; left: 565px;
  width: 169px; height: 158px;
  border: 1px solid #606060;
  background-image: url("/bilder/layout/startseite_referenzen_sw.jpg");
  color: #606060;
  text-decoration: none;
}

a:hover #Box7 {
  background-image: url("/bilder/layout/startseite_referenzen_farbe.jpg");
}

#Box8 {
  position: absolute;
  top: 163px; left: 742px;
  width: 210px; height: 173px;
  border: 1px solid #606060;
  background-image: url("/bilder/layout/startseite_dienstleistungen_sw.jpg");
  color: #606060;
  text-decoration: none;
}

a:hover #Box8 {
  background-image: url("/bilder/layout/startseite_dienstleistungen_farbe.jpg");
}

#Box9 {
  position: absolute;
  top: 341px; left: 742px;
  width: 210px; height: 173px;
  border: 1px solid #606060;
  background-image: url("/bilder/layout/startseite_werkzeugbau_sw.jpg");
  color: #606060;
  text-decoration: none;
}

a:hover #Box9 {
  background-image: url("/bilder/layout/startseite_werkzeugbau_farbe.jpg");
}

#Box10 {
  position: absolute;
  top: 519px; left: 742px;
  width: 210px; height: 158px;
  border: 1px solid #606060;
  background-image: url("/bilder/layout/startseite_stanzerei_sw.jpg");
  color: #606060;
  text-decoration: none;
}

a:hover #Box10 {
  background-image: url("/bilder/layout/startseite_stanzerei_farbe.jpg");
}


#StartseiteInhaltContainer {
  width: 954px;
  height: 525px;
  background-color: #EEEEEE;
}

/* Elemente der Inhaltsseiten */
#ArtikelContainer {
  width: 954px;
  background-color: #EEEEEE;
}

#ArtikelUeberschriftContainer .Ueberschrift {
  display: block;
  margin-top: 10px;
  padding: 0px 0px 0px 3px;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #606060;
  font: normal 14px/22px Arial;
  background-image: url("/bilder/layout/bg_artikel_ueberschrift.gif");
}

#ArtikelTextContainer {
  width: 770px;
  float: left;
}

#ArtikelTextContainer .Text {
  width: 720px;
  padding: 0px 0px 0px 3px;
  margin: 15px 0px 15px 0px;
  font: normal 12px/18px Arial;
  display: block;
}

#ArtikelTextContainer .Bildunterschrift {
  font: normal 12px/14px Arial;
  display: block;
}

#ArtikelTextContainer img {
  border: 1px solid #000000;
}

#ArtikelBilderContainer {
  width: 184px;
  float: left;
  margin: 20px 0px 0px 0px;
}

#ArtikelBilderContainer .Bildunterschrift {
  font: normal 12px/14px Arial;
  display: block;
}

#ArtikelProdukteContainer {
  width: 954px;
  clear: both;
  border-top: 1px solid #606060;
  padding: 10px 0px 0px 0px;
}

#ArtikelProdukteContainer .Ueberschrift {
  padding: 0px 0px 0px 3px;
  color: #606060;
  font: normal 12px/14px Arial;
}

#ArtikelProdukteContainer .UeberschriftKat {
  padding: 0px;
  color: #606060;
  font: normal 12px/14px Arial;
}

#ArtikelProdukteContainer a {
  text-decoration: none;
  font: normal 12px/14px Arial;
  color: #606060;
}

#ArtikelUnterpunkteContainer {
  width: 954px;
  clear: both;
  border-top: 1px solid #606060;
  padding: 10px 0px 0px 0px;
}

#ArtikelUnterpunkteContainer .Ueberschrift {
  padding: 0px 0px 0px 3px;
  color: #606060;
  font: normal 12px/14px Arial;
}

#KontaktTextContainer {
  width: 400px;
  float: left;
}

#KontaktTextContainer .Text {
  width: 397px;
  padding: 0px 0px 0px 3px;
  margin: 15px 0px 15px 0px;
  font: normal 12px/18px Arial;
  display: block;
}

#KontaktFormContainer {
  width: 551px;
  padding: 0px 0px 0px 3px;
  margin: 15px 0px 15px 0px;
  font: normal 12px/18px Arial;
  float: left;
}

#KundenContainer {
  font: normal 12px/18px Arial;
}

#AnfahrtTextContainer {
  width: 951px;
  float: left;
  padding: 0px 0px 0px 3px;
  margin: 15px 0px 15px 0px;
  font: normal 12px/18px Arial;
}

#AnfahrtTextContainer table {
  border-collapse: collapse;
  border: solid 1px black;
}

#AnfahrtTextContainer td {
  border: solid 1px black;
}

.normal {
  font: normal 12px/18px Arial;
  color: #606060;
}

.produktname {
  font: normal 14px/16px Arial;
  color: #606060;
}

.unterpunkt {
  border: 1px solid #000000;
}

.unterpunkt_ueberschrift {
  font: normal 10px/16px Arial;
  background: url("/bilder/layout/bg_unterpunkt.gif") repeat-y #FFFFFF;
  padding: 2px;
  border-bottom: 1px solid #606060;
}

.unterpunkt_ueberschrift a {
  color: #606060;
  text-decoration : none;
}

.unterpunkt_bild {
  line-height: 1px; /* damit FF unterhalb des Bildes keinen Weissraum anzeigt */
}

/* Elemente der Produktseite */
#ProduktContainer {
  width: 954px;
}

#ProduktUeberschriftContainer .Ueberschrift {
  display: block;
  margin-top: 10px;
  padding: 0px 0px 0px 3px;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #606060;
  font: normal 14px/22px Arial;
  background-image: url("/bilder/layout/bg_artikel_ueberschrift.gif");
}

#ProduktTextContainer {
  width: 694px;
  float: left;
  padding: 0px 0px 0px 3px;
  font: normal 12px/18px Arial;
}

#ProduktTextContainer .Text {
  width: 670px;
  padding: 0px 0px 0px 3px;
  margin: 15px 0px 15px 0px;
  display: block;
}

#ProduktTextContainer a {
  text-decoration: none;
  font: normal 12px/14px Arial;
  color: #606060;
}

#ProduktBilderContainer {
  width: 250px;
  float: left;
  margin: 20px 0px 0px 0px;
}