/*
	Overview
*/	

.jwl_over_header {
	position:			relative;
	left:				0px;
	top:				0px;
	width:				680px;
	height:				56px;
	z-index:			1;
}

.jwl_over_header_text {
	position:			absolute;
	left:				0px;
	top:				0px;

	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
}

.jwl_over_content {
	z-index: 			1;
	position:			relative;
	left:				0px;
	top:				0px;
}

.jwl_over_info {
	position:			relative;
	width:				283px;
	height:				206px;
}
.jwl_over_info_content {
	position:			relative;
	top:				0px;
	left:				0px;
	width:				250px;
}

.jwl_over_picture {
	position:			relative;
	left:				291px;
	width:				283px;
	height:				206px;
}

.jwl_over_picture_gross {
	position:			relative;
	left:				291px;
	width:				470px;
	height:				206px;
}


.jwl_over_spannringe {
	position:			absolute;
	left:				581px;
	width:				185px;
	height:				205px;
}

.jwl_over_spannringe_image {
	position:			absolute;
	top:				54px;
	left:				41px;
	width:				94px;
	height:				105px;
}

.jwl_over_memoirringe {
	position:			absolute;
	top:				214px;
	width:				185px;
	height:				205px;
}
.jwl_over_memoirringe_image {
	position:			absolute;
	top:				52px;
	left:				51px;
	width:				78px;
	height:				108px;
}

.jwl_over_brillantcolliers {
	position:			absolute;
	top:				214px;
	left:				198px;
	width:				185px;
	height:				205px;
}

.jwl_over_brillantcolliers_gross {
	position:			absolute;
	top:				214px;
	left:				2px;
	width:				250px;
	height:				205px;
}


.jwl_over_brillantcolliers_image {
	position:			absolute;
	top:				52px;
	left:				48px;
	width:				146px;
	height:				55px;
}

.jwl_over_ohrstecker {
	position:			absolute;
	top:				214px;
	left:				388px;
	width:				185px;
	height:				205px;
}

.jwl_over_ohrstecker_gross {
	position:			absolute;
	top:				214px;
	left:				256px;
	width:				250px;
	height:				205px;
}

.jwl_over_ohrstecker_image {
	position:			absolute;
	top:				52px;
	left:				55px;
	width:				141px;
	height:				101px;
}

.jwl_over_brillantringe {
	position:			absolute;
	top:				214px;
	left:				581px;
	width:				185px;
	height:				205px;
}

.jwl_over_brillantringe_gross {
	position:			absolute;
	top:				214px;
	left:				514px;
	width:				250px;
	height:				205px;
}

.jwl_over_brillantringe_image {
	position:			absolute;
	top:				52px;
	left:				50px;
	width:				133px;
	height:				102px;
}

.jwl_over_tall {
	position:			absolute;
	left:				775px;
	width:				186px;
	height:				420px;
}

.jwl_over_tall_head_1 {
	position:			absolute;
	top:				10px;
	left:				20px;

	font-family:		Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:			13px;
	font-weight:		bold;
}
.jwl_over_tall_content_1 {
	position:			absolute;
	top:				37px;
	left:				20px;
	width:				150px;
}
.jwl_over_tall_head_2 {
	position:			absolute;
	top:				156px;
	left:				20px;
	
	font-family:	Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		13px;
	font-weight:	bold;
}
.jwl_over_tall_content_2 {
	position:			absolute;
	top:				183px;
	left:				20px;
	width:				150px;
}
.jwl_over_tall_head_3 {
	position:			absolute;
	top:				266px;
	left:				20px;
	
	font-family:	Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:		13px;
	font-weight:	bold;
}
.jwl_over_tall_content_3 {
	position:			absolute;
	top:				293px;
	left:				20px;
	width:				150px;
}

.jwl_over_acredo {
    position:           absolute;
    top:                428px;
    left:               0px;
    width:              960px;
    height:             175px;
    background-image:   url( ../../../images/bd_box_jobs.jpg );
}

.jwl_over_acredo_image {
    position:           absolute;
    top:                54px;
    left:               41px;
    width:              94px;
    height:             105px;
}

/*
	Catalog
*/

.pos_catalog_navi {
	/*width: 415px;*/
	width: 340px;
	height: 20px;
	left: 20px;
	top: 495px;
	position: absolute;
	text-align: center;
	border: solid 1px #D4D4D4;
	background-color: #F4F4F4;
	color: #000000;
}

