* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
  /*text-align: center;*/
  font: 12px/19px Arial, Helvetica, sans-serif;
  /*background: #FFF url('bilder/body_background.gif') repeat-x;*/
  color: #575757;

}

#container-page {
  width: 970px;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  /*border: 1px solid black;*/
}

#container-head {
  position: relative;
  height: 110px;
  background: #FFF url('bilder/banner_bg.gif') no-repeat top left;
  margin-bottom: 15px;
}

#left {
  clear: both;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  width: 160px;
  /*border: 1px solid blue;*/
}

#main {
  width: auto;
  margin-left: 190px;
  padding-bottom: 24px;
  /*border: 1px solid green;*/
}

* html div#main {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

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

a:link {
  text-decoration: none;
  color: #c00;
}

a:hover {
  text-decoration: underline;
  color: #c00;
}

a:active {
  text-decoration: none;
  color: #c00;
}

a.grau {
  text-decoration: none;
  color: #575757;
}

a.grau:link {
  text-decoration: none;
  color: #575757;
}

a.grau:hover {
  text-decoration: underline;
  color: #575757;
}

a.grau:active {
  text-decoration: none;
  color: #575757;
}

a.weiss {
  text-decoration: none;
  color: #fff;
}

a.weiss:link {
  text-decoration: none;
  color: #fff;
}

a.weiss:hover {
  text-decoration: underline;
  color: #fff;
}

a.weiss:active {
  text-decoration: none;
  color: #fff;
}

ul.leftmenu {
  list-style-type: none;
  background-color: #FFFFFF;
  border-top: 1px solid #575757;
  padding-bottom: 12px;
}

ul.leftmenu li {
  color: #575757;
  font: 12px/17px Arial, Helvetica, sans-serif;
  text-align: left;
}

a.m1, a.m1:active, a.m1h, a.m1h:active {
  text-decoration: none;
  color: #575757;
  height: 100%;
  display: block;
  padding: 5px 7px 5px 24px;
  background: #FFF url('bilder/bullet.gif') no-repeat 6px;
  border-bottom: 1px solid #575757;
}

a.m1:hover, a.m1h:hover {
  color: #575757;
  text-decoration: none;
  background-color: #eee;
}

a.m1h {
  background-color: #ffedb2;
}

a.m2, a.m2:active, a.m2h, a.m2h:active {
  text-decoration: none;
  color: #575757;
  height: 100%;
  display: block;
  padding: 5px 7px 5px 24px;
  border-bottom: 1px solid #575757;
  background-color: #fff6d9;
}

a.m2:hover, a.m2h:hover {
  color: #575757;
  text-decoration: none;
  background-color: #ffe4ac;
}

a.m2h {
  background-color: #ffedb2;
}

a.m3, a.m3:active, a.m3h, a.m3h:active {
  text-decoration: none;
  color: #575757;
  height: 100%;
  display: block;
  padding: 5px 7px 5px 24px;
  border-bottom: 1px solid #575757;
  background-color: #fee2e3;
}

a.m3:hover, a.m3h:hover {
  color: #575757;
  text-decoration: none;
  background-color: #ffb8ba;
}

a.m3h {
  background-color: #fec6c8;
}

.status {
  color: #ccc;
  padding: 7px 7px 7px 24px;
}

ul.eigenschaften {
  list-style-type: none;
  padding-bottom: 18px;
}

ul.eigenschaften li {
  color: #575757;
  font: 12px/17px Arial, Helvetica, sans-serif;
  text-align: left;
  padding: 5px 7px 5px 24px;
  background: url('bilder/bullet.gif') no-repeat 6px;
  border-bottom: 1px solid #575757;
}

.kategorien {
  background-color: #fff6d9;
  border-collapse: collapse;
  border: 2px solid white;
  margin-bottom: 18px;
}

.kategorien td {
  color: #575757;
  padding: 6px;
  border: 2px solid white;
}

.kategorien a {
  font: 12px/12px Arial, Helvetica, sans-serif;
  text-align: left;
  padding: 7px 7px 7px 24px;
  background: url('bilder/bullet_weiss.gif') no-repeat 6px;
}

ul.liste, ul.linkliste {
  list-style-type: none;
  padding-bottom: 18px;
}

ul.liste li, ul.linkliste li {
  padding: 0px 0px 2px 24px;
  background: url('bilder/bullet_weiss.gif') no-repeat 6px 4px;
}

ul.linkliste li:hover {
  padding: 0px 0px 2px 24px;
  background: url('bilder/bullet.gif') no-repeat 6px 4px;

}

ul.paketliste {
  list-style-type: none;
  padding-bottom: 18px;
}

ul.paketliste li {
  padding: 3px 3px 3px 24px;
  background: url('bilder/bullet_weiss.gif') no-repeat 6px 7px;
  border: 1px solid #575757;
  margin-bottom: 9px;
}

ul.paketliste li:hover {
  background: #fff6d9 url('bilder/bullet.gif') no-repeat 6px 7px;
}

.clearall {
  clear: both;
}

img {
  border: none;
}

