/*
Title 	: CSS for Simple Carousel with Paging Using Mootools
Author 	: Nikhil Kunder
Date 	: 2008/09/12
Version : 1.0
    moocarousel_v1.0.js & carousel.css  is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 	Lesser General Public License for more details.
*/

@charset "utf-8";
/* CSS Document */

.clearfix{clear:both;display:block;}
.text{ color:#555555;}

/* carousel css*/
.sprite_icon{}
.carousel_container_l, .carousel_container_r{display:block; margin:38px 0 0 0 ; position: relative;width: 29px;height:28px; float:left; cursor:pointer; } 
.carousel_container_r{background: url(../images/pfeil_rechts.gif) no-repeat;} 
.carousel_container_l{background: url(../images/pfeil_links.gif) no-repeat;} 

/* carousal 1*/
#carousel1_container{width:650px;  float:left; border: none; margin-left: 275px; display: inline;}
#carousel1_wrapper{overflow:hidden;margin: 0 2px; width:552px; position: relative; float:left;}
#carousel1_items_container{margin:0px; padding:0px; width:5000px;position: relative;  }
.carousel1_items{ width:100px; height:100px; margin:0px 5px; position:relative;float:left; text-align:center; overflow:hidden; display: inline;}
.carousel1_items img{margin:0px 5px 0 0; border: none;}

/* carousal 2*/
#carousel2_container{width:200;  float:left; border:1px solid #cccccc;}
#carousel2_wrapper{overflow:hidden;margin: 0 2px; width:180px; position: relative; float:left;}
#carousel2_items_container{margin:0px; padding:0px 2px; width:5000px;position: relative;  }
.carousel2_items{ width:165px; height:110px; border:1px dotted #cfcfcf; margin:0 5px; position:relative;float:left; text-align:center; overflow:hidden;}
.carousel2_items img{margin:3px;}


/* carousel paging css*/
.carousel_paging {text-align:right; margin:5px 10px 0 0;}
.carousel_paging .current, .carousel_paging .page{ outline:none;  width:15px; height:15px; line-height:15px; text-align:center; display:block; float:left; background:#D8D8EB; margin:0 1px 0 0; text-decoration:none;}
.carousel_paging a:hover, .carousel_paging .current{background:#4D4D9B; color:#ffffff;}