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


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


div#shop-wrapper {
	width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding:10px;
	overflow:hidden;
	background:#F1F0FE url('../images/verlauf_grau2.jpg') repeat-x center top;
	border:1px solid #f0f0f0

}


    div#shop-preview {
    	float:left   
    }

	div.shop_pic {
		margin-top:45px;
		margin-left:10px
	}

	h2.shop-title{
		
			 float:right;
			 width:650px;
			 color:#00529D;
			 font-weight:bolder;
			 font-size:20px;			 
			 margin:0; padding:0			 
	}

	div#shop-contact-wrapper {
			float:right;
			width:650px;
			margin-top:20px;
			line-height:18px;
			text-align:left;
			font-size:12px	
	}
	
		div#shop-address {
			float:left;
			width:250px			
		}

		div#shop-contact {
			float:left;
			width:300px;
		}
		
		
		div#s-shipping, div#s-description {
			float:right;
			width:650px
		}
		
		div#s-description {
			margin-top:20px;
		}
		
		
			span.c-caption {
				float:left;width:70px;font-weight:bolder
			}
		
			span.c-value {
				float:left;width:230px
			}
		
		
			#shop-contact A {
				font-size:12px; font-weight:normal; color:#00529D
			}
			
			#shop-contact A:HOVER{
				text-decoration:underline
			}
		
		
		H4#discounts {
			display:inline;
			font-size:14px;
			font-weight:bolder;
			text-align:left;
			margin-right:20px		
		}


		div#voucher-sign {float:right;width:650px;height:53px;}
		
		#voucher-sign IMG {vertical-align:middle}

div#tagging {float:left;width:100%;overflow:hidden}

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


#article-preview {
	
	width:900px;
	height:300x;
	overflow:hidden;
	margin-top:40px; 
	margin-bottom:30px;	
	text-align:left;
	background:red;
	margin-left:auto;
	margin-right:auto;
	background:#F1F0FE url('../images/verlauf_grau2.jpg') repeat-x center top
	
}

	#article-preview H4{
		width:100%;
		text-indent:250px;		
		font-size:16px;
		
	
	}

.scrollable {

	/* required settings */
	float:left;
	position:relative;
	overflow:hidden;
	width:840px;
	margin-left:10px;	
	height:250px; background:#fff;
	border:1px solid #f0f0f0;
}


.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

div.group {
	float:left;
}

.hproduct {
  
  float:left;display: inline;
  width:200px; height:250px;overflow:hidden;
  padding-left:5px;
  padding-right:5px;
  border-right:1px dotted #888;
  text-align:center
  
}

.article_img {  
  width:130px; height:130px;
  text-align:center;
  background:;
  margin:auto
}

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


.hproduct H3 {

	width:90%;	
	line-height:15px;
	height:45px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto	
}

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

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


.zusatz {

	margin-top:5px;font-size:10px
}



img.image {   
    margin-left:auto;
    margin-right:auto
    }


/* this makes it possible to add next button beside scrollable */


/* prev, next, prevPage and nextPage buttons */
a.browse {	
	display:block;
	width:20px;
	height:250px;	
	float:left;	
	cursor:pointer;
	font-size:1px
}


/* right */
a.right				{ float:right;background:#f0f0ff url('../images/rechts_weiter.jpg') center no-repeat} 
a.right:hover  		{ background:#c0c0c0 url('../images/rechts_weiter.jpg') center no-repeat }


/* left */
a.left				{ background:#f0f0ff url('../images/links_weiter.jpg') center no-repeat} 
a.left:hover  		{ background:#c0c0c0 url('../images/links_weiter.jpg') center no-repeat }


/* disabled navigational button */
a.disabled {
	visibility:hidden;		
} 	


div#price-info {

	width:100%;
	height:30px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	text-align:center;
	background:;
}

	#price-info A {
		font-weight:normal;
		text-decoration:underline
	}



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



A:ACTIVE.art_title, A:LINK.art_title, A:VISITED.art_title
	{
	 display:block;width:130px;height:60px;overflow:hidden;font-weight:normal;line-height:15px;
	}


A:HOVER.art_title
	{
	 text-decoration:underline;color:#c0c0c0
	}


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

A:HOVER.tags
	{
	 color:#0b00bc
	}