/* Horizontal Carousel */
#horizontal_carousel {
	width: 490px;
	height: 100px;
	position: relative;
}

#horizontal_carousel .container {
	float: left;
  	width: 410px;
  	height: 100px;
  	position: relative;    
  	overflow: hidden;
}

#horizontal_carousel ul {
	margin: 0;
	padding: 0;
	width: 100000px;
	position: relative;
	top: 0;
	left: 0;
	height: 100px;
}                      

#horizontal_carousel ul li {
	width: 410px;
	height: 100px;
	text-align: center; 
	list-style: none;   
	float: left;
}

#horizontal_carousel .previous_button {
	float: left;  
	width: 40px;
	height: 90px;
	background: url("/pictures/allgemein/carousel/prev.gif") no-repeat;
	z-index: 100;
	cursor: pointer;
}

#horizontal_carousel .previous_button_over {
	background: url("/pictures/allgemein/carousel/prev.gif") no-repeat;
}

#horizontal_carousel .previous_button_disabled {
	background: url("/pictures/allgemein/carousel/prevDisabled.gif") no-repeat;
	cursor: default;
}

#horizontal_carousel .next_button {
	float: left;  
	width: 40px;
	height: 90px;
	background: url("/pictures/allgemein/carousel/next.gif") no-repeat right;
	z-index: 100;
	cursor: pointer;
}

#horizontal_carousel .next_button_over {
	background: url("/pictures/allgemein/carousel/next.gif") no-repeat right;
}

#horizontal_carousel .next_button_disabled {
	background: url("/pictures/allgemein/carousel/nextDisabled.gif") no-repeat right;
	cursor: default;
}


/* vertical Carousel */

.ui_vertical_carousel {
}

#vertical_carousel {
	float: left;
	width: 180px;
	height: 200px;
	position: relative;
}

#vertical_carousel .container {
	float:left;  
	width: 180px;
	height: 160px;
	overflow: hidden;
}

#vertical_carousel ul {
	margin: 0;
	padding:0;
	height: 100000px;
	position: relative;
	top: 0;
	left: 0;
}

#vertical_carousel ul li {
	width: 180px;    
	list-style: none;   
	float: left;
}                         

#vertical_carousel .previous_button {
	float: left;
	height: 20px;
	width: 180px;
	margin-bottom: 5px;
	background: url("/pictures/allgemein/carousel/up.gif") no-repeat center;
	cursor: pointer;    
	display: inline;
}

#vertical_carousel .previous_button_over {
	background: url("/pictures/allgemein/carousel/up.gif") no-repeat center;
}

#vertical_carousel .previous_button_disabled {
	background: url("/pictures/allgemein/carousel/upDisabled.gif") no-repeat center;
	cursor: default;
}

#vertical_carousel .next_button {
	float:left;
	height: 20px;
	width: 180px;
	background: url("/pictures/allgemein/carousel/down.gif") no-repeat center;
	display: inline;
	cursor: pointer;
}

#vertical_carousel .next_button_over {
	background: url("/pictures/allgemein/carousel/down.gif") no-repeat center;
}

#vertical_carousel .next_button_disabled {
	background: url("/pictures/allgemein/carousel/downDisabled.gif") no-repeat center;
	cursor: default;
}