/* ***********************************
	Bestellsystem 2007-2020
	TYPE	: Stylesheet
	TITLE	: Basic Style
	DESC	: Main Stylesheet for Winkels Bestellsystem
	AUTHOR	: Renate Einecke // www.sevenpixels.de

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

body {
	background-color: #FFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #272348;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 18px; 
	color: #272348;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a {
	color: #06f;
}

a:hover {
	color: #F90;
}

/* ---------- TABS ---------- */

	#tabs {
		list-style: none;
		padding: 0;
		margin: 0;
		border: 1px solid #FFFFFF; /* TODO: IE workaround */
	}

	#tabs li {
		position: relative;
		float: left;
	}

	#tabs a {
		float: left;
		padding: 5px 8px;
		margin-right: 6px;
		border: 1px solid #0099CC;
		border-width: 1px 1px 0 1px;
		text-decoration: none;
		color: #000;
	}

	#tabs a:hover {
		background-color: #8dd8f8;
		color: #FFF;
	}

	#tabs a.active-tab {
		background-color: #0099CC;
		color: #FFF;
	}

	.panel {
		clear: both;
		display: none;
		border: 1px solid #0099CC;
		padding: 15px;
		background-color: #FFF;
		margin: 0;
	}

	.panel.active-tab-body {
		display: block;
	}

/* ---------- /TABS ---------- */


/* ---------- TABLES ---------- */

	table {
		border-collapse: collapse;
	}

	td, th {
		padding: 0.3em;
		border: 1px solid #CCC;
		text-align: left;
	}

	thead, tfoot {
		background-color: #DDD;
	}

	tr.rowodd {
		background-color: #FFFFFF;
	}

	tr.roweven {
		background-color: #F2F2F2;
	}

	.sortcol {
		cursor: pointer;
		padding-right: 20px;
		background-repeat: no-repeat;
		background-position: right center;
	}

	.sortasc {
		background-color: #DDFFAC;
		background-image: url(/images/table/up.gif);
	}

	.sortdesc {
		background-color: #B9DDFF;
		background-image: url(/images/table/down.gif);
	}

	.nosort {
		cursor: default;
	}

/* ---------- /TABLES ---------- */


/* ---------- FORMS ---------- */

	form {
		margin: 0;
		padding: 0;
	}

	form * {
		font-size: 12px;
	}

	fieldset {
		border: 1px solid #009DCA;
		padding: 0 15px 15px 15px;
	}

	legend {
		font-weight: bold;
	}

	form p {
		margin: 0 0 5px 0;
		padding: 0;
	}

	form div.message ul {
		margin: 0;
		padding: 0;
	}

	form input,
	form select,
	form textarea {
		color: #272348;
		border: 1px solid #009DCA;
		font-family: Verdana, Helvetica, sans-serif;
	}

	form input:focus,
	form select:focus,
	form textarea:focus {
		background: #CEE5EC;
	}

	label {
		float: left;
	}

	form input.checkbox {
		float: left;
		width: auto ! important;
		border: 0;
	}

	form label.label_for_checkbox {
		float: right ! important;
		width: 93% ! important;
	}

	form p.buttons {
		margin: 0;
	}

	form p.buttons label {
		color: #FFFFFF;
	}

	form p.buttons input {
		width: auto ! important;
		background: #009DCA;
		color: #FFFFFF;
		margin-right: 10px;
	}

/* ---------- /FORMS ---------- */


/* ---------- HEADER ---------- */

	#header {
		margin-bottom: 20px;
	}

	#header img {
		float: left;
		margin: 15px 50px 15px 15px;
	}

	#header h1 {
		margin-top: 30px;
		width: 400px;
		float: left;
	}

	#header div#Lieferant {
		margin: 34px 15px 0 0;
		float: right;
		text-align: right;
		width: 450px;
	}

	#header div#line {
		height: 16px;
		background: #0099CC;
	}

	#header div#line div#loading {
		margin-left: 161px;
		width: 16px;
		height: 16px;
		background: url(/images/loading_1.gif);
	}

