/* for use with DBhtml.php
	Version: 6.9.2007
*/

/*@page { size: 29.7cm 21cm; margin: 1cm; } */ /* size: 29.7cm 21cm | landscape */
@media print {
  .btmain, .iwfheader { display: none; }
}

body {
  font-size: 80%;  /* standard ist 16px, feste font größe läßt sich in IE aber nicht ändern */
}
/* override from IWF.css */
table {
  empty-cells: show;
  font-size: 100%;
}
table.total {
  width: 100%;
}
td.menu {
  width: 20%;
  vertical-align: top;
  border-right: 2px solid black;
}

/* show+edit */
.record {       /* der gesamte Record */
  clear: both;
  margin-bottom: 10px;
}
.row {          /* eine Zeile mit label und element */
  clear: both;
  margin-top: 3px;
  padding-left: 20px;
  /* width: 100%; */
}

.label {
  float: left;
  /* width: 150px ist zu wenig für lange Feldnamen und/oder große Schriften
     abhilfe: overflow: hidden oder overflow: auto
     oder min-width: 150px
  */
  _width: 150px;
  min-width: 150px;
  min-height: 1.5em;  /* wie bei .element */
  padding: 2px;
  font-weight: bold;
  background-color: #dedede;
  text-align: right;
  vertical-align: top;
  /* border: 1px solid black; */
}

.element, element_nowrap, .element_pre, .element_break {
  margin: 0px 2px 0px 160px;  /* width von label + diff, sollte bei IE7 entfallen! */
  padding: 2px;
  min-height: 1.5em;  /* dann passen auch die checkboxen rein */
  text-align: left;
}
.element {
  white-space: normal;   /* war mal 'pre'=umbrüche behalten! Warum? */
}
.element_nowrap {
  white-space: nowrap;
}
.element_pre {
  white-space: pre;
}
.element_break {
  text-align: left;
}

/* row, element ohne label! */
.row_nl  {
  display: inline;
  clear: both;
  margin-top: 3px;
  /* width: 100%; */
}
.element_nl {
  display: inline;
/*
  xmargin: 0px 2px 0px 2px;
  xpadding: 2px;
*/
  min-height: 1.5em;  /* dann passen auch die checkboxen rein */
  text-align: left;
}

.info {	/* unter Feldern bei show */
  font-size: 0.75em;
}
.hint {	/* unter den <input> Feldern bei edit */
  font-size: 0.75em;
  white-space: normal; /* override from .element */
}
.fielderror { /* Fehlermeldungen unter den Feldern bei edit */
  font-size: 0.75em;
  background-color: #ffcccc;
}
.center {
  text-align: center;
}

input { /* bei INPUT scheint der Rahmen=Schriftgröße zu sein
           dadurch wird die Schrift sehr klein, interessanterweise reicht 1em */
  font-size: 1em;
}

/* listing:  normal ist class=list, für Druckfreindliche Ausgabe ist class='print'*/
table.list {
  border: 1px solid black;
  border-collapse: collapse;
}
.nowrap {
  white-space: nowrap;
}
.pre {
  white-space: pre;
}
table.print {
  border: 1px dashed black;
  border-collapse: collapse;
}
table.list td, table.list th, table.print td, table.print th {
  border: 1px solid black;
  padding: 3px;
  vertical-align: top;
}
table.list th  {
  background: darkgray;
}
table.list tr.one  {
  background: white;
}
table.list tr.two  {
  background: lightgrey;
}

.listcenter {
  text-align: center;
}

/* notice and error */
.notice {
  font-weight: bold;
}
.error {
  /*font-color: red;*/
  font-weight: bold;
  background-color: #ffcccc;
}

table.DBhtml_Liste {
  border: 1px solid black;
  border-collapse: collapse;
}
.DBhtml_Liste img, .record img {
  border: none;
}

.field {  /* used in function field() */
  display: inline;
}

.DBhtmledit {
}
.DBhtmldelete {
}
.DBhtmlnew {
}
.DBhtmllist {
  text-align: right;
}

@media print {
  .DBhtml_Liste img {
    display: none;
  }
  .belowtable {
    display: none;
  }
}

/* Zeile mit buttons */
.buttonrow {
  clear: both;
  line-height: 2em;
  margin-top: 10px;
  /*padding-left: 20px;*/
  /* width: 100%; */
}

/* Image buttons */
.DBhtmlButton {
  margin: 5px;
  vertical-align: middle;
  text-decoration: none;
  border: none;
}
.DBhtmlButton  img {
  border: 0px;
}
button.DBhtmlButton, a.DBhtmlButton {
  font-size: 0.8em;
  border: 0px;
  background: none;
  float: left;
  cursor: pointer;
  line-height: 1.5em;
}
a.DBhtmlButton {
  color: black;
  text-align: center;
  font-family: "MS Shell Dlg",sans-serif;
}
input.DBhtmlButton {
  /*font-size: 0.8em;*/
  border: 2px solid gray;
  border-style: outset;
}

/* links which should look like a form button */
.DBhtmlTextButton {
  display: inline;
  font-size: 0.7em;
  vertical-align: middle;
  font-family: MS Shell Dlg;
  text-decoration: none;
  margin: 5px;
  padding: 1px 5px;
  border: 2px solid gray;
  border-style: outset;
  background-color: #c0c0c0;
  white-space: nowrap;
}
.DBhtmlTextButton a {
  text-decoration: none;
  color: black;
}
.DBhtmlTextButton a:link {
  color: black;
}
.DBhtmlTextButton a:hover {
  color: black;
}
.DBhtmlTextButton a:active {
  color: black;
}
.DBhtmlTextButton a:visited {
  color: black;
}
.DBhtmlTextButton a:visited:hover {
  color: black;
}