@import url("Style.css");					
@import url("jquery.auto-complete.css");

/*--Einleitungstext Suche ----------------------------------*/

#page-info {
	float:left;
	width:200px;
	overflow:hidden; 
	margin-left:5px;	
	
}

	#page-info H2 {
		float:left;
		width:90%; 
		margin-top:10px;
		margin-bottom:10px;
		margin-left:15px;
		font-size:14px; 
		color:#0055A5
	}



/*-- Kategoriemenü Suche -----------------------------------*/

UL.menu {
	float:left;
	width:100%;
	margin-left:15px;
	padding:0;
	list-style-type:none;
	

}

 	.menu LI, .submenu LI {
		padding:0;
		margin:0;
		line-height:18px		
	}

 	.menu A {	
 		 color:#0055A5;font-size:12px;
		 font-weight:bolder
	}

UL.submenu {
	float:left;
	width:100%;
	margin-left:15px;
	padding:0;
	list-style-type:none
}

	.submenu A 		 { font-size:12px; font-weight:normal;color:#888 }
 	.submenu A:HOVER { color:#0055A5;text-decoration:underline }


	A.menu-selected {
		color:#0055A5; 
		text-decoration:underline; 
		font-weight:bolder
	}


/*-- Ende Menü Suche --*/




/*-- Navigation -------*/


 
UL.navigation, UL.category  {
	 padding:0; 
	 margin:0;
	 border:0px none; 
	 list-style-type:none;
	 
}


	.navigation LI {
		float:left;
		width:100%;
		height:20px;
		overflow:hidden		
 	}
 	
 	.category LI {
		float:left;
		width:100%;
		
		overflow:hidden	
 	}

 	

	.filter-hl {
		float:left;
		text-align:left;
		text-indent:15px;
		font-size:13px;
		font-weight:bolder;
		color:#000;
		margin-top:15px;
		margin-bottom:15px
	}
	
	
	.filter-items {
		float:left;width:100%;
		background:url('../images/verlauf_grau2.jpg') repeat-x center bottom;
		border-bottom:1px solid #c0c0c0

	}
	
	
	form#price-filter {
		float:left; width:100%;
		margin:10px 0 10px 15px;
		font-weight:bolder
	}

	#price-filter INPUT {
		height:15px;vertical-align:middle;
		line-height:15px
	}

	#price-filter-btn {
		float:right;margin-right:20px;
		margin-top:2px;
		width:15px;height:15px
	}


	
	

	/*-- Erweitrung Suche Menü --*/
	
	div.s-category {
		margin-top:50px
	}



	A:ACTIVE.filter, 
	A:LINK.filter, 
	A:VISITED.filter, 
	A:HOVER.filter, 
	A.filter_active, 
	A:HOVER.filter_active  {
			float:left;
			display:block;width:100%;
			height:20px;
			line-height:20px;
			font-weight:normal;
			color:#0055A5;
			overflow:hidden;
			
			
	}


	A:VISITED.filter  {			
			color:#c0c0c0
	}
					  

	A:HOVER.filter {
			background:#f0f0ff;						
			text-decoration:underline;
			color:#0055A5

    }
					  	



	/* Shop/ Marke ausgewählt */


	A.filter_active, A:HOVER.filter_active  {			
			background:#f0f0ff;
			text-decoration:none
	}


	A:HOVER.filter_active {			
			text-decoration:underline
	}



		SPAN.li_left {
					float:left;
					width:170px; height:20px;
					overflow:hidden;
					font-size:11px;font-weight:normal;
					margin:0;padding:0px;							
					text-indent:15px;
					background:;
			 }

		SPAN.li_right {
					float:right;
					font-size:11px; 
					font-weight:normal;
					color:#808080;
					text-align:right; text-decoration:none;
					padding:2px 5px 0 0;
					background:;
			}



/************* Kategorie2 Menü *****************************/






	a.block2:LINK, 
	a.block2.ACTIVE,
	a.block2:VISITED,
	
	a.block2_active:LINK, 
	a.block2_active.ACTIVE, 
	a.block2_active:VISITED {
		 display:block;
		 width:196px;
		 line-height:30px;
		 overflow:hidden;
		 text-indent:15px;
		 font-weight:normal;
		 font-size:12px;
		 color:#3300BB;
		 /*background:url('../images/bg3.jpg');*/
		 line-height:28px; border:1px solid #fff
	}
	

	a.block2:VISITED {
		 color:#808080;
	}


	a.block2:HOVER, 
	a.block2_active:LINK, 
	a.block2_active.ACTIVE, 
	a.block2_active:VISITED {
	
		 text-decoration:none;
		 /*background:#00529D;*/
		 background:url('../images/main_bg.jpg') center -90px repeat-x;
		 border:1px dotted #c0c0c0;
		 color:#00529D;
		 font-weight:bolder
	}


	/*a.block2_active:LINK, 
	a.block2_active.ACTIVE, 
	a.block2_active:VISITED {		
		 color:#fff;
		 background:#0033bb;		
	}*/

	a.block2_active:HOVER {
		 text-decoration:underline;
	}