.pos_catalog_header {
	/*width: 415px;*/
	width: 205px;
	height: 25px;
	left: 20px;
	top: 10px;
	position: absolute;	
	background-color: #FFFFFF;
	color: #000000;
	z-index: 5;
}

.pos_catalog_list, .pos_catalog_overview {
	/*width: 415px;*/
	padding: 5px;
	width: 330px;
	height: 445px;
	left: 20px;
	top: 35px;
	position: absolute;	
	border: solid 1px #D4D4D4;
	background-color: #FFFFFF;
	color: #000000;
}

.pos_catalog_overview {
	display: none;
	background-color: #F4F4F4;
	color: #000000;
}

.td_catalog_container {
	width: 135px;
	height: 135px;
	margin: 0px;
	padding: 2px;
	text-align: center;
	font-size: 10px;
}

.pos_catalog_load, .pos_articel_load {
	width: 420px;
	height: 550px;
	left: 20px;
	top: 10px;
	z-index: 1;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	background-color: #f7f8ff;
	background-position: center;
}

.pos_catalog_load_text {
	position: relative;
	top: 150px;
	left: 25px;
	width: 300px;
	height: 40px;
	border: solid 1px #444444;
	background-color: #FFFFFF;
	color: #848484;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	padding: 10px;
}

.span_catalog_title, .span_catalog_title_off {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url('../../images/list_card_left.png');
	top: 0px;
	left: 0px;
	width: 260px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	position: absolute;
	display: block;
}

.span_catalog_title_off {
	background-image: url('../../images/list_card_left_off.png');
}

.span_catalog_overview_text, .span_catalog_overview_text_off {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url('../../images/list_card_right.png');
	top: 0px;
	left: 260px;
	width: 80px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	display: block;
	position: absolute;
}

.span_catalog_overview_text_off {
	background-image: url('../../images/list_card_right_off.png');
}

.span_catalog_navi_text {
	 top: 0px; 
	 left: 0px; 
	 position: absolute;
	 line-height: 20px;
	 font-size: 11px;
	 width: 90px;
	 text-align: center;
}

.pos_articel_load {
	width: 610px;
	height: 600px;
	left: 390px;
	top: 10px;	
}

.pos_articel_picture {
	width: 260px;
	height: 250px;
	left: 2px;
	top: 10px;		
	position: relative;
	border-left: solid 1px #D4D4D4;
	float: left;
}

.pos_articel_description {
	width: 330px;
	height: 310px;
	left: 0px;
	top: 10px;		
	position: relative;
	float: left;
}

.pos_articel_vars {
	width: 592px;
	min-height: 100px;
	height: 120px;
	left: 390px;
	/*top: 485px;		*/
	top: 390px;
	position: absolute;
	/*display: none;*/
	border: solid 1px #D4D4D4;
	padding: 4px;
}

.pos_articel_vars_left {
	width: 200px;
	min-height: 100px;
	left: 10px;
	top: 5px;
	position: absolute;
	padding: 1px;
	float: left;
}

.pos_articel_list_header {
	width: 150px;
	top: 5px;
	left: 240px;
	position: absolute;
	float: left;
}

.pos_articel_list {
	width: 150px;
	min-height: 100px;
	left: 239px;
	top: 22px;
	position: absolute;
	padding: 1px;
	float: left;
}


.pos_articel_addons {
	width: 150px;
	min-height: 100px;
	left: 420px;
	top: 5px;
	position: absolute;
	padding: 1px;
	float: left;
}

.pos_var_details {
	/*width: 520px;*/
	width: 				600px;
	height: 			485px;
	left: 				395px;
	top: 				40px;		
	position: 			absolute;
	display: 			none;
	z-index:			10;
}

.div_var_details_title {
	background-color: 	#E4E4E4;
	border: 			solid 1px #A4A4A4;
	width: 				590px;
}

.div_var_details {
	background-color: 	#FFFFFF;
	border: 			solid 1px #A4A4A4;
	overflow: 			auto;
	width: 				590px;
	height: 			455px;
}

.pos_add_articel {
	width: 600px;
	min-height: 100px;
	left: 200px;
	top: 550px;		
	position: absolute;
}

.pos_articel_error {
	width: 600px;
	height: 100px;
	left: 470px;
	top: 280px;		
	position: absolute;
	display: none;
}

