/* Seitenkoerper */
body {
	margin: 0px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  background-image: url(images/topback.gif);
  background-repeat: repeat-x;
}

/* Seitenkopf inkl. Bildern */
div#header {
  margin: 0px;
  width: 100%;
  height: 184px;
  background-image: url(images/header_bg.gif);
  background-position: left;
  background-repeat: repeat-y;
}
div#header img.first {
  margin: 65px 1px 0px 401px;
  height: 52px;
  width: 110px;
  border: none;
}
div#header img.sec {
  margin: 65px 1px 0px 0px;
  height: 52px;
  width: 110px;
  border: none;
}

/* Versteckte Ebene Produkte inkl. Formaten */
div#produkte {
  position:absolute; 
  width:auto; 
  height:auto; 
  z-index:2; 
  left: 598px; 
  top: 118px; 
  border: 1px none #000000;
  visibility: hidden;
  background-image: url(images/png/layer_bg.png);
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px none #000000;
}
div#produkte p {
  margin: 10px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}
div#produkte a {
 text-decoration: none;
 color: #FFFFFF;
}
div#produkte a:hover {
  color: #4940C7;
  text-decoration: underline;
  font-weight: bold;
}

/* Versteckte Ebene Impressum inkl. Formaten */
div#impressum {
  position:absolute; 
  width:auto; 
  height:auto; 
  z-index:3; 
  left: 820px; 
  top: 117px; 
  border: 1px none #000000;
  visibility: hidden;
  background-image: url(images/png/layer_bg.png);
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px none #000000;
}
div#impressum p {
  margin: 10px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}
div#impressum a {
  color: #FFFFFF;
  text-decoration: none;
}
div#impressum a:hover {
  color: #4940C7;
  text-decoration: underline;
}

/* SUCH - DIVISION */
div#suche {
  position:absolute; 
  width:700px; 
  height:30px; 
  z-index:1; 
  left: 285px; 
  top: 150px; 
  border: 1px none #000000;
  visibility: visible;
}
div#suche p {
  margin: 10px;
  text-align: right;
 }
div#suche a {
  color: #425ABD;
  text-decoration: none;
}
div#suche a:hover {
  color: #4940C7;
  text-decoration: underline;
}
div#suche input {
  width: 200px;
  height: 15px;
  border: solid 1px #425ABD; 
  background-color: #F7F3D6;
}
div#suche input.sub {
  width: 80px;
  height: 20px;
  border: solid 1px #425ABD; 
  background-color: #F7F3D6;
}


/* Flash-Division */
div#flash {
  position:absolute; 
  width:585px; 
  height:65px; 
  z-index:4; 
  left: 400px; 
  top: 0px; 
  border: 1px none #000000;
  /* background-color: #000000; */
  visibility: visible;
}

/* Division Inhalte */
div#content {
  width: 975px;
  margin: 0px 0px 0px 15px;
  /* border: solid 1px #000000; */
  height: auto;
}

/* Page Header */
div#content div.heading {
  width: 855px;
  height: auto;
  background-image: url(images/heading.gif);
  margin: 0px 1px 0px 0px;
  float: left;
}
div#content div.heading h4 {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  margin: 0px 10px 0px 10px;
}
div#content div.heading-right {
  width: 115px;
  height: auto;
  background-image: url(images/heading.gif);
  margin: 0px;
  float: left;
}
div#content div.heading-right img {
  width: 16px;
  height: 16px;
  margin: 0px 10px 0px 10px;
  float: right;
  border: 1px none #000000;
}



/* Absaetze */
div#content p {
  margin: 10px;
}
div#content .right {
  text-align: right;
}
div#content h1 {
  margin: 10px;
  font-size: 16px;
  font-weight: bold;
}
div#content h4 {
  margin: 10px 0px 10px 10px;
  font-size: 13px;
  text-align: left;
}
div#content h2 {
  margin: 10px 0px 10px 10px;
  font-size: 13px;
  text-align: left;
}
div#content h4.seite {
  margin: 10px 0px 10px 180px; 
}
div#content h4 span {
  font-size: 17px;
  text-align: left;
  color: #9C192A;
}

