/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

* 	
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;}
	
#headnavi
	{position:relative; display:block; margin:0; padding:0; 
			width:818px; height:78px; overflow:visible; text-align:left; margin-top:-5px;}
			
#headnavi .logo
{position:relative; float:left; width:240px; height:58px; left: 0px; top:10px; margin:0; padding:0; overflow:hidden;}

#switch	
{position:relative; width:577px; height:34px; float:left; background:url(img/new/bg-topnavi.gif) no-repeat; padding-top:10px;}

#switch-active
{position:relative; float:left; background:url(img/new/bu-ku-auswahl.gif) no-repeat; width:96px; height:13px; font-family:Verdana; font-size:10px; color:#FFFFFF; text-align:center;}

#switch-notactive
{position:relative; float:left; background:url(img/new/bu-ku-auswahl-a.gif) no-repeat; width:96px; height:13px; font-family:Verdana; font-size:10px; color:#FFFFFF; text-align:center;}

.pdf
{width:115px; height:125px; overflow:hidden; float:left; text-align:center; border:1px solid #cccccc; margin-right:9px; margin-bottom:9px;}

.pdf:hover
{ border:1px solid #d2005b; }


.pdf a
{  text-decoration:none;}



#sw1, #sw1u {
background:url(img/new/bg-tooltip.png) no-repeat; 
	position:absolute;
	top:30px;
	left:20px;
	width:233px;
	height:230px;
	display:none; 
	font-size: 10px;
	text-decoration:none;
	font-weight:normal;
	color:#0f3c59;
	z-index:109;	
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	padding-right:20px;
	}		
	
	
#sw2, #sw2u {
background:url(img/new/bg-tooltip.png) no-repeat; 
	position:absolute;
	top:30px;
	left:160px;
	width:233px;
	height:230px;
	display:none; 
	font-size: 10px;
	text-decoration:none;
	font-weight:normal;
	color:#0f3c59;
	z-index:109;	
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	padding-right:20px;
	}			



#checkout-bar
{
margin-left:5px;
background-image:url(img/new/bg-checkout.gif);
	background-repeat:no-repeat;
	width:620px;
	height:29px;
	overflow:hidden;
	padding-top:12px; padding-left:20px;
	margin-bottom:10px;
	color:#949494;
}

#basket-search
						{
						position:relative; display:block; margin:0; padding:0; 
			width:818px; height:41px; overflow:hidden; text-align:left; margin-top:8px; margin-bottom:8px;
						}
						
						#basket
						{
						width:238px; height:41px; 
				background:url(img/new/bg-basket.gif) no-repeat; float:left; margin-right:5px; 
						}
						
						#bu-basket
						{
						float:left; position:relative; width:183px; height:37px; 
						line-height:16px; color:#333333; padding-top:4px; padding-left:55px; 
						}
						
						#bu-basket:hover
						{
						color:#d2005b;
						text-decoration:none;
						}						
			
						#basket-arrow
						{
						position:absolute;left:180px; top:9px; float:left; 
						background:url(img/new/search-arrow.gif) no-repeat; 
						width:9px; height:9px; 
						}
							
						#basket-arrow:hover
						{
						background:url(img/new/search-arrow.gif) bottom no-repeat;
						}
						
						#search
						{
						width:573px; height:41px; 
				background:url(img/new/bg-search.gif) no-repeat; position:relative; left:0;top:0; margin:0; padding:0; float:left; 
						}
						
						.search-field
						{
						width:364px; height:14px; border:1px solid #808080;margin:0;  padding:3px; float:left;
						}
						
						.search-button
						{
						background:url(img/new/bu-search.gif) no-repeat; width:86px; height:22px; border:0; cursor:pointer; margin:0; padding:0; position:relative; float:left;
						}



#prlisting
	{
	background:url(img/new/bg-listing.gif) no-repeat; width:652px; height:138px; border:0; margin:0; margin-bottom:13px; padding:0; position:relative; float:left;
	}
	
#prlisting .left
	{
	position:relative; float:left; width:285px; height:96px; margin:0; padding:0; top:20px; left:40px; overflow:hidden;
	}	
	
#prlisting .name
	{
	position:relative; height:38px; overflow:hidden; overflow:hidden; margin:0; padding:0; 
	}		
	
#prlisting .description
	{
	position:relative; height:78px; overflow:hidden; overflow:hidden; margin:0; padding:0; vertical-align:top;	
	}		
	
#prlisting .description p
	{
	margin:0;
	}	
	
#prlisting .price
	{
	position:relative; float:left; width:160px; height:70px; margin:0; padding:0; top:60px; left:60px; overflow:hidden; 
	}		
	
#prlisting .video
	{
	background-image:url(img/new/button_video.gif); width: 80px; height:16px; padding-top:2px;  position: absolute; top:40px;
	}				

#prlisting .forward
	{
	width: 66px; height:18px;position: absolute; top:40px; left:92px;
	}				







.bg-content
	{ background-image:url(img/bg_content.gif)}

.bg-search
	{ 
	background-image:url(img/bg_search_basket.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#ffffff;
	}
	
.bg-metanavi
	{ 
	background-image:url(img/bg_metanavi.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	color:#ffffff;
	}

.bg-umschalter-1
	{ 
	background-image:url(img/bg_umschalter_1.gif);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:8px;
	width:510px;
	height:15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color:#6c6c6c;
	}
	
.bg-umschalter-2
	{ 
	background-image:url(img/bg_umschalter_2.gif);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:8px;
	width:510px;
	height:15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color:#6c6c6c;
	}
	

.umschalter-privatkunde
	{ 
	padding-left:21px;
	padding-right:10px;
	width:515px;
	height:15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color:#8f8f8f;
	}
	
.umschalter-privatkunde:hover
	{
	text-decoration:none;
	}
	

.umschalter-privatkunde-active
	{ 
	padding-left:21px;
	padding-right:10px;
	width:515px;
	height:15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color:#d2005b;
	}

.umschalter-privatkunde-active:hover
	{ 
	text-decoration:none;
	color:#d2005b;
	}		
	
.umschalter-geschaeftskunde
	{ 
	padding-left:21px;
	padding-right:15px;
	width:515px;
	height:15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color:#8f8f8f;
	}

.umschalter-geschaeftskunde:hover
	{
	text-decoration:none;
	}	
	
.umschalter-geschaeftskunde-active
	{ 
	padding-left:21px;
	padding-right:15px;
	width:515px;
	height:15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color:#d2005b;
	}

.umschalter-geschaeftskunde-active:hover
	{ 
	text-decoration:none;
	color:#d2005b;
	}	
	
	
.bg-artikel-umschalter-1
	{
	background-image: url(img/umschalter_artikel_1.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:14px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	width:622px;
	height:21px;
	padding-left:6px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:1px;
	overflow:hidden;
	}
	
	
.bg-artikel-umschalter-2
	{
	background-image: url(img/umschalter_artikel_2.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:14px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	width:622px;
	height:21px;
	padding-left:6px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:1px;
	overflow:hidden;
	}	

.artikel-umschalter-privatkunde
	{ 
	color:#0f3c59;
	}

.artikel-umschalter-privatkunde:hover
	{ 
	color:#d2005b;
	text-decoration:none;
	}				
	
.artikel-umschalter-privatkunde-active
	{ 
	color:#ffffff;
	}

.artikel-umschalter-privatkunde-active:hover
	{ 
	color:#ffffff;
	text-decoration:none;
	}
	
.artikel-umschalter-geschaeftskunde
	{ 
	padding-left:30px;
	color:#0f3c59;
	}

.artikel-umschalter-geschaeftskunde:hover
	{ 
	color:#d2005b;
	text-decoration:none;
	}				
	
.artikel-umschalter-geschaeftskunde-active
	{ 
	padding-left:30px;
	color:#ffffff;
	}

.artikel-umschalter-geschaeftskunde-active:hover
	{ 
	color:#ffffff;
	text-decoration:none;
	}		

	
.artikel-umschalter-info
	{ 
	padding-left:6px;
	color:#ffffff;
	text-decoration:none;
	}	

.artikel-umschalter-info:hover
	{ 
	color:#ffffff;
	text-decoration:underline;
	}
	
.artikel-umschalter-versand
	{ 
	padding-left:53px;
	color:#0f3c59;
	text-decoration:none;
	}		
	
.artikel-umschalter-versand:hover
	{ 
	color:#0f3c59;
	text-decoration:underline;
	}		


	
.bg-newsticker
	{ 
	background-image:url(img/bg_newsticker.gif);
	background-repeat:no-repeat;
	width:815px;
	height:25px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#003871;
	}	
	
.bg-info-staffelei
	{ 
	background-image:url(img/bg_info_staffelei.gif);
	background-repeat:no-repeat;
	width:391px;
	height:113px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#003871;
	}		

.cart-position
	{
	width:230px;
	z-index:90;
	}
	
.layercart
	{
	padding-top:3px;
	display:none; 
	border: 1px solid;
	border-color:#4f7e9c;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-decoration:none;
	font-weight:normal;
	color:#0f3c59;
	z-index:109;
	}
	
#layercart {
	position:absolute;
	width:218px;
	}		
	
	

	
	
.layer-staffelpreise
	{
	padding:3px;
	display:none; 
	border: 2px solid;
	border-color:#4f7e9c;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-decoration:none;
	font-weight:normal;
	color:#0e3e55;
	z-index:0;
	overflow:visible;
	width:190px;
	position:absolute;
	}
	
#layer-staffelpreise {
	position:absolute;
	width:190px;
	overflow:visible;
	}		
	
.navigation
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	color:#6c6c6c;
	}	
.navi-link-standard
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-standard:hover
	{	
	color:#ffffff;
	text-decoration:none;
	}
	
	
	
.navi-1
	{
	background-color:#d2005b;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;
	padding-left:10px;
	}	
	
	
.navi-1 .border
{border-top:1px solid #ee86b3;}

.navi-2 .border
{border-top:1px solid #9b9b9b;}

.navi-3 .border
{border-top:1px solid #939204;}

.navi-4 .border
{border-top:1px solid #f6ad7b;}

.navi-5 .border
{border-top:1px solid #3693ad;}



.navi-1-link
	{
	
	color:#d2005b;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	line-height:10px;
	}	

.navi-1-link:hover
	{
	color:#d2005b;
	font-weight:bold;
	text-decoration:none;

	}		
	
.navi-link-1-ebene2-3
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-1-ebene2-3:hover
	{	
	color:#ffb3d4;
	text-decoration:none;
	}	
	
.navi-link-1-ebene2-3-active
	{	
	color:#ffb3d4;
	font-weight:bold;
	text-decoration:none;
	}
	
.navi-link-1-ebene2-3-active:hover
	{	
	color:#ffb3d4;
	font-weight:bold;
	text-decoration:none;
	}	
	
.navi-link-1-ebene3-active
	{	
	color:#ffb3d4;
	text-decoration:none;
	}	
	
.navi-link-1-ebene3-active:hover
	{	
	color:#ffb3d4;
	text-decoration:none;
	}								
	
.navi-link-standard-1
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-standard-1:hover
	{	
	color:#ffb3d4;
	text-decoration:none;
	}
	
	
	
	
.navi-2
	{
	background-color:#6c6c6c;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;
	padding-left:10px;
	}	
	
.navi-2-link
	{
	color:#6c6c6c;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	line-height:10px;
	}	

.navi-2-link:hover
	{
	color:#6c6c6c;
	font-weight:bold;
	text-decoration:none;

	}		
	
.navi-link-2-ebene2-3
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-2-ebene2-3:hover
	{	
	color:#c5c5c5;
	text-decoration:none;
	}	
	
.navi-link-2-ebene2-3-active
	{	
	color:#c5c5c5;
	font-weight:bold;
	text-decoration:none;
	}
	
.navi-link-2-ebene2-3-active:hover
	{	
	color:#c5c5c5;
	font-weight:bold;
	text-decoration:none;
	}								
	
	
.navi-link-2-ebene3-active
	{	
	color:#c5c5c5;
	text-decoration:none;
	}	
	
.navi-link-2-ebene3-active:hover
	{	
	color:#c5c5c5;
	text-decoration:none;
	}									
.navi-link-standard-2
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-standard-2:hover
	{	
	color:#c5c5c5;
	text-decoration:none;
	}	
	
	
	
	
.navi-3
	{
	background-color:#bbba00;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;
	padding-left:10px;
	}	
	
.navi-3-link
	{
	color:#bbba00;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	line-height:10px;
	}	

.navi-3-link:hover
	{
	color:#bbba00;
	font-weight:bold;
	text-decoration:none;

	}		
	
.navi-link-3-ebene2-3
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-3-ebene2-3:hover
	{	
	color:#4f550f;
	text-decoration:none;
	}	
	
.navi-link-3-ebene2-3-active
	{	
	color:#4f550f;
	font-weight:bold;
	text-decoration:none;
	}
	
.navi-link-3-ebene2-3-active:hover
	{	
	color:#4f550f;
	font-weight:bold;
	text-decoration:none;
	}	
	
.navi-link-3-ebene3-active
	{	
	color:#4f550f;
	text-decoration:none;
	}
	
.navi-link-3-ebene3-active:hover
	{	
	color:#4f550f;
	text-decoration:none;
	}			
.navi-link-standard-3
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-standard-3:hover
	{	
	color:#4f550f;
	text-decoration:none;
	}
	
	

	
	
.navi-4
	{
	background-color:#f1711a;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;
	padding-left:10px;
	}	
	
.navi-4-link
	{
	color:#f1711a;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	line-height:10px;
	}	

.navi-4-link:hover
	{
	color:#f1711a;
	font-weight:bold;
	text-decoration:none;
	}		
	
.navi-link-4-ebene2-3
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-4-ebene2-3:hover
	{	
	color:#ffdc72;
	text-decoration:none;
	}	
	
.navi-link-4-ebene2-3-active
	{	
	color:#ffdc72;
	font-weight:bold;
	text-decoration:none;
	}
	
.navi-link-4-ebene2-3-active:hover
	{	
	color:#ffdc72;
	font-weight:bold;
	text-decoration:none;
	}	
	
	
.navi-link-4-ebene3-active
	{	
	color:#ffdc72;
	text-decoration:none;
	}
	
.navi-link-4-ebene3-active:hover
	{	
	color:#ffdc72;
	text-decoration:none;
	}		
.navi-link-standard-4
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-standard-4:hover
	{	
	color:#ffdc72;
	text-decoration:none;
	}	
	
	
	
	
	
	
.navi-5
	{
	background-color:#164766;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration:none;
	font-weight:normal;
	color:#ffffff;
	padding-left:10px;
	}	
	
.navi-5-link
	{
	color:#164766;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-weight:normal;
	line-height:10px;
	}	

.navi-5-link:hover
	{
	color:#164766;
	font-weight:bold;
	text-decoration:none;

	}		
	
.navi-link-5-ebene2-3
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-5-ebene2-3:hover
	{	
	color:#72b6e1;
	text-decoration:none;
	}	
	
.navi-link-5-ebene2-3-active
	{	
	color:#72b6e1;
	font-weight:bold;
	text-decoration:none;
	}
	
.navi-link-5-ebene2-3-active:hover
	{	
	color:#72b6e1;
	font-weight:bold;
	text-decoration:none;
	}
	
	
.navi-link-5-ebene3-active
	{	
	color:#72b6e1;
	text-decoration:none;
	}
	
.navi-link-5-ebene3-active:hover
	{	
	color:#72b6e1;
	text-decoration:none;
	}				
.navi-link-standard-5
	{	
	color:#ffffff;
	line-height:18px;
	}	
	
.navi-link-standard-5:hover
	{	
	color:#72b6e1;
	text-decoration:none;
	}
	
	
	
	
	
	
	
.metanavi
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	color:#ffffff;
	}	
	
.metanavi:hover
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	color:#cccb0e;
	text-decoration:none;
	}	
	
.main-content
	{ 
	z-index:1;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:14px;
	text-align:left;
	color:#0f3c59;
	text-decoration:none;
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	width:632px;
	padding-left:8px;
	padding-right:8px;
	padding-top:10px;
	padding-bottom:5px;
	border-color:#bababa;
	}
	
.main-content2
	{ 
	background-image: url(img/bg_content_abschluss.gif);
	background-repeat:repeat-y;
	width:650px;
	height:7px;
	}	
	
.info-downloads
	{
	background-image: url(img/bg_info-downloads.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:14px;
	text-align:left;
	color:#0f3c59;
	text-decoration:none;
	width:383px;
	height:18px;
	padding-left:6px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px;
	overflow:hidden;
	}
	
.menge
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align:center;
	color:#0f3c59;
	text-decoration:none;
	border:1px solid;
	padding-top:2px;
	width:27px;
	height:14px;
	border-color:#e2e2e2;
	}	
	
.pulldown-1
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	width:185px;
	height:18px;
	overflow:hidden;
	}		
	
.bg-price-shipping	
	{
	background-image: url(img/bg_price_shipping.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:14px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	width:622px;
	height:21px;
	padding-left:6px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:1px;
	overflow:hidden;
	}
	
.login
	{
	border:1px solid;
	border-color:#c5c5c5;
	width:180px;
	height:16px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#0f3c59;
	}	
	
.login:hover
	{
	border:1px solid;
	border-color:#d2005b;
	width:180px;
	height:16px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#0f3c59;
	}		
	
	
	
.article-details-1
	{
	border: 1px solid;
	width:616px;
	padding:2px;
	overflow:hidden;
	border-color:#d2005b;
	}
	
	
.article-details-2
	{
	border: 1px solid;
	width:616px;
	padding:2px;
	overflow:hidden;
	border-color:#6c6c6c;
	}
	
.article-details-3
	{
	border: 1px solid;
	width:616px;
	padding:2px;
	overflow:hidden;
	border-color:#bbba00;
	}
	
.article-details-4
	{
	border: 1px solid;
	width:616px;
	padding:2px;
	overflow:hidden;
	border-color:#f37119;
	}
	
.article-details-5
	{
	border: 1px solid;
	width:616px;
	padding:2px;
	overflow:hidden;
	border-color:#4f7e9c;
	}				
.article-details-row
	{
	background-image: url(img/table-bottom.gif);
	background-repeat:repeat-y;
	padding:1px;
	}			
.article-ueberschrift
	{
	background-image: url(img/table-top.gif);
	background-repeat:repeat-y;
	padding:1px;
	}			
	
.article-details-row-1
	{
	background-color:#d2005b;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
.article-details-row-2
	{
	background-color:#6c6c6c;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
.article-details-row-3
	{
	background-color:#bbba00;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
.article-details-row-4
	{
	background-color:#f37119;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
.article-details-row-5
	{
	background-color:#4f7e9c;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	font-weight:bold;
	}						
	
.picture
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:14px;
	text-align:left;
	color:#0f3c59;
	text-decoration:none;
	border-left: 1px solid;
	border-right: 1px solid;
	width:207px;
	min-height:303px;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:5px;
	overflow:hidden;
	border-color:#c2c2c2;
	overflow:hidden;
	}
	
	
.bg-categories
	{ 
	background-image:url(img/bg_category_box.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#ffffff;
	}	
	
.bg-categories-links
	{ 
	color:#ffffff;
	text-decoration:none;
	}
	
.bg-categories-links:hover
	{ 
	color:#ffffff;
	font-size: 11px;
	text-decoration:none;
	}		
	
.newsletter
	{
	border:1px solid;
	border-color:#d8d6d6;
	width:142px;
	height:16px;
	}
	
.box-content
	{
	border-left:1px solid;
	border-right:1px solid;
	border-color: #d8d6d6;
	}	
	
	.box-content-info
	{
	background:url(img/new/bg-info-m.gif) repeat-y; 
	}	
	
.box-content-1
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	line-height:14px;
	color:#074269;
	}
	
.box-content-1:hover
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	line-height:14px;
	text-decoration:none;
	color:#d2005b;
	}	
	
.box-content-2
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:normal;
	line-height:13px;
	color:#6c6c6c;
	}
	
.box-content-2:hover
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
	line-height:13px;
	color:#6c6c6c;
	}					
	
		
	
.link-kundenkonto
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#ffffff;
	}
	
.link-kundenkonto:hover
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color:#cccb0e;
	}			
	
.basket-headline
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color:#4f7e9c;
	}
	
.basket-headline:hover
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color:#d2005b;
	}	
	
.basket-article
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color:#bbba00;
	}	
	
.basket-article:hover
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color:#d2005b;
	}		

	
