/* .oc:CSS-stVooCnt.css - Voomates - /templates/#Voo#/frontend/_resources/styles/plugins/stVoocontentflow.css - 2013-02-18:1630. */
/* .original: ContentFlow, version 1.0.2, (c) 2007 - 2010 Sebastian Kutsch, <http://www.jacksasylum.eu/ContentFlow/>, MIT license. */
/* .oc: oliver martens [OMARtecc engineering]. */
/* .(c)2013 oc. */
/* .voomates - Shopware 4.0.5. Stylesheet. */

/* .ocCF. */
.ContentFlow{ }
.ContentFlow .flow{ top:40px; }
/* .items. */
.ContentFlow .flow .item{ cursor:url(../../images/buttons/oc_Move.cur),move; padding:0 0 50px 0; }
.ContentFlow .flow .item:hover{ background:url(../../images/buttons/bStageSlider_hover.png) no-repeat center bottom; }
.ContentFlow .flow .item .stShad{ position:relative; width:125px; height:50px; margin:0 auto; background:url(../../images/backgrounds/bg_StageSliderShad_125x50.png) no-repeat center top; z-index:-1; }
/* .oc:with mirror (reflectionHeight>0). */
/* .ContentFlow .flow .item .stShad{ top:-48px; } */
/* .oc:no mirror (reflectionHeight=0). */
.ContentFlow .flow .item .stShad{ top:-25px; }
.ContentFlow .flow .item.active{ cursor:pointer; }
.ContentFlow .flow .item.active:hover{ background:url(../../images/buttons/bStageSlider_hoverAct.png) no-repeat center bottom; }
.ContentFlow .flow .item .caption{ width:100%; max-height:30%; bottom:10%; font-size:100%; font-weight:bold; text-align:center; color:white; background:url(../../images/plugins/cfImg/1x1_0.5_black.png); }
* html .ContentFlow .flow .item .caption{
 background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../images/plugins/cfImg/1x1_0.5_black.png');
}
.ContentFlow .flow .item .caption a,
.ContentFlow .flow .item .caption a:link,
.ContentFlow .flow .item .caption a:visited,
.ContentFlow .flow .item .caption a:active,
.ContentFlow .flow .item .caption a:hover{ text-decoration:none; color:white; }
.ContentFlow .flow .item .caption a:hover{ text-decoration:underline; }
.ContentFlow .flow .item.active .caption{
/* display:block; */ /* uncomment to show caption inside item */
}

/* .scrollbar. */
/*org: .ContentFlow .scrollbar{ position:relative; width:100px; height:26px; margin:5px auto 10px auto; background:url(../../images/plugins/cfImg/scrollbar_white.png) left center repeat-x; } */
/*org: .ContentFlow .scrollbar .slider{ width:16px; height:16px; cursor:url(../../images/buttons/oc_Move.cur),move; background:url(../../images/plugins/cfImg/slider_white.png) center center no-repeat; } */
.ContentFlow .scrollbar{ position:relative; width:230px; height:26px; margin:5px auto 10px auto; background:url(../../images/plugins/cfImg/scrollbar_black.png) left center repeat-x; }
.ContentFlow .scrollbar .slider{ width:20px; height:20px; cursor:url(../../images/buttons/oc_Move.cur),move; background:url(../../images/plugins/cfImg/slider_voo20.png) center center no-repeat; }
/* .only for IE <= 6 and a alphatransparent slider image. */
* html .ContentFlow .scrollbar .slider{
 background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../../images/plugins/cfImg/slider_voo20.png');
}
/* .position for arrows-control. oc:use visibility: only!. */
.ContentFlow .scrollbar .slider .position{ visibility:hidden; height:30px; top:120%; font-size:14px; font-family:"BitterBold"; color:white; }
/* .arrows. */
.ContentFlow .scrollbar .preButton{ position:absolute; width:26px; height:26px; margin:-46px 0 0 -10px; cursor:pointer; z-index:2; background:url(../../images/buttons/btn_stagefront_leftArr.png) no-repeat left top; }
.ContentFlow .scrollbar .nextButton{ position:absolute; width:26px; height:26px; margin:-46px 0 0 216px; cursor:pointer; z-index:2; background:url(../../images/buttons/btn_stagefront_rightArr.png) no-repeat left top; }
.ContentFlow .scrollbar .preButton:hover, .ContentFlow .scrollbar .nextButton:hover{ background-position:left bottom; }
/* .global caption. */
.ContentFlow .globalCaption{ height:20px; margin:30px auto 21px; text-align:center; font-size:14px; font-weight:bold; color:white; z-index:1; }
.ContentFlow .globalCaption .caption{ }
.ContentFlow .globalCaption .caption a,
.ContentFlow .globalCaption .caption a:link,
.ContentFlow .globalCaption .caption a:visited,
.ContentFlow .globalCaption .caption a:active,
.ContentFlow .globalCaption .caption a:hover{ text-decoration:none; font-size:14px; font-style:normal; color:white; }
.ContentFlow .globalCaption .caption a:hover{ text-decoration:underline; }
/* .load indicator. */
.ContentFlow .loadIndicator{ width:100%; height:100%; left:0px; top:0px; background:transparent; }
.ContentFlow .loadIndicator .indicator{ width:100%; height:100%; background:url(../../images/plugins/cfImg/loader.gif) center center no-repeat; }
* html .ContentFlow .loadIndicator .indicator{ height:100px; }