/****************************
 * scrollable gallery
 ****************************/
.scrollable {
    float: left;
    position: relative;
    width: 704px;
    height: auto;
    overflow: none;
}

.js .scrollable {
    height: 120px;
    overflow: hidden;
}

.scrollable .items {
    width: auto;
    position: static;
}

.js .scrollable .items {
    width: 20000em;
    position: absolute;
    clear: both;
}

.items div {
    float: left;
    width: 780px;
}

/* single scrollable item */
.scrollable img {
    margin: 5px 4px 24px;
    float: left;
    background-color: #fff;
    padding: 2px;
    border: 1px solid #ccc;
    /*width: 133px;*/
    height: 85px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* active item */
.scrollable .active {
    border: 2px solid #000;
    position: relative;
    cursor: default;
}

a.disabled {
    visibility: hidden !important;
}

/** layout imageGellery */
div.MiddleRightColumn section.gallery {
    padding-right: 22px;
    padding-left: 13px;
    padding-top: 10px;
}

div.topicHolder {
    text-align: center;
    width: 720px;
    *height: 60px;
    *float: left;
    padding-top: 10px;
    overflow: hidden;
}

div.slideLeft {
    margin-left: 8px;
}

div.slideLeft {
    float: left;
}

div.slideRight {
    float: right;
    margin-right: 5px;
}

div.slideLeft, div.slideRight {
    padding-top: 40px;
    visibility: hidden;
}

.js div.slideLeft, .js div.slideRight {
    visibility: visible;
}

section.topTopicHolderAll {
    position: absolute;
    width: 472px;
}

.TPkgArticle-ImageGallery .topicHolder h3 {
    line-height: 12px;
}

.TPkgArticle-ImageGallery .topicHolder h3,
.TPkgArticle-ImageGallery .topicHolder p {
    padding: 0;
    margin: 0;
}

div.naviButtons {
    clear: both;
    color: #9E9583;
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 780px;
}

div.naviButtons div.backToArticle {
    background-image: url("/static/alpenverein/images/arrowLeft.png");
    background-position: 0 70%;
    background-repeat: no-repeat;
    float: left;
    padding-left: 18px;
    width: 230px;
}

div.backToArticle a, div.backToArticle a:link {
    color: #4E432D;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
}

div.naviButtons div.backToGalleyList {
    background-image: url("/static/alpenverein/images/arrowSmallRight.png");
    background-position: 156px 72%;
    background-repeat: no-repeat;
    float: right;
    width: 164px;
}

div.backToGalleyList a, div.backToGalleyList a:link {
    color: #4E432D;
    font-weight: bold;
    padding-left: 20px;
    text-decoration: none;
}

.gallery-img {
    position: relative;
    text-align: center;
}

.vGalleryLargeImage {
    text-align: center;
}

.TPkgArticle-ImageGallery.detail .galleryName {
    padding-bottom: 20px;
}

.TPkgArticle-ImageGallery  .slideRight {
    width: 32px;
}

.TPkgArticle-ImageGallery .vGalleryLargeImage .bigImageContainer {
    position: relative;
}

.TPkgArticle-ImageGallery .vGalleryLargeImage .i-arrow-left,
.TPkgArticle-ImageGallery .vGalleryLargeImage .i-arrow-right {
    display: none;
    position: absolute;
    top: 50%;
    text-decoration: none;
    border: none;
    outline: none;
}

.TPkgArticle-ImageGallery .vGalleryLargeImage .i-arrow-left {
    left: 10px;
}

.TPkgArticle-ImageGallery .vGalleryLargeImage .i-arrow-right {
    right: 10px;
}

.no-js .TPkgArticle-ImageGallery .vGalleryLargeImage:hover .i-arrow-left,
.no-js .TPkgArticle-ImageGallery .vGalleryLargeImage:hover .i-arrow-right {
    display: inline-block;
}

a.galleryButton {
    display: block;
    position: absolute;
    top: 0px;
    width: 390px;
    z-index: 100;
    background:url(/static/alpenverein/images/spacer.gif); /* stupid IE needs this hack for a tag as block element! */
}

a.galleryButton img {
    display: none;
}

/*a.galleryButton:hover img {
    display: inline;
}*/

a.galleryButtonRight {
    text-align: right;
    right: 0px;
}

a.galleryButtonRight img {
    margin-right: 8px;
}

a.galleryButtonLeft {
    text-align: left;
    left: 0px;
}

a.galleryButtonLeft img {
    margin-left: 8px;
}