/* MAIN.CSS */

/* Allgemeines:
- Statt 'background-color' wird nur 'background' für die Hintergrundfarbe verwendet
  ('background' wird von den meisten Browsern unterstützt, 'backgroud-color' hingegen nicht unbedingt ???)
- 'color' und 'background' werden immer gemeinsam definiert

*/



/* Klassen:
Kopf: für die Ausgabe von Köpfen (Beleg und Auftrag)
Pos: für die Ausgabe von Positionen (Beleg, Auftrag, Objekt)
field: formatiert eine Datenfeld-Beschriftung
value: fiomatiert ein Datenfeld-Wert
change: für Anzeige von Vorgängen
Beleg: für Beleganzeige bei Aufträgen/Objektem
*/

/* Modifikation der allgemeinen Tags */
a { 
  font-family:Arial,sans-serif,Helvetica;
  text-decoration:none; 
  font-weight:bold; }
a:link { color:#000080; }
a:visited { color:#0000FF; }
a:hover { color:#8080FF; }
a:active { color:#8080FF; }

body {
  color:#000000;
  background:#FFFFFF; }

img {
  border-style:none; }

h1, h2, h3, h4, h5, h6 { 
  font-family:Arial,sans-serif,Helvetica;
  color:#800000; 
  background:#FFFFFF; }

p, li {
  font-family:Arial,sans-serif,Helvetica; }

table { 
  color:#000000;
  background:#FFFFFF;
  border-style:none; }
th {
  color:#FFFFFF;
  background:#800000;
  font-family:Arial,sans-serif,Helvetica; }
td {
  color:#000000;
  background:#FFFFFF;
  font-family:Arial,sans-serif,Helvetica; }
td img, th img { 
  vertical-align:top;
}

/* sonstige */
*.hidden {
  color:#FFFFFF;
  background:#FFFFFF; }
*.small {
  font-size:10pt; }
*.tiny {
  font-size:8pt; }

/* Fehler- und Hinweismeldungen 
   - Klassen: error, warning */
*.error, *.warning { 
  font-family:Courier;
  color:#FF0000;
  background:#FFFFFF; }
*.error {
  font-weight:bold; }
  
/* Hauptmenü */
  table.menu {
    border:none;border-collapse:collapse;
    table-layout:fixed;
    text-align:center;  
  }
  td.menu {
    text-align:left;vertical-align:top;
    margin:0;padding:0;width:300px;
  }
  td.menu#nw {
    background:url(/./images/frame_nw.png) no-repeat;
    width:18px;height:18px;
  }
  td.menu#n {
    background:url(/./images/frame_n.png) repeat-x;
    height:18px;
    color:#ffffff;text-align:center;font-weight:bold;vertical-align:text-top;
    font-size:14px;
  }
  td.menu#ne {
    background:url(/./images/frame_ne.png) no-repeat;
    width:18px;height:18px;
  }
  td.menu#w {
    background:url(/./images/frame_w.png) repeat-y;
    width:18px;
  }
  td.menu#e {
    background:url(/./images/frame_e.png) repeat-y;
    width:18px;
  }
  td.menu#sw {
    background:url(/./images/frame_sw.png) no-repeat;
    width:18px;height:18px;
  }
  td.menu#s {
    background:url(/./images/frame_s.png) repeat-x;
    height:18px;
  }
  td.menu#se {
    background:url(/./images/frame_se.png) no-repeat;
    width:18px;height:18px;
  }

/* (Seiten-)Kopf-, (Seiten-)Fuß-, Navigationsbereiche */
table.head { 
  width:100%;
  border-style:none;
  color:#000000;
  background:#FFFFFF;
  table-layout:fixed; }
*.headfield, *.headvalue {
  font-family:Arial,sans-serif,Helvetica;
  font-size:10pt;
  vertical-align:top; }
*.headfield {
  color:#FFFFFF;
  background:#800000;
  width:90px; }
