/***************************
*  Default styles for the
*     EXT rgslideshow
* by Ringer Georg (just2b)
***************************/  

/* general div */
.rgslideshow {
  position:relative;
      height:200px;
  overflow:hidden;
    width: 200px;
  background:#fff;
  
}

/* container divs */
.rgslideshowce, .tx-rgslideshow-pi1 {

      overflow:hidden;
  width: 200px;
      height:180px !important;
      height: 190px;
      
  margin-bottom: 10px;
  border-top: 1px solid #fe5400;

  padding-top:10px;
   
}

/* big navigation at left/right side of img */
.rgslideshow .rgsbigprev, .rgslideshow .rgsbignext {
  position:absolute;
  width:63px;
  cursor:pointer;
  outline:0px;
  z-index:2;

}

.rgslideshow .rgsbigprev  {
  left:0;
  background: url(gfx/prevlabel2.gif) left center no-repeat;
}

.rgslideshow .rgsbignext {
  right:0;
  background: url(gfx/nextlabel2.gif) right center no-repeat;
}

/* hover on the big navigation: show the imgs */
.rgslideshow a.rgsbigprev:hover {
  
 /* background: url(gfx/prevlabel.gif) left center no-repeat;    */
}
.rgslideshow a.rgsbignext:hover {
  
 /* background: url(gfx/nextlabel.gif) right center no-repeat;*/
}

/* center the imgs */
.rgslideshow .rgssimg {
  z-index: 1; /* for safari */
  position:absolute;
	left:0;
	right:0;
	margin:0;
	padding:0;
	opacity:0;
  margin:0 auto;
  padding-bottom:0px;
}

/* no border for imgs */
.rgslideshow img, .rgslideshow a, DIV.csc-textpic .rgslideshow img {
  border:0px;
}

/* nested information */
.rgslideshow .rgsnest {
 position: absolute;
 width:200px;
 left: 0px;
 top:160px;
opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;  
background-repeat: repeat;
background-color: #808080;
   height: 20px;
  line-height:20px;
  padding:0;
  padding-left:10px;
  background-image: url('../images/raster.gif'); background-repeat: repeat;
  z-index: 5; /* for safari */
}

/* damn IE 6 png hack */
* html .rgslideshow .rgsnest {
 
}
.rgssimg{ }

/* title */
.rgslideshow .rgstitle {
  /* color:#C64934; old orange */
  width:200px;
   height:20px;
   line-height:20px;
  text-align:left;
font-family: Arial; font-size: 12px; font-weight: bold;  color: #fff;
  z-index: 9; /* for safari */
}  
.rgslideshow .rgstitle a{ color: #fff;line-height:20px;padding-left:20px;background-image:url('../images/sela_pfeil_neu_dark.gif'); 
background-position: 0 -4; background-repeat: no-repeat;}

/* description */
.rgslideshow .rgsdescription {
  color:#fff;
  font-size:11px;
 line-height:0px;/* this results in exact 2 lines */
  padding:0;
  height:0px;  
  overflow:hidden;
}

/* img browser nest */
.rgslideshownav {
position:absolute;
  text-align:left;
  top:225px;
}

/* necessary to position browser to the right */
.rgslideshownav .rgsnav2 {
  display:inline;
  background: #404040 url(gfx/navleft.gif) left no-repeat;
  margin:0;
  padding:3px 20px 1px 20px;
  height:20px;
}

/* holds the browser items */
.rgslideshownav .rgsbrowser {
  display:inline;
}

/* single browser element */
.rgslideshownav .rgsbrowserEl {
  padding:0 4px;
  font-weight:bold;
  font-size:10px;
  cursor:pointer; 
  color:#d8d6d6;  
}

.rgslideshownav .rgsbrowserEl:hover {
  color:#ff9933;
}

/* splitter element between the browser elements */
.rgslideshownav .splitEl {
  color:#fff;
  font-size:7px;
}

/* active element item */
.rgslideshownav .rgsbrowser .rgsact {
  font-weight:bold;
  color:#ff9933;
}

/* small prev/next navigation */
.rgslideshownav .rgsnext, .rgslideshownav .rgsprev {
  font-size:9px;
  color:#fff;
  cursor:pointer;
  font-weight:bold;  
}

/* play/pause icon */
.rgslideshownav .rgsplay {
  font-size:9px;
  font-weight:bold;  
  color:#d8d6d6;
  cursor:pointer;
  padding-left:5px;
}

/* hover on prev/next/play */
.rgslideshownav .rgsnext:hover, .rgslideshownav .rgsprev:hover, .rgslideshownav .rgsplay:hover {
  color:#ff9933;
}
