/* algemeen overrides */
#background
{
    /*background-image: none; 	background-color: #000;*/
}
#main
{
    left: 175px; /* x - 20 */
}
ul.nav
{
    width: 148px; /* 164 - winst van 20 px; */
}
ul.nav a
{
    width: 132px; /* 153 - winst van 20 px; */
}

.footerbg
{
    /*background-color:Transparent;*/
}
H1
{
    color: #e4175d;
}

p
{
    margin-bottom: 10px;
}
div#fancy_bg
{
    background-color: #FBD7D4;
}


/* arrows */
.disabled
{
    display: none;
    cursor: default;
}


/* real */

#sizesystem
{
    margin: 0;
    padding-top: 10px;
    font-size: 9px;
}
#sizesystem li
{
    display: inline;
    margin: 0px 4px;
}

#sizesystem li a
{
    color: #777;
    text-decoration: none;
}

#sizesystem li a:hover
{
    text-decoration: underline;
}

/* container */
#collection
{
    overflow: hidden;
    position: relative;
    font-size: 11px;
    _width: 780px;
    _margin-top: 22px;
}

/* lijst met series */
#containerlist
{
    float: left; /*background-color: Yellow; */ /*#403b39;*/
    overflow: hidden;
    width: 110px;
    height: 443px;
    border: solid 1px #403b39; /* #403b39;*/
}
.scrollable
{
    overflow: hidden;
    position: absolute;
    width: 110px;
    height: 443px;
}
.serielist
{
    position: absolute;
    height: 20000em;
}
.thumb
{
    border-bottom: solid 1px #403b39; /* #403b39;*/
    width: 110px;
    height: 110px;
}
.thumb a
{
    display: block; /* voor opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.thumb a:hover, .thumb a.active
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
    opacity: 1.0;
}

/* scroll knoppen - staan op masterpage */
.next, .prev, .nextPage, .prevPage
{
    position: absolute;
    left: 226px; /* 173 (start main) + ((118-12)/2) */
    width: 12px;
    z-index: 1000;
    cursor: pointer;
}
.prev, .prevPage
{
    top: 7px; /* 20 - height=10 - margin=3 */
}
.next, .nextPage
{
    top: 470px; /* 20 + 475 + x */
}

/* details overview series = collection */
#coldetails
{
    padding: 50px 80px 50px 50px;
}
#coldetails h1
{
    font-size: 180%;
    margin-bottom: 25px;
}
#coldetails p
{
    font-size: 130%;
    line-height: 1.4;
}

/* details */
#containerdetails
{
    float: left;
    width: 600px;
    border: solid 1px #403b39;
    margin-left: 16px;
    height: 443px;
    position: relative;
    background-color: #fbd7d4;
}

/* details image */
#image
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 380px;
    height: 443px;
    z-index: 1;
}
#zoomlink, #zoomcontainer
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 380px;
    height: 443px;
    z-index: 2;
}
#zoomlink a
{
    width: 100%;
    height: 100%;
    display: block;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url('/images/deepzoom/zoomin_rest.png');
}
#zoomlink a:hover
{
    background-image: url('/images/deepzoom/zoomin_hover.png');
}


#details
{
    position: absolute;
    right: 5px;
    top: 4px;
    height: 437px; /* 475 - top - 2 extra value */
    width: 208px;
}


#details p
{
    line-height: 1.1;
}
#details .scroll
{
    height: 425px;
    padding: 5px;
}
.date
{
    padding-top: 10px;
    margin-left: 4px;
    font-size: 9px;
}
/* colors */.families
{
    padding-bottom: 15px;
}
.family
{
    padding-right: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 9px;
    color: #bbb;
}
.family img
{
    background-position: center center;
    border: solid 1px transparent;
    background-image: url(/images/family_bg.png);
    width: 50px;
    height: 50px;
}
.familyinfo
{
    color: #e4175d;
    font-size: 80%;
}
/* links */#block a
{
    color: #fff;
    text-decoration: none;
}
#block a:hover
{
    color: #fff;
    text-decoration: underline;
}
#block .left
{
    background-color: #403b39;
    padding: 5px;
    font-size: 120%;
}
#block .middle
{
    width: 15px;
}
#block .right
{
    background-color: #403b39;
    padding: 5px;
    font-size: 120%;
}
/* sketches */.sketches
{
    padding-top: 20px;
}
.sketch
{
    width: 85px;
    text-align: center;
    font-size: 9px;
    margin-bottom: 5px;
    position: relative;
}
.sketch img
{
    padding-bottom: 2px;
}
.sketch .name
{
    font-weight: bold;
    padding-bottom: 2px;
}
.sketch .sizes
{
    color: #777;
}
.sketch .new
{
    position: absolute;
    left: 55px;
    top: 2px;
    background-color: Transparent;
    border: 0;
}


.vert-top
{
    vertical-align: top;
}