/* ==================================================================
art-of-dark.de - Standardstylesheet
Datei: aod_layout.css
Media: all

Datum: 14.05.2007
Autor:	Quellfrau - Renate Forssmann
Mail:	kontakt@quellfrau.de
Internet: www.quellfrau.de

Inhalt:
CSS-Anweisungen für das Grundlayout der Website www.art-of-dark.de

Aufbau:
1. Allgemeine Selektoren
- Block-Elemente
- Inline-Elemente
- Klassen

2. Layoutbereiche
- Wrapper
- Logo
- Navibereich
- Text-/Contentbereich

3. Spezielle Bereich

===================================================================== */
/* ======================================================

	=1. Allgemeine Selektoren

========================================================= */
* {
	padding: 0px;
	border: 0px;
	margin: 0px
}

html {
	height: 101%; 
}

body { 
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #330502;
	text-align: center;

	background-color: #16160E;
	padding-bottom: 16px;
}

/* ============================================
	=Inline-Elemente
=============================================== */
br { clear: both; }
				
th { text-align: left; }

th, td {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
}

/* =Links */
a {
	text-decoration: none;
	cursor: pointer;
}

a:focus,
a:hover,
a:active { text-decoration: underline; }

a.lnk_details { color: #b40404; }

a.lnk_details img { margin-left: 4px; }

a.lnk_details_active {
	text-decoration: underline;
	color: #b40404;
}

a.lnk_details_active img { margin-left: 4px; }


/*** *** Forms *** ***/
label { float: left; }

input,
select,
textarea {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #330502;
	
	background-color: transparent;
	border: 2px inset gray;
	border-bottom: 1px inset silver;
	border-right: 1px inset silver;
	margin-top: 4px;
			
}

select {
	background-color: #B8BE9A;
}

input.inpt_chck {
	border: none;
}
		
label,
input.bttn_sbmt,
input.inpt_chck {
	cursor: pointer;
}

/* ============================================
	=Block-Elemente
=============================================== */
h1, h2 {}

ul {
	margin: 10px 20px;
}

ul li {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
}

/* ============================================
	=Klassen
=============================================== */
.clearer {
	clear: both;

	font-size: 0px;

	width: 0px;
	height: 0px;
}

.unseen {
	position: absolute;
	left: -1000px;
	top: -1000px;

	width: 0px;
	height: 0px;

	overflow: hidden;
}

.numbers { text-align: right; }

.important { color: #b40404; }

/* =======================================================
	=Klassen für Fehler- und andere Meldungen
========================================================= */
.msg_warning { color: #b40404; } /*=mf_warning*/

div.bx_error {
	font-weight: bold;
	color: #b40404;
	
	background:  url(styles/images_css/bg_kachel.jpg) -10px 0px;
	padding: 6px 10px;
	border: 1px solid #b40404;
	margin: 16px 10px;
}

	div.bx_error a { color: #4D5721; }

	div.bx_error a:focus,
	div.bx_error a:hover,
	div.bx_error a:active { color: #4D5721; }

div.bx_msg {
	font-weight: bold;
	color: #4d5721;
	
	background: url(styles/images_css/bg_kachel.jpg) -10px 0px;
	padding: 6px 10px;
	border: 1px solid #4d5721;
	margin: 16px 10px;
}

	div.bx_msg a { 
		color: #4D5721;
		text-decoration: underline;
	}

	div.bx_msg a:focus,
	div.bx_msg a:hover,
	div.bx_msg a:active { color: #4D5721; }

/* ======================================================

	=2. Layoutbereiche

========================================================= */
/* ============================================
	=Wrapper
=============================================== */
/* === =Wrapper für die gesamte Site === */
#divWrapperTotal {
	text-align: left;
	
	width: 980px;
	height: auto;
	min-height: 100%;
	border-bottom: 1px solid #16160e;/*#16160e;693B30#30170E*/
	margin: 10px auto;
}

* html #divWrapperTotal {
	height: 100%;
}


/* === =Kopfbereich === */
#divWrapperTop {
	width: 978px;
	height: 249px;
	background-image:  url(styles/images_css/bg_ges_top.jpg);
	background-repeat: no-repeat;
	border: 1px solid #693B30;
	border-bottom: none;
}

	#divWrapperTop #topImage {
		position: absolute;
		left: -1000px;
		top: -1000px;
	
		width: 0px;
		height: 0px;
	
		overflow: hidden;
	}

/* === =Inhaltsbereich === */
#divWrapperContent {
	width: 978px;
	height: auto;
	background-image:  url(styles/images_css/bg_ges_kachel.jpg);
	background-color: #16160e;
	padding-bottom: 8px;
	border-right: 1px solid #693B30;
	border-left: 1px solid #693B30;
}

	/* === =Hauptnavigation === */
	/* boxheader, boxheadermenu */
	.wrp_main_menu {
		color: #4e1713;
		letter-spacing: 1px;
		text-align: center;
		
		height: auto;
		background-image:  url(styles/images_css/bg_kachel.jpg);
		padding: 2px 10px 2px 10px;
		margin-bottom: 2px;
	}

		.wrp_main_menu a {
			color: #693B30;
			letter-spacing: 1px;
		}
		
		.wrp_main_menu a:focus,
		.wrp_main_menu a:hover,
		.wrp_main_menu a:active { text-decoration: underline; }

			/* headermenu_fixedbox */
			#lang_menu {
				float: left;
				
				margin: 1px 200px 0px 0px;
			}

			* html #lang_menu {
				margin-bottom: -3px;
			}
	
				a.lang_actv {
					font-weight: bold;
				}
				
				a.lang:hover,
				a.lang:focus,
				a.lang:active,
				a.lang_actv:hover,
				a.lang_actv:focus,
				a.lang_actv:active {
					 color: #4E1713;
					 text-decoration: underline;
				}
						
			#second_menu {
				float: right;
				
				margin: 1px 0px 0px 0px;
			}

			* html #second_menu {
				margin-bottom: -3px;
			}

			/*.headermenu_autobox*/
			a.lnk_frst_nav {
				font-size: 14px;
				font-weight: bold;
				letter-spacing: 2px;
				
				margin: 0px 10px;
			}

