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

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



OL#products {	
	float:left;width:691px;overflow:hidden;
	list-style-type:none;
	padding:0;margin:0;
	background:;
}

#products LI {
	float:left;width:25%; overflow:hidden;	
}

.hproduct {

	width:100%; margin:0 3px 0 3px;
	background:#fff url('../images/verlauf_grau2.jpg') repeat-x center bottom;
	text-align:center	
}

	.hproduct TABLE {
		width:100%;text-align:center;height:120px;
		background:;
	}

	.hproduct H3 {
		width:160px; line-height:15px;
		height:45px; overflow:hidden;
		padding:0;margin:3px auto 3px auto;
		text-align:center
	}

.hproduct A {
	color:#000;font-weight:normal
}

.hproduct A:HOVER {
 	text-decoration:underline;color:#00529D
}


.pricebg, .shipping-costs {
	color:#888
}





#rabatte, #ratgeber {
	float:left;width:100%;
	text-align:right
}

 #rabatte IMG, #ratgeber IMG {
 	vertical-align:middle;
 	margin-left:5px; margin-right:5px
 }
 
  #rabatte A, #ratgeber A {
  	font-size:11px; font-weight:normal;
  	line-height:30px
  }
 
   #rabatte A:HOVER, #ratgeber A:HOVER {
  		color:#000; text-decoration:underline
  }






#blog-items, #voucherlist {
	float:right; width:100%; overflow:hidden;
}

	#blog-items ul, #voucherlist ul {
		float:left;width:248px; overflow:hidden;
	 	list-style-type:none;
	 	padding:0;margin:0;
	 	border:2px solid #f0f0f0
	}

	#blog-items LI, #voucherlist LI {
		 float:left; width:100%; overflow:hidden;
		 padding:0;
		 margin:0;
		 border-bottom:1px solid #c0c0c0		
	}
	

	#blog-items IMG {float:left; margin-top:3px}

	#voucherlist IMG {float:left; margin-right:0px;margin-top:8px}


	#blog-items h4, #voucherlist h4 {
	 float:left; width:175px;font-size:14px;	
	 margin-left:10px; 
	 margin-top: 10px; 
	 margin-bottom: 5px; 
	 background:url('../images/weiter_small.png') no-repeat center left;
	 text-align:left;text-indent:20px
	 
	}
	
	
	

	#blog-items SPAN, #voucherlist SPAN {
	 float:right; width:162px; height:45px;
	 overflow:hidden;
	 text-align:left;
	 line-height:15px;
	 font-size:11px;
	 font-weight:normal;	 
	 padding:5px 8px 0 3px;	 	
	}
	

	A.sidebar {
		padding:3px;
		display:block;
		width:100%;
		height:50px;
		overflow:hidden;
		color:#808080;
		background:url('../images/verlauf_grau2.jpg') repeat-x center top
	}
	
	A:HOVER.sidebar {
		color:#00529D;
		background:#f0f0ff;
		text-decoration:underline;
		background:url('../images/verlauf_grau2.jpg') repeat-x center bottom
	}
	
	A.start-hl {font-size:14px; color:#00529D; }
	
	a:HOVER.start-hl {text-decoration:underline}
	
		
#sidebar-r {float:right;width:252px;overflow:hidden;margin:0 10px 10px 10px}



/*------- Startseite editierbar---------*/


div#top-offer-wrapper {
	float:left;width:691px; overflow:hidden;
	margin-left:10px; margin-top:10px;
	
	border:1px solid #f0f0f0
}

	#top-offer {
		float:left;width:100%;		
	}
	
	#top-offer H2 {
		float:left; width:100%; line-height:42px;
		text-align:left; text-indent:30px; font-size:16px;
		color:#00529D;
		margin:0;padding:0;
		background:url('../images/balken_livesuche.jpg');
	}
	
	
	

div#tags {

	float:left;width:700px;overflow:hidden
}



#startmenu {

	width:680px;	
	overflow:hidden;
	margin:15px auto 15px auto
}

	#startmenu UL {
		float:left;margin:0;padding:0; list-style-type:none
	}

	
	#startmenu LI {
		float:left; line-height:20px
	}
	
	#startmenu A {width:200px;color:#888; font-weight:normal; padding: 5px; font-size:12px}
	
	#startmenu A:HOVER {color:#00529D;text-decoration:underline;font-weight:bolder}