/* BILDERGALERIE NEU jwe content */

span.linkheadline {
    clear: both;
    color: #202F5B;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}


.caption{font-size:12px;}
.carousel {
    position:relative;
    float:left;
    width:852px;
    padding:0 4px 3px 4px;
    background-color:#fff;
    margin-bottom:10px;
}
.carousel .extralink {
    right:10px;    
}
.carousel .title {
    margin-left:7px;
}

.scrollable {
    position:relative;
    overflow:hidden;
    width: 846px;
    height:131px;
    margin:0 0 0 0;
}

.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

.scrollable .items div {
    float:left;
    width: 779px;
}

.scrollable div.item {
    position:relative;
    float:left;
    width: 115px;
    height: 125px;    
    line-height:1.4em;
    padding:6px 7px 0 7px;
    overflow:hidden;
}

.scrollable div.item:hover {
    background-color:#e7e7e7;
}
.bggrey .scrollable div.item:hover {
    background-color:#fff;
}
.scrollable .item IMG {
    margin-bottom:3px;
}
.scrollable .item  A {
    color:#000;
}

.scrollable2 {
    position:relative;
    overflow:hidden;
    width: 846px;
    height:131px;
    margin:0 0 0 0;
}

.scrollable2 .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

.scrollable2 .items div {
    float:left;
    width: 779px;
}

.scrollable2 div.item {
    position:relative;
    float:left;
    width: 115px;
    height: 125px;    
    line-height:1.4em;
    padding:6px 7px 0 7px;
    overflow:hidden;
}

.scrollable2 div.item:hover {
    background-color:#e7e7e7;
}
.bggrey .scrollable2 div.item:hover {
    background-color:#fff;
}
.scrollable2 .item IMG {
    margin-bottom:3px;
}
.scrollable2 .item  A {
    color:#000;
}

.scroll-pics .items div.item-container-small {
float:left;
width: 254px;
}

a.browse {
    position:absolute;
    top:57px;
    cursor:pointer;
    display:block;
    float:left;
    font-size:1px;
    width: 30px;
    height: 30px;    
}
a.right {
    right:10px;

    background: url("/i/sp/sprite.png") no-repeat;
    float:right;
    background-position:-221px -105px;
    opacity:0.8;
}
a.right:hover {
        background: url("/i/sp/sprite.png") no-repeat;
    background-position:-221px -105px;
opacity:1;
}

a.left {
    left:0;
    background: url("/i/sp/sprite.png") no-repeat;
    margin-left:0;
    background-position:-190px -105px;
z-index:1;
opacity:0.8;
}
a.left:hover {
    background: url("/i/sp/sprite.png") no-repeat;
    background-position:-190px -105px;
opacity:1;
}

a.disabled {
    visibility:hidden !important;
}

.carousel2 .scrollable {
    position:relative;
    overflow:hidden;
    width: 850px;
    height:185px;
    margin:0;
}
.carousel2 {
    position:relative;
    float:left;
    width:850px;
    padding:0 0 3px 10px;
    background-color:#fff;
    margin-bottom:0;
}
.carousel2 .scrollable .items div {
    float:left;
    width: 850px;
}
.carousel2 .scrollable div.item {
    float:left;
    width: 202px;
    height: 190px;    
    line-height:1.4em;
    padding:0;
    margin-right:10px;
    overflow:hidden;
}
.carousel2 .scrollable div.item:hover {
    background-color:#fff;
}
.item .headline A:hover {
    color:#d82e17;
}

.carousel2 a.right,
.carousel2 a.left {
    top:81px;
}


/* #  Bildstrecke mit gr. Bild  ####### */
#special-scroller {
    position:relative;
  width: 590px;
}

.specialnav {
    position:absolute;
    top:170px;
    width:590px;
    display:none;
}


#special-scroller a.left {
    top:170px;
    left:0px;

}
#special-scroller a.right {
    top:170px;
    right:0px;

}

#image_caption {
  width: 590px;
    height:65px;
    color:#777;
    clear:both;
}

.hiddenText, .hiddenHeadline {
    display:none;
}

#changeText .hiddenText {
    display:block;
}

 /** this is for scrollable **/
/* root element for single scroll */
.bigscroll {
  position:relative;
  overflow:hidden;
  width: 590px;
  height: 455px;

}

/* root element for the scroll pics */
.bigscroll .bigpics {
  width:20000em;
  position:absolute;
  clear:both;
}



/* single scroll item */
.bigpics DIV {
    position:relative;
  float:left;
  width:590px;
  margin:0px;
  cursor:pointer;
}




/* single scroll item */
.bigpics .bigpic {
    border:1px solid #ccc;
       width:588px;
    height:383px;
    text-align:center;
    overflow:hidden;
}



.caption {
  width: 590px;
    height:65px;
    color:#777;
    clear:both;
text-align:left;
}
/* possible settings for the active scroll */
.scroll-bs .active {
    cursor: default;
    opacity: 0.5;
    position: relative;
}


/* Integrierte MS */
.bigscroll-content {
  position:relative;
  overflow:hidden;
  width: 390px;
  height: 350px;
  float:left;
}


/* root element for the scroll pics */
.bigscroll-content .bigpics {
  width:20000em;
  position:absolute;
  clear:both;
}

/* single scroll item */
.bigscroll-content .bigpics DIV {
    position:relative;
  float:left;
  width:390px;
  margin:0px;
  cursor:pointer;
}