h1 {
  color: #c00;
  font: bold 24px/26px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

p {
  margin-bottom: 12px;
}

p, .text {
  color: #575757;
  font: 12px/19px Arial, Helvetica, sans-serif;
}

.text13 {
  color: #575757;
  font: 13px/24px Arial, Helvetica, sans-serif;
}

.text11 {
  color: #575757;
  font: 11px/21px Arial, Helvetica, sans-serif;
}

div.logo {
  position: absolute;
  font: 1px/0px serif;
}

.warenkorb {
  position: absolute;
  right: 0px;
  bottom: 11px;
  width: 205px;
  background: url('bilder/balken.gif') no-repeat top left;
  color: #fff;
  padding: 3px 6px 3px 3px;
  text-align: right;
}

div.bestellbox {
  position: relative;
  clear: left;
  background: #fff url('bilder/verlauf_gelb.gif') repeat-y top left;
  margin-bottom: 18px;
  width: 776px;
}

div.innerbox {
  padding: 12px 200px 12px 12px;
}

div.bestellbox .left {
  float: left;
  margin: 0;
  margin-right: 18px;
}

div.bestellbox .eigenschaft {
  padding-left: 24px;
  background: url('bilder/bullet_weiss.gif') no-repeat 6px 4px;
  font-weight: bold;
  margin: 0;
}

.balken .preis {
  color: #c00;
  font: bold 16px/28px Arial, Helvetica, sans-serif;
  text-align: right;
  margin-right: 150px;
}

.preis {
  color: #c00;
  font: bold 16px/28px Arial, Helvetica, sans-serif;
}

img.status_icon {
  margin-right: 4px;
  vertical-align: bottom;
}

.balken {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 280px;
  height: 30px;
  background: url('bilder/balken.gif') no-repeat 130px;
  text-align: right;
  color: white;
}

.balken form {
  margin: 4px;
  float: right;
}

.box_gelb, .box_rot {
  position: relative;
  width: 254px;
  height: 254px;
  float: left;
  margin: 0 7px 18px 0;
}

.box_gelb {
  background: #FFF url('bilder/box_hellorange.gif') no-repeat top left;
}

.box_rot {
  background: #FFF url('bilder/box_hellrot.gif') no-repeat top left;
}

.prod_bild_kl {
  width: 120px;
  height: 120px;
  background-color: #fff;
  border: 1px solid black;
  margin: 9px 9px 6px 9px;
  float: left;
}

.prod_bild_gr {
  width: 300px;
  height: 300px;
  background-color: #fff;
  border: 1px solid #575757;
  margin: 19px 0 0 19px;
}

.prod_bild_rahmen {
  width: 340px;
  height: 340px;
  margin: 0 25px 25px 0;
  float: left;
  background: #FFF url('bilder/prod_img_bg.gif') repeat-y top left;
}

.prod_preis {
  margin-top: 9px;
}

.prod_kurzinfo {
  clear: left;
  margin: 0 9px;
}

h2 {
  color: #c00;
  font: bold 16px/19px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

h3 {
  color: #575757;
  font: bold 14px/21px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

.labelkontakt {
  margin-right: 12px;
  font-weight: bold;
}

.input, .input_bestellmenge, .textarea, .select {
  border: 1px solid #575757;
  color: #575757;
  padding: 2px;
  vertical-align: middle;
}
.select {
  padding: 0px;
}

.input {
  width: 250px;
  margin: 3px 3px 3px 0;
}

.textarea {
  width: 350px;
  height: 300px;
  margin: 3px 3px 3px 0;
}

.input_bestellmenge {
  width: 30px;
  text-align: right;
}

.input_submitbutton {
  vertical-align: middle;
}

.verfuegb {
  float: right;
  margin-right: 6px;
}

.videoicon {
  vertical-align: top;
  margin-right: 6px;
}

.rot {
  color: #c00;
}

.gruen {
  color: #090;
}

.orange {
  color: #ff9900;
}

.grau { color: #999; }

.var_wahl {
  width: 100px;
  border: 1px solid #575757;
  color: #575757;
  margin-bottom: 3px;
}

#titelbild {
  position: relative;
  width: 776px;
  height: 430px;
  background: #FFF url('bilder/feuerwerk_einkaufen.jpg') no-repeat top left;
  margin-bottom: 12px;
}
#titeltext {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 480px;
  padding-top: 18px;
  text-align: right;
}
#titeltext p {
  font:  17px/21px Arial, Helvetica, sans-serif;
}

#titeltext h1 {
  color: #ff9900;
}
.hinweis {
  background-color: #fff6d9;
  border: 1px solid #c00;
  padding: 6px;
}
.wk {
  border-bottom: 1px solid #575757;
  padding: 4px 0 4px 0;
}
.hinweis /* Box für Hinweise (gelb) */ {
  position: relative;
  background: #ffffa1 url("bilder/achtung.jpg") no-repeat 6px 6px;
  border: solid 1px #ffff00;
  padding: 7px 7px 7px 50px;
  margin-bottom: 12px;
  min-height: 30px;
}

.stop /* Box für Fehler mit stop schild(rot) */ {
  position: relative;
  background: #ffe0d6 url("bilder/stop.gif") no-repeat 6px 6px;
  border: solid 1px #ffa0a0;
  padding: 7px 7px 7px 50px;
  min-height: 30px;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 12px;
}
.fehler2 {
  color: #FF0000;
}
.rl {
  border: solid 1px #575757;
  padding: 2px 7px 2px 7px;
  width: 60px;
  display: block;
  float: left;
  text-align: center;
  margin-right: 6px;
}
.button {
  border: solid 1px #575757;
  padding: 2px 7px 2px 7px;
  width: 200px;
  display: block;
  text-align: center;
  margin: 6px 0 6px 0;
}