/* Basisdefinition, 2 Spalten, rechts frei wachsend --------------------------- */

body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background-color: #D4D0C7;
  padding: 0;
  margin-top: 0;
}

div#topBox {
  width: 100%;
  height: 65px;
  background-color: #FFFFFF;
  margin-top: 6px;
  margin-bottom: 0;
  padding: 0;
}

div#navHint {
  position: absolute;
  top: 16px;
  right: 16px;
  border: #A0A0A0 solid 1px;
  background: #FFFFFF;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

div#wrapper {
  background: #FFFFFF;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 10pt;
}

div#colLeft {
  float: left;
  width: 200px;
}

div#colMain {
  padding-left: 0px;
  margin-left: 216px;
}

div#content {
  width:100%;
  margin-bottom: 8px;
}

div#divider {
  border-top: 1px solid grey;
  height: 1px;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Styles für Navigations- und Infobereich links ------------------------------ */

div.stateBox {
  width: 190px;
  margin-bottom:20px;
}

div.stateBoxHeader {
  display: block;
  width: 100%;
  background-color: #AEC1CB;
  font-size: 10pt;
  font-weight: bold;
  margin-top: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}

div.stateBoxFlapContainer {
  padding:0;
  margin:0;
}

div.stateBoxContent {
  padding: 4px;
  width: 100%;
  overflow: hidden;
}

div.stateBoxContent p {
  font-size: 8pt;
}

div.stateBoxContent ul {
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
  font-size: 9pt;
  margin-bottom: 6px;
}

div.stateBoxContent ul li {
  margin-bottom: 2px;
}

div.stateBoxContent ul li ul {
  list-style: none;
  padding-left: 10px;
}

div.stateBoxContent ul#plateList {
  font-size: 8pt;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* ---------------------------------------------------------------------------- */

div.artikel {
  font-size: 10pt;
  text-align: center;
  font-weight: bold;
  border: 1px solid #606060;
  background-color: #FFFFFF;
  padding-top: 8px;
  color: #000000;
  width: 150px;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-right: 4px;
  float: left;
  cursor: pointer;
}

div.material {
  float: left;
  text-align: center;
  width: 160px;
  height: 96px;
  border: 1px solid silver;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 4px;
  font-size: 8pt;
  cursor: pointer;

  background-color: #FFFFFF;
}

div.selectedMaterial {
  float: left;
  text-align: center;
  width: 160px;
  height: 96px;
  border: 1px solid silver;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 4px;
  font-size: 8pt;
  cursor: pointer;

  background-color: #AEC1CB;
  color: #FFFFFF;
}

div.material img, div.selectedMaterial img {
  border: 1px solid black;
}

td.directorypic {
  vertical-align:bottom;
  text-align:left;
}

img.directorypic {
  margin-left:5px;
  margin-bottom:2px;
}

td.artikelPreis, td.artikelPos {
  text-align:right;
}

td.artikelMenge {
  text-align:center;
}

table.mtable {
  margin:0px;
}

div.loginbox {
  width: 100%;
  padding-top:8em;
  padding-bottom:8em;
}

input.inputter, select.inputter {
  background-color:#FFFFFF;
}

input.inputterRO {
  color:#808080;
  background-color:#FFFFFF;
}

input.radiobox, input.checkbox {
  background-color:transparent;
}

input.imagebutton {
  border:1px solid black;
  width: 23px;
  height: 20px;
  background:#D3D0C9;
  margin:0;
}

input[disabled] {
  background:#FFFFFF;
  color:grey;
}

td.suchbox {
  font-size:8pt;
  margin-left:5px;
  vertical-align:bottom;
}

h2.masktitle {
  position:absolute;
  font-size:11pt;
  font-weight:bold;
  left:3px;
  top:1px;
  margin-top:0;
}

.errorinput {
  background-color:#FF0000;
  color:#000000;
}

h1, .h1 {
  font-size:16pt;
  font-weight:bold;
}

h5, .h5 {
  font-size:9pt;
}

ul.treeview {
  margin:0;
  padding:0;
}

a.cellLinker {
  display:block;
}

td {
  vertical-align:top;
}

th {
  font-weight:bold;
  background-color:#E8E8E8;
}

tr.tl2g_row2 {
  background-color:#E0E0E0;
}

tr.basket_row1 td, tr.basket_row2 td {
  border-top: 1px solid black;
  cursor: pointer;
}

tr.basket_row1 td td, tr.basket_row2 td td {
  border-top: none;
}

