@import url(leftnav.css);
@import url(../naturstoff/content.css);

form {padding:0; margin:0;}

.hintergrund {

}

.text-10 {
	font-size: 10px;

}
.Artikelname {
	font-size: 12px;
	white-space: 20;
	color: #990000;
	text-decoration: none;
}

.saleprice{
	font-weight:bold;
	color: red;
	font-size: 1.1em;
}

.mengenfeld {
	font-size: 9px;
	height: 16px;
	width: 30px;
	margin: 0px;
	background-color: #F0F0E6;
	border: 1px outset #CCCCCC;
}

.Artikel {
	font-size: 10px;
	color: #003366;
}

.text-11 {
	font-size: 11px;


}
.text-12 {
	font-size: 12px;
	white-space: 20;



}
.text-12-rot {
	font-size: 12px;
	color: #990000;


}
.text-12-blau {
	font-size: 12px;
	color: #003399;

}
.text-9 {
	font-size: 9px;
}
.Gruppenname {
	font-size: 16px;
	color: #990000;
	text-align: left;

}
.text-10hellgrau {
	font-size: 10px;
	color: #999999;
}
.warenkorb-rahmen {
	margin: 0px;
	background-color: #FFFFFF;
	border-top: 1px none #999999;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px none #999999;
}
.Gruppentext {
	font-size: 11px;
	text-align: left;
}

.Gruppentext h2 {
	
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}

/* ----------------------------- Top-Navigation -------------------------------*/

/* Alle nicht weiter spezifizierten Elemente */
.tnav-main {
	background-color: #CCDCEC;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration : none;
	font-weight: bold;
}
.tnav-font {
	font-weight: bold; font-size: 10pt; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
}

/* Eingabefelder */
.tnav-input {
	background-color: #FFFFFF;
	font-size: 9pt;
	color: #000000;
	text-decoration : none;
	font-weight: bold;
}

.tnav-button {
	background-color: #6699CC;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration : none;
	font-weight: bold;
}

/* Unterer Rand des Top-Bereiches */
.tnav-bottom {
	background-color: #336699;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration : none;
	font-weight: bold;
}

.textlink-ebene1 {
	font-size: 10pt;
	color: #333333;
	font-weight: bolder;
	line-height: 14pt;
	text-decoration: none;
}

.menu-links {
	font-size: 12px;
	color: #069;
	letter-spacing: 1px;

}

.menu-links a,.menu-links a:hover,menu-links a:visited{
	color: #069;
}



/* ----------------------------- Warenkorb -------------------------------*/

/* Alle nicht weiter spezifizierten Elemente */
.basket-main {
	font-size: 8pt;
	color: #295DAD;
	text-decoration : none;
	font-weight: bold;
}

/* Erklaerungstext zum Basket */
.basket-intro {
	font-size: 9pt;
	color: #000000;
	text-decoration : none;
	font-weight: norm;
}

/* Ueberschrift im Erklaerungstext zum Basket */
.basket-intro-headline {
	font-size: 10pt;
	color: #000000;
	text-decoration : none;
	font-weight: bold;
}

 .warenkorb-inhead { 
 	font-size:8pt;
 	font-weight:normal;
 	text-decoration : none;
 	color:#000000;
 }
 
  .warenkorb-inpage { 
  	font-size:8pt;
  	font-weight:normal;
  	text-decoration : none;
  	color:#000000;
 }
 
.basket-qty {
	font-size:7pt;
	text-align:right;
	font-weight:normal;
	color:#000000;
}

/*	Productcode-Feld für Direkteingabe	*/
.basket-productcode {
	font-size:8pt;
	text-align:center;
	font-weight:normal;
	color:#000000;
}

.basket-headline {
	font-size:8pt;
	font-weight:bold;
	color: #FFFFFF;
	background : #660000;
}

.basket-productline {
	color: #000000;
}

.basket-line1 {
	background: #660000;
}

.basket-line2 {
	background: #6594DB;
}

/* ----------------------------- Warenkorbseite -------------------------- */