.head-category
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#6c6c6c;
	font-weight:bold
	}
	
a.ticker
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#d3035d;
	}
	
a.ticker:hover
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#1a5173;
	text-decoration:none;
	}	

   .haupt_kategorie
	{
	background-color: #fadda0;
	color: #2e0e09;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
 
 
 a.kategorie-link
	{
	color:  #2e0e09;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}
	
 a.kategorie-link:hover
	{
	color:  #2e0e09;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}
 
  .kategorie
	{
	background-color:#ffffff;
	color:  #6c6c6c;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}
	

 
 
  .kategorie-active
	{
	background-color:#d2005b;
	color:  #2e0e09;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}
	
  .kategorie-active-ebene-1
	{
	background-color:#d2005b;
	color:  #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}
	

  .kategorie-active-ebene-2
	{
	background-color:#fff7e7;
	color:  #a4845d;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal ;
	text-decoration: none;
	}
  
    .kategorie-active-ebene-2:hover
	{
	background-color:#fff7e7;
	color:  #2e0e09;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	}
	
    .kategorie-active-ebene-2-active
	{
	background-color:#fff7e7;
	color:  #2e0e09;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
	
    .kategorie-active-ebene-2-active:hover
	{
	background-color:#fff7e7;
	color:  #2e0e09;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}


.home
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#d3035d;
	}	
	
.navtrail
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#6d6d6d;
	font-weight:normal;
	}	
	
	.hg-box-listing
	{
	background-image:url(img/bg_box_article_full.gif);
	background-repeat:no-repeat;
	}
	
	.hg-box-listing-left
	{
	background-image:url(img/bg_box_article_left.gif);
	background-repeat:no-repeat;
	width:326px;
	height:240px;
	overflow:hidden;
	}
	
	.hg-box-listing-right
	{
	background-image:url(img/bg_box_article_right.gif);
	background-repeat:no-repeat;
	width:326px;
	height:240px;
	overflow:hidden;
	}	
	
	.hg-box-categorie-1
	{
	background-image:url(img/bg_box_categorie_1.gif);
	background-repeat:no-repeat;
	width:163px;
	height:190px;
	overflow:hidden;
	}
	
	.hg-box-categorie-2-3
	{
	background-image:url(img/bg_box_categorie_2.gif);
	background-repeat:no-repeat;
	width:162px;
	height:190px;
	overflow:hidden;
	}	
	
	.hg-box-categorie-4
	{
	background-image:url(img/bg_box_categorie_4.gif);
	background-repeat:no-repeat;
	width:165px;
	height:190px;
	overflow:hidden;
	}			
	
.standard	
{
font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#0f3c59;
	font-weight:normal;
	line-height:14px;
	}	
	
.standard-head-
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color:#d2005b;
	font-weight:bold;
	line-height:17px;
	text-decoration:none;
	}

.standard-head-1
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color:#d2005b;
	font-weight:bold;
	line-height:17px;
	text-decoration:none;
	}
	
.standard-head-2
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color:#6c6c6c;
	font-weight:bold;
	line-height:17px;
	text-decoration:none;	
	}
	
.standard-head-3
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color:#b0af02;
	font-weight:bold;
	line-height:17px;
	text-decoration:none;	
	}
	
.standard-head-4
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color:#f37119;
	font-weight:bold;
	line-height:17px;
	text-decoration:none;	
	}
	
.standard-head-4rf
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color:#f37119;
	font-weight:bold;
	line-height:17px;
	text-decoration:none;	
	}	
	
.standard-head-4rf:hover
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color:#f37119;
	font-weight:bold;
	line-height:17px;
	text-decoration:none;
	border-width:1px;
  	border-style:solid;
  	border-color:#f37119;  
	}
	
