/*  $RCSfile: sprites.css,v $  |  $Author: skrug $  |  $Revision: 1.128 $  |  $Date: 2010/07/23 10:30:12 $ */


/* ####### Icons etc. ####### */
a#headerlogo {width: 157px;height: 32px;display: block;background: url('../img/sprites/iconset.gif') 0 -85px;}
#arrow {width: 6px;height: 7px;background: url('../img/sprites/iconset.gif') -271px 0;}
a#img_basket {width: 58px;height: 53px;display: block;background: url('../img/sprites/iconset.gif') -195px 0;}
#icon_tuev {width: 49px;height: 80px;display: block;background: url('../img/sprites/iconset.gif') 0 0;}
#icon_onlineservice {width: 65px;height: 71px;display: block;background: url('../img/sprites/iconset.gif') -54px 0;}
/* UVS Footer */
#icon_oewappen {width: 49px;height: 103px;display: block;background: url('../img/sprites/iconset.gif') -621px -85px;}
#icon_40uvs {width: 65px;height: 65px;display: block;background: url('../img/sprites/iconset.gif') -675px -85px;}
/* END UVS Footer */
a#but_artikel-vergroessern {width: 95px;height: 42px;display: block;background: url('../img/but/icon_zoom.gif') 0 0;}
a#but_video-abspielen {width: 95px;height: 42px;display: block;background: url('../img/but/icon_video.gif') 0 0;}
a#but_rundumansicht {width: 95px;height: 42px;display: block;background: url('../img/but/icon_rundum_ansicht.gif') 0 0;}
a#but_webcollage {width: 95px;height: 42px;display: block;background: url('../img/but/icon_webcollage.gif') 0 0;}
a#but_artikel_vergleichen {width: 95px;height: 42px;display: block;background: url('../img/but/icon_compare.gif') 0 0;}
a#but_wohnwelten {width: 95px;height: 42px;display: block;background: url('../img/but/icon_wohnwelten.gif') 0 0;}

#detailpic_trenner {width: 2px;height: 42px;display: block;background: url('../img/sprites/iconset.gif') -397px 0;}
.detailpic_trenner {width: 2px;height: 42px;display: block;background: url('../img/sprites/iconset.gif') -397px 0;}

a#rssfooter {width: 11px;height: 11px;display: block;float:left;background: url('../img/sprites/iconset.gif') -966px 0;margin-left:5px;}
a#facebookfooter {width: 14px;height: 14px;display: block;float:left;background: url('../img/sprites/iconset.gif') -966px -16px;margin-left:5px;}
a#twitterfooter {width: 14px;height: 14px;display: block;float:left;background: url('../img/sprites/iconset.gif') -966px -35px;margin-left:5px;}
#errorZeichen {width: 17px;height: 17px;display: block;background: url('../img/sprites/iconset.gif') -258px -12px;}


div.logoCreditCards 						{width:171px; height:40px; background:transparent url(../img/sprites/iconset.gif) -817px -85px no-repeat;}
div.logoPayPal							{width:143px; height:41px; background:transparent url(../img/sprites/iconset.gif) -817px -130px no-repeat;}