/* ---------- /HEADER ---------- */


#contentWrap {
	padding: 0 15px 15px 15px;
}


/* ---------- FORM: LOGIN ---------- */

	#login label {
		width: 120px;
	}

	#login input {
		width: 350px;
	}

/* ---------- /FORM: LOGIN ---------- */


/* ---------- FORM: KENNWORT ZURÜCKSETZEN ---------- */

	#Kennwort_zuruecksetzen label {
		width: 120px;
	}

	#Kennwort_zuruecksetzen input {
		width: 350px;
	}

/* ---------- /FORM: KENNWORT ZURÜCKSETZEN ---------- */


/* ---------- FORM: LIEFERANTENNUMMERNAUSWAHL ---------- */

	#Lieferantennummernauswahl label {
		width: 150px;
	}

/* ---------- /FORM: LIEFERANTENNUMMERNAUSWAHL ---------- */


/* ---------- FORM: KUNDEN SUCHFORMULAR ---------- */

	#Kunden_Suchformular {
		margin-bottom: 20px;
	}

	#Kunden_Suchformular label {
		width: 80px;
	}

	#Kunden_Suchformular input {
		width: 230px;
	}

/* ---------- /FORM: KUNDEN SUCHFORMULAR ---------- */


/* ---------- FORM: ZUSÄTZLICHE BESTELLANGABEN ---------- */

	#Zusaetzliche_Bestellangaben_Formular {
		margin-bottom: 20px;
	}

	#Zusaetzliche_Bestellangaben_Formular label {
		width: 220px;
	}

	#Zusaetzliche_Bestellangaben_Formular #Anmerkungen_Rahmen {
		float: left;
		width: 60%;
	}

	#Zusaetzliche_Bestellangaben_Formular label.Anmerkung {
		width: 90% ! important;
		padding-top: 2px;
	}

	#Zusaetzliche_Bestellangaben_Formular input.Anmerkung {
		float: left;
		width: auto ! important;
		border: 0;
	}

	#Zusaetzliche_Bestellangaben_Formular select {
		margin-right: 5px;
	}

/* ---------- /FORM: ZUSÄTZLICHE BESTELLANGABEN ---------- */


/* ---------- FORM: KUNDEN SUCHFORMULAR ---------- */

	#Anmerkungend {
		margin-bottom: 20px;
	}

	#Anmerkungend label {
		width: 110px;
	}

	#Anmerkungend input {
		width: 300px;
	}

/* ---------- /FORM: KUNDEN SUCHFORMULAR ---------- */


/* ---------- TABLES: KUNDEN LISTE ---------- */

	table.Kunden_Tabelle {
		width: 100%;
	}

	table.Kunden_Tabelle td {
		cursor: pointer;
	}

	table.Kunden_Tabelle th#Kunden_Tabelle_Kundennummer {
		padding: 0.3em ! important;
		width: 100px;
	}

	table.Kunden_Tabelle th#Kunden_Tabelle_PLZ {
		padding: 0.3em ! important;
		width: 70px;
	}

	table.Kunden_Tabelle th#Kunden_Tabelle_Auswaehlen {
		padding: 0 ! important;
		width: 34px;
	}

/* ---------- /TABLES: KUNDEN LISTE ---------- */


/* ---------- TABLES: AUSGEWÄHLTER KUNDE ---------- */

	table.Ausgewaehler_Kunde_Tabelle {
		margin: 10px 0 10px 0;
		width: 100%;
	}

	table.Ausgewaehler_Kunde_Tabelle th#Ausgewaehler_Kunde_Tabelle_Kundennummer {
		padding: 0.3em ! important;
		width: 100px;
	}

	table.Ausgewaehler_Kunde_Tabelle th#Ausgewaehler_Kunde_Tabelle_PLZ {
		padding: 0.3em ! important;
		width: 70px;
	}

