/*-- Von der Nanoseite ---------------------------------------------*/

    #buttonsort {
        position:relative; top:20px; left:35%; z-index:1;}
    .buttonsort{
        background: ; display: block; padding:0px; color: black; width: 100px; height: 35px; font-size: 20px; color: #ffffff; text-align: center; border: 1px solid #ffffff;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 0.5s; }
    .buttonsort:hover {
        background-color: ;
        -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
    #flop{
        position: relative; margin:auto;   height: 40px; top: 100px; text-align:center;}
    .sortbutton a{
        background: ; display: block; padding:0px; color: black;  height: 40px; font-size: 15px; color: #ffffff; text-align: center; border: 2px solid ;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; text-underline: none; transition-property: background-color; transition-duration: 0.3s;
        padding-top: 20px;}
    .sortbutton a:hover {
        background-color: ; color: #000000;
        -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
    .sortbutton a:active {
        position:relative; top:1px; }
    
    
    #ponel{
        position: relative; margin:auto; width: 200px; height: 330px; top: 140px; color: #000000;
        padding-top:40px; padding-bottom:20px; text-align:center; background-color:; border:solid 2px ; -moz-border-radius: 5px; border-radius: 5px;} 
       
    #tab1 a:link, #tab1 a:visited, #tab1 a:hover,#tab1 a:active{color:#000;}

    #ergb{
        position: relative; top: 100px;}

    #next{
        -moz-border-radius: 15px; border-radius: 15px;
        }
    #tab1{
        margin:0 auto; border: 1px solid ; color: #000000;}
    #tab2{
         margin:0 auto; }
    #tab3{
        border: 1px solid ; align: center;}
    #tab4{
        border: 1px solid ;
        background-color: ;}
    table{
        border-collapse: collapse;}
    .linie {
        border-top:1px solid ; width:150px;}

/*-- Thumbnail -----------------------------------------------------*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}