.standard-head-5
	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color:#4f7e9c;
	font-weight:bold;
	line-height:17px;
	text-decoration:none;	
	}	
	
.farbe-
	{
	color:#d2005b;
	}	
	
.farbe-0
	{
	color:#0f3c59;
	}
	
.farbe-1
	{
	color:#d2005b;
	}
	
.farbe-2
	{
	color:#6c6c6c;
	}
	
.farbe-3
	{
	color:#b0af02;
	}
	
.farbe-4
	{
	color:#f37119;
	}
	
.farbe-5
	{
	color:#4f7e9c;
	}
	
							
	


.boxText { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.boxTextBG {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #f1f1f1;
}
.boxTextBGII {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFCC99;
}
.boxTextPrice {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

.errorBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	font-weight: bold;
	color:#FFFFFF;
	background-color: #d2005b;
	padding:3px;
	text-align:left;
}
.gvBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}

BODY {
	color: #000000;
	margin: 0px;
	background-color: #ffffff;
}

img{
	border:0;
}

A {
  color: #6c6c6c;
  text-decoration: none;
}

A:hover {
  color: #6c6c6c;
  text-decoration: underline;
}

FORM {
	display: inline;		   
}


TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #6c6c6c;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation { 
  color: #6c6c6c; 
}

A.headerNavigation:hover {
  color: #6c6c6c;
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #9dd9ff;
}
A.confirmationEdit:hover {
	color: #9dd9ff;
	text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {
	background-color: #00CC33;
}

.moduleHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
    background: #F6F6F6;
  color: #b0b0b0;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b0b0b0;
}