/*---------------------------------------------------------------------------------------------*/

/* Links Kategorie3 */

	a.block3:LINK, 
	a.block3:ACTIVE,
	a.block3:VISITED,
	
	a.block3_active:LINK, 
	a.block3_active.ACTIVE, 
	a.block3_active:VISITED {
	
		 display:block;
		 width:198px;
		 height:25px;
		 line-height:25px;
		 overflow:hidden;
		 font-weight:normal;
		 font-size:11px;
		 color:#3300BB;
		 text-indent:30px
	}

	a.block3:VISITED  {		
	 	 color:#c0c0c0;
	}


	a.block3:HOVER {
	 	 text-decoration:underline;
	 	 background:#f0f0ff;	 	 
	 	 color:#3300BB;
	}



	a.block3_active:LINK, 
	a.block3_active.ACTIVE, 
	a.block3_active:VISITED,
	a.block3_active:HOVER {	
		
		 text-decoration:underline
	}


	a.block3_active:HOVER {
	
		 background:#f0f0ff
	}













/* Artikelformatierung */


OL.articles {
	 float:left;width:100%;overflow:hidden;	 
	 list-style-type:none;padding:0;margin:0
}
	
	LI.hproduct {
		 float:left;width:100%; min-height:125px;overflow:hidden;
		 padding:0;margin:0;
		 text-align:left;
		 border-bottom:1px solid #c0c0c0
		 
	}

		div.article_img	{
			 float:left;
			 width:120px; 
			 height:120px; 
			 overflow:hidden;
			 text-align:center;
			 line-height:120px;
			 vertical-align:middle
		}
		
			 .article_img TABLE, .article_img TD {
					width:110px; height:110px;overflow:hidden					
			 }
			 .article_img TABLE {
				margin: 5px 5px 5px 5px;
				text-align:center;background:#fff
			 }

				
		
		/* Marken, Shops mehr anzeigen */

		.show_more {
 	 		float:right;
 	 		width:30px;height:15px;overflow:hidden;
 	 		margin-top:14px;
 	 		margin-right:5px 	 		
 		}

			.show_more A {float:left}

		/*----------------------------------------------------------------------------------------------*/
		/* Seitennavigation, Seite 1....X */


		a.page_nav:LINK, 
		a.page_nav:ACTIVE, 
		a.page_nav:VISITED,
		
		a.pages_active:LINK, 
		a.pages_active:ACTIVE, 
		a.pages_active:VISITED {
		
	 		font-size:12px;
			text-align:left;
			margin:0;
			font-weight:normal;
			color:#000;
		}

		a.page_nav:HOVER {
	 		color:#3300BB;
	 		font-weight:bolder;
	 		text-decoration:underline
		}


		a.pages_active:LINK, 
		a.pages_active:ACTIVE, 
		a.pages_active:VISITED {
		
			font-weight:bolder	 		
		}

		a.pages_active:HOVER {
	 		text-decoration:underline
		}



/* Tags */
/*		

		A:LINK.tags, 
		A:VISITED.tags, 
		A:ACTIVE.tags {
		
			display:inline-block;
			padding:5px;
			color:#c2c2c2
		}

		A:HOVER.tags {
			color:#0b00bc;
			background:#f0f0ff
		}
*/


/*----------------------------------------------------------------------------------------------*/
/* Überschriften ohne Padding, Margin und einheitliche Größe

	.nospace {
		padding:0;
		margin:0;
		border:0px none;
		font-size:11px;
		display:inline;
		font-weight:normal
	}
*/

/* Navigationscontainer */


	#nav_bg {
 	 	float:left;
 	 	width:200px;
 	 	overflow:hidden;
 	 	background:#fff;
 	 	margin-left:5px;
 	 	background:;
	}
	
		#nav_bg H2 {
			float:left;
			width:100%; 
			margin-top:10px;
			margin-bottom:10px;
			margin-left:15px;
			font-size:14px; 
			color:#0055A5
		}
	