img.assistent_picture {
  border:1px solid black;
}

div#artikelMaske {
  width: 450px;
  height: 800px;
  position: relative;
}

div#imgOneText {
  position: absolute;
  top: 50px;
  left: 10px;
  width: 96px;
  height: 166px;
  z-index: 500;
  font-size: 7pt;
  display: none;
}

div#artikelBild {
  position: relative;
  top: 0;
  left: 510px;
}

div#artikelControl {
  width:540px;
}

div#matContainer {
  width:98%; height:100px; overflow:auto;
  border: 1px solid black;
  padding: 2px;
  background-color:#E0E0E0;
}

div#matContainer p.pcOben {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 8pt;
}

div#matContainer p.pcUnten {
  margin-top: 4px;
  margin-bottom: 4px;
  padding-bottom: 4px;
  font-size: 8pt;
}

div#matContainerGroups {
  width:98%; height:110px; overflow:auto;
  border: 1px solid black;
  padding: 2px;
  background-color:#E0E0E0;
  margin-bottom: 10px;
}

div#matContainerActive {
  width:98%; height:100px; overflow:auto;
  border: 1px solid black;
  padding: 2px;
  background-color:#E0E0E0;
}

div.subListEntries {
  float: left;
  width: 100%;
  margin-top: 1em;
}

/* ***************************************/

.rowdesc, .rowbutton {
  text-align:right;
}

td.rowdesc {
  text-align: right;
  padding-top: 4px;
}

td.txtdesc {
  text-align: right;
}

table {
  text-align:left;
}



/* ________________________________________________________________________________________ */
/*                                                                                          */
/*    *** Alert Window ***                                                                  */
/* ________________________________________________________________________________________ */

div.aw {
  position:fixed;
  background-color:#FFFFFF;
  z-index:1000;
}

table.awInline {
  border:2px solid #000000;
  margin-left:auto;
  margin-right:auto;
}

table.aw {
  border:2px solid #000000;
}

td.aw_content {
  border-top:1px solid #000000;
  vertical-align:middle;
  text-align:center;
}

td.aw_close {
  font-size:12pt;
  font-weight:bold;
  text-align:right;
  background-color:#0D2F51;
  color:#FFFFFF;
}

td.aw_close a {
  color:#FFFFFF;
  text-decoration:none;
}

td.aw_title {
  font-weight:bold;
  font-size:1.1em;
  padding-left:1em;
  background-color:#0D2F51;
  color:#FFFFFF;
}





td a.simpleButton {
  display:block;
  background-color:#AEC1CB;
  color:#FFFFFF;
  text-decoration:none;
  padding:4px;
  font-weight:bold;
  text-align:center;
  border:1px solid white;
}

td a.simpleButton:hover {
  display:block;
  background-color:#AEC1CB;
  color:#000000;
  text-decoration:none;
  padding:4px;
  font-weight:bold;
  border:1px solid black;
}



div#pageblock {
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background-color:#AEC1CB;
  opacity:0.5;
  -moz-opacity:0.5;
  filter:alpha(opacity=50);
  z-index:999;
}

span#indicator1 {
  z-index: 1000;
  border: 1px solid black;
  background: #FFFFFF;
  padding-top: 20px;
  text-align: center;
  width: 200px;
  height: 50px;
  font-size: 8pt;
  position: fixed;
}

p#footerHint {
  font-size: 7pt;
  text-align: right;
  margin-bottom:2px;
}

p#footerHint a {
  text-decoration: none;
  color: #505050;
}

form {
  margin: 0;
  padding: 0;
}

table.quer {
  font-size:9pt;
}

div#tipDiv {
  position: absolute;
  visibility: hidden;
  z-index: 90;
  border: 1px solid black;
  background-color: #AEC1CB;
  padding: 4px;
  overflow: hidden;
}

div#tipDiv.transparent {
  position: absolute;
  visibility: hidden;
  z-index: 90;
  border: 0;
  background-color:transparent;
  padding: 4px;
  overflow: hidden;
}

div#tipDiv div img {
  border: 1px solid black;
}

img.dekorPreview {
  border: 1px solid black;
}

td.clickable {
  cursor: pointer;
}

a.hidden, a:hover.hidden, a:visited.hidden, a:active.hidden {
  text-decoration: none;
  color: #FFFFFF;
}

div.statBlock {
  width:500px;
  float:left;
  margin-right: 1em;
  margin-bottom: 1em;
}