.infoBox {
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #666666;
  height:17px;
  color: #ffffff;
}
TD.infoBoxHeading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height:17px;
}
TD.infoBoxHeading3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  height:17px;
  color: #999999;
}
TD.infoBoxHeading4 {
  height:2px;
  background: #0f3c59;
}

TD.infoBoxHeading_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #C4C4C4;
  height:17px;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-right: 4px solid;
  background: #E6E6E6; 
  border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #E6E6E6; 

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
	color: #0f3c59;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #0f3c59;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

TEXTAREA {
  width: 97%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  overflow:hidden;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
  background: #f1f1f1;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
  color:#b0b0b0;
}
.parseTime {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
  color:#b0b0b0
}
A.copyright {
  color: #b0b0b0;
}
A.copyright:hover {
  color: #b0b0b0;
  text-decoration: underline;
}


SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
 background-color: #E6E6E6;
 border: 1px solid;
 border-color: #E6E6E6;

}
.moduleRowOver { 
	background-color: #D7E9F7; 
	border: 1px solid;
	border-color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5; 
	
	}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; 
	background-color: #666666; 
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #d2005b; }

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.navRight {
	border-color: #666666;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #E6E6E6;
	width: 185px;
}

.contentsTopics {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}






/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	width:607px;
	/*background-color:#dedede;*/
	border:1px solid;
	border-color:#dedede;
}