/* 
	.iconButton 
	
	Example:
	--------------------------------------
	<a class="iconButton" href="javascript:void(0);">
		<span class="help"><!-- - --></span>
		Hilfe zur Suche
	</a>
*/
a.iconButton, a.iconButton span			{display:block; height:23px; overflow:hidden;}
a.iconButton							{padding:9px 0 0 32px; text-decoration:none; position:relative;}
a.iconButton.emphasis					{color:#eeae02;}
a.iconButton span						{cursor:hand;width:23px; position:absolute; left:0; top:0; background:transparent url(../img/sprites/iconset.gif) 0 0 no-repeat;}
a.iconButton span.bedienungsanleitung	{background-position:-10px -240px;}
a.iconButton span.aktionscoupon			{background-position:-36px -240px;}
a.iconButton span.help					{background-position:-62px -240px;}
a.iconButton span.newsletter			{background-position:-88px -240px;}
a.iconButton span.newaccount			{background-position:-114px -240px;}
a.iconButton span.service				{background-position:-140px -240px;}
a.iconButton span.print					{background-position:-166px -240px;}
a.iconButton span.mail					{background-position:-192px -240px;}

a.iconButton span.calculator			{background-position:-124px -45px;}

a.iconButton strong.arrowRight 			{background:transparent url(../img/icon/grey-arrow.gif) right center no-repeat; font-weight:normal; padding-right:10px;}


/* 
	.iconButton30 
	
	Example:
	--------------------------------------
	<a class="iconButton30" href="javascript:void(0);">
		<span class="icon help"><!-- - --></span>
		<span class="text">Hilfe zur Suche</span>
	</a>
*/
a.iconButton30, a.iconButton30 span.icon	{display:block; height:30px; overflow:hidden;}
a.iconButton30							{text-decoration:none; font-weight:bold; position:relative; margin:0 0 30px 0;}
a.iconButton30 span.icon					{width:30px; position:absolute; left:0; top:0; background:transparent url(../img/sprites/iconset.gif) 0 0 no-repeat;}
a.iconButton30 span.icon.help			{background-position:-745px -85px;}
a.iconButton30 span.text, a.iconButton30 span.longText {display:block; padding:18px 0 0 42px;}
a.iconButton30 span.longText				{padding-top:3px;}
a.iconButton30:hover span.help			{background-position:-745px -115px;}
a.iconButton30:active span.help, a.active span.help {background-position:-745px -145px;}


/* 
	.iconButton32 
	
	Example 1:
	--------------------------------------
	<a class="iconButton32" href="javascript:void(0);">
		<span class="icon help"><!-- - --></span>
		<span class="text">Hilfe zur Suche</span>
	</a>
	
	
	Example 2:
	-------------------------------------
	<div class="bubbleInfo">
		<a class="iconButton32 trigger" href="javascript:void(0);">
			<span class="icon help"><!-- - --></span>
			<span class="text">Hilfe zur Suche</span>
		</a>
		<div class="infolayer shadow">
			<div class="infolayerhead">Information</div>
			<div class="infolayercontent">
				<p>Folgende Auflistung könnte Ihnen vielleicht helfen:</p>
				<ul>
					<li>testinfo</li>
					<li>testinfo</li>
				</ul>
			</div>
		</div>
	</div>
*/
a.iconButton32, a.iconButton32 span.icon	{display:block; height:32px; overflow:hidden;}
a.iconButton32							{text-decoration:none; font-weight:bold; position:relative; margin:0 0 30px 0;}
a.iconButton32 span.icon					{width:32px; position:absolute; left:0; top:0; background:transparent url(../img/sprites/iconset.gif) 0 0 no-repeat;}
a.iconButton32 span.icon.help			{background-position:-780px -85px;}
a.iconButton32 span.text, a.iconButton32 span.longText {display:block; padding:19px 0 0 42px;}
a.iconButton32 span.longText				{padding-top:3px;}
a.iconButton32:hover span.help			{background-position:-780px -117px;}
a.iconButton32:active span.help, a.iconButton32.active span.help {background-position:-780px -149px;}



a#displayGalery, a#displayList 			{display:block; float:left; width:125px; height:42px; overflow:hidden; background:transparent url(../img/sprites/iconset.gif) 0 0 no-repeat;}
a#displayGalery 							{background-position:-361px -127px;}
a#displayGalery.active 					{background-position:-361px -85px;}
a#displayList  							{background-position:-486px -85px;}
a#displayList.active  					{background-position:-486px -127px;}



/* ####### Buttons ####### */


/* default settings */
.globalButton, 
.globalButtonSmall, 
.globalButtonDuplicate, 
.globalButtonSmall22 					{display:block; overflow:hidden; background-color:transparent; background-repeat:no-repeat; border:none; cursor:pointer;}


/*
	gelbe / Example:
	--------------------------------------
	<a href="" class="globalButton weiter" title="">
		<span class="skip">put Button description here for SEO-Compatibility</span>
	</a>
*/
.globalButton 							{height:39px;}
a.globalButton:hover, .hoverStatus_globalButton {background-position:0 -39px;}
a.globalButton:active, .globalButton.active {background-position:0 -78px;}
/* 
	WICHTIG: 
	------------
	der ie6 hat Probleme beim setzen mehrerer Klassenbezeichner.
	
	.globalButton.weiter {width:89px;}
	.globalButtonSmall.weiter {width:81px;} ==> der ie6 nimmt hier den Wert 81px für .globalButton UND .globalButtonSmall
	
	deshalb müssen die klassenbezeichner wie "weiter" eindeutig sein und dürfen nicht mehrfach verwendet werden 
*/
.globalButton.weiter					{width:89px; background-image:url(../img/but/btn_weiter.png);}
.globalButton.bestellung_abschicken		{width:192px; background-image:url(../img/but/btn_bestellung_abschicken.png);}
.globalButton.ihre_bestellung_drucken	{width:203px; background-image:url(../img/but/btn_ihre_bestellung_drucken.png);}
.globalButton.weiter_zur_bestelluebersicht {width:227px; background-image:url(../img/but/btn_weiter_zur_uebersicht.png);}
.globalButton.weiter_im_shop			{width:151px; background-image:url(../img/but/btn_weiter_im_shop.png);}
.globalButton.ratenzahlung_bestaetigen	{width:209px; background-image:url(../img/but/btn_ratenzahlung-bestaetigen.png);}
.globalButton.aenderungen_uebernehmen	{width:220px; background-image:url(../img/but/btn_aenderungen_uebernehmen.png);}
.globalButton.in_einem_betrag_bezahlen	{width:214px; background-image:url(../img/but/btn_in-einem-betrag-bezahlen.png);}
.globalButton.zum_warenkorb	        		{width:154px; background-image:url(../img/but/btn_zum_warenkorb.png);}/*todo*/
.globalButton.zurueck_zum_artikel	   	{width:172px; background-image:url(../img/but/btn_zurueck_zum_artikel.png);}/*todo*/
.globalButton.suche_starten				{width:136px; background-image:url(../img/but/btn_suche_starten.png);}
.globalButton.in_den_warenkrob_legen	{width:206px; background-image:url(../img/but/btn_in_den_warenkorb_legen.png);}
.globalButton.artikel_ausverkauft		{width:206px; background-image:url(../img/but/btn_artikel_ausverkauft.png);}
.globalButton.einstellungen_speichern	{width:205px; background-image:url(../img/but/btn_einstellungenspeichern.png);}
.globalButton.zum_retourenrechner		{width:193px; background-image:url(../img/but/btn_zum_retourenrechner.png);}
.globalButton.abschicken				{width:120px; background-image:url(../img/but/btn_abschicken.png);}
.globalButton.anmelden					{width:113px; background-image:url(../img/but/btn_anmelden.png);}
.globalButton.abmelden					{width:113px; background-image:url(../img/but/btn_abmelden.png);}
.globalButton.neuer_eintrag				{width:136px; background-image:url(../img/but/btn_neuer_eintrag.png);}
.globalButton.jetzt_online_bewerben		{width:193px; background-image:url(../img/but/btn_jetzt_online_bewerben.png);}
.globalButton.zum_merkzettel			{width:152px; background-image:url(../img/but/btn_zum_merkzettel.png);}
.globalButton.wunschpraemie_einloesen   {width:226px; background-image:url(../img/but/btn_wunschpraemie_einloesen.png);}
.globalButton.aktion_ausfuehren   		{width:163px; background-image:url(../img/but/btn_aktion_ausfuehren.png);}
.globalButton.praemiebestellen   		{width:158px; background-image:url(../img/but/btn_praemiebestellen.png);}
.globalButton.lob  						{width:56px; background-image:url(../img/but/btn_lob.png);}
.globalButton.kritik  					{width:56px; background-image:url(../img/but/btn_kritik.png);}
.globalButton.vorschau   				{width:106px; background-image:url(../img/but/btn_vorschau.png);}
.globalButton.beratungstermin   			{width:229px; background-image:url(../img/but/btn_beratungstermin.png);}
.globalButton.hier_bewertung_abgeben   	{width:215px; background-image:url(../img/but/btn_hier_bewertung_abgeben.png);}
.globalButton.anmelden_gutschein   	{width:261px; background-image:url(../img/but/btn_anmelden_gutschein.png);}


/*
	gelbe und graue Variante / Example:
	--------------------------------------
	<a href="" class="globalButtonSmall logon" title="">
		<span class="skip">put Button description here for SEO-Compatibility</span>
	</a>
*/
.globalButtonSmall 						{height:23px;}
a.globalButtonSmall:hover, .hoverStatus_globalButtonSmall {background-position:0 -23px;}
a.globalButtonSmall:active, .globalButtonSmall.active {background-position:0 -46px;}
/* 
	WICHTIG: 
	------------
	der ie6 hat Probleme beim setzen mehrerer Klassenbezeichner.
	
	.globalButton.weiter {width:89px;}
	.globalButtonSmall.weiter {width:81px;} ==> der ie6 nimmt hier den Wert 81px für .globalButton UND .globalButtonSmall
	
	deshalb müssen die klassenbezeichner wie "weiter" eindeutig sein und dürfen nicht mehrfach verwendet werden 
*/
.globalButtonSmall.zur_kasse					{width:118px; background-image:url(../img/but/btn_zur_kasse.png);}
.globalButtonSmall.logon						{width:133px; background-image:url(../img/but/btn_logon.png);}
.globalButtonSmall.download						{width:100px; background-image:url(../img/but/btn_download.png);}
.globalButtonSmall.drucken						{width:87px; background-image:url(../img/but/btn_drucken.png);}
.globalButtonSmall.einstellungen_uebernehmen 	{width:196px; background-image:url(../img/but/btn_einstellungen-uebernehmen.png); /* currently not in use */}
.globalButtonSmall.ok 							{width:57px; background-image:url(../img/but/btn_ok.png);}
.globalButtonSmall.uebernehmen 					{width:114px; background-image:url(../img/but/btn_uebernehmen.png);}
.globalButtonSmall.zurueck 						{width:82px; background-image:url(../img/but/bt_zurueck.png);}
.globalButtonSmall.aendern 						{width:81px; background-image:url(../img/but/bt_aendern.png);}
.globalButtonSmall.einloesen 					{width:90px; background-image:url(../img/but/bt_einloesen.png);}
.globalButtonSmall.diese_bestellung_ausdrucken 	{width:217px; background-image:url(../img/but/bt_bestellung-ausdrucken.png);}
.globalButtonSmall.abbrechen 					{width:108px; background-image:url(../img/but/btn_abbrechen.png);}
.globalButtonSmall.loeschen 						{width:88px; background-image:url(../img/but/bt_loeschen.png);}
.globalButtonSmall.ratenrechner_starten 			{width:169px; background-image:url(../img/but/bt_ratenrechner-starten.png); /* currently not in use */}
.globalButtonSmall.ratenzahlung_uebernehmen 		{width:205px; background-image:url(../img/but/bt_ratenzahlung-uebernehmen.png);}
.globalButtonSmall.rueckruf 						{width:152px; background-image:url(../img/but/bt_rueckruf.png); /* currently not in use */}
.globalButtonSmall.wunschteilzahlung 			{width:245px; background-image:url(../img/but/bt_wunschteilzahlung.png); /* currently not in use */}
.globalButtonSmall.hier_klicken 					{width:113px; background-image:url(../img/but/btn_hier_klicken.png);}
.globalButtonSmall.hier_klicken_grey 			{width:116px; background-image:url(../img/but/btn_hier_klicken_grey.png);}
.globalButtonSmall.eingabe_loeschen 				{width:141px; background-image:url(../img/but/btn_eingabe_loeschen.png);}
.globalButtonSmall.artikel_merken				{width:134px; background-image:url(../img/but/btn_artikel_merken.png);}
.globalButtonSmall.mehr							{width:69px; background-image:url(../img/but/btn_mehr.png);}
.globalButtonSmall.highlights					{width:97px; background-image:url(../img/but/btn_highlights.png);}
.globalButtonSmall.weitereTopSuchbegriffe 		{width:185px; background-image:url(../img/but/btn_weiteretopsuchbegriffe.png);}
.globalButtonSmall.aktionausfuehren 				{width:142px; background-image:url(../img/but/btn_aktionausfuehren.png);}
.globalButtonSmall.jetztbestellengrey 			{width:129px; background-image:url(../img/but/btn_jetztbestellengrey.png);}
.globalButtonSmall.jetztanmeldengrey 			{width:106px; background-image:url(../img/but/btn_anmelden_small.png);}
.globalButtonSmall.praemieauswaehlen 			{width:159px; background-image:url(../img/but/btn_praemieauswaehlen.png);}
.globalButtonSmall.jetztbestellen_red 			{width:128px; background-image:url(../img/but/btn_jetztbestellenred.png);}
.globalButtonSmall.jetztbestellen_cyan 			{width:128px; background-image:url(../img/but/btn_jetztbestellencyan.png);}
.globalButtonSmall.jetztbestellen_purple		{width:128px; background-image:url(../img/but/btn_jetztbestellenpurple.png);}
.globalButtonSmall.jetzt_anmelden				{width:133px; background-image:url(../img/but/btn_jetzt_anmelden.png);}
.globalButtonSmall.kennziffer					{width:222px; background-image:url(../img/but/btn_kennziffer.png);}
.globalButtonSmall.registrieren					{width:108px; background-image:url(../img/but/btn_register.png);}
.globalButtonSmall.einstellungen_aendern		{width:170px; background-image:url(../img/but/btn_einstellungenaendern.png);}
.globalButtonSmall.berechnen					{width:106px; background-image:url(../img/but/btn_berechnen.png);}
.globalButtonSmall.jetzt_teilnehmen				{width:138px; background-image:url(../img/but/btn_jetzt_teilnehmen.png);}
.globalButtonSmall.passende_praemien_finden		{width:181px; background-image:url(../img/but/btn_passende_praemien_finden.png);}
.globalButtonSmall.seite_weiterempfehlen		{width:184px; background-image:url(../img/but/btn_seite_weiterempfehlen.png);}
.globalButtonSmall.premiumvorteilbestellen		{width:222px; background-image:url(../img/but/btn_premiumvorteilbestellen.png);}
.globalButtonSmall.fenster_schliessen 			{width:141px; background-image:url(../img/but/btn_fensterschliessen.png);}
.globalButtonSmall.fenster_schliessen_red		{width:148px; background-image:url(../img/but/btn_fensterschliessen_red.png);}
.globalButtonSmall.fenster_schliessen_cyan		{width:148px; background-image:url(../img/but/btn_fensterschliessen_cyan.png);}
.globalButtonSmall.fenster_schliessen_purple	{width:148px; background-image:url(../img/but/btn_fensterschliessen_purple.png);}
.globalButtonSmall.jetzt_abmelden				{width:131px; background-image:url(../img/but/btn_jetzt_abmelden.png);}
.globalButtonSmall.weiterKlein					{width:81px; background-image:url(../img/but/btn_weiter_small.png);}
.globalButtonSmall.rueckruf_bestellen			{width:142px; background-image:url(../img/but/btn_rueckruf_bestellen.png);}
.globalButtonSmall.rueckruf_anfordern			{width:146px; background-image:url(../img/but/btn_rueckruf_anfordern.png);}
.globalButtonSmall.wunschpraemiefestlegen		{width:222px; background-image:url(../img/but/btn_wunschpraemie_festlegen.png);}
.globalButtonSmall.uebernehmen_weiter_einkaufen	{width:227px; background-image:url(../img/but/btn_uebernehmen_weiter_einkaufen.png);}
.globalButtonSmall.artikel_loeschen				{width:135px; background-image:url(../img/but/btn_artikel_loeschen.png);}
.globalButtonSmall.hinzufuegen					{width:112px; background-image:url(../img/but/btn_hinzufuegen.png);}
.globalButtonSmall.bewertung_bearbeiten			{width:180px; background-image:url(../img/but/btn_bewertung_bearbeiten.png);}
.globalButtonSmall.ja							{width:46px; background-image:url(../img/but/btn_ja.png);}
.globalButtonSmall.nein							{width:46px; background-image:url(../img/but/btn_nein.png);}
.globalButtonSmall.kontodaten_aendern			{width:162px; background-image:url(../img/but/btn_kontodaten_aendern.png);}
.globalButtonSmall.katalogbestellung			{width:152px; background-image:url(../img/but/btn_katalogbestellung.png);}
.globalButtonSmall.zurueck_zur_uebersicht		{width:169px; background-image:url(../img/but/btn_zurueck_zur_uebersicht.png);}
.globalButtonSmall.ebk_classic					{width:109px; background-image:url(../img/but/btn_ebk_classic.png);}
.globalButtonSmall.ebk_design					{width:109px; background-image:url(../img/but/btn_ebk_design.png);}
.globalButtonSmall.ebk_landhaus					{width:109px; background-image:url(../img/but/btn_ebk_landhaus.png);}
.globalButtonSmall.warenkorb_leeren_klein		{width:144px; background-image:url(../img/but/btn_warenkorb_leeren_klein.png);}
.globalButtonSmall.zum_warenkorb_klein			{width:131px; background-image:url(../img/but/btn_zum_warenkorb_klein.png);}
.globalButtonSmall.clear_all_filter   			{width:163px; background-image:url(../img/but/btn_clear_all_filter.png);}
.globalButtonSmall.notiz_speichern  			{width:130px; background-image:url(../img/but/btn_notiz_speichern.png);}
.globalButtonSmall.topproduct  					{width:128px; background-image:url(../img/but/btn_toproduct.png);}

/*
	zweifarbig / Example:
	--------------------------------------
	<a href="" class="globalButtonDuplicate toProduct" title="">
		<span class="skip">put Button description here for SEO-Compatibility</span>
	</a>
*/
.globalButtonDuplicate 					{height:23px;}
a.globalButtonDuplicate:hover, .hoverStatus_globalButtonDuplicate {background-position:0 -23px;}
a.globalButtonDuplicate:active, .globalButtonDuplicate.active {background-position:0 -46px;}
/* 
	WICHTIG: 
	------------
	der ie6 hat Probleme beim setzen mehrerer Klassenbezeichner.
	
	.globalButton.weiter {width:89px;}
	.globalButtonSmall.weiter {width:81px;} ==> der ie6 nimmt hier den Wert 81px für .globalButton UND .globalButtonSmall
	
	deshalb müssen die klassenbezeichner wie "weiter" eindeutig sein und dürfen nicht mehrfach verwendet werden 
*/
.globalButtonDuplicate.toProduct		{width:128px; background-image:url(../img/but/btn_toproduct.png);}


/*
	Example:
	--------------------------------------
	<a href="" class="globalButtonSmall22 find" title="">
		<span class="skip">put Button description here for SEO-Compatibility</span>
	</a>
	
	<input class="globalButtonSmall22 find" type="submit" title="" />
*/
.globalButtonSmall22 					{height:22px;}
a.globalButtonSmall22:hover, .hoverStatus_globalButtonSmall22 {background-position:0 -22px;}
a.globalButtonSmall22:active, .globalButtonSmall22.active {background-position:0 -44px;}
/* 
	WICHTIG: 
	------------
	der ie6 hat Probleme beim setzen mehrerer Klassenbezeichner.
	
	.globalButton.weiter {width:89px;}
	.globalButtonSmall.weiter {width:81px;} ==> der ie6 nimmt hier den Wert 81px für .globalButton UND .globalButtonSmall
	
	deshalb müssen die klassenbezeichner wie "weiter" eindeutig sein und dürfen nicht mehrfach verwendet werden 
*/
.globalButtonSmall22.find				{width:77px; background-image:url(../img/but/btn_find.png);}



/* graue */
#pfeilgrau								{background: url(../img/but/bt_arrow_grey.png) 0 0; display:block; height: 22px; width: 22px; border:none;cursor:pointer;}	
a#pfeilgrau:hover						{background-position:0 -22px;}
a#pfeilgrau:active						{background-position:0 -44px;}

#infoicon								{background: url(../img/but/bt_infoicon.png) 0 0; display:block; height: 30px; width: 30px; border:none;cursor:pointer;}	
a#infoicon:hover						{background-position:0 -30px;}
a#infoicon:active						{background-position:0 -60px;}





/* Linke Navi Headlines: default settings */
.navheadline 							{display:block; width:200px; height:38px; overflow:hidden; background:transparent url(../img/sprites/navheadlines.gif) 0 0 no-repeat;cursor:pointer;}

/*
	Linke Navi Headlines / Example:
	--------------------------------------
	<div id="navshop1_open"><a class="navheadline service_hilfe"><span class="skip">Service und Hilfe</span></a></div>
*/
.navheadline.mein_konto 					{background-position:0 -38px;}		
a.navheadline.mein_konto:hover, .navheadline.mein_konto_active {background-position:0 0;}

.navheadline.servicehilfe 				{background-position:-205px -38px;}
a.navheadline.servicehilfe:hover, .navheadline.servicehilfe_active {background-position:-205px 0;}

.navheadline.bk_kataloge 				{background-position:-410px -38px;}
a.navheadline.bk_kataloge:hover, .navheadline.bk_kataloge_active {background-position:-410px 0;}

.navheadline.auf_einen_blick 			{background-position:0 -119px;}
a.navheadline.auf_einen_blick:hover, .navheadline.auf_einen_blick_active {background-position:0 -81px;}

.navheadline.markenshops 				{background-position:-205px -119px;}
a.navheadline.markenshops:hover, .navheadline.markenshops_active {background-position:-205px -81px;}

.navheadline.mode 						{background-position:-410px -119px;}
a.navheadline.mode:hover, .navheadline.mode_active {background-position:-410px -81px;}

.navheadline.themen 						{background-position:-0px -362px;}
a.navheadline.themen:hover, .navheadline.themen_active {background-position:-0px -324px;}

.navheadline.schnaeppchenaktionen 						{background-position:-205px -362px;}
a.navheadline.schnaeppchenaktionen:hover, .navheadline.schnaeppchenaktionen_active {background-position:-205px -324px;}

.navheadline.schnaeppchen				{background-position:-205px -362px;}
a.navheadline.schnaeppchen:hover, .navheadline.schnaeppchen_active {background-position:-205px -324px;}

.navheadline.ausstattung				{background-position:-410px -362px;}
a.navheadline.ausstattung:hover, .navheadline.ausstattung_active {background-position:-410px -324px;}

.navheadline.bademode				{background-position:-615px -362px;}
a.navheadline.bademode:hover, .navheadline.bademode_active {background-position:-615px -324px;}

.navheadline.waesche				{background-position:-615px -281px;}
a.navheadline.waesche:hover, .navheadline.waesche_active {background-position:-615px -243px;}

.navheadline.schmuck				{background-position:0px -443px;}
a.navheadline.schmuck:hover, .navheadline.schmuck_active {background-position:0px -405px;}

.navheadline.schmuckuhren				{background-position:0px -443px;}
a.navheadline.schmuckuhren:hover, .navheadline.schmuckuhren_active {background-position:0px -405px;}

.navheadline.uhren				{background-position:-205px -443px;}
a.navheadline.uhren:hover, .navheadline.uhren_active {background-position:205px -405px;}

.navheadline.schuhe				{background-position:-410px -443px;}
a.navheadline.schuhe:hover, .navheadline.schuhe_active {background-position:-410px -405px;}

.navheadline.waesche				{background-position:-615px -281px;}
a.navheadline.waesche:hover, .navheadline.waesche_active {background-position:-615px -243px;}

.navheadline.taschen				{background-position:-615px -443px;}
a.navheadline.taschen:hover, .navheadline.taschen_active {background-position:-615px -405px;}

.navheadline.wohnen				{background-position:0px -524px;}
a.navheadline.wohnen:hover, .navheadline.wohnen_active {background-position:0px -486px;}

.navheadline.haushalt				{background-position:-205px -524px;}
a.navheadline.haushalt:hover, .navheadline.haushalt_active {background-position:-205px -486px;}

.navheadline.sportfreizeit			{background-position:-410px -524px;}
a.navheadline.sportfreizeit:hover, .navheadline.sportfreizeit_active {background-position:-410px -486px;}

.navheadline.spielwaren				{background-position:-615px -524px;}
a.navheadline.spielwaren:hover, .navheadline.spielwaren_active {background-position:-615px -486px;}

.navheadline.heimwerkengarten		{background-position:0px -605px;}
a.navheadline.heimwerkengarten:hover, .navheadline.heimwerkengarten_active {background-position:0px -567px;}

.navheadline.technik				{background-position:-205px -605px;}
a.navheadline.technik:hover, .navheadline.technik_active {background-position:-205px -567px;}

.navheadline.modeschuhe				{background-position:-410px -605px;}
a.navheadline.modeschuhe:hover, .navheadline.modeschuhe_active {background-position:-410px -567px;}

.navheadline.weitere				{background-position:-615px -605px;}
a.navheadline.weitere:hover, .navheadline.weitere_active {background-position:-615px -567px;}

.navheadline.produktkategorie 			{background-position:-615px -119px;}
a.navheadline.produktkategorie:hover, .navheadline.produktkategorie_active {background-position:-615px -81px;}

.navheadline.farben 					{background-position:0 -162px;}
a.navheadline.farben:hover, .navheadline.farben_active {background-position:-38px -162px;}

.navheadline.marken 					{background-position:-205px -162px;}
a.navheadline.marken:hover, .navheadline.marken_active {background-position:-205px -200px;}

.navheadline.fuer_wen					{background-position:-410px -162px;}
a.navheadline.fuer_wen:hover, .navheadline.fuer_wen_active {background-position:-410px -200px;}

.navheadline.groessen					{background-position:-615px -162px;}
a.navheadline.groessen:hover, .navheadline.groessen_active {background-position:-615px -200px;}

.navheadline.navheadCategoryProduct		{background-position:-615px -119px;}
a.navheadline.navheadCategoryProduct:hover, .navheadline.navheadCategoryProduct_active {background-position:-615px -81px;}

.navheadline.navheadColors				{background-position:0 -200px;}
a.navheadline.navheadColors:hover, .navheadline.navheadColors_active {background-position:0 -162px;}

.navheadline.navheadBrands				{background-position:-205px -200px;}
a.navheadline.navheadBrands:hover, .navheadline.navheadBrands_active {background-position:-205px -162px;}

.navheadline.navheadForWhom				{background-position:-410px -200px;}
a.navheadline.navheadForWhom:hover, .navheadline.navheadForWhom_active {background-position:-410px -162px;}

.navheadline.navheadSizes				{background-position:-615px -200px;}
a.navheadline.navheadSizes:hover, .navheadline.navheadSizes_active {background-position:-615px -162px;}

.navheadline.navheadBoundprices			{background-position:-615px -38px;}
a.navheadline.navheadBoundprices:hover, .navheadline.navheadBoundprices_active {background-position:-615px 0;}

.navheadline.navheadRecommendations			{background-position:0 -686px;}
a.navheadline.navheadRecommendations:hover, .navheadline.navheadRecommendations_active {background-position:0 -648px;}

.navheadline.navheadRecommendationsAll			{background-position:-205px -686px;}
a.navheadline.navheadRecommendationsAll:hover, .navheadline.navheadRecommendationsAll_active {background-position:-205px -648px;}


/* UVS in der Suche.  Linke Navi Headlines: OHNE TEXT, dafür mit eigenem dynamischen Text 

<div id="navshop1_open"><a class="navheadline navheadDynamisch"><p class="navheadDynamischtext">Testtext</p></a></div>

*/

.navheadline.navheadDynamisch                                  {background-position:0 -729px;}
.navheadline.navheadDynamisch p.navheadDynamischtext       {color:#525746;padding:7px 0 0 20px;font-size:14px;font-weight:bold;}




/*
	Layernavi Headlines / Example:
	--------------------------------------
	<a class="layernavheadline mode"><span class="skip">Mode</span></a>
*/
.layernavheadline 									{display:block;width:0; height:15px; margin:0 0 3px 10px; overflow:hidden; background:transparent url(../img/sprites/navheadlines.gif) 0 0 no-repeat; cursor:pointer;}
.layernavheadlineSecond 							{margin-top:22px;}
.layernavheadlineSpacer 							{margin-top:22px; width:100%; display:block;}
/* :hover for IE6 browser */
a#mode, a#mode:hover								{width:36px; background-position:-820px 0;}
a#themen, a#themen:hover							{width:53px; background-position:-861px 0;}
a#schnaeppchenaktionen, a#schnaeppchenaktionen:hover {width:163px; background-position:-820px -16px;}
a#schnaeppchen, a#schnaeppchen:hover				{width:163px; background-position:-820px -16px;}
a#ausstattung, a#ausstattung:hover					{width:73px; background-position:-887px -32px;}
a#bademode, a#bademode:hover						{width:68px; background-position:-820px -48px;}
a#waesche, a#waesche:hover							{width:51px; background-position:-896px -48px;}
a#schmuck, a#schmuck:hover							{width:59px; background-position:-820px -80px;}
a#schmuckuhren, a#schmuckuhren:hover				{width:163px; background-position:-820px -163px;}
a#uhren, a#uhren:hover 								{width:40px; background-position:-820px -64px;}
a#schuhe, a#schuhe:hover							{width:46px; background-position:-864px -64px;}
a#taschen, a#taschen:hover							{width:53px; background-position:-915px -64px;}
a#wohnen, a#wohnen:hover							{width:55px; background-position:-884px -80px;}
a#haushalt, a#haushalt:hover						{width:56px; background-position:-820px -97px;}
a#sportfreizeit, a#sportfreizeit:hover				{width:87px; background-position:-882px -97px;}
a#spielwaren, a#spielwaren:hover					{width:74px; background-position:-820px -113px;}
a#heimwerkengarten, a#heimwerkengarten:hover		{width:85px; background-position:-820px -132px;}
a#technik, a#technik:hover							{width:51px; background-position:-899px -113px;}
a#modeschuhe, a#modeschuhe:hover					{width:101px; background-position:-875px -149px;}
a#weitere, a#weitere:hover							{width:49px; background-position:-820px -149px;}
a#schmuckuhren, a#schmuckuhren:hover				{width:119px; background-position:-820px -166px;}