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

/* general div */
.rgslideshow { position:relative; border:1px solid #ccc; border-bottom:0px; overflow:hidden; background:#fff; margin-bottom:0.5em; }
#col1_content .rgslideshow { border-bottom:1px solid #cccccc; }

/* container divs */
.rgslideshowce, .tx-rgslideshow-pi1 { overflow:hidden; }

/* big navigation at left/right side of img */
.rgslideshow .rgsbigprev, .rgslideshow .rgsbignext { position:absolute; width:33px; cursor:pointer; outline:0px; z-index:2; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

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

/* hover on the big navigation: show the imgs */
.rgslideshow a.rgsbigprev:hover { opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; background-position: center right; }
.rgslideshow a.rgsbignext:hover { opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; background-position: center left; }

/* 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; }

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

/* nested information */
.rgslideshow .rgsnest { position:absolute; width:100%; bottom:0; left:0; border-top:1px solid #333; background: url(gfx/transparent_bg.png); z-index: 5; /* for safari */
}

/* damn IE 6 png hack */
* html .rgslideshow .rgsnest { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/typo3conf/ext/rgslideshow/res/gfx/transparent_bg.png', sizingMethod="scale"); }

/* title */
.rgslideshow .rgstitle { /* color:#C64934; old orange */  color:#fff; font-weight: bold; font-size: 11px; line-height: 12px; padding:4px 6px 0 6px; z-index: 9; /* for safari */}  

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

/* img browser nest */
.rgslideshownav { text-align:right; border-right:1px solid #ccc; margin-top: -0.5em; margin-bottom: 0.5em; }

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

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

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

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

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

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

/* 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:#CC1800; }

/* Navi Trenner... der punkt zwischen den Bildanzahl */
.rgssplitEl { color: #404040;}