/* Standard-CSS fuer www.kurz-cosmetics.de */


/* Einstellung der Abstaende zum Nullpunkt des Browsers und weitere Standards */
html, body, div, p,
h1, h2, h3, 
span, a, table, td,
form, img 					{ margin: 0px; padding: 0px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
								font-size: 12px; line-height: 15px; color: rgb(197,199,200); }
  
html, body 					{ background: url('images/xx_body-background.jpg') repeat-x rgb(0,17,31); } 

img, div, li				{ behavior: url("iepngfix.htc"); border: none; }

#preload					{ display: none; }


/* Links */
a:link,	a:active, a:visited	{ text-decoration: underline; }
a:hover						{ text-decoration: underline; color: rgb(160,160,160); }

a.sliding_link				{ cursor: pointer; }
a.sliding_link:link, a.sliding_link:active, a.sliding_link:visited	{ text-decoration: none; }
a.sliding_link:hover		{ text-decoration: underline; color: rgb(160,160,160); }

a.backlink:link, a.backlink:active, a.backlink:visited	{ text-decoration: underline; }
a.backlink:hover			{ text-decoration: underline; color: rgb(0,153,234); }

a.navi_sprachwahl:link, a.navi_sprachwahl:active, a.navi_sprachwahl:visited	
							{ text-decoration: none; font-size: 12px; color: rgb(158,164,170); }
a.navi_sprachwahl:hover		{ text-decoration: underline; color: rgb(0,153,234); }

a.navi_sprachwahl_aktiv:link, a.navi_sprachwahl_aktiv:active, a.navi_sprachwahl_aktiv:visited	
							{ text-decoration: none; font-size: 12px; color: rgb(111,116,120); }
a.navi_sprachwahl_aktiv:hover	{ text-decoration: underline; color: rgb(0,153,234); }

a.navi_foot:link, a.navi_foot:active, a.navi_foot:visited	
							{ text-decoration: none; font-size: 12px; color: rgb(158,164,170); }
a.navi_foot:hover			{ text-decoration: underline; color: rgb(0,153,234); }

a.navi_foot_aktiv:link, a.navi_foot_aktiv:active, a.navi_foot_aktiv:visited	
							{ text-decoration: none; font-size: 12px; color: rgb(0,153,234); font-weight: bold; }
a.navi_foot_aktiv:hover		{ text-decoration: underline; color: rgb(0,153,234); }

a.intro_sprachwahl:link, a.intro_sprachwahl:active, a.intro_sprachwahl:visited	
							{ text-decoration: none; font-size: 17px; color: rgb(177,178,180); }
a.intro_sprachwahl:hover	{ text-decoration: underline; color: rgb(0,153,234); }

a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited	
							{ text-decoration: none; font-size: 12px; color: rgb(158,164,170); }
a.breadcrumb:hover			{ text-decoration: underline; color: rgb(158,164,170); }

a.breadcrumb_aktiv:link, a.breadcrumb_aktiv:active, a.breadcrumb_aktiv:visited	
							{ text-decoration: underline; font-size: 12px; color: rgb(158,164,170); }
a.breadcrumb_aktiv:hover	{ text-decoration: underline; color: rgb(158,164,170); }

/* Produktnavigation de */
a.headnav_augen:link, a.headnav_augen:active, a.headnav_augen:visited	
							{ background: url('images/de/xx_bn_augen.jpg') no-repeat; }
a.headnav_augen:hover		{ background: url('images/de/xx_br_augen.jpg') no-repeat; }
a.headnav_augen_aktiv		{ background: url('images/de/xx_br_augen.jpg') no-repeat; }

a.headnav_gesicht:link, a.headnav_gesicht:active, a.headnav_gesicht:visited	
							{ background: url('images/de/xx_bn_gesicht.jpg') no-repeat; }
a.headnav_gesicht:hover		{ background: url('images/de/xx_br_gesicht.jpg') no-repeat; }
a.headnav_gesicht_aktiv		{ background: url('images/de/xx_br_gesicht.jpg') no-repeat; }

a.headnav_lippen:link, a.headnav_lippen:active, a.headnav_lippen:visited	
							{ background: url('images/de/xx_bn_lippen.jpg') no-repeat; }
a.headnav_lippen:hover		{ background: url('images/de/xx_br_lippen.jpg') no-repeat; }
a.headnav_lippen_aktiv		{ background: url('images/de/xx_br_lippen.jpg') no-repeat; }

