
/* body */

body
{
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
}


/* text */

p, ul, ol, li, div, td
{ 
	font-family: Segoe UI, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666; /* 737162 */
}

p
{
	margin: 0px;
	padding: 0px;
}

.nrm
{
	font-size: 12px;
}

.text
{
	line-height: 22px;
}

.c
{
	color: #0083C5;
}

.c a:link 
{
	color: #FF6600; 
}

.c a:visited 
{
	color: #FF6600; 
}


.w
{
	color: #FFFFFF;
	text-decoration: none; 
	background-color: transparent;
}

.w a:link 
{
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent;
}

.w a:active 
{
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent;
}

.w a:hover 
{
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent;
}

.w a:visited 
{
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent;
}


.msg
{
	font-weight: bold;
	font-size: 15px;
	color: #FF0000;
	padding: 0px;
	margin: 8px 0px 0px 0px;
	display: block;
	width: 100%;
}



/* links */

a:link
{ 
	color: #0075CC; 
	text-decoration: none;
	padding: 0px 2px 0px 0px;
	border-radius: 3px;
}

a:visited
{ 
	color: #7b7d63; 
	text-decoration: none; 
	padding: 0px 2px 0px 0px;
	border-radius: 3px;
}

a:active 
{ 
	color: #0075CC; 
	text-decoration: none; 
	padding: 0px 2px 0px 0px;
	border-radius: 3px;
}

a:hover 
{
	color: #0075CC; 
	background-color: #F3F3F3; 
	text-decoration: none; 
	padding: 0px 2px 0px 0px;
	border-radius: 3px;
}


a.pic:link 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
	z-index: 999;
}

a.pic:visited 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
	z-index: 999;
}

a.pic:active 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
	z-index: 999;
}

a.pic:hover 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: transparent; 
	margin: 0px;
	padding: 0px;
	z-index: 999;
}



/* H0 */

.h0
{
	font-size: 19px;	
	color: #0083C5;
	margin: 5px 0px 10px 0px;
}


/* H1 */