/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	
	 font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #0f3c59;
  font-weight: bold;
  height:18px;
  background-image: url(img/bar_open.gif);

	background-repeat: no-repeat;
	background-position: 50% 50%;
	
	
	/*background-color: #dedede;*/
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding-left: 80px;
	cursor: pointer;
	-moz-user-select: none;
	/*-khtml-user-select: none;*/
}


/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	/*background-color:#FFFFFF;*/
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	/*background-color: #dedede;*/
	
	background-image: url(img/bar_close.gif);
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #dedede;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #dedede;
}




/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	margin: 0px;
	padding: 0px;
	width:603px;
	background-color:#ffffff;
	overflow: hidden; /*neu*/
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	/*background-color: #bbbbbb;*/
	/*background-color: #E5E5E5;*/
	margin: 0px;
	margin-top:2px;
	margin-bottom:2px;
	padding: 2px;
	padding-left:78px;
	cursor: pointer;
	-moz-user-select: none;
	/*-khtml-user-select: none;*/
	/*background-image: url(img/SpryMenuBarDownHover2.gif);*/
	background-image: url(img/new/bar_sub_open.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;	

}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	/*height: 100%;*/
	height: 200px; /*neu*/
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	/*font-weight:bold;	*/
	/*background-color: #E5E5E5;*/
	margin: 0px;
	margin-top:2px;
	margin-bottom:2px;
	padding: 2px;
	padding-left:86px;
	font-weight:bold;	
	-moz-user-select: none;
	/*-khtml-user-select: none;*/
	/*background-image: url(img/SpryMenuBarDownHover2.gif);*/
	background-image: url(img/new/bar_sub_close.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
/*background-color:#E5E5E5;*/
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #ffffff; /*neu*/

}
/*.AccordionPanelClosed .AccordionPanelTab {
}neu*/

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #E5E5E5;
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #E5E5E5;
}

