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

    #buttonsort {
        position:relative; top:20px; left:35%; z-index:1;}
    .buttonsort{
        background: #b5da9e; 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: #94ca73;
        -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: #94ca73; display: block; padding:0px; color: black;  height: 40px; font-size: 15px; color: #ffffff; text-align: center; border: 2px solid #94ca73;
        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: #b5da9e; 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:#b5da9e; border:solid 2px #94ca73; -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 #b5da9e; color: #000000;}
    #tab2{
         margin:0 auto; }
    #tab3{
        border: 1px solid #94ca73; align: center;}
    #tab4{
        border: 1px solid #94ca73;
        background-color: #b5da9e;}
    table{
        border-collapse: collapse;}
    .linie {
        border-top:1px solid #94ca73; 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 */

}