/*
		#nav_hl {
		 	float:left;
		 	width:100%;
		 	height:44px;
		 	background-image:url('url(%27../images/account_center_top_bg.jpg%27')
		}

			#nav_hl_l {
		 		float:left;
		 		width:15px;
		 		height:44px;
		 		background-image:url('../images/pay_edge_top_l.jpg')
			}
	
			#nav_hl_center {
		 		float:left;
		 		width:170px;
		 		height:44px;
		 		color:#ffffff;
		 		font-size:15px;
		 		font-weight:bolder;
		 		text-align:center;
		 		line-height:44px
			}
	
			#nav_hl_r {
		 		float:right;width:15px;height:44px;background-image:url('../images/pay_edge_top_r.jpg');background-color:grey
			}
*/




			/* Button nach oben */

			.nav_btn {
		 		width: 27px; 
		 		height: 26px;
		 		border:0px none;
		 		vertical-align:middle
			}

	


/*----------------------------------------------------------------------------------------------*/

/* Artikeldarstellung */

	div.art_desc_cont {
		 float:left;
		 width:230px;
		 overflow:hidden;		 
		 margin-top:5px;
		 padding:0;		 
		 text-align:left
	}

		H3.product-name {
			 float:left;
			 width:215px;
			 max-height:60px;
			 overflow:hidden;	
			 margin-left:5px;			 
			 margin-top:0px;margin-right:0; margin-bottom:0;
			 text-align:left;
			 line-height:20px;			 
			 padding:0px
		}

			a:link.fn, 
			a:active.fn, 
			a:visited.fn {
			
					font-weight:normal;
					font-size:13px;
					color:#3300bb
			}
				
			a:hover.fn {
					text-decoration:underline
			}
	
	

		p.description {
			 float:left;
			 width:100%;
			 height:15px;
			 overflow:hidden;
		 	 margin-top:5px;
		 	 margin-left:5px;
		     line-height:15px;
		 	 font-size:11px;
		 	 color:#808080;
		 	 padding:0;
		 	 text-align:left;
		 	 border:0px none; 
		}
	

 		div.hi_desc_ws {
 			 float:left;
 			 width:100%;
 			 height:25px;
 			 overflow:hidden;
 			 margin-left:5px;
 			 text-align:left;
 			 line-height:25px
 		}
 		
 		.hi_desc_ws A:HOVER, 
 		.hi_desc_ws A:LINK, 
 		.hi_desc_ws A:VISITED, 
 		.hi_desc_ws A:ACTIVE {
 		
 			color:#808080;
 			font-weight:normal;
 			font-size:10px
 		}


		div.shoptitle {
			 float:left;
			 width:120px;
			 height:90px;
			 overflow:hidden;
			 color:#3300bb;
			 font-size:11px;
			 text-align:center;
			 margin-left:20px;
			 margin-top:20px;
			
		}
		
		div.shoplogo {
			 float:left;
			 width:100%;
			 height:60px;
			 margin-top:10px;
			 overflow:hidden
			}
			
			
		
			
			
		div.price_cont {
		 	float:left;
		 	width:120px;
		 	height:100px;
		 	overflow:hidden;
		 	background:;
		 	color:#3300bb;
		 	font-size:13px;
		 	margin-left:10px;
		 	margin-top:20px;
		 	text-align:center;
		 			 
		}
		
			div.pricebg,
			div.pricebg_y {
				float:left;
				width:90px;
				height:50px;
				margin-left:15px;
			 	text-align:center;
			 	background-position: top center;
			 	background-repeat:no-repeat
			}
			
			div.pricebg {
			 	background-image:url('../images/preis_bg_grey.jpg') 
			 			
			}
	
			div.pricebg_y {
			 	background-image:url('../images/preis_bg.png');			 				
			}
	
			 
				
			span.price, 	
			span.price_ad {
				 position:relative;
				 top:17px;
				 font-size:13px;
				 font-weight:bolder
				}
		
			
				
			div.zusatz {
				float:left;
				width:120px;
				height:50px;
				color:#888888;
				font-size:10px;
				position:relative;top:10px;
				font-style:italic
			}

	
			/* Rabatte und Gutscheine */
	
			div.discount_lyr {
		 		float:left;
		 		width:120px;
		 		height:80px;
		 		overflow:hidden;
		 		color:#3300bb;
		 		font-size:13px;
		 		position:relative;
		 		left:5px;
		 		top:21px;
		 		text-align:center
			}

			div.rbt_bg {
		 		float:right;
		 		width:100%;
		 		height:50px;
		 		background-repeat:no-repeat;
		 		background-position:center;
		 		text-align:center
			}