.AccordionText{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #0f3c59;
}

/*.Accordion, .AquaAccordion {
	width: 300px;
}*/

/*
Neuer Style für account
*/


.account-umschalter-privatkunde
	{ 
	color:#0f3c59;
	}

.account-umschalter-privatkunde:hover
	{ 
	color:#d2005b;
	text-decoration:none;
	}				
	
.account-umschalter-privatkunde-active
	{ 
	color:#ffffff;
	}

.account-umschalter-privatkunde-active:hover
	{ 
	color:#ffffff;
	text-decoration:none;
	}
	
.account-umschalter-geschaeftskunde
	{ 
	color:#0f3c59;
	}

.account-umschalter-geschaeftskunde:hover
	{ 
	color:#d2005b;
	text-decoration:none;
	}				
	
.account-umschalter-geschaeftskunde-active
	{ 
	padding-left:30px;
	color:#ffffff;
	}

.account-umschalter-geschaeftskunde-active:hover
	{ 
	color:#ffffff;
	text-decoration:none;
	}
	
.bg-account-umschalter-1
	{
	background-image: url(img/umschalter_artikel_1.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:14px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	width:622px;
	height:21px;
	padding-left:6px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:1px;
	overflow:hidden;
	}
	
	
.bg-account-umschalter-2
	{
	background-image: url(img/umschalter_artikel_2.gif);
	background-repeat:no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:14px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	width:622px;
	height:21px;
	padding-left:6px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:1px;
	overflow:hidden;
	}
	
.more{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #0f3c59;

}


a.link, a.link:hover
{
font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#0f3c59;
	font-weight:normal;
	line-height:14px;
	text-decoration:none;
}

.main-content-frames
	{ 
	z-index:1;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height:14px;
	text-align:left;
	color:#0f3c59;
	text-decoration:none;
	width:610px;
	padding-right:8px;
	padding-bottom:5px;
	/*overflow:hidden;*/
}

.menge2
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align:center;
	color:#0f3c59;
	text-decoration:none;
	border:1px solid;
	padding-top:2px;
	width:28px;
	height:19px;
	border-color:#e2e2e2;
}

