html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: #131313;
    background-image: url('../images/header_background.png');
    background-repeat: repeat-x;
    font-family: helvetica;
    font-size: 10px;
    color: #999;
}

a,
a:visited,
a:active {
    text-decoration: none;
    color: #999;
}

a:hover,
a.selected {
    color: #eee;
    cursor: pointer;
}

img {
    border: 0px;
    behavior: url("pngbehavior.htc");
}

#header {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 140px;
    background-image: url('../images/title.png');
    background-repeat: no-repeat;
    background-position: right 72px;
    color: #eee;
    z-index: 2;
}

#overlay {
    float: right;
    width: 538px;
    height: 100px;
    background-image: url('../images/sun.png');
    background-repeat: no-repeat;
    background-position: top right;
    color: #eee;
    z-index: 1;
}

#links {
    position: relative;
    top: -36px;
    margin-left: 5px;
}

#links a {
    margin-left: 5px;
}

#home {
    margin-top: 20px;
    width: 100%;
    height: 480px;
    background-image: url('../timthumb.php?src=images/home.png&w=640&h=480');
    background-repeat: no-repeat;
    background-position: top center;
}

#portfolio-outer {
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

#portfolio-wrapper {
    position: absolute;
    left: 380px;
    top: 180px;
    width: 400px;
    overflow: hidden;
}

#scrollLeft {
    position: absolute;
    left: 350px;
    top: 365px;
    font-size: 3em;
}

#scrollRight {
    position: absolute;
    left: 792px;
    top: 365px;
    font-size: 3em;
}

#portfolio-wrapper img {
    width: 400px;
}

#thumbnails {
    width: 250px;
    margin-left: 20px;
    float: left;
    clear: both;
    margin-bottom: 20px;
}

#thumbnails .thumbnail {
    padding: 1px;
    border: 1px solid transparent;
    width: 58px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    margin-bottom: 10px;
}

#thumbnails .thumbnail:hover {
    border-bottom: 1px solid #999;
}

#informatie {
    width: 400px;
    height: 480px;
    border: 1px solid #666;
}

.title {
    position: relative;
    top: -5px;
    height: 15px;
    width: 250px;
    text-align: left;
    font-size: 1.4em;
    border-bottom: 1px solid #666;
    margin-left: 10px;
    margin-bottom: 10px;
    float: left;
    clear: both;
}

#series {
    margin-left: 25px;
    float: left;
    clear: both;
    margin-bottom: 20px;
    width: 250px;
    vertical-align: top;
}

#series a {
    /*argin-left: 10px;*/
}

#series a img {
    float: left;
    margin-right: 5px;
    border: 1px solid transparent;
}

#series a:hover img {
    border-bottom: 1px solid #999;
}

#photoDescription {
    margin-left: 25px;
    float: left;
    clear: both;
    margin-bottom: 20px;
    width: 250px;
}

#publicaties {
    text-align: center;
}

#publicaties img {
    margin-top: 20px;
    margin-bottom: 100px;
}