/*

		a.rbt_btn
			{
			 display:block;width:50px;height:50px;float:left;position:relative;left:35px;background-image:url('../images/rbt_bg_grey.jpg')
			}
*/			


		
		a.rbt_btn_act
			{
			 display:block;width:50px;height:56px;
			 float:left;position:relative;left:35px;
			 /*background-image:url('../images/aktionskugel.jpg')*/
			}

	
	
	
			


/*-----------------------------------------------------------------------------------------------------------------------------------------*/


div.v_spacer10 {
	 float:left;
	 width:1px;
	 height:120px;
	 /*background:url('../images/dots_bg_v.gif-');*/
	 margin-left:0px
}
			
div.v_spacer0 {
	 float:left;
	 width:1px;
	 height:120px;
	 /*background:url('../images/dots_bg_v.gif-');*/
}			
			
			
#katbox {
	 float:left;
	 width:198px;
	 position:relative;
	 left:1px;
	 background-color:#ffffff;
	 background: url('../images/verlauf_grau2.jpg') repeat-x center bottom
}	


	









/* Produktliste */

div#product-wrapper {
	 float:right;
	 width:765px;overflow:hidden;
	 background:#c0c0c0;
	 margin-bottom:15px
	 
}


	.product-navigation	{
		 float:left;
		 width:440px;
		 height:44px;
		 line-height:44px;
		 text-align:center;
		 position:relative;
		 top:0px;
		 font-size:12px
	}


		.product-navigation IMG {vertical-align:middle;margin-left:5px;margin-right:5px;margin-bottom:3px}


	.page-items {
		 float:left;
		 width:140px;
		 height:25px;
		 text-align:left;
		 overflow:hidden;
		 position:relative;
		 top:12px;
	}
	
	
	.page-items select, .product-sort select, .page-items option {
		font-size:11px		
	}
	

	.product-sort {
		 float:right;
		 width:140px;
		 height:25px;
		 text-align:right;
		 overflow:hidden;
		 position:relative;
		 left:0px;
		 top:12px
	}





	div#products {
		float:left;
		width:100%;
		margin-left:1px;
		background:#ffffff
	}


	#content_hl {
		float:left;
		width:100%;
		height:43px;		
		background:url('../images/content_hl.jpg') center top repeat-x;
	}


		#content_hl_center {
			 float:left;width:720px;height:43px
		}
	
		#content_hl_l {
			float:left;width:15px;height:43px;
			/*background-image:url('../images/pay_edge_top_l.jpg')*/
		}

		#content_hl_r {
			float:right;width:15px;height:43px;
			/*background-image:url('../images/pay_edge_top_r.jpg')*/
		}


	#content_bl {
		float:left;width:100%;height:43px; background: url('../images/content_bl.jpg') center 1px repeat-x;		
	}

		#content_bl_center {
			float:left;width:720px;height:43px;
		}

		#content_bl_l {
			float:left;width:15px;height:43px;
			/*background-image:url('../images/pay_edge_bottom_l.jpg')*/
		}

		#content_bl_r {
			float:right;width:15px;height:43px;
			/*background-image:url('../images/pay_edge_bottom_r.jpg')*/
		}			






 /*-- Kategoriebeschreibung --*/

	 	
  div#cat-wrapper {
  		float:left;
  		width:100%;
  		background:;
  }


  div#cat-l {
  		float:left;
  		width:230px;
  		background:; 
  		margin-bottom:20px 
  }

		#cat-l IMG {
			margin-left:15px;
			margin-bottom:15px
		}


		#shop-tip {
			float:left;
			width:200px;
			text-align:center;
			margin-left:5px;padding:0;
			background:;
		}


		
	H2#cat-headline {
		 float:right;
		 width:745px;
		 height:35px;
		 color:#0055A5;
		 background:;
		 text-align:left;
		 padding:5px 0 0 0; 
		 font-size:20px;
		 margin:0
	}


	P#cat-description {
		 float:right;
		 width:730px;
		 margin-right:15px;padding:0;
		 text-align:justify;
		 font-size:13px;
		 oveflow:hidden;
		 line-height:18px;
		 color:#808080;
		 background:;
	}
