/* single scroll item */
.bigscroll-content  .bigpics .bigpic {
    border:1px solid #ccc;
       width:390px;
    height:320px;
    text-align:center;
    overflow:hidden;
}


.bigscroll-content  .bigpics .btn-icons {
    position:absolute;
    right:0px;
    top:0px;
    width: 72px;
    height: 23px;    
    display:none;
}
.bigscroll-content  .btn-icons IMG {
    margin-left:1px;
}



.bildstrecke {
    position:relative;

    width:600px;
    padding:0 0px 10px 0px;
    margin:0 0 10px 0;
}
  
.scroll-bs {
  position:relative;
  overflow:hidden;
    width: 600px;
    height:110px;
}

.scroll-bs .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
  clear:both;
}
/*
.items div {
    float:left;
    width: 496px;
}
*/

.scroll-bs div.item {
    position:relative;
    float:left;
    width: 600px;
    height: 110px;    
    overflow:hidden;
}
.scroll-bs div.item:hover {
    background-color:transparent;
}


.scroll-bs .items .item {
    float:left;
    width: 610px;
    
}

.scroll-bs .items .item span{
    float:left;

}


.scroll-bs .item IMG {
    margin-right:14px;
    cursor:pointer;
border:1px solid #CCC;
}

.bildstrecke a.right,
.bildstrecke a.left {
    top:26px;
}
.bildstrecke a.right{
    right:10px;    
}

#btn-slideshow {
    position:absolute;
    left:10px;
    top:10px;
    background: url(http://womensrunwien.at/i/btn/slideshow.png) no-repeat;
    width: 84px;
    height: 20px;    
    cursor:pointer;
    display:none;
}
#btn-slideshow.on  {
    position:absolute;
    right:10px;
    top:10px;
    background: url(http://womensrunwien.at/i/btn/slideshow_off.png) no-repeat;
    width: 84px;
    height: 20px;    
    cursor:pointer;
}
.bigpics .btn-icons {
    position:absolute;
    right:0px;
    top:0px;
    width: 72px;
    height: 23px;    
    display:none;
}
.btn-icons IMG {
    margin-left:1px;
}

.bsmall, div.bsmall{
    width:380px;
}


/* #  Bildstrecke vertikal mit gr. Bild  # */
#vertical-scroller {
    position:relative;
  width: 590px;
  height:585px;
  background-color:#E7E7E7;
}

#vertical-scroller #special-scroller {
    position:relative;
  width: 390px;
  height:585px;
  float:right;
}

#vertical-scroller #special-scroller a.left {
    top:285px;
    left:-10px;
    /*display:none;*/
}
#vertical-scroller #special-scroller a.right {
    top:285px;
    right:-10px;
    /*display:none;*/
}

#vertical-scroller .bigpics DIV {
    position:relative;
    height:585px;
    overflow:hidden;
}


#vertical-scroller #special-scroller .caption {
    position:absolute;
    left:0;
padding-top:3px;
text-align:left;

}

#vertical-scroller .bigpics .btn-icons {
display:none;
height:23px;
position:absolute;
right:0;
top:0;
width:72px;
}



 /** this is for scrollable **/
/* root element for single scroll */
#vertical-scroller .bigscroll {
  position:relative;
  overflow:hidden;
  width: 390px;
  height: 585px;
}

/* root element for the scroll pics */
#vertical-scroller .bigscroll .bigpics {
  width:20000em;
  position:absolute;
  clear:both;
}

/* single scroll item */
#vertical-scroller .bigpics DIV {
  float:left;
  width:390px;
  margin:0px;
  cursor:pointer;
text-align:center;
}

#vertical-scroller .caption {
  width: 390px;
    height:65px;
    color:#777;
    clear:both;
}

#vertical-scroller .caption p {
  width: 300px;
}

#vertical-scroller .prefix {
  width: 300px;
}

#vertical-scroller .caption .headline {
    font-size:34px;
}





/* possible settings for the active scroll */
.bigscroll.active {

}

.bildstrecke-vertical {
    position:relative;
    float:left;
    width:78px;
    padding:34px 0 20px 20px;
    margin:0 0 0 0;
}
  

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
*/
#vertical-scroller .scroll-bs {
  position:relative;
  overflow:hidden;
    height:518px;
    width: 78px;
}

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accomodate scrollable items.
  it's enough that you set the width and height for the root element and
  not for this element.
*/
#vertical-scroller .scroll-bs .items {
  /* this cannot be too large */
  height:20000em;
  width:78px;
  position:absolute;
  float:none;
}


#vertical-scroller .scroll-bs div.item {
    position:relative;
    height:518px;
    width: 78px;    
}
#vertical-scroller .scroll-bs div.item:hover {
    background-color:transparent;
}


#vertical-scroller .scroll-bs .items .item {
    height:518px;
    width: 78px;
    padding:0;
}

#vertical-scroller .scroll-bs .item IMG {
    display:block;
    margin-bottom:20px;
    cursor:pointer;
}


.bildstrecke-vertical a.left,
.bildstrecke-vertical a.left:hover {
    top:0px;    
    left:45px;
    background: url(http://womensrunwien.at/i/style/btn/top_prev.gif) no-repeat;
}
.bildstrecke-vertical a.right,
.bildstrecke-vertical a.right:hover{
    top:555px;    
    left:45px;
    background: url(http://womensrunwien.at/i/style/btn/down_next.gif) no-repeat;
}

.mhopt {
    display:none;
}

.hiddenText{padding-top:10px;}

.bg-image-pattern {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("http://womensrunwien.at/c/images/bg.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -80;
}