html { margin:0px; padding:0px; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:100.00%; color:#000000; }
body { margin:0px; padding:0px; font-size:0.8em; background-color: #5F5F5F; }
table, pre, input, select {font-size:100%;}
textarea { font-size:100%; font-family:Verdana,Arial,Helvetica,Sans-Serif; }
}


.slideshow {
        display: block;
        position: relative;
        float:left;
        border-left:10px solid #5F5F5F;
        border-right:5px solid #5F5F5F;
}
.slideshow-images {
        display: block;
        /* height: height_of_slideshow_or_default_image */
        overflow: hidden;
        position: relative;
        /* width: width_of_slideshow_or_default_image */
}
.slideshow-images img {
        display: block;
        position: absolute;
        z-index: 1;
}
.slideshow-thumbnails {
        overflow: hidden;
}

/*
The images div is where the slides are shown.
Customize these classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images-visible {
        left: 0;
        opacity: 1;
        top: 0;
}
.slideshow-images-next {
        left: 800;
        opacity: 0;
        top: 360px;
}
.slideshow-images-prev {
        right: -800;
        opacity: 0;
        top: -360px;
}

/*
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/

.slideshow {
        height: 350px;
        margin: 0 auto;
        width: 610px;
}
.slideshow a img {
        border: 0;
}

.slideshow-captions {
        background: #5F5F5F;
        bottom: 0;
        color: #000000;
        font: normal 0.85em/1.6em Verdana, Arial, sans-serif;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-indent: 10px;
        width: 102.5%;
        z-index: 1000;
}
.slideshow-captions-hidden {
        height: 17;
        opacity: 4;
}
.slideshow-captions-visible {
        height: 17px;
        opacity: .9;
}

.slideshow-controller {
        height: 42px;
        left: 50%;
        margin: -2px 0 0 -119px;
        overflow: hidden;
        position: absolute;
        top: 50%;
        width: 610px;
        z-index: 10000;
}
.slideshow-controller * {
        margin: 0;
        padding: 0;
}
.slideshow-controller-hidden {
        opacity: 0;
}
.slideshow-controller-visible {
        opacity: 1;
}
.slideshow-controller a {
        cursor: pointer;
        display: block;
        height: 18px;
        overflow: hidden;
        position: absolute;
        top: 12px;
}
.slideshow-controller a.active {
        background-position: 0 18px;
}
.slideshow-controller li {
        list-style: none;
}
.slideshow-controller li.first a {
        background-image: url("../pic/gifs/01-erstes.gif");
        left: 33px;
        width: 19px;
}
.slideshow-controller li.last a {
        background-image: url("../pic/gifs/06-letztes.gif");
        left: 186px;
        width: 19px;
}
.slideshow-controller li.next a {
        background-image: url("../pic/gifs/05-naechstes.gif");
        left: 145px;
        width: 28px;
}
.slideshow-controller li.pause a {
        background-image: url("../pic/gifs/03-pause.gif");
        left: 109px;
        width: 20px;
}
.slideshow-controller li.play a {
        background-image: url("../pic/gifs/04-wiedergabe.gif");
}
.slideshow-controller li.prev a {
        background-image: url("../pic/gifs/02-zurueck.gif");
        left: 65px;
        width: 28px;
}

.slideshow-images img {
        float: left;
}

.slideshow-loader {
        height: 28px;
        right: 0;
        position: absolute;
        top: 0;
        width: 280px;
        z-index: 1000;
}
.slideshow-loader-hidden {
        opacity: 0;
}
.slideshow-loader-visible {
        opacity: 1;
}

.slideshow-thumbnails {
        bottom: -65px;
        height: 65px;
        left: 0;
        position: absolute;
        width: 100%;
}
.slideshow-thumbnails * {
        margin: 0;
        padding: 0;
}
.slideshow-thumbnails ul {
        height: 65px;
        left: 0;
        position: absolute;
        top: 0;
        width: 10000px;
}
.slideshow-thumbnails li {
        float: right;
        list-style: none;
        margin: 5px 5px 5px 0;
        position: relative;
}
.slideshow-thumbnails a {
        display: block;
        padding: 5px;
        position: relative;
}
/*
Use the !important keyword to override any on-going javascript FX without affecting performance.
*/
.slideshow-thumbnails a:hover {
        background-color: #5F5F5F !important;
        opacity: 1 !important;
}
.slideshow-thumbnails img {
        display: block;
}
.slideshow-thumbnails-active {
        background-color: #5F5F5F;
        opacity: 1;
}
.slideshow-thumbnails-inactive {
        background-color: #5F5F5F;
        opacity: .5;
}



A {
text-decoration: none;
}
                                                                   
.withoutstyles {
                display:none;
}