*.headvalue {
  color:#FFFFFF;
  background:#404040; }

table.navigation, table.navigationsmall {
  border-style:none;
  table-layout:fixed;
  color:#000000;
  background:#FFFFFF; }  
*.navigation, *.navigationsmall {
  font-family:Arial,sans-serif,Helvetica;
  vertical-align:top;
  color:#404040; 
  background:#FFFFFF; }  
*.navigation {  
  font-size:10pt; }      
*.navigationsmall {  
  font-size:8pt; }

/* Tabellen für Login und Suchmasken */
table.query, table.login {
  table-layout:fixed;
  border-style:none;
  color:#000000;
  background:#FFFFFF; }
*.login, *.query, *.querysmall, *.queryoptions, *.queryfield, *.queryfieldsmall {
  vertical-align:top; }
*.queryoptions, *.queryfield, *.queryfieldsmall {
  font-family:Arial,sans-serif,Helvetica; 
  color:#800000; 
  text-align:right;
  background:#C0C0C0; }
th.queryfield {
  text-align:center; }
th.query {
  text-align:center; }
*.query, *.querysmall, *.login {
  color:#000000; 
  font-family:Arial,sans-serif,Helvetica; 
  text-align:left;
  background:#C0C0C0; }
*.queryfield, *.query, *.login { 
  font-size:12pt; }
*.queryfieldsmall, *.querysmall { 
  font-size:10pt; }
*.queryoptions { 
  font-size:10pt; }
a.queryhelp {
  font-weight:normal;
  text-decoration:none; }
a.queryhelp:link, a.queryhelp:visited {
  color:#800000; }
a.queryhelp:hover, a.queryhelp:active {
  color:#8080FF; }


/* Fußnoten */
table.footnote {
  border-style:none;
  color:#000000;
  background:#FFFFFF;
  table-layout:fixed; }
*.footnote { 
  font-family:Arial,sans-serif,Helvetica;
  border-style:none;
  vertical-align:top;
  font-size:10pt;           
  color:#808080; 
  background:#FFFFFF; }
ul.footnote, ol.footnote, li.footnote {
  margin:0px;
  padding:0px; }

/* Klasse 'Kopf'
   für Köpfe von auszugebenden daten, z.B. BelegKopf, Auftrag-Kopf, Objekt
   innerhalb der 'Kopf'-Tabellen sollen die Klassen
   - 'field' für Feldnamen
   - 'fieldsmall' für Feldnamen in kleinerer Schrift
   - 'value' für Datenwerte
   - 'valuesmall' für Datenwerte in kleinerer Schrift
   benutzt werden.
*/ 
table.Kopf { 
  border-style:none;
  color:#000000;
  background:#FFFFFF;
  table-layout:fixed; }
*.Kopf, *.field, *.value {
  font-size:12pt;
  vertical-align:top; }
th.Kopf {
  color:#800000; 
  background:#FFFFFF;
  text-align:left; }
*.field, *.fieldsmall { 
  text-align:right;
  font-family:Arial,sans-serif,Helvetica;
  color:#800000; 
  background:#C0C0C0; }
*.value, *.valuesmall { 
  font-family:Arial,sans-serif,Helvetica;
  color:#000000; 
  background:#C0C0FF; }
*.valuesmall, *.fieldsmall {
  font-size:10pt;
  vertical-align:top; }
a.fieldhelp, a.valuehelp {
  font-weight:normal;
  text-decoration:none; }
a.fieldhelp:link, a.fieldhelp:visited {
  color:#800000; }
a.valuehelp:link, a.valuehelp:visited {
  color:#000000; }
a.fieldhelp:hover, a.fieldhelp:active, a.valuehelp:hover, a.valuehelp:active {
  color:#8080FF; }



/* Klassen Pos, Beleg und Change
   für listenhafte Darstellung von z.B. Auftragspositionen, Änderungsvorgängen
*/
table.Pos, table.Change, table.Beleg {
  border-style:none;
  color:#000000;
  background:#FFFFFF; }
th.Pos, th.Change, th.Beleg {
  font-family:Arial,sans-serif,Helvetica;
  color:#FFFFFF;
  background:#808080; }
th.Pos { 
  font-size:10pt; }
th.change, th.Beleg { 
  font-size:8pt; }
table.Meldung {
  border-style:none;
  color:#000000;
  background:#C0C0C0; }
*.Pos, *.Beleg, *.Change, *.Possmall, *.Meldung, *.Postiny {
  vertical-align:top;
  color:#000000;
  background:#C0C0C0; }
td.Possmall, td.Postiny {
  border-collapse:collapse; }  
*.Meldung {
  font-family:Arial,sans-serif,Helvetica; }
*.Pos { 
  font-size:12pt; }
*.Change, *.Beleg, *.Possmall, *.Meldung { 
  font-size:10pt; }
*.Postiny { 
  font-size:8pt; }
td.Pos, td.Change, td.Beleg, pre.Change, td.Possmall {
  font-family:Arial,sans-serif,Helvetica; }
a.listhelp {
  font-weight:normal;
  text-decoration:none; }
a.listheadhelp {
  font-weight:bold;
  text-decoration:none; }
a.listhelp:link, a.listhelp:visited {
  color:#000000; }
a.listheadhelp:link, a.listheadhelp:visited {
  color:#FFFFFF; }
a.listhelp:hover, a.listhelp:active, a.listheadhelp:hover, a.listheadhelp:active {
  color:#8080FF; }



/* Bestellstatus-Übersicht */
table.status {
  border-style:none;
  color:#000000;
  background:#FFFFFF;
  table-layout:fixed; }
*.status, *.statusfield { 
  vertical-align:top;
  text-align:center;
  font-size:10pt; }
*.status {
  font-family:Arial,sans-serif,Helvetica;
  color:#FFFFFF; 
  background:#C0C0C0; }
*.statusfield {
  font-family:Arial,sans-serif,Helvetica;
  font-weight:bold; 
  color:#FFFFFF;
  background:#808080; }
td.statusfield { 
  text-align:left;
  width:250px;}
th.statusfield { 
  width:100px; }
td.status, th.status { 
  width:100px; }

/* für Adressliste in tag select... */
td#Adressliste { min-width:700px; }
div.Adressliste {
  overflow-x:scroll; 
  overflow:-moz-scrollbars-horizontal;
  width:680px; }
select.Adressliste {
  width:680px; }
div.Liste {
  overflow-x:scroll; 
  overflow:-moz-scrollbars-horizontal;
  width:200px; }
select.Liste {
  width:200px; }
  
 /* Debugging/Trace */
p.trace {
	font-size:8pt;
	font-family:monospace; 
	color:#000000; 
  	background:#C0C0C0; }
p.debug {
	font-size:8pt;
	font-family:monospace; 
	color: #FF0000; 
  	background:#C0C0C0; }
#proc {
	font-family:sans-serif;
	font-weight:bold; 
	font-style:italic; }