body, *{
    padding: 0px;
    margin: 0px;    
}

/* --------- */
/* FRONTVIEW */
/* --------- */

#frontview{
    width: 560px;
    clear: both;
    margin-top: 10px;
    position: relative;
}

#frontview #images .image{
    position: absolute;
    left:0px;
    top:0px;
    z-index: 1;
    width: 400px;
    height: 300px;
    background: #E5E1E5;
}

#frontview #images .image .descr{
    display:none;
}

#frontview{
    position: relative;
}

#images{
    position: relative;
    left: 0px;
    top: 0px;
}

#frontview #images div.image {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#frontview #images div.active {
    z-index:10;
}

#frontview #images div.last-active {
    z-index:9;
}


#frontview #images{
    float: left;
    position: relative;
    width: 400px;
    height: 300px;
    font-size: 8pt;
}

#frontview #thumblist{
    float:right;
    width: 156px;
    height: 300px;
}

#frontview #thumblist .thumb_image{
    padding: 3px;
    padding-top: 5px;
    background: #edede7;
    margin-bottom: 4px;
    position: relative;
}

#frontview #thumblist .thumb_image img{
    padding-bottom: 1px;
}

#frontview #thumblist .thumb_image span.descr{
    font-size: 8pt;
}

#frontview #images .descr{
    position: absolute;
    height: 50px;
    width: 380px;
    left: 0px;
    bottom: 0px;
    background: url(../images/frontview_overlay.png);
    z-index: 100;
    padding: 10px;
    font-size: 8pt;
}

#frontview #thumblist .thumb_image .pfeil_active{
    background: url('../images/pfeil_active.png');
    width: 20px;
    height: 23px;
    position: absolute;
    top: 30px;
    left: -20px;
    z-index: 100;
    display: none;    
}

#frontview #thumblist .active .pfeil_active{
    display: block;
}