.wk-titel {
	font-size: 16px;
	color: #990000;
	font-weight: bold;
	letter-spacing: 1px;
}
.wk-spaltentitiel {
	font-size: 10px;
	color: #666666;
}
.wk-artikelname {
	font-size: 11px;
	font-weight: bold;
}
.wk-artikelangaben {
	font-size: 11px;
	font-weight: normal;
}
.wk-fliesstext-rot {
	font-size: 11px;
	color: #990000;

}
.wk-nav-links {
	font-size: 14px;
	color: #003366;
	font-weight: bold;
}
.wk-summen {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.wk-schritte-inaktiv {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}
.wk-mengenfeld {
	font-size: 10px;
	height: 16px;
	width: 30px;
	margin: 0px;
	background-color: #F0F0E6;
	border: 1px solid #CCCCCC;
	letter-spacing: 1px;
	text-align: center;
}

/* ----------------------------- Pfadangabe -------------------------------*/

/* Alle nicht weiter spezifizierten Elemente */
.path-main {
	font-size: 9pt;
	color: #660000;
	font-weight: bold;
}

/* --------------------------  Betreiberinformation ---------------------------*/
.binfo {
		width:580px;
		margin-left: 20px;
	display:block;
	font-size: 9px;
	color: #003366;
	text-decoration : none;
	font-weight: norm;
}
.linfo {
	width: 92%;
	margin-left: 20px;
	display:block;
	font-size: 9px;
	color: #003366;
	text-decoration : none;
	font-weight: norm;
}
/* ----------------------------- Weiterblaettern -------------------------------*/
.scroll-high {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff;  BACKGROUND-COLOR: #FF3333; TEXT-DECORATION: none
}
.scroll-low {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #ffffff; BACKGROUND-COLOR: #996666; TEXT-DECORATION: none;
}
.scroll-out {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff;  BACKGROUND-COLOR: #996666; TEXT-DECORATION: none
}

/* Aktive Seitennummer */
.catnav-current {
	background-color: #FFFFFF;
	font-size: 10pt;
	color: #cc0000;
	text-decoration : none;
	font-weight: bold;
}

/* Inaktive Seitennummer */
.catnav-item {
	background-color: #FFFFFF;
	font-size: 10pt;
	color: #295DAD;
	text-decoration : none;
	font-weight: bold;
}
.catnav-order {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000;  TEXT-DECORATION: none
}

/* ----------------------------- Katalog-Produkttabellen -------------------------------*/
/* Hintergrund für Katalogseiten */
.cat-bg {
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration : none;
	background-color: white;
	background-image: url('/pict/hemp_hin_1.jpg');
}

/* Alle nicht weiter spezifizierten Elemente */
.cat-main {
	font-size: 9pt;
	color: #000000;
	text-decoration : none;
	font-weight: normal;
}

/* Produktbeschreibung */
.cat-desc {
	font-size: 8pt;
	color: #000000;
	text-decoration : none;
	font-weight: normal;
}

/* Preisangabe */
.cat-price {
	display:inline-block;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 9pt;
	color: #000000;
	text-decoration : none;
	font-weight: bold;
	white-space: pre;
}

/* Produktlink (zur Info) */
.cat-prodlink {
	font-size: 9pt;
	color: #069;
	text-decoration : underline;
	font-weight: bold;
}

.catlist-main {
	background-color: #FFFFFF;
	font-size: 9pt;
	color: #000000;
	text-decoration : none;
	font-weight: normal;
}
.catlist-headline {
	PADDING-RIGHT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; PADDING-TOP: 2px;  BACKGROUND-COLOR: #011572; TEXT-DECORATION: none
}

.catlist-row1 {
	background-color: #FFFFFF;
	font-size: 9pt;
	color: #000000;
	text-decoration : none;
	font-weight: normal;
}

.catlist-row2 {
	background-color: #99CCFF;
	font-size: 9pt;
	color: #000000;
	text-decoration : none;
	font-weight: normal;
}

.catlist-price1 {
	background-color: #FFFFFF;
	font-size: 9pt;
	color: #000000;
	text-decoration : none;
	font-weight: bold;
}

.catlist-price2 {
	background-color: #99CCFF;
	font-size: 9pt;
	color: #000000;
	text-decoration : none;
	font-weight: bold;
}

/* ----------------------------- Produktdetail-Seiten (Info) -------------------------------*/

/* Alle nicht weiter spezifizierten Elemente */
.info-main {
	font-size: 10pt;
	color: #660000;
	text-decoration : none;
	font-weight: normal;
}

/* Ueberschrift eines Abschnittes (z.B. techn. Maske) */
.info-headline {
	font-size: 10pt;
	color: white;
	text-decoration : none;
	font-weight: bold;
}

/* Rahmen */
.info-frame {
	/*background-color: white;*/
}

/* Inhaltsfläche */
.info-box {
	/*background-color: yellow;*/
	font-size: 8pt;
	color: #295DAD;
	text-decoration : none;
	font-weight: bold;
}
.info-small-article {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black;  text-decoration:none;
}
.info-small-article-price {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FF0000; 
}

/* Label (Name) der Produktattribute */
.info-attributes-label {
	font-size: 8pt;
	color: #000000;
	text-decoration : none;
	font-weight: bold;
}

/* Produktattribute */
.info-attributes {
	font-size: 8pt;
	color: #000000;
	text-decoration : none;
	font-weight: normal;
}

/* Preisanzeige */
.info-price {
	font-size: 9pt;
	color: red;
	text-decoration : none;
	font-weight: bold;
	white-space: nowrap;
}

/* Links */
.info-link {
	font-size: 9pt;
	color: black; /* #295DAD */
	text-decoration : underline;
	font-weight: normal;
}

/*	------------------------- Such-Panel --------------------------- */

.search-bg {
	background-color: #CCDCEC;
/*	background-color:#6699CC;*/
}

.search-label {
	font-size: 11px;
	color: #295aad;
	text-decoration : none;
	font-weight: bold;
}

.search-input {
	font-size: 11px;
	color: black;
	text-decoration : none;
	font-weight: normal;
}

/* ------------------------ Order -------------------- */
.formmid{
	width: 570px;
}

.basket_itemlist{
	width: 540px;
}
.discount_text{
	font-weight: normal;
	font-size: 10px;
	text-align:left;
}

.basket_itemlist .discount_label{
	color: #900;
}
/*.basket_itemlist .quantity {
	width:50px;
	text-align: right;
}
*/

.right{
		text-align: right;
}

div.error{
	font-size: 1.2em;
	font-weight: bold;
	color: red;
	border: solid 1px red ;
	padding: 5px ;
	margin: 5px 0 5px 0;
	width: 570px;
}

div.hint{
	/*font-weight: bold;*/
	font-size: 1.1em;
	color: #006600;
	border: solid 1px #006600;
	padding: 5px ;
	margin: 5px 0 5px 0;
	width: 570px;
}
#content_body .hint h3{
	color: #006600;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 0;
}
/*
#content_body h3{
	color: #900;
font-size: 16px;
font-weight: bold;
padding-top: 5px;
}*/