a.headnav_naegel:link, a.headnav_naegel:active, a.headnav_naegel:visited	
							{ background: url('images/de/xx_bn_naegel.jpg') no-repeat; }
a.headnav_naegel:hover		{ background: url('images/de/xx_br_naegel.jpg') no-repeat; }
a.headnav_naegel_aktiv		{ background: url('images/de/xx_br_naegel.jpg') no-repeat; }

/* Produktnavigation en */
a.headnav_eyes:link, a.headnav_eyes:active, a.headnav_eyes:visited	
							{ background: url('images/en/xx_bn_eyes.jpg') no-repeat; }
a.headnav_eyes:hover		{ background: url('images/en/xx_br_eyes.jpg') no-repeat; }
a.headnav_eyes_aktiv		{ background: url('images/en/xx_br_eyes.jpg') no-repeat; }

a.headnav_face:link, a.headnav_face:active, a.headnav_face:visited	
							{ background: url('images/en/xx_bn_face.jpg') no-repeat; }
a.headnav_face:hover		{ background: url('images/en/xx_br_face.jpg') no-repeat; }
a.headnav_face_aktiv		{ background: url('images/en/xx_br_face.jpg') no-repeat; }

a.headnav_lips:link, a.headnav_lips:active, a.headnav_lips:visited	
							{ background: url('images/en/xx_bn_lips.jpg') no-repeat; }
a.headnav_lips:hover		{ background: url('images/en/xx_br_lips.jpg') no-repeat; }
a.headnav_lips_aktiv		{ background: url('images/en/xx_br_lips.jpg') no-repeat; }

a.headnav_nails:link, a.headnav_nails:active, a.headnav_nails:visited	
							{ background: url('images/en/xx_bn_nails.jpg') no-repeat; }
a.headnav_nails:hover		{ background: url('images/en/xx_br_nails.jpg') no-repeat; }
a.headnav_nails_aktiv		{ background: url('images/en/xx_br_nails.jpg') no-repeat; }


/* Hauptnavigation de */
.navi-linie					{ margin-top: 3px; margin-bottom: 3px; }
a.navi_augen:link, a.navi_augen:active, a.navi_augen:visited 
							{ background: url('images/de/xx_bn_augen.gif') no-repeat; }
a.navi_augen:hover			{ background: url('images/de/xx_br_augen.gif') no-repeat; }
a.navi_augen_aktiv			{ background: url('images/de/xx_br_augen.gif') no-repeat; }

a.navi_gesicht:link, a.navi_gesicht:active, a.navi_gesicht:visited	
							{ background: url('images/de/xx_bn_gesicht.gif') no-repeat; }
a.navi_gesicht:hover		{ background: url('images/de/xx_br_gesicht.gif') no-repeat; }
a.navi_gesicht_aktiv		{ background: url('images/de/xx_br_gesicht.gif') no-repeat; }

a.navi_lippen:link, a.navi_lippen:active, a.navi_lippen:visited	
							{ background: url('images/de/xx_bn_lippen.gif') no-repeat; }
a.navi_lippen:hover			{ background: url('images/de/xx_br_lippen.gif') no-repeat; }
a.navi_lippen_aktiv			{ background: url('images/de/xx_br_lippen.gif') no-repeat; }

a.navi_naegel:link, a.navi_naegel:active, a.navi_naegel:visited	
							{ background: url('images/de/xx_bn_naegel.gif') no-repeat; }
a.navi_naegel:hover			{ background: url('images/de/xx_br_naegel.gif') no-repeat; }
a.navi_naegel_aktiv			{ background: url('images/de/xx_br_naegel.gif') no-repeat; }


/* Hauptnavigation en */
a.navi_eyes:link, a.navi_eyes:active, a.navi_eyes:visited 
							{ background: url('images/en/xx_bn_eyes.gif') no-repeat; }
a.navi_eyes:hover			{ background: url('images/en/xx_br_eyes.gif') no-repeat; }
a.navi_eyes_aktiv			{ background: url('images/en/xx_br_eyes.gif') no-repeat; }

a.navi_face:link, a.navi_face:active, a.navi_face:visited	
							{ background: url('images/en/xx_bn_face.gif') no-repeat; }
a.navi_face:hover			{ background: url('images/en/xx_br_face.gif') no-repeat; }
a.navi_face_aktiv			{ background: url('images/en/xx_br_face.gif') no-repeat; }

a.navi_lips:link, a.navi_lips:active, a.navi_lips:visited	
							{ background: url('images/en/xx_bn_lips.gif') no-repeat; }
