/* 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: formatiert ein Datenfeld-Wert
	change: für Anzeige von Vorgängen
	Beleg: für Beleganzeige bei Aufträgen/Objekten
*/

/* 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: auto;
	}
*.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.foot {
	width: 100%;
	border-style: none;
	border-top: thin solid #808080;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
	color: #000000;
	background: #FFFFFF;
	table-layout: fixed;
	}
*.foot {
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	vertical-align: top;
	color: #808080;
	background: #FFFFFF;
	}
table.navigation, table.navigationsmall {
	width: 100%;
	border-style: none;
	table-layout: auto;
	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;
	}
img.navigation {
	border-style: none;
	}
ul.navigation, ul.navigationsmall {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	}
li.navigation, li.navigationsmall {
    float: left;
	padding-right: 10px;
	}

/* Tabellen fuer 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, th.Possmall {
	font-size: 10pt;
	}
th.Change, th.Beleg, th.Postiny {
	font-size:8pt;
	}
table.Meldung {
	border-style: none;
	color: #000000;
	background: #C0C0C0;
	}
tr.Pos:nth-child(even){
	background-color: #f2f2f2;
}
tr.Pos:hover {
	background-color: #ddd;
}
*.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;
	}

/* Titel: Klasse für Artikel-Vollanzeige in Listen */
div.Titel {
	//overflow: hidden;
}
div.Titel img#Cover {
	//width: 100%;
	height: 70px;
	/* SCALE */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 1;
	position: relative;
}
div.Titel img#Cover:hover {
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4);
	transform: translateX(150%) scale(4);
	z-index: 100;
	position: relative;
}

/* Produkttypen */
.productVariant {
	font-size: 12px
	}
.producttype {
	position: relative;
	clear: none!important;
	float: left
	}

#Produktart_Buch {
	background: url("/images/produktarten.png") no-repeat;
	position: bottom right;
	width: 32px;
	background-position: 0px 0px;
	}
.Produktart_Kalender, .Produktart_Software, .Produktart_Video-DVD,
.Produktart_Spiel, .Produktart_Hörbuch, .Produktart_Audiomedien,
.Produktart_Non-Book, .Produktart_Buch, .Produktart_EBook,
.Produktart_Default, .Produktart_Papeterie, .Produktart_Landkarte,
.Produktart_Noten, .Produktart_CD {
	background: url("/images/produktarten.png") no-repeat;
	clear: both;
	margin: 5px;
/*	padding-left: 5px;
	padding-bottom: 5px; */
	width: 32px;
	height: 32px;
	float: right;
	}
.Produktart_Kalender {
	background-position: -160px 0px;
	}
.Produktart_Software {
	background-position: -320px 0px;
	}
.Produktart_Film, .Produktart_Video-DVD {
	background-position:  -96px 0px;
	}
.Produktart_Spiel {
	background-position: -288px 0px;
	}
.Produktart_Hörbuch {
	background-position:  -32px 0px;
	}
.Produktart_Audiomedien {
	background-position: -224px 0px;
	}
.Produktart_CD {
	background-position: -192px 0px;
	}
.Produktart_Buch {
	background-position:    0px 0px;
	}
.Produktart_EBook {
	background-position:  -64px 0px;
	}
.Produktart_Landkarte {
	background-position: -256px 0px;
	}
.Produktart_Default, .Produktart_Papeterie,
.Produktart_Noten, .Produktart_Non-Book {
	background-position: -352px 0px;
	}