div.formmid {
	border: 1px  #999 solid;
	padding: 5px;
	margin-bottom:20px;
}

div.formmid p{
	margin: 0.2em 0px;
}

#content_body div.formmid h2 {
	margin-top: 10px;
	margin-bottom: 10px;
} 
#content_body div.formmid h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 0;
}

div.formmid tr {
	/*height: 25px;*/
}
div.formmid td {
 	padding:4px;
}
div.formmid fieldset{
	border: none;
	padding: 0;
}
div.formmid fieldset table{
	width:100%;
	border-spacing: 0;
	
}

div.formmid fieldset .basket_itemlist td{
	padding-bottom: 10px;
	vertical-align: top;
	
}

div.formmid fieldset th{
	background-color: #F0F0E6;
	border: 3px solid  #F0F0E6;  
	
}

div.formmid fieldset tr.error{
	background-color: #FDC877;
}



div.formmid fieldset label{
	float: right;
	 width: 200px;
text-align: right;
}
div.formmid fieldset input{
	background-color: white;
	border: 1px solid #999;
	font-size: 11px;
	letter-spacing: 1px;
	margin: 0px;
	text-align: left;
}
div.formmid fieldset input.default{
	font-weight: bold;
}
div.formmid fieldset a.button{
	background-color: white;
	border: 1px solid #999;
	font-size: 11px;
	letter-spacing: 1px;
	margin: 0 ;
	text-align: left;
	text-decoration: none;
	line-height: 16px;
	padding: 1px 5px;
	border-spacing: 2px 2px;
	display: inline-block;
	color: #000;
	font-weight: normal;
}

div.formmid fieldset a:visited {
	color: #000;
	text-decoration: none;
}
div.formmid fieldset a:hover {
	color: #000;
	text-decoration: none;
}




div.formmid fieldset a:hover{
	text-decoration: none;}

div.formmid fieldset input[type=image]{
	border: none;
	background: transparent;
}
div.formmid fieldset input[type=text],
div.formmid fieldset input[type=password],
div.formmid fieldset select {
	width: 200px;
	}
div.formmid fieldset input[type=radio]{
margin-left:5px;	
margin-right: 2px;	
border: none;
}	
	
	
div.formmid fieldset td.quantity input[type=text]
{
	width: 35px;
}

div.formmid fieldset tr.error label,
div.formmid fieldset b.error{
color: red;
}

div.formmid fieldset tr.mandatory label{
	font-weight: bold; 
}
table.orderProcessBar{
	width: 100%;
}
table.orderProcessBar .active{
	font-weight: bold;
}
#contentbody .shipment h3{
	margin-bottom: 0px;
}

td.quantity{
	padding-top:14px;
	font-size: 13px;	
}
.quantity input{
	background-color: white;
	border: 1px solid #999;

	letter-spacing: 1px;
	margin: 0px;
	text-align: left;
	width: 35px;
}


/** 
 *
 * Styles für Überschriften (H1 - H6)
 *
 **/ 


#content_body h1.light,
h1.light {
  color: #990000; 
  font-weight: bold; 
  font-size: 16px;
}

#content_body h1.usal {
  color: #990000; 
  font-weight: bold; 
  font-size: 16px;
}

#content_body h1.prominent {
  color: #000; 
  font-weight: bold; 
  font-size: 20px;
}


#content_body h2.light,
h2.light {
  color:#333333;
  font-size:14px;
  font-weight:bold;
  margin:0;
  padding-top:1.1em;
  text-align: center;
}

#content_body h2.usal {
  color: #990000; 
  font-weight: bold; 
  font-size: 16px;
}

#content_body h2.prominent {
  color: #000; 
  font-weight: bold; 
  font-size: 20px;
}