/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer {  
	width: 510px; 
	margin: 10px 4px;
	display: block; 
	position: relative; 
	padding: 4px 6px 4px 5px;
	background: url(../../images/produkte-bg.jpg);
}

#SlideItMoo_outer a {
    position:relative;
    z-index:1;
}

* html #SlideItMoo_outer .SlideItMoo_forward {
    xbackground-image: none;
    xbackground: center;
    xfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='fileadmin/templates/images/forward.png')
  }

/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width: 30px;
	height: 300px;
	top: 0px; 
	right: 8px; 
	background:url(../../images/forward.png) no-repeat center;
}
#SlideItMoo_outer .SlideItMoo_back { 
	left: 7px; 
	background:url(../../images/backward.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative; 
	overflow:hidden; 
	width:474px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding: 0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block;
	position:relative;
	float:left;
	margin: 0px;
	font-size:11px;
	width:190px;
	text-align:center;
	color:#FFFFFF;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#333333; padding:2px; }
#SlideItMoo_items a img{ border:none; }