/* hide cufon-replaced text while cufon is loading */
        .cufon-loading ul#navigation,
        .cufon-loading ul#bgNav,
        .cufon-loading ul#bgNav li a {
                visibility: hidden !important;   
                }
				
				

/* FUNCNAV auf der Landingpage */
ul#lp_funcNavi { 
	display:block;
	list-style-type:none;
	position:relative;
	bottom:0;
	left:0;
	width:313px;
	float:left;
	}
	ul#lp_funcNavi li {
		float:right;
		}	

	ul#lp_funcNavi a.lp_funcnav {
		font-size:9px;
		color:#203144;
		text-decoration:none;
		background:url(../images/lp_funcnav_link_arrow.gif) 0 3px no-repeat;
		margin-left:15px;
		padding-left:7px;
		}
		
	ul#lp_funcNavi a.lp_funcnav:hover, ul#lp_funcNavi a.lp_funcnav-aktiv {
		font-size:9px;
		color:#203144;
		text-decoration:none;
		background:url(../images/lp_funcnav_link_arrow.gif) 0 3px no-repeat;
		margin-left:15px;
		padding-left:7px;
		}
		
/* PRIMÄRNAVIGATION */
ul#navigation {
	list-style-type:none;
	margin:28px 0 0 0;
	height:72px;
	padding-left:24px;
	}
	
	ul#navigation li {
		float:left;
		color:#fff;
		font-size:14px;	/*15px;*/
		font-weight:bold;
		text-transform:uppercase;	
		}
	*html ul#navigation li {
		font-size:13px;
		}
		ul#navigation li a {
			display:block;
			color:#FFF;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			padding:2px 4px;
			margin-right:8px;	
			}
		*html ul#navigation li a {
			font-size:13px;
			}
		ul#navigation li a:hover {
			background-color:#396092;
			}
		ul#navigation li.active a,
		ul#navigation li.active a:hover {
			background-color:#264b7b;
			}

	ul#navigation li ul {
		/*display:none;*/
		position: absolute;
		top:60px;
		left:143px;
		list-style-type:none;
		background:url(../images/bg_active_kollektion.gif) 0 14px no-repeat;
		height:40px;
		width:524px;
		padding-left:24px;
		overflow: hidden
		}
		
	ul#navigation li:focus ul,
        ul#navigation li:hover ul {
			position: absolute;
			bottom: 5px;
           	}
		
		ul#navigation li ul li {
			display: inline;
			float: none;
			/*color:#7f95b8;
			font-size:13px;*//*15px;*/
			font-weight:bold;
			background:none!important;
			line-height: 50px;
			}
			ul#navigation li ul li span {
				color:#7f95b8;
				font-size:13px;/*15px;*/
				font-weight:bold;
				padding:21px 4px 0 4px;
				margin-right:0px !important;
				}
			ul#navigation li ul li a {
				display: inline;
				float: none;
				color:#7f95b8;
				font-size:13px;
				font-weight:bold;
				text-decoration:none;
				padding:21px 4px 0 4px;
				background:none!important;
				margin-right:0px !important;
				}
			
			ul#navigation li ul li a:hover,
			ul#navigation li ul li.active a,
			ul#navigation li ul li.active:hover a  {
				line-height: 30px;
				font-size: 30px;
				color:#fff;
				padding:5px 4px 0 4px;
				background:none!important;
				}
			
			/*
			 * IE6-Hack fuer die Sub-Navigation
			 **/
			
				* html ul#navigation li ul li a,
				* html ul#navigation li ul li span {
					display: inline-block !important;
					padding: 8px 4px 0 4px !important;
					line-height: 40px !important;
					vertical-align: 57% !important;
					}
				* html ul#navigation li ul li.active a,
				* html ul#navigation li ul li.active a:hover,
				* html ul#navigation li ul li a:hover {
					padding-top: 0 !important;
					vertical-align: 50% !important;
					}
					
			/*
			 * IE7-Hack fuer die Sub-Navigation
			 **/
			
				*:first-child+html ul#navigation li ul li a {
					display: inline-block !important;
					margin-top: -10px !important;
					padding: 8px 4px 0 4px !important;
					line-height: 32px !important;
					vertical-align: middle !important;
					}
				*:first-child+html ul#navigation li ul li.active a,
				*:first-child+html ul#navigation li ul li.active a:hover,
				*:first-child+html ul#navigation li ul li a:hover {
					padding: 0 4px !important;
					line-height: 40px !important;
					}