/* ---------- /TABLES: AUSGEWÄHLTER KUNDE ---------- */


/* ---------- TABLES: ARTIKEL LISTE ---------- */

	table.Artikel_Tabelle {
		margin: 10px 0 10px 0;
		width: 100%;
	}

	table.Artikel_Tabelle th#Artikel_Tabelle_WinkelsArtikelnummer,
	table.Artikel_Tabelle th#Artikel_Tabelle_LieferantenArtikelnummer,
	table.Artikel_Tabelle th#Artikel_Tabelle_Sortengruppe {
		padding: 0.3em ! important;
		width: 130px;
	}

	table.Artikel_Tabelle th#Artikel_Tabelle_Gebinde,
	table.Artikel_Tabelle th#Artikel_Tabelle_Inhalt,
	table.Artikel_Tabelle th#Artikel_Tabelle_Bestellmenge,
	table.Artikel_Tabelle th#Artikel_Tabelle_MengeGratisbestellung {
		padding: 0.3em ! important;
		width: 90px;
	}

	table.Artikel_Tabelle td.Artikel_Tabelle_Bestellmenge,
	table.Artikel_Tabelle td.Artikel_Tabelle_MengeGratisbestellung {
		width: 90px;
	}

	table.Artikel_Tabelle td.Artikel_Tabelle_Bestellmenge input,
	table.Artikel_Tabelle td.Artikel_Tabelle_MengeGratisbestellung input {
		width: 90px;
	}

/* ---------- /TABLES: ARTIKEL LISTE ---------- */


/* ---------- TABLES: AUSGEWÄHLTE ARTIKEL LISTE ---------- */

	table.Ausgewaehlte_Artikel_Tabelle {
		margin: 10px 0 10px 0;
		width: 100%;
	}

	table.Ausgewaehlte_Artikel_Tabelle th#Ausgewaehlte_Artikel_Tabelle_WinkelsArtikelnummer,
	table.Ausgewaehlte_Artikel_Tabelle th#Ausgewaehlte_Artikel_Tabelle_LieferantenArtikelnummer,
	table.Ausgewaehlte_Artikel_Tabelle th#Ausgewaehlte_Artikel_Tabelle_Sortengruppe {
		padding: 0.3em ! important;
		width: 130px;
	}

	table.Ausgewaehlte_Artikel_Tabelle th#Ausgewaehlte_Artikel_Tabelle_Gebinde,
	table.Ausgewaehlte_Artikel_Tabelle th#Ausgewaehlte_Artikel_Tabelle_Inhalt,
	table.Ausgewaehlte_Artikel_Tabelle th#Ausgewaehlte_Artikel_Tabelle_Bestellmenge,
	table.Ausgewaehlte_Artikel_Tabelle th#Ausgewaehlte_Artikel_Tabelle_MengeGratisbestellung {
		padding: 0.3em ! important;
		width: 90px;
	}

	table.Ausgewaehlte_Artikel_Tabelle td.Ausgewaehlte_Artikel_Tabelle_Bestellmenge input,
	table.Ausgewaehlte_Artikel_Tabelle td.Ausgewaehlte_Artikel_Tabelle_MengeGratisbestellung input {
		width: 120px;
	}

/* ---------- /TABLES: AUSGEWÄHLTE ARTIKEL LISTE ---------- */


/* ---------- TABLES: BESTELLUNGEN LISTE ---------- */

	table.Bestellungen_Tabelle {
		width: 100%;
	}

/* ---------- /TABLES: BESTELLUNGEN LISTE ---------- */


#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#overlay img {
	display: block;
	margin: 43px auto 0 auto;
}

.messageError {
	color: #FF0000;
}

.cb {
	clear: both;
}

.r {
	text-align: right;
}

.dn {
	display: none;
}