/* Grundlayout ************************************************************* */

* {
	margin:0px;
	padding:0px;
}

html {
	width:100%;
}

body {
	font-family:Verdana, Helvetica, Geneva, Swiss, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	background-color: #8fcd66;
	/* background-image: url('../images/water-mirror.jpg'); */
	/* background-repeat: no-repeat; */
	margin: 0;
	text-align: center;
}

/* Ergänzungen zum neuen Design 12.2010 */
/* Andreas Prieß - ap@metaphysis.de */

#bodyContainer {
	width: 970px;
	margin: 15px auto 15px auto;
	text-align: left;
}

a img  {
	border: none;
}

table.articleGrid {
	width: 100%;
	border-collapse: collapse;
	empty-cells: hide;
	margin-top: 10px;
}

table.articleGrid td {
	padding: 6px;
	border: 1px solid #FFB000;
	text-align: left;
	vertical-align: top;
	background-color: #fcfcf8;
}

table.articleGrid td.emptyCell {
	border-style: none;
	background-color: transparent;
}

div.pictureHomepage {
	margin-bottom: 4px;
	text-align: center;
}

div.warenkorbHomepage {
	float: right;
	text-align: right;
	padding-right: 8px;
}

.price {
	font-weight: bold;
}

.pricePrevious {
	text-decoration: line-through;
}

.quantity {
	font-weight: bold;
}

/***** Styles der Vorversionen *****/

td {
	font-family:Verdana, Helvetica, Geneva, Swiss, sans-serif;
	font-size:11px;
	color:#333333;
}

table.tableForm td {
	padding:4px;
}

h1 {
	font-size:14px;
	font-weight:bold;
	color:#061F70;
	line-height:22px;
	margin:0px 0px 6px 0px;
}

h2 {
	font-size:12px;
	font-weight:bold;
	color:#061F70;
	line-height:18px;
	margin:0px;
}

/* Boxen ******************************************************************* */

div.box {
	border:1px solid #FFB000;
	background-color:#fcfcf8;
}

div.box div.box_header {
	padding:6px;
	font-weight:bold;
	line-height:normal;
	color:#FFFFFF;
	background-color:#1437AD;
}

div.box div.box_content {
	padding:6px;
}

.box_header a:link, .box_header a:active, .box_header a:visited, .box_header a:hover {
	color: white;
	background-color: inherit;
}

/* Boxen: Shop-Inhalte ***************************************************** */

div.box div.box_shopcontent {
	padding:15px;
	background-color:#fcfcf8;
}

div.box div.box_shopcontent p {
	margin:10px 0px 0px 0px;
}

div.box div.box_shopcontent ul {
	margin:5px 0px 20px 20px;
	padding:0px;
	list-style:none;
}

div.box div.box_shopcontent li {
	background-image:url('../images/li_content.gif');
	background-repeat:no-repeat;
	padding:10px 0px 0px 13px;
}

#impressum h3, #impressum p.text {
	margin: 6px 0;
}

#agb h3 {
	margin: 12px 0;
}

#agb p {
	margin: 6px 0;
}

#agb td.kg, #agb td.euro {
	padding: 4px;
	text-align: right;
}

/* Logo ******************************************************************** */

#logo {
	width:970px;
	margin:0px auto 12px auto;
}

#logoimg {
	border-color: #FFB000;
	border-width: 1px;
	border-style: solid;
}

/* Navigation oben ********************************************************* */

#navigation_oben {
	float: right;
	font-family:Arial, Helvetica, Geneva, Swiss, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#061F70;
	line-height:28px;
	background-color:#FFB000;
	text-align: left;
	padding-top: 4px;
	padding-left: 12px;
	width: 126px; /* 148px ohne Zwischenraum */
	height: 116px; /* 120px gesamt - padding-top */
}

#navigation_oben a:link, #navigation_oben a:active, #navigation_oben a:visited, #navigation_oben a:hover {
	color:#061F70;
	text-decoration:none;
}

/* Navigationstypen ******************************************************** */

div.navigationstyp {
	background-color:#fcfcf8;
	padding:6px;
}

div.navigationstyp ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

div.navigationstyp li {
	background-image:none;
	padding:5px 0px 0px 0px;
}

/* Kategorien ************************************************************** */

#kategorien {
}

#kategorien ul {
	margin:5px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

#kategorien li {
	background-image:url('../images/li_kategorien_inaktiv.gif');
	background-repeat:no-repeat;
	padding:0px 0px 2px 13px;
}

	#kategorien li a:link, #kategorien li a:active, #kategorien li a:visited {
		color:#333333;
		text-decoration:none;
	}

	#kategorien li a:hover {
		color:#061F70;
		text-decoration:none;
	}

