/*
////////////////////////////////////////////////////////////////////////////
///
/// Projekt: shop to date 6
/// Autor: Volker Sauer, (C) 2005, 2006, 2007, 2008
/// etor Softwareentwicklung e.K.
/// Bottroper Str. 19, 45899 Gelsenkirchen, sauer@etor.de
///
/// Datei: ostpl/main.css -> s2diotmain.css
/// Art: Stylesheet für die Online Auftragsverwaltung
/// Inhalt: Klassen
/// Beschreibung: Na Klassen halt
//
////////////////////////////////////////////////////////////////////////////
///
/// Letzte Änderungen:
///
////////////////////////////////////////////////////////////////////////////
///<07.12.2008/6.0.3.5/>

/* Hintergrundfarbe normal */
#bmenu, div.headspace, div.headend, th, #menu, table.dialog, tr.lowmark {
	background-color: ThreeDFace;
}

td.lowmark {
	border-top: 1px solid ThreeDFace;
	border-bottom: 1px solid ThreeDFace;
}

a.bmenu {
	border: 1px solid ThreeDFace;
}

/* Hintergrundfarbe Button */
a.selected, button {
	background-color: ThreeDLightShadow;
}

/* Hintergrundfarbe Fenstertitel */
h2, body {
	background-color: ActiveCaption;
}

table.dialog {
	border: 3px solid ActiveCaption;
}

/* Hintergrundfarbe Highlight */
tr.mark, tr.both, span.menuselect, span.menu:hover, tr.menu:hover, textarea.nok, input.nok {
	background-color: Highlight;
}

td.mark {
	border-top: 1px solid Highlight;
	border-bottom: 1px solid Highlight;
}

/* Schriftfarbe Link */
a, a:hover, a.active, a.visited, h1, h3, span.link {
	color: Background;
}

h3 {
	border-bottom: 1px solid Background;
}


/* Schriftfarbe schwarz */
body, td, h3, tr, a.bmenu {
	color: WindowText;
}

/* Hintergrundfarbe, Schriftfarbe weiss */
body, table.menu, table.expand, #content, div.modal, textarea, #email_container {
	background-color: Window;
}

td.no {
	border-top: 1px solid Window;
	border-bottom: 1px solid Window;
}

td.mark, td.both, td.mark a, td.both a, td.menusel, span.menuselect, span.menu:hover, h2, input.nok, textarea.nok {
	color: HighlightText;
}

/* Grauer Text für readonly */
textarea.readonly, input.readonly {
	color: GrayText;
}

/* Hintergrundfarbe grau für Rahmenlinien */
div.menuspacer {
	background-color: ThreeDDarkShadow;
}

th:active, table.menu {
	border: 1px solid ThreeDDarkShadow;
}

td.select, td.both {
	border-top: 1px solid ThreeDDarkShadow;
	border-bottom: 1px solid ThreeDDarkShadow;
}

textarea, a.selected, input, select, #email_container {
	border: 1px inset ThreeDFace;
}
input.noborder {
	border: 0;
}

a.bmenu:hover, th {
	border: 1px outset ThreeDFace;
}

button:active {
	border: 2px inset ThreeDFace;
}

button {
	border: 2px outset ThreeDFace;
}

span.leftspacer {
	border-left: 1px solid ThreeDDarkShadow;
	height: 10px;
}

#menu, div.headend, #bmenu, td.headend {
	border-bottom: 1px solid ThreeDDarkShadow;
}

/* Mauszeiger */
tr.lowmark, tr.mark, tr.both, tr.no, tr.select, tr.menu, span.menuselect, span.menu:hover, span.menu, h2 {
	cursor: default;
}

tr.no, tr.mark, tr.both, tr.select, tr.lowmark {
	height: 17px;
}

span.link {
	cursor: pointer;
}

#wait {
	cursor: wait;
}

h2 {
	cursor: move;
}

h2.nomove {
	cursor: default;
}

/* Innen- und Aussenabstände , Größenangaben*/
html, body {

}

p, h3 {
	padding-bottom: 0;
	margin-bottom: 1em;
	padding-top: 0;
	margin-top: 0;
}

body {
	margin: 0;
	z-index: 0;
}

td, th {
	padding: 0px 8px;
}

table.menu td, th, button {
	padding: 2px 8px;
}
td.raw {
	padding: 0;
}

span.menuselect, span.menu:hover, span.menu {
	padding: 4px 5px;
}

span.leftspacer, a.bmenu {
	padding: 3px;
}
td.space {
	width: 2em;
}

#bmenu {
	padding: 5px;
}

div.dialogcontent, #email_container {
	padding: 15px;
}

#content {
	padding-left: 8px;
	min-height: 344px;
}

#menu {
	/*height: 18px;*/
	padding: 3px;
}

div.headspace {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 0;
}

div.headend {
	height: 8px;
	margin: 0;
	padding: 0;
}

div.menuspacer {
	height: 1px;
	margin: 2px 0px;
}

img.icon {
	padding-left: 3px;
	padding-right: 6px;
	padding-top: 0;
	padding-bottom: 0;
}

h1 {
	margin-bottom: 40px;
	margin-top: 1px;
}

h2 {
	margin: 0;
	padding: 1px 2px;
}

h3 {
	width: 20em;
}

input {
	padding-left: 3px;
	padding-right: 3px;
}

p.lefttab {
	margin-left: 5em;
}

/* Ausrichtungen */
.left, th {
	text-align: left;
}

.center, #wait {
	text-align: center;
}

.right {
	text-align: right;
}

.top {
	vertical-align: top;
}

.middle, img.icon {
	vertical-align: middle;
}

.expand {
	width: 100%;
}

/* Schriftformatierung */
body, td, h3, tr {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}

h1 {
	font-size: 35px;
}

h2, button, input, select {
	font-size: 12px;
}

h2, h3, span.bold {
	font-weight: bold;
}

h1, th {
	font-weight: normal;
}

a.bmenu {
	text-decoration: none;
}

span.link {
	text-decoration: underline;
}

/* Hintergrundbilder und Bilder */
img.icon, img.status {
	border: 0;
}

img.status {
	padding:0; margin: 0;
}

/* Positionierung, Größen */
table.menu {
	position: absolute;
}

div.modal, #wait {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}

table.dialog {
	position: absolute;
	left: 30%;
	top: 10%;
}

#email_container {
	overflow: auto;
	width: 110%;
}

#email_container {
	height: 20em;
	width: 50em;
}

/* Sichtbarkeit, Überfüllung */
div.invis, table.menu, a.invis {
	visibility: hidden;
}

a.none {
	display: none;
}

.none {
	display: none;
}

body {
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}

table.menu {
	z-index: 100;
}

#tab1, #tab2, #tab3 {
	overflow-y: scroll;
	overflow-x: auto;
}

/* Debugmode */
#log {
	visibility: hidden;
	position: absolute;
	border: 1px solid gray;
	left: 1000px;
	top: 10px;
	height: 500px;
	width: 500px;
	overflow: auto;
	background-color: white;
	opacity: 0.9;
	padding: 3px;
	z-index: 200;
}

td.nofont {
	font-size: 1px;
}