/*---------- Promobox Top Kateogrie ---------------

	
	div#top_kat_box
		{
		 float:left;width:100%;text-align:left
		}
		
	div#top_kat_img_box
		{
		 float:left;width:230px;overflow:hidden;text-align:left
		}
		
		
		
		img#top_kat_img2 {
			position:relative;left:5px
		}
		
	div#top_kat_shop {
		float:left;width:200px;position:relative;left:20px
	}
		
	
	
	div.top_kat_desc
		{
		 float:left;width:50%; height:140px; 
		 position:relative;left:0px;
		 margin:0;padding:0 5px 0 5px;
		 text-align:justify;
		 font-size:12px;		 
		 line-height:15px;color:#808080;
		 
		}
	
	DIV#top_kat_menu_cont
		{
		 float:left;width:720px;text-align:left;position:relative;left:10px		
		}
	
	UL.top_kat_menu
		{list-style-type:none;margin:0;padding:0;width:100%;text-align:left}
		
		UL.top_kat_menu LI {float:left;width:25%;height:40px;overflow:hidden}
		
	

   	a:active.kat2nav, a:link.kat2nav, a:visited.kat2nav
	{
	 display:block;width:175px;height:30px;overflow:hidden;
	 color:#808080;font-size:13px;font-weight:bolder;text-align:center; text-indent:0px; line-height:30px;
	 border:1px solid #dddddd;background:url('../images/verlauf_grau2.jpg');background-position:center -50px
	}

	A:HOVER.kat2nav
	{
	 text-decoration:none;color:#fff;
	 background:#0033bb;background-repeat:no-repeat;background-position:165px 9px;
	 border:1px solid #0033bb
	}


	DIV.top_kat_hspacer {
		float:left;width:720px;height:20px;overflow:hidden;position:relative;left:10px;
		background:url('../images/dots_bg_h.gif');background-repeat:repeat-x;background-position:center 10px
	}

	div#top_kat_adv {float:right;width:750px;text-align:left}
	div.hspacer30 {float:left;width:100%;height:30px}
	.kat2nav SPAN {position:relative;top:0px}
*/















/*--- passende Themen ---*/


h4#themes {
	float:right;
	width:760px;
	height:60px;
	line-height:60px;
	font-size:18px;
	font-weight:bolder;
	margin:0;
	text-align:center
}

	ul.themes_list {
		float:right;
		width:850px;
		list-style-type:none;
		padding:0;
		margin:0
	}

	.themes_list LI {
		float:left;
		width:33%;
		height:250px;
		text-align:right;
		padding:0;margin:0
	}

	.themes_list SPAN {
		float:right;
		width:200px;
		height:220px;
		text-align:center
	}

	


























  

 	
/* 	div.adv_spacer
 		{
 		 float:left;width:100%;height:40px;overflow:hidden;background:#ffffff
 		}
 	
 	div.spar_img
 		{ 	
 		 float:left;width:160px;position:relative;left:20px
 
	
 	div.spar_txt
 		{
 		 float:right;
 		 width:920px;
 		 position:relative;
 		 z-index:1;
 		 left:-30px; top:-5px;
 		 text-align:justify;
 		 font-size:11px;
 		 line-height:15px;
 		 color:#808080
 		}
 		
 		
 	div.close_info_box
 		{
 		 float:left;width:950px;height:12px;overflow:hidden;text-align:right
 		}
 */	
 	
 	
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 	
 	div#kundeninfo {
		float:left;
		width:100%;
		padding-left:10px;
		background: url('../images/verlauf_grau2.jpg') repeat-x center bottom;
		border-bottom:1px solid #ccc
	}
 	
 	
 	a:link.kdn-info, a:active.kdn-info, a:visited.kdn-info {font-size:12px;font-weight:normal}
 	
 	a:hover.kdn-info {text-decoration:underline}
 	
 	
 	
 	div#show_more_info {
 		float:right;
 		height:25px;;
		margin-right:20px;
 		overflow:hidden;
 	}
 	
 		#show_more_info A {
 			font-weight:normal; color:#0055A5; 			
 		}
 	
 		#show_more_info A:HOVER {
 			color:#0055A5; text-decoration:underline

 		}

 	
 	
 	


/*--- Wikitext ---*/


div#wiki-text {
	clear:both;	
	width:920px;
	text-align:justify;
	margin:0 auto 20px auto;
	padding-top:40px;
	font-size:12px;
	line-height:18px;
	background:;
}

	#wiki-text A {
		font-size:12px; 
		color:#0055A5
	}
	
	#wiki-text A:HOVER {
		text-decoration:underline
	}
	

	H4#wiki-hl {
		 margin:0 0 5px 0; padding:0
	}
	
	#wiki-hl A {font-size: 15px;}

	#wiki-text P {
	
	}


/*--- Suche Alternativen ---*/

#s-alternative {

	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:center

}

	TABLE.keywords {
		font-size:12px
	}

		.keywords A {
			font-size:12px; color:#0055A5
		}
		
		.keywords A:HOVER {
			text-decoration:underline
		}


	
/******************************************************************/

 #footer_ads {
 	float:left;width:100%;height:auto;
 	text-align:left;
 	padding:10px
 }
		