.box_var_details, .box_var_details:hover, .box_var_details_match, .box_var_details_match:hover {
	float: left;
	width: 140px;
	height: 180px;
	border: dotted 1px #E4E4E4;
	padding: 3px;
	margin: 10px;
	
	font-size: 11px;
	text-align: center;
}

.box_var_details_match {
	border: solid 1px #A4A4A4;
	background-color: #E4FFE4;	
}

.box_var_details:hover, .box_var_details_match:hover {
	border: solid 1px #A4A4A4;
	background-color: #E4E4E4;
}

.box_addon_details, .box_addon_details:hover, .box_addon_details_match, .box_addon_details_match:hover {
	float: left;
	width: 230px;
	height: 100px;
	border: dotted 1px #E4E4E4;
	padding: 3px;
	margin: 10px;
	
	font-size: 11px;
	text-align: center;
}

.box_addon_details_match {
	border: solid 1px #A4A4A4;
	background-color: #E4FFE4;	
}

.box_addon_details:hover, .box_addon_details_match:hover {
	border: solid 1px #A4A4A4;
	background-color: #E4E4E4;
}

/*Schmuckansicht + Infos */

.box_jewellery_title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url('../../images/articel_index_card.png');
	left: 390px;
	/*top: 130px;  */ 		
	top: 10px;
	/*width: 260px;*/
	width: 400px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	position: absolute;
	display: block;
}

.box_jewellery_content {
	position: absolute;
	left: 390px;
	/*top: 155px;*/
	top: 35px;
	width: 600px;
	height: 320px;
	border: solid 1px #D4D4D4;
}

.box_button_content {
	position: absolute;
	left: 390px;
	top: 362px;
	width: 480px;
	height: 20px;
	float: right;
	padding-left: 60px;
	/*padding-right: 60px;*/
}

/* rechte Beschreibungsseite */
.span_box_small {
	border: solid 1px #D4D4D4;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 130px;
	height: 15px;
	background-color: #CDCDCD;
	float:left;
}

.div_desc_row {
	width: 330px;
	background-color: #CDCDCD;
	border-top: solid 1px #D4D4D4;
	min-height: 18px;
	float: left;
}

.span_desc_col_1 {
	top: 		0px;
	left: 		0px;
	position: 	relative;
	display:	 block;
	width: 		130px;
	float: 		left;
	/*background-color: #D4D4D4;*/
}

.span_desc_col_2 {
	position: 	relative;
	display:	block;
	width: 		197px;
	left: 		0px;
	top: 		0px;
	float: 		left;
	padding-left: 2px;
	background-color: #E4E4E4;
}
.span_desc_col_3 {
	position: 	relative;
	display:	block;
	/*width: 		198px;*/
	width: 		197px;
	left: 		0px;
	top: 		0px;
	float: 		left;
	padding-left: 2px;
	background-color: #E4E4E4;
}

/*---*/

.span_box_small_price {
	border: solid 1px #D4D4D4;
	position: relative;
	left: 0px;
	top: 0px;
	width: 130px;
	height: 40px;
	/*background-color: #CDCDCD;*/
	background-color: #00FF00;
	float: left;
	display: block;
}

.art_price_line {
	display: none;
	position: relative;
	height: 40px;
	width: 190px;
	left: 0px;
	top: 0px;
	text-align: left; 
	/*background-color: #E4E4E4; */
	/*background-color: #FF0000;*/
	float: left;
}
/*---*/



/*----*/
.span_quality_desc_line {
	position: relative;
	width: 130px;
	float: left;
	background-color: #CDCDCD;
	border-top: solid 1px #D4D4D4;
	
}

.span_title_desc_text {
	position: relative;
	width: 200px;
	left: 0px;
	float: left;
	background-color: #E4E4E4;
	border-top: solid 1px #D4D4D4;
	
}

.price_font {
	font-size: 13px;
}

.articel_error {
	width: 560px;
	height: 50px;
	left: 410px;
	top: 200px;		
	position: absolute;
	display: none;
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	text-align:center;
	border: solid 1px #D4D4D4;
	background-color: #FFFFFF;
}

.box_button, .box_button:hover {
	border: solid 1px #A4A4A4;
	padding-left: 10px;
	padding-right: 10px;
	height: 18px;
	line-height: 18px;
	display: block;
	color: #000000;
	text-align: center;
	background-color: #E4E4E4;
	background-image: url('../../images/button_bg.png');
	cursor: pointer;
}

.box_button:hover {
	background-image: url('../../images/button_bg_on.png');
	text-decoration: none;
}