#gallery{
    width:1000px;
    height: auto;
}

#gallerybg{
    width:600px;
    height: 480px;
    background-color:#000;
    float:left;

}

#Ausgabe1 {
background-color:#ff0000;
width:400px;
}
#Ausgabe {
      text-align: center;
      background-color:#ff0000;
      width:600px;
}


.thumbnails{
}

.thumbnails:hover{
}

.bigfoto{
text-align:center;
}

#thumbnailrahmen{
    width:100px;
    height:67px;
    background-color:black;
    margin-bottom:15px;
    margin-left:15px;
    text-align: center;
    float:left;
}

#minifoto{
    width:300px;
    height: 460px;
    overflow:auto;
}

#show_large_foto {
    width:600px;
    height:480px;
    background-color:#000;
    text-align: center;
    float:left;
    vertical-align: middle;
    
}
.prevPage {
    position: absolute;
    left:970px;
    top:25px;
    width:215px;
}

.nextPage {
    position: absolute;
    left:970px;
    top:544px;
    width:215px;
}

/* disabled navigational button */
a.disabled {
    visibility:hidden;
} 

/* ###################################################### */
/* ####################### Scrollbar! ############### */
/* ###################################################### */


/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 480px; 
    width: 300px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    /*height:20000em;*/ 
}