/* === =innerer Footer === */
#divWrapperInnerFooter {
	clear: both;
	
  	color: #4e1713;

  	width: 978px;
	height: auto;
	xxxborder-top: 2px solid yellow;
	border-right: 1px solid #693B30;
	border-left: 1px solid #693B30;
}

	#innerFooter {
		background-image:  url(styles/images_css/bg_kachel.jpg);
	}
	
	#innerFooter a,
	#innerFooter a:hover,
	#innerFooter a:focus,
	#innerFooter a:active {
	  font-size: 11px;
	  color: #4e1713;
	}
	
	#infoDelivery {
		float: right;
		
		padding: 6px 10px 6px 10px;
	}

	#infoMadeBy {
		float: left;
		
		padding: 6px 10px 6px 10px;
	}
	
	#infoCopyright {
		float: left;
		
		padding: 6px 10px 6px 10px;
	}

/* === =Zeile fuer Bildabschluss === */
#divBgBottom {
	width: 978px;
	height: 11px;
	background-image:  url(styles/images_css/bg_ges_bottom.jpg);
	background-repeat: repeat-y;
	font-size: 1px;
	border: 1px solid #693B30;
	border-top: none;
}

/* === =aeusserer Footer === */
#divWrapperOuterFooter {
  	color: #4e1713;
	text-align: center;
	xxxpadding: 8px 160px 10px 150px;
	padding: 8px 0px 10px 0px;
}

	#divWrapperOuterFooter a.lnk_footer {
		font-size: 11px;
		color: #4e1713;
		margin: 0px 7px;
	}

/***************************************************/
/*** === =Linker Bereich mit Shopnavigation === ***/
/**************************************************/
#divWrpThrdNav {
	float: left;
	width: 174px;
	text-align: left;
}

	/* = Titel */
	/*.boxleft*/
	#divWrpThrdNav h3.bx_ttl {
		font-size: 13px;
		font-weight: bold;
		color: #4E1713;
		letter-spacing: 1px;
		
		background:  url(styles/images_css/bg_kachel.jpg) repeat-y 0px 0px;
		padding: 5px 8px 3px 8px;
		margin: 8px 0px 1px 0px;
	}
	
		#divWrpThrdNav h3.bx_ttl a {
			font-weight: bold;
			color: #4E1713;
		}
		
		#divWrpThrdNav h3.bx_ttl a:hover,
		#divWrpThrdNav h3.bx_ttl a:focus,
		#divWrpThrdNav h3.bx_ttl a:active{
			 text-decoration: underline;
		}

	/* =Inhaltsbox */
	/*.boxleft-content*/
	#divWrpThrdNav div.bx_txt {
		color: #404a54;
		
		background:  url(styles/images_css/bg_kachel.jpg) repeat-y 0px 0px;
		padding: 3px 0px 3px 10px;
		margin: 1px 0px 0px 0px;
	}

		/* === =Shopnavigation === */
		#divWrpThrdNav div.bx_root_category /*=.categorybox_rootcategory*/,
		#divWrpThrdNav div.bx_root_category_exp /*=.categorybox_rootcategory_exp*/ {
			padding-top: 2px;
			padding-bottom: 2px;
		}
		
			#divWrpThrdNav a.lnk_root_category /*=.categorybox_rootcategorylink*/,
			#divWrpThrdNav a.lnk_root_category_exp /*=.categorybox_rootcategorylink_exp*/ {
				font-size: 13px;
				font-weight: bold;
				color: #4D5721;
				text-decoration: none;
			}
			
			#divWrpThrdNav a.lnk_root_category:hover,
			#divWrpThrdNav a.lnk_root_category:active,
			#divWrpThrdNav a.lnk_root_category:focus,
			#divWrpThrdNav a.lnk_root_category_exp:hover,
			#divWrpThrdNav a.lnk_root_category_exp:active,
			#divWrpThrdNav a.lnk_root_category_exp:focus {
				text-decoration: underline;
			}
		
				#divWrpThrdNav img.img_root_category /*=categorybox_catpic*/ {
					margin-right: 4px;
				}
				
		#divWrpThrdNav div.bx_root_subcategory /*=.categorybox_subcategory*/ {
			font-size: 12px;
			color: #330502;
			text-decoration: none;
			
			padding-bottom: 3px;
		}
		
			#divWrpThrdNav a.lnk_root_subcategory /*=categorybox_subcategory*/,
			#divWrpThrdNav a.lnk_root_subcategory_exp {
				font-size: 13px;
				font-weight: bold;
				color: #330502;
				text-decoration: none;
			}
			
			#divWrpThrdNav a.lnk_root_subcategory:hover,
			#divWrpThrdNav a.lnk_root_subcategory:active,
			#divWrpThrdNav a.lnk_root_subcategory:focus,
			#divWrpThrdNav a.lnk_root_subcategory_exp:hover,
			#divWrpThrdNav a.lnk_root_subcategory_exp:active,
			#divWrpThrdNav a.lnk_root_subcategory_exp:focus {
				text-decoration: underline;
			}
		

		/* === =Suche === */
		#divWrpThrdNav #search_form .inpt_txt,
		#divWrpThrdNav #search_form .inpt_slct {
			color: #000;
			
			width: 155px;
		}
		
		#divWrpThrdNav #search_form .bttn_sbmt {
			width: 30px;
			margin-bottom: 5px;
			margin-left: 125px;
		}

		/* === =Infoliste === */
		#divWrpThrdNav ul.lst_info {
			list-style-type: none;
			list-style-image:  url(styles/images_css/list_image_cross.gif);
			
			margin: 5px 5px 3px 15px;
		}
		
		#divWrpThrdNav ul.lst_info li {
			padding: 0px;
			margin: 0px 0px 2px 0px;
		}
		
		#divWrpThrdNav a.lnk_info {
			 color: #4E1713;
			 text-decoration: none;
		}
		
		#divWrpThrdNav a.lnk_info:hover,
		#divWrpThrdNav a.lnk_info:focus,
		#divWrpThrdNav a.lnk_info:active {
			 color: #4E1713;
			 text-decoration: underline;
		}