a.navi_lips:hover			{ background: url('images/en/xx_br_lips.gif') no-repeat; }
a.navi_lips_aktiv			{ background: url('images/en/xx_br_lips.gif') no-repeat; }

a.navi_nails:link, a.navi_nails:active, a.navi_nails:visited	
							{ background: url('images/en/xx_bn_nails.gif') no-repeat; }
a.navi_nails:hover			{ background: url('images/en/xx_br_nails.gif') no-repeat; }
a.navi_nails_aktiv			{ background: url('images/en/xx_br_nails.gif') no-repeat; }


/* Sektionsweite Formatierungen */
.clear						{ clear: both; height: 1px; overflow: hidden; }
#center						{ width: 990px; height: 649px; margin: 0px auto; padding-top: 35px; }
	#shadow_left, #shadow_right		{ float: left; }
	#shadow_top				{ background: url('images/xx_shadow-top.png') no-repeat; width: 960px; height: 25px; }
		#head_sprachwahl	{ width: 950px; text-align: right; padding-top: 5px; font-size: 12px; color: rgb(158,164,170); }
	#shadow_bottom			{ background: url('images/xx_shadow-bottom.png') no-repeat; width: 960px; height: 29px; }
		#bottom_navi		{ width: 950px; text-align: right; padding-top: 2px; font-size: 12px; color: rgb(158,164,170); }
	#box_center				{ float: left; width: 960px; }
		#box_site			{ height: 593px; width: 958px; border: 1px solid rgb(0,61,99); }
			

/* Intro */
#intro_box_site				{ height: 593px; width: 958px; border: 1px solid rgb(0,61,99); 
								background: url('images/00_site-background.jpg') no-repeat; }
#intro_logo					{ margin-top: 50px; margin-left: 50px; }
#intro_navi_sprache			{ margin-top: 30px; margin-left: 100px; font-size: 17px; color: rgb(177,178,180); }
#intro_navi					{ position: absolute; margin-top: 25px; margin-left: 80px; z-index: 102;}
	#intro_navi a				{ height: 25px; width: 100px; display: block; text-decoration: none; background-position: 20px; }
	
/* Unterseiten */
#head						{ width: 958px; height: 147px; border-bottom: 1px solid rgb(66,104,125); }
	#head_logo					{ float: left; padding-top: 50px; padding-left: 50px; }
	#head_navi					{ float: right; width: 500px; padding-top: 31px; padding-right: 30px; text-align: right; }
		.head_navi_box			{ float: right; height: 84px; width: 84px; margin-left: 11px; }
		.head_navi_box a		{ height: 84px; width: 84px; display: block; }
		
#navigation					{ float: left; width: 247px; height: 445px; background: url('images/xx_navi-background.jpg') no-repeat;
								border-right: 1px solid rgb(66,104,125); }
	#navigation_menu		{ margin-top: 30px; margin-left: 40px; }
		#navigation_menu a			{ height: 25px; width: 100px; display: block; text-decoration: none; background-position: 20px; }
#hologramm					{ float: left; width: 230px; height: 140px; margin: 135px 0px 0px 0px; }
	.hologramm_de			{ background: url('images/de/xx_hologramm-bg.png') no-repeat; }
	.hologramm_en			{ background: url('images/en/xx_hologramm-bg.png') no-repeat; }
	#hologramm_flash		{ margin: 26px 0px 0px 69px; }
#content					{ float: left; width: 709px; height: 445px; background: url('images/xx_content-background.jpg') repeat-y;
								border-right: 1px solid rgb(66,104,125); overflow: hidden; }
	#content_inhalt				{ margin-top: 8px; margin-left: 50px; width: 550px; }
	#content_popup				{ margin-top: 8px; margin-left: 0px; width: 550px; }
	#content_topic				{ margin-left: 50px; margin-top: 7px; }