#kategorien li.aktiv {
	background-image:url('../images/li_kategorien_aktiv.gif');
	background-repeat:no-repeat;
	padding:0px 0px 2px 13px;
	background-color:#FFB000;
}

	#kategorien li.aktiv a:link, #kategorien li.aktiv a:active, #kategorien li.aktiv a:visited, #kategorien li.aktiv a:hover {
		color:#FFFFFF;
		text-decoration:none;
	}

/* Haut- und Haartypen */

ul.searchGroup {
	list-style: none;
}

ul.searchGroup li {
	background-image: url('../images/li_kategorien_inaktiv.gif');
	background-repeat: no-repeat;
	padding: 0px 0px 2px 13px;
}

ul.searchGroup li.selected {
	background-image: url('../images/li_kategorien_aktiv.gif');
	background-repeat: no-repeat;
	background-color: #ffb000;
}

.typeHeadline {
	font-size: 14px;
	font-weight: bold;
	margin: 6px 0px 6px 0px;
}

.typeList td {
	padding-right: 12px;
}

.buttonRow {
	text-align: right;
}

.emptyTypeResult, .errorNoSelection {
	color: #ffb000;
	font-weight: bold;
}

/* Hinweis Bildmaterial **************************************************** */

#hinweis_bildmaterial {
	font-size:10px;
	color:#64533F;
	text-align:center;
	margin:10px 0px 0px 0px;
}

#hinweis_bildmaterial a:link, #hinweis_bildmaterial a:active, #hinweis_bildmaterial a:visited {
	color:#64533F;
	text-decoration:underline;
}

#hinweis_bildmaterial a:hover {
	text-decoration:none;
}

/* Kundendatenformular ***************************************************** */

table.kunde_daten_formular {
	width:500px;
}

/* Formatierungen ********************************************************** */

table.padding td, table.padding th {
	padding:4px;
}

.text {
	font-size:11px;
	color:#333333;
	line-height:16px;
}

.textSml {
	font-size:10px;
	color:#333333;
	line-height:14px;
}

.textHeadline {
	font-size:13px;
	font-weight:bold;
	color:#061F70;
	margin-bottom:10px;
	line-height:150%;
}

.textSmlHeadline {
	font-size:12px;
	font-weight:bold;
	color:#061F70;
	margin-bottom:10px;
	line-height:150%;
}

.textHeadlineTippsMeinungen {
	font-size:12px;
	font-weight:bold;
    color:#061F70;
	margin-bottom:14px;
}

.textERROR {
	color:#FFB000;
	line-height:150%;
}

.textNeuheiten {
	font-weight:bold;
	color:#061F70;
	line-height:150%;
}

.dotLine {
	margin:0px;
	width:100%;
	height:39px;
	background-image:url('../images/dotLine.gif');
	background-repeat:repeat-x;
}

.dotLineSml {
	margin:0px;
	width:100%;
	height:21px;
	background-image:url('../images/dotLineSml.gif');
	background-repeat:repeat-x;
}

.line {
	margin:0px;
	width:100%;
	height:37px;
	background-image:url('../images/line.gif');
	background-repeat:repeat-x;
}

/* Wegweiser *****************************************************************/

#wegweiser {
	color:#FFFFFF;
}

#wegweiser td {
	vertial-align:top;
	color:#FFFFFF;
}

#wegweiser a:link, #wegweiser a:active, #wegweiser a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#wegweiser a:hover {
	color:#061F70;
	text-decoration:underline;
}

/* Konto *********************************************************************/

a.Konto:link, a.Konto:visited, a.Konto:active {

	color:#990000;
	text-decoration:none;
}

a.Konto:hover {

	color:#990000;
	text-decoration:underline;
}

/* Bilder, Fotos usw. ********************************************************/

a.bild:link, a.bild:visited, a.bild:active {

	color:#061F70;
	text-decoration:none;
}

.konturBild {
	border:1px solid #DFDFDF;
}

/* Unterartikel **************************************************************/

table.unterArtikel {
	margin-top:6px;
	margin-left:18px;
}

td.textunterArtikel {
	font-size:10px;
	line-height:150%;
}

/* Verwandte Artikelgruppen **************************************************/

table.VerwArtikelgruppen {
	margin-top:6px;
	margin-left:18px;
}

td.textVerwArtikelgruppen {
	font-size:10px;
	color:#333333;
	line-height:150%;
}

/* Preisangaben **************************************************************/

table.preisRahmen {
	border:2px solid #FFB000;
}

td.preisEVP {
	font-size:13px;
	font-weight:bold;
	color:#CC0000;
	background-color:#fcfcf8;
	text-align:center;
	padding:8px;
}

td.preisUVP {
	font-size:10px;
	color:#333333;
	background-color:#FFC3C3;
	text-align:center;
	padding:8px;
}