/***************************************************/
/***   === =Mittlerer Bereich mit Inhalten ===   ***/
/***************************************************/
#divWrpCntnt {
	float: left;
	
	text-align: left;
	
	width: 622px;
	min-height: 100px;
}

	/*************************************/
	/* === =spezielle Klassen und ID === */
	/*************************************/
	/* *** Formulare *** */
	#divWrpCntnt input.bttn_img_cart,
	#divWrpCntnt input.bttn_img_delete {
		vertical-align: top;
		
		width: 20px;
		height: 20px;
		border: none;
		margin: 0px 2px 8px 0px;
		
		cursor: pointer;
	} /*=warenkorb_img2*/

	#divWrpCntnt input.bttn_sbmt_cart,
	#divWrpCntnt input.bttn_sbmt_delete {
		color: #b40404;
		vertical-align: top;
		
		width: 110px;
		height: 20px;
		margin: 0px;
		
		cursor: pointer;
	} /*=warenkorb_button2*/
	
	#divWrpCntnt select {
		float: left;
		
		background-color: #B8BE9A;
	
		margin-right: 3px;
	}

	/**********************************************/
	/* === =Einfache Textbox mit Submitbutton === */
	/**********************************************/
	#divWrpCntnt div.bx_form_sbmt {
		font-size: 11px;
		color: #4E1713;
		text-align: right;
		
		background:  url(styles/images_css/bg_kachel.jpg) repeat-y -10px 0px;
		padding: 6px 10px;
		border-top: 1px solid #BAC09C;
		border-bottom: 1px solid #BAC09C;
		margin: 0px 10px;
	}

	/***********************/
	/* === =Breadcrump === */
	/***********************/
	#divWrpBreadcrump {
		width: 602px;
		background:  url(styles/images_css/bg_kachel.jpg) repeat-y -10px 0px;
		border-top: 1px solid #BAC09C;
		border-bottom: 1px solid #BAC09C;
		margin: 8px 10px 8px 10px;
	} /*=.locationrow */

		#divWrpBreadcrump h2 {
			font-size: 11px;
			font-weight: normal;
			color: #4E1713;
			letter-spacing: 1px;
			
			margin: 4px 8px 3px 8px;
		}
	
			#divWrpBreadcrump h2 a {
				color: #4D5721;
				
				cursor: pointer;
			}

			#divWrpBreadcrump h2 a:focus,
			#divWrpBreadcrump h2 a:hover,
			#divWrpBreadcrump h2 a:actve {
				text-decoration: underline,
			}
			
	/******************************/
	/* === =Einfache Titelbox === */
	/******************************/
	#divWrpCntnt div.bx_ttl_full {
		background: url(styles/images_css/bg_kachel.jpg) repeat-y -10px 0px;
		border-top: 1px solid #BAC09C;
		border-bottom: 1px solid #BAC09C;
		margin: 1px 10px 1px 10px;
	}

	#divWrpCntnt div.bx_ttl_half {
		background: url(styles/images_css/bg_line.jpg) no-repeat 0 18px;
		border-bottom: 1px solid #BAC09C;
	}

		#divWrpCntnt div.bx_ttl_full h1,
		#divWrpCntnt div.bx_ttl_half h1 {
			font-size: 18px;
			color: #4E1713;
			letter-spacing: 1px;
		
			margin: 4px 8px 2px 8px;
		}

		#divWrpCntnt div.bx_ttl_full h2,
		#divWrpCntnt div.bx_ttl_half h2 {
			font-size: 13px;
			font-weight: bold;
			color: #b40404;
			letter-spacing: 1px;
		
			margin: 4px 8px 2px 8px;
		}
	
		#divWrpCntnt div.bx_ttl_full h3,
		#divWrpCntnt div.bx_ttl_half h3 {
			font-size: 13px;
			font-weight: bold;
			color: #4d5721;
			letter-spacing: 1px;
		
			margin: 4px 8px 2px 8px;
		}

			#divWrpCntnt div.bx_ttl_full h3 a,
			#divWrpCntnt div.bx_ttl_half h3 a  {
				color: #4d5721;
				text-decoration: none;
			}
			
			#divWrpCntnt div.bx_ttl_full h3 a:hover,
			#divWrpCntnt div.bx_ttl_full h3 a:focus,
			#divWrpCntnt div.bx_ttl_full h3 a:active,
			#divWrpCntnt div.bx_ttl_half h3 a:hover,
			#divWrpCntnt div.bx_ttl_half h3 a:focus,
			#divWrpCntnt div.bx_ttl_half h3 a:active  {
				color: #4d5721;
				text-decoration: underline;
			}
	
		#divWrpCntnt div.bx_ttl_full h4,
		#divWrpCntnt div.bx_ttl_half h4 {
			font-size: 13px;
			font-weight: bold;
			color: #693b30;
			letter-spacing: 1px;
		
			margin: 4px 8px 2px 8px;
		}
		
		#divWrpCntnt div.bx_ttl_half h4 {
			margin: 2px 8px;
			border-bottom: 1px solid #BAC09C;
		}

		* html #divWrpCntnt div.bx_ttl_half h4 {
			padding-bottom: 2px;
		}

			#divWrpCntnt div.bx_ttl_full h4 a,
			#divWrpCntnt div.bx_ttl_half h4 a  {
				color: #693b30;
				text-decoration: none;
			}
			
			#divWrpCntnt div.bx_ttl_full h4 a:hover,
			#divWrpCntnt div.bx_ttl_full h4 a:focus,
			#divWrpCntnt div.bx_ttl_full h4 a:active,
			#divWrpCntnt div.bx_ttl_half h4 a:hover,
			#divWrpCntnt div.bx_ttl_half h4 a:focus,
			#divWrpCntnt div.bx_ttl_half h4 a:active  {
				color: #693b30;
				text-decoration: underline;
			}

		#divWrpCntnt div.bx_ttl_full .ttl_desc_ttl {
			float: left;
			
			width: 290px;
		}
		
		* html #divWrpCntnt div.bx_ttl_full .ttl_desc_ttl {
			margin-left: 4px;
		}
	 	
		#divWrpCntnt div.bx_ttl_full .ttl_desc_txt {
			float: right;
			
			color: #b40404;
			
			width: 280px;
			margin-top: 6px;
			margin-right: 8px;
 		}

		* html #divWrpCntnt div.bx_ttl_full .ttl_desc_txt {
			margin-right: 4px;
 		}
	
	/******************************/
	/* === =Einfache Textbox === */
	/******************************/
	/*.boxleft-content*/
	#divWrpCntnt div.bx_txt {
		font-size: 11px;
		color: #4E1713;
		
		background:  url(styles/images_css/bg_kachel.jpg) repeat-y -10px 0px;
		padding: 6px 10px;
		border-top: 1px solid #BAC09C;
		border-bottom: 1px solid #BAC09C;
		margin: 0px 10px 1px 10px;
	}

		#divWrpCntnt div.bx_txt h1 {
			font-size: 18px;
			color: #4e1713;
			margin: 6px 0px;
		}
		
		#divWrpCntnt div.bx_txt h2 {
			font-size: 16px;
			color: #4e1713;
			margin: 6px 0px;
		}

		#divWrpCntnt div.bx_txt h3 {
			font-size: 13px;
			color: #4e1713;
			margin: 6px 0px;
		}
		
		#divWrpCntnt div.bx_txt p {
			margin: 4px 0px 6px 0px;
		}

		#divWrpCntnt div.bx_txt ul {
			list-style-image: url(styles/images_css/list_image_cross.gif);
			margin: 4px 40px 6px 40px;
		}
		
		#divWrpCntnt div.bx_txt a {
			color: #4E1713;
			text-decoration: underline;
		}

		#divWrpCntnt div.bx_txt a:focus,
		#divWrpCntnt div.bx_txt a:hover,
		#divWrpCntnt div.bx_txt a:active {
			color: #b40404;
			text-decoration: none;
		}
		
		#divWrpCntnt div.bx_txt a.lnk_details {
			color: #b40404;
			text-decoration: none;
		}

		#divWrpCntnt div.bx_txt a.lnk_details:focus,
		#divWrpCntnt div.bx_txt a.lnk_details:hover,
		#divWrpCntnt div.bx_txt a.lnk_details:active {
			color: #b40404;
			text-decoration: underline;
		}

		#divWrpCntnt div.bx_txt a.lnk_delivery,
		#divWrpCntnt div.bx_txt a.lnk_delivery:focus,
		#divWrpCntnt div.bx_txt a.lnk_delivery:hover,
		#divWrpCntnt div.bx_txt a.lnk_delivery:active {
			color: #4E1713;
			text-decoration: none;
			
			cursor: text;
		}

		#divWrpCntnt div.bx_txt div.bx_img_full {
			text-align: center;
		}

			#divWrpCntnt div.bx_txt div.bx_img_full img {
				border: 3px double #7E7B76;
			}


	/***********************************************/
	/* === =Einfache Textbox mit halber Breite === */
	/***********************************************/
	#divWrpCntnt div.bx_txt_half {
		float: left;
		
		width: 292px;
		margin: 0px 6px 0px 0px;
	}

	* html #divWrpCntnt div.bx_txt_half {
		float: none;
		display: inline;
	}

		#divWrpCntnt div.bx_txt_half p {
			margin: 4px 8px 6px 8px;
		}
	
		#divWrpCntnt div.bx_txt_half p.submit_button {
			text-align: right;
			
			margin-right: 0px;
		}


		/* ==================================================================
			=Container für über den gesamten Contentbereich verlaufenden
			Inhalt mit Hintergrund
		==================================================================== */
		#divWrpCntnt div.bx_full {
			margin-bottom: 16px;
		} /*=cntnr_full*/
		
			#divWrpCntnt div.bx_full div.bx_txt {
				margin: 0px 10px 0px 10px;
				padding: 0px;
			}
			
				#divWrpCntnt div.bx_full div.bx_txt div.bx_img {
					float: left;
					
					width: 296px;
					padding: 6px 0px 6px 0px;
					margin: 0px 8px 0px 0px;
				}

					#divWrpCntnt div.bx_full div.bx_txt div.bx_img a.bx_prdct_img,
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img span.bx_prdct_img {
							display: block;
							float: right;
							
							min-width: 10px;
							padding: 4px;
							border: 1px solid #7E7B76;
							margin: 0px 10px; 
					}
					
					* html #divWrpCntnt div.bx_full div.bx_txt div.bx_img a.bx_prdct_img,
					* html #divWrpCntnt div.bx_full div.bx_txt div.bx_img span.bx_prdct_img {
							margin: 0px 5px; 
					}
		
						/* Image size - very big image: 250px * 200px */
						#divWrpCntnt div.bx_full div.bx_txt div.bx_img a.bx_prdct_img img,
						#divWrpCntnt div.bx_full div.bx_txt div.bx_img span.bx_prdct_img img {
							border: 1px solid #7E7B76;
						}
						
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img div.bx_prdct_more_img {
						clear: both;
						
						padding: 8px 10px 0px 0px;
					}

						#divWrpCntnt div.bx_full div.bx_txt div.bx_img div.bx_prdct_more_img a.bx_prdct_img {
								display: block;
								float: left;
								
								min-width: 10px;
								padding: 2px;
								border: 1px solid #7E7B76;
								margin: 0px 2px 6px 8px; 
						}
						
						* html #divWrpCntnt div.bx_full div.bx_txt div.bx_img div.bx_prdct_more_img a.bx_prdct_img {
								margin: 0px 0px; 
						}
			
							/* Image size - very big image: 250px * 200px */
							#divWrpCntnt div.bx_full div.bx_txt div.bx_img a.bx_prdct_img img {
								border: 1px solid #7E7B76;
							}
						
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img div.bx_prdct_services {
						clear: both;
						
						padding-top: 16px;
					}

					* html #divWrpCntnt div.bx_full div.bx_txt div.bx_img div.bx_prdct_services {
						padding-top: 2px;
					}
					
						#divWrpCntnt div.bx_full div.bx_txt div.bx_img div.bx_prdct_services p {
							margin: 0px 8px 2px 8px;
						}
		
				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt {
					float: left;
					
					width: 295px;
					margin: 6px 0px 6px 2px;
				}
				
				* html #divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt {
					float: none;
				}

				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt h2.prdct_ttl {
  					font-size: 13px;
					color: #693b30;
					letter-spacing: 1px;
					
					margin: 0px 0px 2px 0px;
				} /*=product_title_big*/

					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt h2.prdct_ttl a {
						color: #330502;
						text-decoration: none;
					}
					
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt h2.prdct_ttl a:hover,
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt h2.prdct_ttl a:focus,
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt h2.prdct_ttl a:active {
						text-decoration: underline;
					}
				
				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt p {
					margin: 0px 0px 0px 0px;
				}
				
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt p.prdct_artnr {
						font-size: 10px;
						color: #674E4C;
						
						margin-bottom: 6px;
					} /*=product_artnr*/

					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt p.prdct_vendor {
						margin-bottom: 6px;
					}
					
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt p.prdct_price_old_txt,
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt p.prdct_price_new_txt {
						color: #330502;
					}
					
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt p.prdct_price_new {
						font-size: 23px;
						font-weight: bold;
						color: #b40404;
						
						margin-bottom: 16px;
					} /*=product_price_new*/
					
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt p.prdct_price_new span.prdct_price_per_unit {
						font-size: 11px;
						font-weight: normal;
						color: #330502;
					}
					
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt span.prdct_price_old {
						color: #330502;
						font-size: 13px;
						font-weight: bold;
						text-decoration: line-through;
					} /*=product_price_old*/

					#divWrpCntnt div.bx_txt a.lnk_delivery,
					#divWrpCntnt div.bx_txt a.lnk_delivery:focus,
					#divWrpCntnt div.bx_txt a.lnk_delivery:hover,
					#divWrpCntnt div.bx_txt a.lnk_delivery:active {
						color: #b40404;
					}

				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt div.prdct_desc {
					margin: 0px 8px 6px 0px;
				}

				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt div.prdct_variante {
					margin: 0px 0px 6px 0px;
				}

				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt div.prdct_variante .inpt_slct {
					width: 136px;
				}
				
				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt label.prdct_amount {
					text-align: right;
					
					width: 30px;
					xxxpadding-top: 3px;
					margin: 4px 10px 2px 0px;
				}

				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt input.prdct_amount {
					width: 40px;
					padding: 1px 2px 2px 2px;
					margin: 0px 20px 0px 0px;
				}
				
				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt label.prdct_select {
					text-align: right;
					
					width: 93px;
					padding-top: 3px;
					margin: 4px 10px 8px 0px;
				}

				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt select.prdct_select {
					width: 158px;
					xxxpadding: 1px 2px 2px 2px;
					margin: 2px 0px 8px 0px;
				}

				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt div.prdct_prices {
					margin: -10px 0px 16px 0px;
				}
				
				#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt table.tbl_prdct_spezification {
					width: 100%;
					margin-bottom: 8px;
				}
					
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt table.tbl_prdct_spezification th,
					#divWrpCntnt div.bx_full div.bx_txt div.bx_img_txt table.tbl_prdct_spezification td {
						width: 50%;
					}
				
		/* ==================================================================
			=Halb-Container: Inhalt nimmt immer die Hälfte des Contentbereichs
			ein (muss gecleart werden !!)
		==================================================================== */
		#divWrpCntnt div.bx_half {
			margin-bottom: 16px;
		}/*=cntnr_half*/

			#divWrpCntnt div.bx_half div.bx_txt {
				float: left;
				
				width: 296px;
				padding: 0px;
				margin: 0px 0px 0px 10px;
			}

			* html #divWrpCntnt div.bx_half div.bx_txt {
				width: 297px;
				margin: 0px 3px 0px 5px;
			}

				#divWrpCntnt div.bx_half div.bx_txt div.bx_img {
					float: left;
					
					width: 120px;
					padding: 6px 0px 6px 10px;
				}

					#divWrpCntnt div.bx_half div.bx_txt div.bx_img a.bx_prdct_img {
							display: block;
							float: right;
							
							min-width: 10px;
							padding: 3px;
							border: 1px solid #7E7B76;
					}
		
						/* Image size - big image: 110px * Xpx*/
						#divWrpCntnt div.bx_half div.bx_txt div.bx_img a.bx_prdct_img img {
							border: 1px solid #7E7B76;
						}
		
				
				#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt {
					float: left;
					
					width: 145px;
					margin: 6px 0px 6px 10px;
				}

				#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt h2.prdct_ttl {
  					font-size: 12px;
					color: #693b30;
					margin: 0px 0px 2px 0px;
				} /*=product_title*/

					#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt h2.prdct_ttl a {
						color: #330502;
						text-decoration: none;
					}
					
					#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt h2.prdct_ttl a:hover,
					#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt h2.prdct_ttl a:focus,
					#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt h2.prdct_ttl a:active {
						text-decoration: underline;
					}
				
				#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt p {
					margin: 0px;
				}
				
					#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt p.prdct_artnr {
						font-size: 10px;
						color: #674E4C;
						
						margin-bottom: 5px;
					} /*=product_artnr*/

					#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt p.prdct_price_new {
						font-size: 16px;
						font-weight: bold;
						color: #330502;
						
						margin-bottom: 8px;
					} /*=product_price_new*/

				#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt div.prdct_variante {
					margin: 0px 0px 6px 0px;
				}

				#divWrpCntnt div.bx_half div.bx_txt div.bx_img_txt div.prdct_variante .inpt_slct {
					width: 136px;
				}

		/* ==================================================================
			=Viertel-Container: Inhalt nimmt immer ein Viertel des Contentbereichs
			ein (muss gecleart werden !!)
		==================================================================== */
		#divWrpCntnt div.bx_quarter {
			margin-bottom: 16px;
		}/*=cntnr_quater*/

			#divWrpCntnt div.bx_quarter div.bx_txt {
				float: left;
				
				width: 143px;
				padding: 0px;
				margin: 0px 0px 0px 10px;
			}

			* html #divWrpCntnt div.bx_quarter div.bx_txt {
				margin: 0px 5px 0px 5px;
			}

				#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img {
					width: 120px;
					margin: 6px 0px 6px 10px;
				}

					#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img a.bx_prdct_img {
							display: block;
							float: left;
							
							min-width: 10px;
							padding: 3px;
							border: 1px solid #7E7B76;
					}
		
						/* Image size - small images: 110px*Xpx */
						#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img a.bx_prdct_img img {
							border: 1px solid #7E7B76;
						}
		
				#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt {
					width: 120px;
					margin: 0px 0px 0px 10px;
				}

				#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt h2.prdct_ttl {
  					font-size: 12px;
					color: #693b30;
					margin: 0px 0px 2px 0px;
				} /*=product_title*/

					#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt h2.prdct_ttl a {
						color: #330502;
						text-decoration: none;
					}
					
					#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt h2.prdct_ttl a:hover,
					#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt h2.prdct_ttl a:focus,
					#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt h2.prdct_ttl a:active {
						text-decoration: underline;
					}
				
				#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt p {
					margin: 0px;
				}
				
					#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt p.prdct_artnr {
						font-size: 10px;
						color: #674E4C;
						
						margin-bottom: 5px;
					} /*=product_artnr*/

					#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt p.prdct_price_new {
						font-size: 16px;
						font-weight: bold;
						color: #330502;
						
						margin-bottom: 8px;
					} /*=product_price_new*/
				
					#divWrpCntnt div.bx_quarter div.bx_txt div.bx_img_txt input.bttn_sbmt_cart {
						width: 95px;
					} /*=warenkorb_mini_button2*/

	/*********************************************/
	/* === =spezielle Seiten, Klassen und ID === */
	/*********************************************/
	#divWrpCntnt td.tbl_sprtr {
		height: 7px;
		background: url(styles/images_css/bg_line.jpg) no-repeat 0px 3px;
		padding: 4px 0px;
	}

	#divWrpCntnt td.tbl_sprtr_double {
		height: 17px;
		background: url(styles/images_css/bg_line_double.jpg) no-repeat 0px 8px;
		padding: 4px 0px;
	}
	


	/* *** *** Kundenkonto eröffnen *** *** */
	#divWrpCntnt #createUser div.bx_txt {
		margin-bottom: 1px;
	}
	
		#divWrpCntnt #createUser div.bx_txt label {
			text-align: right;
			
			width: 120px;
			padding-top: 3px;
			margin: 4px 10px 2px 0px;
		}
		
		#divWrpCntnt #createUser div.bx_txt .inpt_txt {
			float: left;
	
			width: 145px;
			margin: 2px 0px 0px 0px;
		}

	/* *** *** Lieferung und Zahlungart auswählen *** *** */
	#divWrpCntnt #selectDelivery div.bx_txt {
		margin-bottom: 1px;
	}
	
		#divWrpCntnt #selectDelivery div.bx_txt select,
		#divWrpCntnt #selectDelivery div.bx_txt .bttn_sbmt {
			float: none;
	
			margin: 2px 0px 0px 10px;
		}

	#divWrpCntnt #selectPayment table {
		font-family: "Times New Roman", Times, serif;
		font-size: 11px;
		
		margin: 0px 10px;
	}
	
		#divWrpCntnt #selectPayment td {
			text-align: left;
			xxxborder: 1px solid #0000CC;
		}
	
			#divWrpCntnt #selectPayment td.payment_select {
				text-align: center;
				vertical-align: top;
				
				width: 20px;
			}

		#divWrpCntnt #selectPayment label {
			float: none;
			margin: 0px;
		}
		
		#divWrpCntnt #selectPayment input.inpt_rd {
			float: none;
			
			border: none;
			margin: 0px;
		}

		/* *** Stepper *** 
		#divWrpCntnt #basketStepper {
			margin-bottom: 8px;
		}
		
			#divWrpCntnt #basketStepper div.bx_txt {
				height: 75px;
			}
			
			#divWrpCntnt #basketStepper div.bx_txt a {
				text-decoration: none;
			}
		
			#divWrpCntnt #basketStepper div.bx_txt a:hover,
			#divWrpCntnt #basketStepper div.bx_txt a:focus,
			#divWrpCntnt #basketStepper div.bx_txt a:active {
				text-decoration: underline;
			}
		
			#divWrpCntnt #basketStepper div.bx_txt a.lnk_step_act {
				color: #b40404;
			}
		
				#divWrpCntnt #basketStepper div.bx_txt h3 {
					font-size: 12px;
					
					padding: 0px;
					margin: 4px 8px;
				}
				
				#divWrpCntnt #basketStepper div.bx_txt p {
					padding: 0px;
					margin: 4px 8px;
				}*/

		/* *** Locator *** 
		#divWrpCntnt #lctr_top div.bx_txt,
		#divWrpCntnt #lctr_bottom div.bx_txt {
			margin-bottom: 1px;
		} *//*= locatortitlerow
		
		#divWrpCntnt #lctr_top div.bx_txt table.tbl_lctr,
		#divWrpCntnt #lctr_bottom div.bx_txt table.tbl_lctr {
			font-family: "Times New Roman", Times, serif;
			font-size: 11px;
			color: #4E1713;
			
			width: 586px;
			margin: 0px 8px;
		}

			#divWrpCntnt #lctr_top div.bx_txt table.tbl_lctr td.lctr_page_of_pages,
			#divWrpCntnt #lctr_bottom div.bx_txt table.tbl_lctr td.lctr_page_of_pages,
			#divWrpCntnt #lctr_top div.bx_txt table.tbl_lctr td.lctr_prdcts_per_page,
			#divWrpCntnt #lctr_bottom div.bx_txt table.tbl_lctr td.lctr_prdcts_per_page {
				text-align: left;
				
				padding: 4px 0px 3px 0px;
			}

			#divWrpCntnt #lctr_top div.bx_txt table.tbl_lctr td.lctr_pager,
			#divWrpCntnt #lctr_bottom div.bx_txt table.tbl_lctr td.lctr_pager,
			#divWrpCntnt #lctr_top div.bx_txt table.tbl_lctr td.lctr_sorter,
			#divWrpCntnt #lctr_bottom div.bx_txt table.tbl_lctr td.lctr_sorter {
				text-align: right;
				
				padding: 4px 0px 3px 0px;
			}
		
		
		#divWrpCntnt #lctr_top a.lnk_lctr_active,
		#divWrpCntnt #lctr_bottom a.lnk_lctr_active {
			font-weight: bold;
		}*/