#content_sliding			{ float: left; width: 709px; height: 445px; background: url('images/xx_content-background.jpg') repeat-y;
								border-right: 1px solid rgb(66,104,125); overflow: hidden; }

	.content_motiv			{ position: absolute; z-index: 9; width: 709px; height: 400px; margin-top: 35px; text-align: right; }
	.content_breadcrumb			{ width: 699px; text-align: right; margin-top: 5px; font-size: 12px; color: rgb(158,164,170); padding-bottom: 2px; }
		.content_breadcrumb span	{ font-size: 16px; letter-spacing: -2px; }
	
	#content_clipping_mask	{ position: absolute; width: 709px; height: 445px; overflow: hidden; }
		#content_clipping	{ position: absolute; width: 10000px; height: 445px;  }
	
	.sliding_part		{ position: relative; float: left; width: 709px; height: 445px; overflow: hidden; }
		
	.site_topic				{ position: absolute; z-index: 10; margin-top: 7px; margin-left: 50px; }
	.site_topic_detail		{ position: absolute; z-index: 14; margin-top: 7px; margin-left: 50px; height: 410px; width: 300px; }
	.site_produkt_detail	{ position: absolute; z-index: 13; margin-top: 37px; margin-left: 50px; height: 410px; width: 300px; }
	
	.site_text_left			{ position: absolute; z-index: 11; width: 210px; margin-top: 45px; margin-left: 50px; }
		ul.subnavi_liste		{ margin: 0px; padding: 0px; margin-top: 20px; list-style-type: none; }
		ul.subnavi_liste li		{ height: 30px; margin: 0px; padding: 0px; background: url('images/xx_subnavilinie.png') no-repeat; }
		
	/* Produktübersicht */
	.site_overview			{ position: absolute; z-index: 12; width: 615px; margin-top: 45px; margin-left: 50px; }
		.site_overview_box	{ float: left; width: 100px; margin-right: 20px; margin-bottom: 8px; }
			.site_overview_box_bild { width: 98px; height: 143px; border: 1px solid rgb(86,106,120); text-align: center;
										background: url('images/xx_bg-produkt-overview.jpg') repeat-y; overflow: hidden;}
			.site_overview_box_text p { width: 98px; padding-left: 5px; padding-top: 2px; line-height: 19px; }
				a.overview_link:hover	 { text-decoration: none; }
				b.overview_name		{ font-size: 14px; }
				b.overview_gruppe	{ color: rgb(0,167,255); }
				
	/* Produktdetailansicht */
	.site_text_right		{ position: absolute; z-index: 15; width: 300px; margin-top: 45px; margin-left: 380px; text-align: right; }		
	.site_text_right p		{ margin-top: 5px; }		
			b.detail_name		{ font-size: 16px; }
			b.detail_gruppe		{ font-size: 14px; color: rgb(0,167,255); }
			
	.site_features			{ float: right; margin-top: 10px; width: 300px; }
		.site_appli				{ float: right; width: 70px; padding-right: 10px; }
		.site_appli_rahmen		{ float: right; border: 1px solid rgb(107,132,150); }
		.site_appli_inhalt		{ float: right; width: 70px; text-align: center; }
		
		.site_colors			{ float: right; width: 180px; }
		.site_colors_rahmen		{ float: right; width: 178px; border: 1px solid rgb(107,132,150); }
		.site_colors_inhalt		{ float: right; margin: 0px 0px 3px 3px; }
		.site_colors_box		{ float: left; width: 20px; height: 20px; border: 1px solid rgb(0,73,117); margin: 3px 3px 0px 0px; }
		.site_colors_box img		{ cursor: pointer; }
		.site_colors_text		{ clear: both; width: 178px; text-align: center; padding: 1px 2px 2px 2px; 
									font-size: 10px; line-height: 11px; }
	.site_backlink			{ margin-top: 20px; width: 300px; }
		.site_backlink a	{ float: right; }
		.site_backlink img	{ float: right; margin-top: 4px; }

/* Formularfelder */
.table_form th				{ padding-bottom: 3px; _padding-bottom: 1px; padding-right: 25px; text-align: left; font-weight: normal; }
*+html .table_form th		{ padding-bottom: 1px; }
.table_form td				{ padding-bottom: 3px; _padding-bottom: 1px; }
*+html .table_form td		{ padding-bottom: 1px; }
.error_text					{ color: rgb(0,153,234); }
.error_feld					{ background: rgb(0,153,234); color: rgb(255,255,255); }
input, select, textarea		{ border: none; font-size: 12px; background: rgb(200,200,200); color: rgb(10,10,10);
								font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }

.input_1					{ width: 250px; }
.input_2					{ width: 50px; }
.input_3					{ width: 197px; _width: 195px; }
*+html .input_3				{ width: 195px; }

.textarea_1					{ width: 250px; }

.submit_1					{ font-weight: bold; border: 1px solid rgb(255,255,255); margin-top: 5px; height: 20px;
								padding-bottom: 4px; background: rgb(180,180,180); cursor: pointer; }