/* Links */
div#content a {
  color: #425ABD;
  text-decoration: none;
}
div#content a:hover {
  color: #425ABD;
  text-decoration: underline;
}

/* Tabellen */
table#master {
  width: 975px;
  height: auto;
  margin: 0px;
  border: none;
}
table#master td.left {
  width: 180px;
  vertical-align: top;
}
table#master td.haupt {
  width: 795px;
  vertical-align: top;
}

/* HOMEPAGE */
table#master td.haupt div.home {
  width: 300px;
  height: 300px;
  overflow: hidden;
  margin: 0px 10px 10px 40px;
  border: none 1px #425ABD;  
  background-image: url(images/home_bg.gif);
  background-repeat: no-repeat;
  float: left;
}
table#master td.haupt div.home div {
  width: 250px;
  height: 200px;
  overflow: hidden;
}
table#master td.haupt div.home div p {
  margin: 10px 20px 10px 20px;
}
table#master td.haupt div.home div h1 {
  margin: 10px 20px 10px 20px;
  font-size: 15px;
  font-weight: bold;
}
table#master td.haupt div.home div h2 {
  margin: 10px 20px 10px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #BC5454;
  text-align: right;
}
table#master td.haupt div.home h2 {
  margin: 10px 20px 10px 20px;
  font-size: 14px;
  font-weight: bold;
  color: #BC5454;
  text-align: right;
}
table#master td.haupt div.home div img {
  margin: 5px 10px 10px 20px;
  float: left;
}
table#master td.haupt div.home img.rechts {
  margin: 0px 20px 10px 20px;
  float: right;
}table#master td.haupt div.home img.rechts2 {
  margin: 10px -10px 10px -20px;
  float: right;
}

/* Divisions in linker Tabelle */
table#master td.left div.login {
  margin: 0px 0px 10px 0px;
  width: 160px;
  height: auto;
  border: solid 1px #425ABD;  
}
table#master td.left div.login p {
  margin: 10px;
  font-size: 11px;
  color: #586DC0;
}
table#master td.left div.login input.form1 {
  margin: 0px 10px 10px 10px;
  width: 140px;
  background-color: #F0F3FE;
  border: 1px dotted #BDC4DE;
}
table#master td.left div.login input {
  margin: 0px 10px 10px 10px;
  width: 140px;
}

table#master td.left div.merken {
  margin: 0px 0px 10px 0px;
  width: 160px;
  height: auto;
  border: solid 1px #425ABD; 
  background-color: #F7F3D6; 
}
table#master td.left div.merken p {
  margin: 10px;
  font-size: 11px;
  color: #586DC0;
}

/* Divisions in Spalte "haupt-Klasse" */
div.produkte1 {
  width: 785px;
  height: auto;
  margin: 5px 5px 0px 10px;
  background-color: #BDC4DE;
  overflow: auto;
  border: 1px dotted #F0F3FE;
}
div.produkte2 {
  width: 785px;
  height: auto;
  margin: 5px 5px 0px 10px;
  background-color: #F0F3FE;
  overflow: auto;
  border: 1px dotted #BDC4DE;
}
img.klein {
  width: 80px;
  height: 80px;
  margin: 10px;
  float: left;
  border: solid 1px #000000;
}
img.gross {
  height: 467px;
  margin: 10px;
  border: solid 1px #000000;
}
table#master td.haupt div.id {
  margin: 5px 5px 0px 10px;
  width: 785px;
  height: auto;
  border: solid 1px #425ABD; 
  background-color: #F7F3D6; 
  overflow: auto;
}