/***************************************************/
/***      === =Rechter Bereich mit Infos ===    ***/
/***************************************************/
#divWrpInfo {
	float: right;
	
	text-align: left;
	
	width: 180px;
	xxxborder-top: 2px solid green;
	xxxborder-bottom: 2px solid green;
}

	/*********************/
	/* === =Titelbox === */
	/*********************/
	#divWrpInfo h3.bx_ttl {
		font-size: 13px;
		color: #4E1713;
		letter-spacing: 1px;
		
		background:  url(styles/images_css/bg_kachel.jpg) repeat-y right;
		padding: 5px 8px 3px 8px;
		margin: 8px 0px 1px 0px;
	}
	
		#divWrpInfo h3.bx_ttl a {
			font-weight: bold;
			color: #4E1713;
		}
		
		#divWrpInfo h3.bx_ttl a:hover,
		#divWrpInfo h3.bx_ttl a:focus,
		#divWrpInfo h3.bx_ttl a:active{
			 text-decoration: underline;
		}

	/********************/
	/* === =Textbox === */
	/********************/
	/*.box_right_content*/
	#divWrpInfo div.bx_txt {
		color: #4E1713;
		
		background:  url(styles/images_css/bg_kachel.jpg) repeat-y right;
		margin: 1px 0px 0px 0px;
		padding: 3px 0px 3px 10px;
	}

		#divWrpInfo div.bx_txt div.bx_img {
			float: left;
			
			width: 60px;
			xxxborder-bottom: 1px solid #993399;
			margin: 6px 0px;
		}

			#divWrpInfo div.bx_txt div.bx_img a.bx_prdct_img_s {
					display: block;
					float: left;
					
					min-width: 10px;
					padding: 2px;
					border: 1px solid #7E7B76;
			}

				#divWrpInfo div.bx_txt div.bx_img a.bx_prdct_img_s img {
					border: 1px solid #7E7B76;
				}

		
		#divWrpInfo div.bx_txt div.bx_img_txt {
			float: left;
			
			width: 100px;
			xxxborder-bottom: 1px solid #993300;
			margin: 6px 0px;
		}

			#divWrpInfo div.bx_txt div.bx_img_txt a {
				color: #330502;
				font-weight: bold;
			}

			#divWrpInfo div.bx_txt div.bx_img_txt p.prdct_artnr {
				font-size: 10px;
				color: #674E4C;
				
				margin: 0px 0px 4px 0px;
			}

			#divWrpInfo div.bx_txt div.bx_img_txt a.lnk_order,
			#divWrpInfo div.bx_txt div.bx_img_txt a.lnk_details {
				color: #b40404;
				font-weight: normal;
			}
	
			#divWrpInfo div.bx_txt div.bx_img_txt input.bttn_sbmt_cart {
				width: 100px;
			}
	
	/*************************************/
	/* === =spezielle Klassen und ID === */
	/*************************************/
	/* *** Waehrung *** */
		a.currency,
		a.currency_activ {
			 color: #4E1713;
		}
		
		a.currency_activ {
			font-weight: bold;
		}
		
		a.currency:hover,
		a.currency:focus,
		a.currency:active,
		a.currency_activ:hover,
		a.currency_activ:focus,
		a.currency_activ:active {
			 color: #4E1713;
			 text-decoration: underline;
		}
	
	/* *** Loginbereich *** */
	#divWrpInfo p { margin-top: 5px; }

	#divWrpInfo label {
		width: 50px;
		margin: 4px 0px;
	}
	
	#divWrpInfo .inpt_txt {
		float: left;

		width: 108px;
		margin: 2px 0px;
	}

	#divWrpInfo .inpt_chck {
		float: left;

		width: 20px;
		margin: 4px 0px 2px 47px;
	}

	#divWrpInfo .bttn_sbmt {
		width: 108px;
		margin: 2px 0px 2px 50px;
	}