/* cached topic style */


/*  +++++++++++  */
/*  BAND         */
/*  +++++++++++  */

#content { padding-left: 15px; }

.discoItem, .galleryItem {
float: left;
width: 160px;
margin-bottom: 40px;
margin-right: 60px;
margin-left: 1px;
text-align: center;
}

.historyback { white-space: nowrap; clear: both; }


/* Discography */
#addInfo { display: block; } /* flash audio preview */

.albumbild {
clear: both;
float: right;
width: 215px;
margin-bottom: 30px;
}
.albumbild img { background-color: #333; padding: 5px; }
.albumbild img.icon { background-image: none; }
.albumbild h5 {
font-family: Helvetica, Arial, sans-serif;
font-size: 175%;
}


.albumdaten {
float: left;
width: 310px;
margin-bottom: 30px;
padding-right: 20px;
}
.albumdaten li { margin: 0.5em 0; }


.albumbild ol, .albumbild ul, .albumdaten ol, .albumdaten ul { margin: 0.75em 0; }

p.kauflink {
text-align: left;
padding-top: 20px;
font-size: 11px;
}



/* Gallery */
.caption { font: 11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; }

.copyright { text-align: right; }




/* S3SLIDER */

#s3slider {
   width: 500px; /* important to be same as image width */
   height: 333px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin: 0 auto;
   background-color: #000;
}

#s3sliderContent {
   width: 500px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/1.5 Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 500px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

/* PRETTYPHOTO */

div.pictureHolder .top .left { background: url(../../bin/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
div.pictureHolder .top .middle { background: #333; } /* Top pattern/color */
div.pictureHolder .top .right { background: url(../../bin/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */

div.pictureHolder .content { background-color: #333; } /* Content background */
div.pictureHolder .content a.next:hover { background: url(../../bin/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
div.pictureHolder .content a.previous:hover { background: url(../../bin/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
div.pictureHolder .content a.expand { background: url(../../bin/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
div.pictureHolder .content a.expand:hover { background: url(../../bin/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
div.pictureHolder .content a.contract { background: url(../../bin/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
div.pictureHolder .content a.contract:hover { background: url(../../bin/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(../../bin/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */

div.pictureHolder .content .details .nav a.arrow_previous { background: url(../../bin/prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
div.pictureHolder .content .details .nav a.arrow_next { background: url(../../bin/prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */

div.pictureHolder .bottom .left { background: url(../../bin/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
div.pictureHolder .bottom .middle { background: #333; } /* Bottom pattern/color */
div.pictureHolder .bottom .right { background: url(../../bin/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */

div.pictureHolder .loaderIcon { background: url(../../bin/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */

div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../../bin/prettyPhoto/ttl.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../../bin/prettyPhoto/ttr.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../../bin/prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

div.prettyPhotoOverlay {
background: #000;
position: absolute; top: 0; left: 0;
z-index: 9500;
width: 100%;
}

div.pictureHolder {
position: absolute; z-index: 10000;
width: 100px;
}

div.pictureHolder .top {
position: relative;
height: 20px;
}
* html div.pictureHolder .top { padding: 0 20px; }

div.pictureHolder .top .left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pictureHolder .top .middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pictureHolder .top .middle { position: static; }

div.pictureHolder .top .right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}

div.pictureHolder .content {
position: relative;
text-align: left;
width: 100%; height: 40px;
}

div.pictureHolder .content .details {
display: none;
margin: 10px 15px 0 20px;
}
div.pictureHolder .content .details p.description { display: none; float: left; margin: 0; }

div.pictureHolder .content .details .nav {
float: left;
margin: 4px 0 0 0;
}

div.pictureHolder .content .details .nav p { float: left; margin: 0 4px; }

div.pictureHolder .content .details .nav a.arrow_previous,
div.pictureHolder .content .details .nav a.arrow_next {
float: left;
display: block;
width: 8px; height: 9px;
text-indent: -10000px;
margin-top: 4px;
}

div.pictureHolder .content .details .nav a.disabled { background-position: 0 -10px; cursor: default; }

div.pictureHolder .content div.hoverContainer {
position: absolute; z-index: 10000;
top: 0; left: 0;
width: 100%;
}

div.pictureHolder .content a.next {
position: relative; z-index: 2000;
display: block; float: right;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(../../bin/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
}

div.pictureHolder .content a.previous {
cursor: pointer;
display: block;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(../../bin/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */

}

div.pictureHolder .content a.expand,
div.pictureHolder .content a.contract {
position: absolute; z-index: 20000;
top: 10px; right: 30px;
cursor: pointer;
display: none;
text-indent: -10000px;
width: 20px; height: 20px;	
}

div.pictureHolder .content a.close {
float: right;
display: block;
text-indent: -10000px;
}

div.pictureHolder .bottom {
position: relative;
height: 20px;
}
* html div.pictureHolder .bottom { padding: 0 20px; }

div.pictureHolder .bottom .left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pictureHolder .bottom .middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pictureHolder .bottom .middle { position: static; }

div.pictureHolder .bottom .right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}

div.pictureHolder .loaderIcon {
display: none;
position: absolute;
top: 50%; left: 50%;
margin: -12px 0 0 -12px;
width: 24px; height: 24px;
}

div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; }

div.prettyPhotoTitle {
display: none;
position: absolute;
top: 0; left: 0;
z-index: 9999;
color: #ccc; font-size: 13px;
}

div.prettyPhotoTitle div.prettyPhotoTitleLeft,
div.prettyPhotoTitle div.prettyPhotoTitleRight { float: left; width: 19px; height: 23px; overflow: hidden; }

div.prettyPhotoTitle div.prettyPhotoTitleContent { float: left; line-height: 23px; }