td.preisEinheitspreis {
	font-size:10px;
	color:#333333;
	background-color:#E9E2DA;
	text-align:center;
	padding:8px;
}

.textUVP {
	font-weight:bold;
	color:#000000;
}
.textEVP {
	font-weight:bold;
	color:#154711;
}

.textEinheitspreis {
	font-weight:bold;
	color:#000000;
}

.textPreis {
	font-weight:bold;
	color:#CC0000;
}

/* Inhaltsstoffe *************************************************************/

table.inhaltsstoffe {
	color:#333333;
	background-color:#FFC3C3;
	padding:6px;
}

td.headerInhaltsstoffe {
	color:#FFFFFF;
	background-color:#FFB000;
	height:23px;
}

/* Empfehlung ****************************************************************/

table.empfehlung {
	color:#333333;
	background-color:#DCE8B8;
	padding:6px;
}

td.headerEmpfehlung {
	color:#FFFFFF;
	background-color:#154711;
	height:23px;
}

td.inhaltEmpfehlung {
	color:#333333;
	line-height:150%;
	padding:20px;
}

/* Warenkorb *****************************************************************/

td.headerWarenkorb {
	font-weight:bold;
	color:#061F70;
}

.formMenge {
	color:#484848;
	background-color:#fcfcf8;
	border-top:1px solid #484848;
	border-left:1px solid #484848;
	border-right:1px solid #484848;
	border-bottom:1px solid #484848;
	width:30px;
}

.dotLineWarenkorb {
	width:100%;
	background-image:url('../images/dotLineWarenkorb.gif');
	background-repeat:repeat-x;
}

.textZwischensumme {
	font-weight:bold;
	color:#990000;
}

.textVersandkostenfreieLieferung {
	color:#333333;
}

/* Bestellung: Kundendatenformular *****************************************************************/

td.KundendatenHeader {
	font-weight:bold;
	color:#061F70;
	background-color:#F5F5F5;
	vertical-align:top;
}

td.KundendatenText {
	color:#333333;
	line-height:150%;
}

.Eingabefeld {
	font-weight:normal;
	color:#484848;
	background-color:#fcfcf8;
	border-top:1px solid #484848;
	border-left:1px solid #484848;
	border-right:1px solid #484848;
	border-bottom:1px solid #484848;
}

/* Suche *********************************************************************/

table.swapTable {
	margin-left:14px;
	border:5px solid #FFB000;
}

table.swapTable td {
	padding:6px;
}

tr.swap {
	font-weight:bold;
	color:#333333;
	background-color:#EAF6C2;
	padding-top:1px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:6px;
}

tr.swapContent {
	color:#333333;
	background-color:#FFFFE1;
}

a.swapTop:link, a.swapTop:visited, a.swapTop:active {
	color:#990000;
	text-decoration:none;
}

a.swapTop:hover {

	color:#990000;
	text-decoration:underline;
}

/* Layer *********************************************************************/

table.newsLayer {
	border:2px solid #993300;
	background-color:#FF7200;
}

td.headerNewsLayer {
	color:#FFFFFF;
	background-color:#FF7200;
	height:23px;
	padding-left:6px;
}

td.textBoxNewsLayer {
	color:#333333;
	background-color:#FFF9ED;
	padding-left:6px;
	padding-top:6px;
	padding-right:6px;
	padding-bottom:6px;
	line-height:150%;
}

/* Listen ********************************************************************/

ul {

	list-style-type:square;
	line-height:150%;
}

/* Artikel Mehrfach **********************************************************/

th.artikelMehrfach {
	font-size:11px;
	color:#FFFFFF;
	background-color:#FFB000;
}

a.artikelMehrfach:link, a.artikelMehrfach:visited, a.artikelMehrfach:active {
	color:#FFFFFF;
	text-decoration:underline;
}

a.artikelMehrfach:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/* Formulare *****************************************************************/

.formtxt, .formselect, .formtextarea, .formSchnelleSuche {
	font-size:11px;
	color:#484848;
	background-color:#fcfcf8;
	border-top:1px solid #FFB000;
	border-left:1px solid #FFB000;
	border-right:1px solid #FFB000;
	border-bottom:1px solid #FFB000;
	padding:4px;
}

.formtxtERROR {
	font-size:11px;
	color:#484848;
	background-color:#fcfcf8;
	border-top:2px solid #CC0000;
	border-left:2px solid #CC0000;
	border-right:2px solid #CC0000;
	border-bottom:2px solid #CC0000;
	padding:4px;
}

.naviSelect {
	font-size:10px;
	color:#333333;
	width:186px;
}

.eingabefeldERROR {
	border:2px solid #CC0000;
}

.disabled {
	color: gray;
}

/* Links ******************************************************************* */

a:link, a:visited, a:active {
	color:#061F70;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}