.h1
{
	font-size: 21px;	
	color: #928F87;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

.h1_c
{
	font-size: 21px;	
	color: #0083C5;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

/* H2 */

.h2
{
	font-size: 18px;	
	color: #928F87;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	line-height: 28px;
}


/* H3 */

.h3
{
	font-size: 20px;	
	line-height: 28px;
}



/* texts */

.h_user
{
	font-weight: normal;
	font-size: 11px;
	margin: 5px 5px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #F2F2F2;
}

.h_user_c
{
	font-weight: bold;
	font-size: 11px;
	margin: 5px 5px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #F2F2F2;
}

.h_user_s
{
	font-weight: normal;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}


.h_lang
{
	font-size: 11px;
	margin: 0px 5px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #F2F2F2;
	float: left;
}

.h_lang_c
{
	font-size: 11px;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #F2F2F2;
	float: left;
}

.h_lang_c a
{
	color: #532900;
}


.h_copy
{
	font-size: 11px;
	line-height: 19px;
}

.h_footer
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.h_small
{
	font-size: 10px;
}

.h_date
{
	font-size: 11px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

.h_field
{
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.h_sort
{
	font-size: 12px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}


.h_img
{
	font-size: 12px;
}




.h_product_cat_title /* home cat spacers */
{
	font-weight: bold;
	font-size: 15px;
	margin: 5px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
}

.h_product_title /* list */
{
	font-weight: bold;
	margin: 2px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

.h_product_cat /* list - cat top */
{
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.h_product_type /* list - all cats */
{
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	margin: 3px 0px 5px 0px;
	padding: 0px;
}

.h_product_price /* list */
{
	font-weight: bold;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

.h_product_price_info /* list - availability - not used */
{
	font-size: 13px;
	margin: -18px 5px 0px 0px;
	text-align: right;
	float: right;
}

.h_product_sold /* list - sold out */
{
	font-size: 14px;
	font-weight: bold;
	color: #FF007F;
}

.h_product_abstract /* list */
{
	font-size: 15px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 21px;
}

.h_product_size
{
	font-size: 13px;
	line-height: 19px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.h_product_title_2 /* dtl */
{
	font-size: 22px;
	font-weight: bold;
	margin: 5px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.h_product_text /* used dtl */
{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	line-height: 25px;
}

.h_product_text_2 /* used dtl landing page */
{
	font-weight: bold;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	line-height: 20px;
}


.h_product_vat
{
	font-style: italic;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
}

.h_product_vat_total
{
	font-style: italic;
}

.h_product_fee
{
	color: #CC0000; /*29831D CC0000 */
}

.h_product_disc
{
	color: #00B285; /*29831D CC0000 */
}



.c_price /* hervorhebung price if disc */
{
	padding: 4px 5px 4px 5px;
	background-color: #FFDDEE; /* FFA6D2 FFDDEE rosa */
	border-radius: 8px;
}

.c_price_none /* hervorhebung price if sold out */
{
	color: #CCCCCC;
}

.c_price_disc /* anzeige price disc */
{
	font-size: 13px;
	color: #00B285;
	padding: 2px 0px 0px 3px;
}



/* social links */

.h_edit
{
	margin: 0px 1px 0px 0px;
	padding: 3px;
	background-color: #F2F2F2;
	float: left;
}

.h_edit_o
{
	margin: 0px 1px 0px 0px;
	padding: 3px;
	background-color: #E41C55;
	float: left;
}

.h_edit_o:active
{
	margin: 0px 1px 0px 0px;
	padding: 3px;
	background-color: #E41C55;
	float: left;
}

.h_edit_o:hover
{
	margin: 0px 1px 0px 0px;
	padding: 3px;
	background-color: #E41C55;
	float: left;
}


.h_edit_2
{
	margin: 0px 1px 0px 0px;
	padding: 1px;
	background-color: #FFFFFF;
	float: left;
}

.h_edit_2_o
{
	margin: 0px 1px 0px 0px;
	padding: 1px;
	background-color: #F4F3E8;
	float: left;
}

.h_edit_2_o:active
{
	background-color: #F4F3E8;
	padding: 1px;
}

.h_edit_2_o:hover
{
	background-color: #F4F3E8;
	padding: 1px;
}




/* status */

.h_ok /* green */
{
	background-color: #B6FF9D;
	padding: 3px;
	border-radius: 4px;
}

.h_ok2 /* clear blue */
{
	background-color: #99FFFF;
	padding: 3px;
	border-radius: 4px;
}

.h_nok /* red */
{
	background-color: #FFBBBB;
	padding: 3px;
	border-radius: 4px;
}

.h_pok /* orange */
{
	background-color: #FFDFAE;
	padding: 3px;
	border-radius: 4px;
}


.s_new /* yellow */
{
	background-color: #FFFF66;
	padding: 2px;
	border-radius: 3px;
}

.s_open /* orange */
{
	background-color: #FFDFAE;
	padding: 2px;
	border-radius: 3px;
}

.s_handled /* clear blue */
{
	background-color: #73FFFF;
	padding: 2px;
	border-radius: 3px;
}

.s_delivered /* violet blue */
{
	background-color: #AEC2FF;
	padding: 2px;
	border-radius: 3px;
}

.s_sent /* violet blue */
{
	background-color: #AEC2FF;
	padding: 2px;
	border-radius: 3px;
}

.s_closed /* green */
{
	background-color: #B6FF9D;
	padding: 2px;
}

.s_paid /* green */
{
	background-color: #B6FF9D;
	padding: 2px;
	border-radius: 3px;
}

.s_rejected /* red */
{
	background-color: #FFBBBB;
	padding: 2px;
	border-radius: 3px;
}

.s_deleted /* grey */
{
	background-color: #CCCCCC;
	padding: 2px;
	border-radius: 3px;
}

.s_cancel /* grey */
{
	background-color: #CCCCCC;
	padding: 2px;
	border-radius: 3px;
}

.s_refund /* red */
{
	background-color: #FFFF66;
	padding: 2px;
	border-radius: 3px;
}



/* lists */

.list_dot
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
}

.list_text
{
	margin: 0px 0px 10px 30px;
	padding: 0px;
}


.list_p_dot /* pay select */
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
}

.list_p_text
{
	margin: 0px 0px 10px 35px;
	padding: 0px 0px 20px 0px;
	border-bottom: #EEEEEE 0.01em solid;
}


.list_a_dot /* address select */
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

.list_a_text /* address select */
{
	margin: 7px 0px 0px 25px;
	padding: 0px;
}

.list_a_link /* address select */
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}



/* nav */

/* nav header */

.n1
{
	font-size: 15px;
	letter-spacing: 1px;
	margin: 0px 15px 0px 2px;
	float: left;
	border-radius: 3px;
}

.n1 a:link
{
	color: #0075CC;
	text-decoration: none; 
	padding: 2px 4px 2px 4px;
}

.n1 a:visited 
{
	color: #0075CC;
	text-decoration: none; 
	padding: 2px 4px 2px 4px;
}

.n1 a:active 
{
	color: #0075CC;
	text-decoration: none;
	background-color: #F3F3F3; 
	padding: 2px 4px 2px 4px;
}

.n1 a:hover
{
	color: #0075CC;
	text-decoration: none;
	background-color: #F3F3F3; 
	padding: 2px 4px 2px 4px;
}


.n1_c
{
	font-size: 15px;
	letter-spacing: 1px;
	margin: 0px 15px 0px 2px;
	float: left;
	border-radius: 3px;
}

.n1_c a:link
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0075CC; 
	padding: 2px 4px 2px 4px;
}

.n1_c a:visited 
{
	color: #FFFFFF;
	text-decoration: none; 
	background-color: #0075CC; 
	padding: 2px 4px 2px 4px;
}

.n1_c a:active 
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0075CC; 
	padding: 2px 4px 2px 4px;
}

.n1_c a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0075CC; 
	padding: 2px 4px 2px 4px;
}



/* if screen less or equal to x */
@media screen and (max-width: 860px) 
{

	.n1
	{
		margin: 0px 15px 7px 2px;
	}

	.n1_c
	{
		margin: 0px 15px 7px 2px;
	}

}



/* nav left */

.n2_title
{
	font-size: 14px;
	color: #0075CC;
	margin: 0px 0px 10px 3px;
	padding: 0px;
}

.n2
{
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

.n2 a:link
{
	color: #0075CC;
	text-decoration: none; 
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
}

.n2 a:visited 
{
	color: #0075CC;
	text-decoration: none; 
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
}

.n2 a:active 
{
	color: #0075CC;
	text-decoration: none;
	background-color: #F3F3F3;
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
}

.n2 a:hover
{
	color: #0075CC;
	text-decoration: none;
	background-color: #F3F3F3;
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
}



.n2_c
{
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}

.n2_c a:link
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0075CC; 
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
}

.n2_c a:visited 
{
	color: #FFFFFF;
	text-decoration: none; 
	background-color: #0075CC; 
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
}

.n2_c a:active 
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0075CC;
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
}

.n2_c a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0075CC;
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
}



/* nav footer */

.nf
{
	font-size: 14px;
	margin: 0px;
	padding: 3px 2px 3px 2px;
}

.nf a:link
{
	color: #FFFFFF;
	background-color: #3366CC;
	text-decoration: none;
}

.nf a:visited 
{
	color: #FFFFFF;
	background-color: #3366CC;
	text-decoration: none;
}

.nf a:active 
{
	color: #3366CC;
	background-color: #FFFFFF;
	text-decoration: none;
}

.nf a:hover
{
	color: #3366CC;
	background-color: #FFFFFF;
	text-decoration: none;
}


/* nav categories */

.nc /* used */
{
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

.nc a:link 
{
	text-decoration: none;
}

.nc a:visited
{
	text-decoration: none;
}

.nc a:active 
{
	text-decoration: none;
}

.nc a:hover
{
	text-decoration: none;
}


.nc2 /* used */
{
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.nc2 a:link 
{
	text-decoration: none;
}

.nc2 a:visited
{
	text-decoration: none;
}

.nc2 a:active 
{
	text-decoration: none;
}

.nc2 a:hover
{
	text-decoration: none;
}



/* drop down cats */

.d_cat 
{
	margin: 20px 35px 30px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
	overflow: hidden;
	z-index: 1;
	float: left;
	width: 25%;
	min-width: 205px;
	border-top: #EEEEEE 1px solid; /* FCF910 */
}


/* links inside the navbar */
.d_cat a 
{
	float: none;
}

/* the dropdown container */
.d_cat_drop 
{
	float: none;
	overflow: hidden;
	background-color: #F5F5F5;
}

/* dropdown button - title */
.d_cat_drop .d_cat_button 
{
	font-family: inherit; /* important for vertical align on mobile phones */
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	border: none;
	outline: none;
	margin: 0; /* important for vertical align on mobile phones */
	padding: 8px 20px 10px 15px;
	background-color: inherit;
	width: parent;
	min-width: 225px;
	border-bottom: #EEEEEE 1px solid;
}

/* add a background color to navbar links on hover .d_cat a:hover,  */
.d_cat_drop:hover .d_cat_button 
{
	background-color: #F3EFE0;
}

/* dropdown content (hidden by default) */
.d_cat_content 
{
	display: none;
	position: absolute;
	background-color: #F3EFE0;
	width: parent;
	min-width: 225px;
	/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
	z-index: 1;
}

/* links inside the dropdown - links */
.d_cat_content a 
{
	text-align: left;
	text-decoration: none;
	padding: 8px 10px 8px 15px;
	display: block;
	float: none;
}

/* add a grey background color to dropdown links on hover */
.d_cat_content a:hover 
{
	background-color: #EAE3C6;
}

/* Show the dropdown menu on hover */
.d_cat_drop:hover .d_cat_content
{
	display: block;
	width: inherit;
}


.d_cat_search
{
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 8px 15px;
	border-bottom: #EEEEEE 1px solid;
}

.d_cat_reset
{
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 8px 15px;
	border-bottom: #EEEEEE 1px solid;
	background-color: #F5F5F5;
}

.d_cat_reset:hover 
{
	background-color: #F3EFE0;
}


.icon_search_cat
{
	position: relative;
	top: 3px;
	padding: 0px 3px 0px 3px;
}



@media screen and (max-width: 1050px) 
{
	.d_cat 
	{
		margin: 0px 0px 20px 0px;
		width: 100%;
		min-width: 100%;
		float: none;
	}

	.d_cat_drop .d_cat_button
	{
		width: 100%;
		min-width: 100%;
	}

	.d_cat_content
	{
		width: 300px;
		min-width: 300px;
	}

}



/* bg */

.bg_0
{
	background-color: #FFFFFF;
}

.bg_1
{
	background-color: #FFFFFF;
}

.bg_2
{
	background-color: #0077FF;
}


.bg_img
{
	background-color: #F2F2F2;
	height: 300px;
}




.bg_tcell
{
	background-color: #F9F9F7;
}

.bg_tcell1
{
	background-color: #FFFFFF;
}

.bg_tcell2
{
	background-color: #F3F3F3;
}



/* line */

.hr_1
{
	border-top: #EEEEEE 2px solid;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.hr_2
{
	border-top: #B1B8B8 1px dotted;
	margin: 0px;
	padding: 5px;
}


.hr_p /* pay select */
{
	height: 1px;
	background-color: #EEEEEE;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.hr_addr /* address select */
{
	border-top: #B1B8B8 1px dotted;
	margin: 10px 0px -5px 0px;
	padding: 0px;
}

.hr_cr /* career */
{
	border-top: #F4F5EB 4px solid;
	margin: 0px;
	padding: 0px;
}



/* table */

/* main table columns formatting */

.tb_1
{
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

.tb_2
{
	margin: 0px;
	padding: 20px 0px 0px 0px;
}


.tb_ad
{
	border-top: #EEEEEE 0.01em solid;
}


.tb_line /* above footer - not used */
{
	border-top: #EEEEEE 0.01em solid;
}



/* normal input forms */

.bg_tb_1
{
	background-color: #F2F2F2;
}

.bg_tb_1 td
{
	padding: 10px 15px 10px 15px;
	background-color: #F2F2F2;
}


/* normal display tables */

.bg_tb_2
{
	padding: 15px 10px 10px 15px;
	background-color: #F2F2F2;
}

.bg_tb_2 td
{
	padding: 8px 5px 8px 5px;
}


/* normal detail tables */

.bg_tb_3
{
	background-color: #F2F2F2;
}

.bg_tb_3 td
{
	padding: 2px 2px 2px 2px;
}

.bg_tb_3 p
{
	margin: 0px;
	padding: 0px;
}


/* content display tables */

.bg_tb_c
{
	border: none;
}

.bg_tb_c td
{
	padding: 5px 5px 5px 0px;
	border: none;
}



/* product list */

.bg_tb_p
{
	border-top: #EEEEEE 1px solid;
}

.bg_tb_p td
{
	padding: 15px 10px 15px 0px;
	border-bottom: #EEEEEE 1px solid;
}

.bg_tb_p_c1 /* bg color normal */
{
	background-color: #F9F9F9;
}

.bg_tb_p_c2 /* bg color 2 */
{
	padding: 15px 10px 15px 5px;
	background-color: #F4F4F4; /* #FAF6E0 #ECECFB*/
}

.bg_tb_p_2 td /* prices in 2 columns */
{
	padding: 0px;
	border-bottom: none;
}



/* info display tables */

.bg_tb_i
{
	/*border-top: #EEEEEE 1px solid;*/
}

.bg_tb_i td
{
	margin: 0px;
	padding: 0px 5px 0px 0px;
	/*border-bottom: #EEEEEE 1px solid;*/
}


/* info2 display tables */

.bg_tb_j
{
}

.bg_tb_j td
{
	margin: 0px;
	padding: 5px 3px 5px 0px;
}


/* invoice display tables */

.bg_tb_in td
{
	padding: 7px 5px 7px 0px;
}




/* divs */

.d_logo
{
	position: block;
	margin: 15px 0px 5px 0px;
	padding: 0px;
	width: 220px;
}

.d_lang
{
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 5px 5px;
	float: right;
}

.d_user
{
	/*
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: right;
	*/
	display: none;
}

.d_header
{
	margin: 24px 0px 5px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}

.d_header_icon 
{
	display: none;
} 

.d_copy
{
	margin: 0px;
	padding: 20px 20px 22px 0px;
}

.d_social
{
	margin: 14px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.d_footer
{
	margin: 0px;
	padding: 20px 10px 10px 0px;
}



@media screen and (max-width: 860px) 
{
	.d_logo
	{
		width: 140px;
	}

	.d_lang
	{
		display: none;
	}

	.d_user
	{
		/*
		text-align: left;
		margin: 95px 0px 5px -200px;
		padding: 1px 5px 5px 5px;
		background-color: #F2F2F2;
		float: none;
		*/
		display: none;
	}

	.d_header p
	{
		display: none;
	}

	.d_header.res
	{
		margin: 115px 0px 10px -195px;
		float: left;
	}

	.d_header.res p 
	{
		float: none;
		display: block;
	}

	.d_header_icon
	{
		margin: 72px 0px 10px -205px;
		float: left;
		display: block;
		text-decoration: none;
		background-color: transparent;
	}

	.d_header_icon.res 
	{
		margin: 72px 0px 10px -195px;
		float: left;
		display: block;
		text-decoration: none;
		background-color: transparent;
	}

	.d_social
	{
		margin: 60px 0px 10px -245px;
		padding: 0px 0px 0px 0px;
		float: none;
	}

	.d_footer
	{
		margin: 10px 0px 20px -250px;
		padding: 0px 0px 20px 0px;
		float: none;
	}

	.img_shim
	{
		width: 30px;
	}
} 



/* content responsive */


.d_home_left
{
	margin: 30px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	width: 50%;
}

.d_home_right
{
	margin: 40px 0px 20px 0px;
	padding: 0px 0px 0px 40px;
	display: block;
	float: right;
	border-left: #EEEEEE 0.01em solid;
	width: 40%;
}

.d_home_both
{
	margin: 25px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

.d_nav
{
	margin: 20px 35px 30px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
	float: left;
	width: 25%;
	z-index: 1;
	border-top: #EEEEEE 1px solid; /* FCF910 */
}

.d_content
{
	margin: 20px 0px 30px 0px;
	padding: 10px 0px 0px 0px;
	display: block;
	width: 70%;
	float: left;
	border-top: #EEEEEE 1px solid;
}

.d_nav_2
{
	margin: 0px 5px 30px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	width: 300px;
}

.d_content_2
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 60%;
	float: right;
}


/* divs career */

.d_career
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: #F4F5EB 4px solid;
}

.d_career_detail
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	border-bottom: #F4F5EB 1px solid;
}



/* divs product */

.d_product_list /* flex container */
{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0px -30px 0px 0px;
}

.d_product /* home and product list */
{
	margin: 0px 10px 25px 0px;
	padding: 8px 8px 8px 8px;
	width: 29%;
	float: left;
	background-color: #FFFFFF;
	border-radius: 6px;
	cursor: pointer;
}

.d_product_premium /* home and product list */
{
	margin: 0px 10px 25px 0px;
	padding: 8px 8px 8px 8px;
	width: 29%;
	float: left;
	background-color: #EEEEEE;
	border-radius: 6px;
	cursor: pointer;
}

.d_product_2 /* home and product list > mouse over color */
{
	margin: 0px 10px 25px 0px;
	padding: 8px 8px 8px 8px;
	width: 29%;
	float: left;
	background-color: #F2F2F2; /* FFDDEE EFE9FE violett */
	border-radius: 6px;
	cursor: pointer;
}


.d_product_title /* frame top */
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	/*border-bottom: #EEEEEE 1px solid;*/
}

.d_product_share
{
	margin: -2px 0px 15px 10px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.d_product_browse
{
	margin: 3px 0px 10px 1px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.d_product_info /* dtl */
{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.d_product_img
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100%;
	float: none;
}

.d_product_detail
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 100%;
}


.d_product_num
{
	font-weight: bold;
	margin: 1px 0px 0px 0px;
	padding: 5px 8px 5px 5px;
	background-color: #FFFFFF;
	width: 30px;
}

.d_product_num_2
{
	font-weight: bold;
	margin: 1px 0px 0px 0px;
	padding: 5px 8px 5px 5px;
	background-color: #FFFFFF;
	width: 30px;
}

.d_product_edit /* add / rmv buttons */
{
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}





.d_spacer
{
	margin: 30px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #EEEEEE 1px solid;
	float: none;
	clear: both;
}


/* pop over */

.d_info_cookie /* cookie info */
{
	margin: 0px 0px 0px 0px;
	position: fixed;
	display: none;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	z-index: 999;
	background-color: #F2F2F2;
}


@media screen and (max-width: 860px) 
{
	.d_home_left
	{
		margin: 20px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
		border-bottom: #EEEEEE 1px solid;
	}

	.d_home_right
	{
		margin: 20px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
		border: none;
	}

	.d_nav
	{
		margin: 0px 0px 30px 0px;
		padding: 10px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
		z-index: 1;
	}

	.d_content
	{
		margin: 0px 0px 30px 0px;
		padding: 10px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
	}

	.d_nav_2
	{
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
		z-index: 1;
	}

	.d_content_2
	{
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		display: block;
		float: none;
		width: 100%;
	}



	.d_product_list /* flex container */
	{
		margin: 0px -20px 0px 0px;
		width: inherit;
	}

	.d_product /* home and product list */
	{
		margin: 0px 10px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 44%;
		border-bottom: #EEEEEE 1px solid;
	}

	.d_product_premium /* home and product list */
	{
		margin: 0px 10px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 44%;
		border-bottom: #EEEEEE 1px solid;
	}

	.d_product_2 /* home and product list > mouse over color */
	{
		margin: 0px 10px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 44%;
		border-bottom: #EEEEEE 1px solid;
	}


	.d_product_detail
	{
		margin: 20px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		border-top: #EEEEEE 1px solid;
	}

	.d_product_img
	{
		margin: 10px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		display: relative;
		width: 100%;
		float: none;
	}

	.d_product_cat_more
	{
		font-size: 13px;
		margin: 5px 5px 5px 5px;
		padding: 0px;
		float: none;
	}
}


@media screen and (max-width: 660px) 
{
	.d_product_list /* flex container */
	{
		margin: 0px 0px 0px 0px;
		width: inherit;
	}

	.d_product_cat /* home product cat dividers */
	{
		width: 98%;
	}


	.d_product_list /* flex container */
	{
		margin: 0px 0px 0px 0px;
		width: inherit;
	}

	.d_product /* home and product list */
	{
		margin: 0px 0px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 100%;
		border-bottom: #EEEEEE 1px solid;
	}

	.d_product_premium /* home and product list */
	{
		margin: 0px 0px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 100%;
		border-bottom: #EEEEEE 1px solid;
	}

	.d_product_2 /* home and product list > mouse over color */
	{
		margin: 0px 0px 25px 0px;
		padding: 12px 12px 20px 12px;
		width: 100%;
		border-bottom: #EEEEEE 1px solid;
	}
}



.d_clear
{
	clear: both;
	float: none;
}


/* show / hide form tables */

.d_show
{
	display: block;
}

.d_hide
{
	display: none;
}


.d_right /* order page */
{
	float: right;
}



/* iframe resizing */

.d_frame_resp
{
	/*height: 315px;
	width: 560px;
	resize: both;
	overflow: auto;*/

	aspect-ratio: 16 / 9;
    width: 95%;
	max-width: 660px;
}



/* divs box */

.d_home_01 /* blue */
{
	margin: 0px 0px 5px 0px;
	padding: 10px 10px 5px 10px;
	background-color: #99CCFF;
	max-width: 280px;
}

.d_home_02 /* brown */ 
{
	margin: 0px 0px 5px 0px;
	padding: 10px 10px 5px 10px;
	background-color: #CCB088;
	max-width: 280px;
}


.d_box_01
{
	margin: 6px 0px 5px 0px;
	padding: 25px 20px 25px 20px;
	background-color: #EEEEEE;
	border-radius: 5px;
}

.d_box_02
{
	margin: 0px 0px 5px 0px;
	padding: 10px 10px 5px 10px;
	background-color: #99CCFF;
	max-width: 280px;
	height: 120px;
	border-radius: 3px;
}

.d_box_03
{
	margin: 0px 0px 5px 0px;
	padding: 10px 10px 5px 10px;
	background-color: #D6C0A0;
	max-width: 280px;
	height: 120px;
	border-radius: 3px;
}



@media screen and (max-width: 860px) 
{
	.d_box_01
	{
		padding: 20px 20px 30px 20px;
		background-color: #EEEEEE;
		width: 90%;
		border-radius: 5px;
	}
}




/* divs button */

.d_button /* same as form buttons */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0075CC; /* 0075CC */
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	width: 250px;
	border-radius: 4px;
}

.d_button a
{
	color: #FFFFFF;
	text-decoration: none; 
}

.d_button a:hover
{
	color: #FFFFFF;
	background-color: #0075CC;
	text-decoration: none; 
}

.d_button a:active
{
	color: #FFFFFF;
	background-color: #0075CC;
	text-decoration: none; 
}



.d_button_main /* round buttons / on home / floating */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0075CC; /* 0075CC */
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 10px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	width: 200px;
	border-radius: 4px;
	display: inline-block;
	/*float: left;*/
}

.d_button_main_2 a
{
	color: #FFFFFF;
	text-decoration: none; 
}

.d_button_main_2 a:hover
{
	color: #FFFFFF;
	background-color: #0075CC;
	text-decoration: none; 
}

.d_button_main_2 a:active
{
	color: #FFFFFF;
	background-color: #0075CC;
	text-decoration: none; 
}


.d_button_main_2 /* round buttons / on home / floating / violett */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D4A0FF;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 10px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	width: 200px;
	border-radius: 4px;
	display: inline-block;
	/*float: left;*/
}

.d_button_main_3 a
{
	color: #FFFFFF;
	text-decoration: none; 
}

.d_button_main_3 a:hover
{
	color: #FFFFFF;
	background-color: #D4A0FF;
	text-decoration: none; 
}

.d_button_main_3 a:active
{
	color: #FFFFFF;
	background-color: #D4A0FF;
	text-decoration: none; 
}





.d_button_info /* cookie */
{
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FFA6D2;
	margin: 8px 0px 5px 5px;
	padding: 8px 8px 6px 8px;
	border: none;
	max-width: 100px;
	display: inline-block;
}

.d_button_info a
{
	color: #FFFFFF;
}


.d_button_info_2
{
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CCCCCC;
	margin: 8px 0px 5px 0px;
	padding: 8px 8px 6px 8px;
	border: none;
	max-width: 100px;
	display: inline-block;
}

.d_button_info_2 a
{
	color: #FFFFFF;
}

.d_button_info_2
{
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CCCCCC;
	margin: 8px 0px 5px 0px;
	padding: 8px 8px 6px 8px;
	border: none;
	max-width: 100px;
	display: inline-block;
}

.d_button_info_2 a
{
	color: #FFFFFF;
}



/* edit links */

/* divs edit */

.d_edit /* sharing icons */
{
	font-size: 12px;
	float: right;
	margin: -21px 0px 0px 0px;
}

.d_edit_2 /* sharing icons detail */
{
	font-size: 12px;
	float: right;
	margin: -21px 0px 0px 0px;
}

.d_edit_right
{
	margin: 0px 0px 20px 1px;
	padding: 0px;
	float: right;
}

.d_edit_add /* same line h1 add - user area */
{
	float: right;
	margin: 1px 0px 0px 0px;
}

.d_edit_add a:link
{
	color: #FFFFFF;
	background-color: #E20513;
}
.d_edit_add a:visited
{
	color: #FFFFFF;
	background-color: #E20513;
}
.d_edit_add a:active
{
	color: #FFFFFF;
	background-color: #E20513;
}
.d_edit_add a:hover
{
	color: #FFFFFF;
	background-color: #E20513;
}


.d_edit_add_addr  /* user address add */
{
	float: right;
	margin: -35px 0px 0px 0px;
}


.d_img_edit
{
	margin: -40px 0px 0px 0px;
	padding: 0px;
	float: right;
}

.d_file_edit
{
	margin: -40px 0px 0px 0px;
	padding: 0px;
	float: right;
}



/* images */

.img_ad
{
	margin: 10px 40px 20px 0px; 
	float: left; 
	display: inline;
}

.img_resp
{
	width: 95%;
    height: auto;
	max-width: 95%;
}

.img_resp_2
{
	width: 100%;
	max-width: 100%;
    height: auto;
}

.img_left
{
	margin: 5px 10px 5px 0px; 
	float: left; 
	display: inline;
}

.img_right
{
	margin: 5px 0px 5px 10px; 
	float: right;
	display: inline;
}

.img_block
{
	margin: 10px 0px 10px 0px; 
	float: none; 
	display: block;
}

.img_top
{
	margin: 0px 0px 15px 0px; 
	float: none; 
	display: block;
}

.img_shim
{

}


.img_profile
{
	width: 100%;
	max-width: 100%;
    height: auto;
}

.img_list
{
	margin: 5px 10px 5px 0px; 
	float: left; 
	display: inline;
}

.img_detail
{
	margin: 5px 10px 5px 0px; 
	display: inline;
}



/* grid */

.img_grid_profile /* overview - large image */
{
	margin: 0px 0px 5px 0px; 
}


.img_grid /* overview - small images */
{
	padding: 0px 5px 5px 0px; 
	margin: 0px 0px 0px 0px; 

	float: left;
	display: inline;

	width: 70px; 
	height: 55px; 
	text-align: center
}


.grid_img_2 /* list */
{
	margin: 0px 4px 4px 0px; 
	padding: 0px 0px 0px 0px; 

	float: left; 

	width: 100px; 
	height: 120px; 
	max-width: 100px;
	max-height: 120px;
	text-align: center
}



/* pagination */

.pages
{
	padding: 10px 0px 10px 0px;
	margin: 0px;
}

.pages a:link
{
	border: #DDDDDD 1px solid;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	background-color: #FFFFFF;
}

.pages a:visited
{
	margin: 0px;
	border: #DDDDDD 1px solid;
	padding: 2px 6px 2px 6px;
	background-color: #FFFFFF;
}

.pages a:active
{
	border: #DDDDDD 1px solid;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	color: #FFFFFF; 
	background-color: #1B599A; 
}

.pages a:hover
{
	border: #DDDDDD 1px solid;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	color: #FFFFFF; 
	background-color: #1B599A; 
}



/* form */

.field
{
	font-size: 12px;
}

.box
{
	font-size: 14px;
	color: #000000;
	margin: 2px 0px 2px 0px; 
	padding: 3px 3px 3px 3px; 
	background-color: #FFFFFF;
	border: 1px solid #F2F2F2;
	width: 200px;
}

.button /* form buttons */
{
	font-size: 14px;
	color: #FFFFFF;
	background-color: #1262A9;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	border-radius: 4px;
	width: 80px;
}

.button_grey /* form buttons */
{
	font-size: 15px;
	color: #FFFFFF;
	background-color: #CCCCCC;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	border-radius: 5px;
	width: 80px;
}

.button_2 /* cart add rmv buttons */
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9CBDC1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border: none;
	border-radius: 4px;
	width: 80px;
}