/* SEKUNDÄRNAVIGATION */
ul#sekundaerNavi {
	display:block;
	list-style-type:none;
	width:141px;
	}	
	ul#sekundaerNavi li {
		display:block;		
		width:141px;
		}
	ul#sekundaerNavi li a {
		display:block;
		width:141px;
		font-weight:bold;
		color:#032e5f;
		text-decoration:none;
		}
	ul#sekundaerNavi li a:hover, ul#sekundaerNavi li a.aktiv {
		background-color:#d1e5f1;
		text-decoration:none;
		}
		ul#sekundaerNavi li a span {
			padding: 3px 0 1px 0;
			font-size:9px !important;
			line-height:16px;
			display:block;
			margin-left:14px;
			}
			
			ul#sekundaerNavi li ul  {
				border-top:1px solid #e8f2f8;
				background-color:#bbd7ea;
				margin:0;
				padding:0 0 2px 0;
				}
			
			ul#sekundaerNavi li ul li a {
				font-weight:normal;
				}
			ul#sekundaerNavi li ul li a:hover {
				background:url(../images/link_arrow_active.gif) 14px 7px no-repeat;
				}
			ul#sekundaerNavi li ul li a.aktiv {
				background:url(../images/link_arrow_active.gif) 14px 7px no-repeat;
				}
			ul#sekundaerNavi li ul li a span {
				font-size:9px;
				line-height:11px;
				display:block;
				padding:4px 5px 2px 7px;
				}
			
			
/* FOOTER */
ul#footerNavi { 
	display: block;
	list-style-type: none;
	position: relative;
	bottom: 0;
	left: 0;
	float:left;
	}
	ul#footerNavi li {
		float:left;
		}	

	ul#footerNavi a.footer {
		font-size:10px;
		color:#032e5f;
		text-decoration:none;
		background:url(../images/link_arrow.gif) 0 4px no-repeat;
		margin-left:15px;
		padding-left:7px;
		}
	ul#footerNavi a.footer:hover, ul#footerNavi a.footer-aktiv {
		font-size:10px;
		color:#37577c;
		text-decoration:none;
		background:url(../images/link_arrow_active.gif) 0 3px no-repeat;
		margin-left:15px;
		padding-left:7px;
		}
		
	.footer-copy {
		font-size:10px;
		color:#032e5f;
		margin:2px 25px 0 14px;
		padding:0;
		float:left;
		}
		
				
/* --------------------  Navigation im Waschlexikon  -------------------------- */