/* Warenkorb-Tabelle */
table#wk {
  width: 785px;
  height: auto;
  margin: 0px;
  background-color: #F7F3D6;
  border: 1px dotted #BDC4DE;
}
table#wk td.left1 {
  width: 150px;
  border: solid 1px #FFFFFF;
  vertical-align: top;
}
table#wk td.left2 {
  width: 150px;
  border: solid 1px #FFFFFF;
  vertical-align: top;
}
table#wk td.left3 {
  width: 285px;
  border: solid 1px #FFFFFF;
  vertical-align: bottom;
}
table#wk td.left3 input {
  margin: 5px 5px 5px 20px;
  width: 100px;
  border: solid 1px #000000;
}
table#wk td.left3 input.sub1 {
  margin: 5px 5px 5px 0px;
  width: auto;
  border: none 1px #FFFFFF;
}
table#wk td.left4 {
  width: 200px;
  border: solid 1px #FFFFFF;
  vertical-align: bottom;
}
table#wk td.left5 {
  width: 200px;
  border: solid 1px #FFFFFF;
  vertical-align: top;
}
table#wk td.left6 {
  width: 285px;
  border: solid 1px #FFFFFF;
  vertical-align: top;
}


/* KASSE */
div.warnung {
  width: 785px;
  height: auto;
  margin: 5px 5px 0px 10px;
  background-color: #BDC4DE;
  overflow: auto;
  border: 1px dotted #F0F3FE;
}
table#kasse {
  width: 784px;
  height: auto;
  margin: 0px 0px 10px 30px;
}
table#kasse td.left {
  width: 120px;
  height: auto;
  vertical-align: top;
}
table#kasse td.mid {
  width: 272px;
  height: auto;
  vertical-align: top;
}
input.vorgemerkt {
  background-color: #F0F3FE;
  border: 1px dotted #BDC4DE;
  width: 25px;
  height: 25px;
}
select {
  margin: 10px 0px 0px 0px;
  background-color: #F0F3FE;
  border: 1px dotted #BDC4DE;
  width: 200px;
}
input.kasse-gr {
  margin: 10px 0px 0px 0px;
  background-color: #F0F3FE;
  border: 1px dotted #BDC4DE;
  width: 200px;
}
input.kasse-kl {
  margin: 10px 0px 0px 0px;
  background-color: #F0F3FE;
  border: 1px dotted #BDC4DE;
  width: 80px;
}
select.kasse-liste {
  margin: 10px 0px 0px 0px;
  background-color: #F0F3FE;
  border: 1px dotted #BDC4DE;
  width: 400px;
}
input.checker {
  margin: 0px 10px 0px 0px;
  background-color: #F0F3FE;
  border: 1px dotted #BDC4DE;
  width: 25px;
}
textarea.subtext {
  margin: 10px 0px 0px 0px;
  background-color: #F0F3FE;
  border: 1px dotted #BDC4DE;
  width: 475px;
  height: 50px;
}
textarea.volltext {
  margin: 10px 0px 0px 0px;
  background-color: #F0F3FE;
  border: 1px dotted #BDC4DE;
  width: 475px;
  height: 150px;
}

/* Sonderstylez */
.small-rechts {
  margin: 0px 20px 10px 10px;
  font-size: 10px;
  color: #000000;
  font-style: italic;
  text-align: right;
}

/* FOOTER */
div#foot {
  width: 785px;
  margin: 0px 0px 0px 190px;
  /* border: solid 1px #000000; */
  height: auto;
  
}
div#foot p {
  margin: 10px;
  text-align: center;
  
}
div#foot img {
  margin: 10px;
  width: 16px;
  height: 16px;
  float: right;
  border: none;  
}
/* Links */
div#foot a {
  color: #425ABD;
  text-decoration: none;
}
div#foot a:hover {
  color: #425ABD;
  text-decoration: underline;
}

/* CAPTURE */
div#capture {
  width: 300px;
  height: 75px;
  background-image: url(images/capture.jpg);
  border: dashed 1px #000000;
}
div#capture p {
  font-size:48px;
  font-style: italic;
  color: #CC7D7D;
}