.main-content-frames2
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align:left;
	color:#0f3c59;
	text-decoration:none;
}

.picture-text
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#ffffff;
}

.picture-text2
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#ffffff;
	background-color:#0f3c59;
}

.search-text
	{ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#777777;
}

.allproductsHeader {background-color:#f2f2f2; color:#6f6f6f; padding-left:3px;}
.allproductsContent {color:#777777; padding:2px;}			
.allproductsContent h1 {font-size: 12px; margin: 2px 2px 2px 0px; color: #E8A000; }	
.allproductsContent a {color: #6f6f6f; }

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(img/new/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(img/new/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(img/new/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/* 
Intelli Search suggest list layout
Change this lines as you like to asign other colours,
fonts, borders etc. to the Intelli Search suggest List
*/
div#intelliSearchResult {
	position:absolute;
	width:370px;
	z-index:1;
	background-color:#EDF3FF;
	padding:0px;
	margin:-20px 0px 0px 368px;
	border-style:solid;
	border-color:#999999;
	border-width:0px 1px 0px 1px;
	display:none;
	visibility:hidden;
}

div#intelliSearchResult a {
	display:block;
	padding:4px;
	width:360px;
	border-style:solid;
	border-color:#999999;
	border-width:0px 0px 1px 0px;
	font-size:11px;
}

div#intelliSearchResult a:hover {
	display:block;
	background-color:#3366CC;
	color:#FFFFFF;
	text-decoration:none;
}