ul#carenav {
	background: #d3dfe9;
	height: 21px;
	margin: 10px 0 5px 0;
	list-style-type: none;
	padding-left: 23px;
	}	
	ul#carenav li {
		float: left;
		}		
	ul#carenav li a span {
		display: none;
		}	
	ul#carenav li a {
		height: 21px;
		display: block;
		float: left;
		margin-right: 10px;
		display: inline; /* IE doubles margin bugfix */
		}	
		
	/* --- menüpunkte DE ---  */
	
	/* waschsymbole */
	.symbols_de {
		width: 94px;
		background: url(../images/carenav/carenav_symbols.gif) 0 0 no-repeat;
		}
	.symbols_de:hover,
	.symbols_de_current {
		width: 94px;
		background: url(../images/carenav/carenav_symbols_hi.gif) 0 0 no-repeat;
		}
		
	/* waschmittel */	
	.detergent_de {
		width: 86px;
		background: url(../images/carenav/carenav_detergent.gif) no-repeat;
		}
	.detergent_de:hover,
	.detergent_de_current	{
		width: 86px;
		background: url(../images/carenav/carenav_detergent_hi.gif) no-repeat;
		}	
		
	/* waschprogramme */			
	.program_de {
		width: 106px;
		background: url(../images/carenav/carenav_program.gif) no-repeat;		
		}
	.program_de:hover,
	.program_de_current	{
		width: 106px;
		background: url(../images/carenav/carenav_program_hi.gif) no-repeat;		
		}		
		
	/* umwelttipps */			
	.eco_de {
		width: 85px;
		background: url(../images/carenav/carenav_eco.gif) no-repeat;		
		}
	.eco_de:hover,
	.eco_de_current	{
		width: 85px;
		background: url(../images/carenav/carenav_eco_hi.gif) no-repeat;		
		}
	
	/* waschtips */	
	.tips_de {
		width: 28px;
		background: url(../images/carenav/carenav_tips.gif) no-repeat;		
		}
	.tips_de:hover,
	.tips_de_current	{
		width: 28px;
		background: url(../images/carenav/carenav_tips_hi.gif) no-repeat;		
		}	




	/* --- menüpunkte EN ---  */
	
	/* waschsymbole */
	.symbols_en {
		width: 93px;
		background: url(../images/carenav/en/carenav_symbols.gif) 0 0 no-repeat;
		}
	.symbols_en:hover,
	.symbols_en_current {
		width: 93px;
		background: url(../images/carenav/en/carenav_symbols_hi.gif) 0 0 no-repeat;
		}
		
	/* waschmittel */	
	.detergent_en {
		width: 82px;
		background: url(../images/carenav/en/carenav_detergent.gif) no-repeat;
		}
	.detergent_en:hover,
	.detergent_en_current	{
		width: 82px;
		background: url(../images/carenav/en/carenav_detergent_hi.gif) no-repeat;
		}	
		
	/* waschprogramme */			
	.program_en {
		width: 137px;
		background: url(../images/carenav/en/carenav_program.gif) no-repeat;		
		}
	.program_en:hover,
	.program_en_current	{
		width: 137px;
		background: url(../images/carenav/en/carenav_program_hi.gif) no-repeat;		
		}		
		
	/* umwelttipps */			
	.eco_en {
		width: 62px;
		background: url(../images/carenav/en/carenav_eco.gif) no-repeat;		
		}
	.eco_en:hover,
	.eco_en_current	{
		width: 62px;
		background: url(../images/carenav/en/carenav_eco_hi.gif) no-repeat;		
		}
	
	/* waschtips */	
	.tips_en {
		width: 22px;
		background: url(../images/carenav/en/carenav_tips.gif) no-repeat;		
		}
	.tips_en:hover,
	.tips_en_current	{
		width: 22px;
		background: url(../images/carenav/en/carenav_tips_hi.gif) no-repeat;		
		}	



/* ---------------------- Waschsymbole (ankerlinks)  -------------------------- */

#careanchor {
	list-style-type: none;
	border-top: 7px solid #d3dfe9;
	margin-bottom: 10px;
	}
	#careanchor li {
		float: left;
		padding-right: 1px;
		}
	#careanchor a {
		display: block;
		height: 61px;
		}
	#careanchor a span,
	#careanchor div {
		display: none;
		}	
	
	/* waschen */	
	.wash a {
		width: 98px;
		background: url(../images/carenav/symbol_wash.gif) no-repeat;
		}
	.wash a:hover {
		background: url(../images/carenav/symbol_wash_hi.gif) no-repeat;
		}	
	/* trocknen */	
	.dryer a {
		width: 93px;
		background: url(../images/carenav/symbol_dryer.gif) no-repeat;
		}
	.dryer a:hover {
		background: url(../images/carenav/symbol_dryer_hi.gif) no-repeat;
		}	
	/* chemische reinigung */	
	.chem a {
		width: 91px;
		background: url(../images/carenav/symbol_chem.gif) no-repeat;
		}
	.chem a:hover {
		background: url(../images/carenav/symbol_chem_hi.gif) no-repeat;
		}	
	/* chlorbleichen */	
	.chlor a {
		width: 100px;
		background: url(../images/carenav/symbol_chlor.gif) no-repeat;
		}
	.chlor a:hover {
		width: 100px;
		background: url(../images/carenav/symbol_chlor_hi.gif) no-repeat;
		}
			
	/* bügeln */	
	.ironing a {
		width: 98px;
		background: url(../images/carenav/symbol_ironing.gif) no-repeat;
		}	
	.ironing a:hover {
		width: 98px;
		background: url(../images/carenav/symbol_ironing_hi.gif) no-repeat;
		}