* {
font: 14px 'Trebuchet MS', Tahoma, Verdana, Arial, serif;
}

body {
margin: 0px;
padding: 0px;
background: #fff;
}

#main {
width:  710px;
margin: 0 auto;
}

#main2 {
width: 900px;
margin: 0 auto;
}

#header {
background-image: url("i/offy.gif");
background-repeat: no-repeat;
background-position: center 25px;
height: 60px;
}

#contact {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 150px;
padding-top: 50px;
}

#contact a {
color: #888;
font-size: 80%;
text-decoration: none;
}

#contact hr {
color: #888;
background-color: #888;
height: 1px;
width: 80%;
border: 0;
margin-top: 2px;
margin-bottom: 2px;
}

#header span {
display: none;
}

#header a {
display: block;
width: 150px;
height: 50px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
}

#categories {
text-align: center;
height: 250px;
width: 710px;
margin-top: 100px;
}

#photo {
width: 595px;
float: left;
padding:0px;
text-align: center;
}

#photoblock {
width: 595px;
height: 550px;
border-right: 1px solid #aaa;
float: left;
margin-top: 15px;
}

.image {
border: 1px solid black;
}

#thumbnails {
float: left;
width: 280px;
margin: 10px;
}

a.thumbnail, a.thumbnailselected {
display: block;
padding: 4px;
border: 1px solid white;
float: left;
}

.clear {
clear: both;
}

a.thumbnail:hover {
border: 1px solid #000;
}

#thumbnailblock {
height: 400px;
width: 250px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

.scblock .firstimg {
float: left;
padding-right: 10px;
}

.scblock .vlag {
margin-left: 3px;
}

.scblock {
width: 550px;
height: 100px;
background-color: #efefef;
text-decoration: none;
padding: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background: url(i/bg.jpg) no-repeat;
}

.scblock a {
color: #333;
text-decoration: none;
}
.scblock span {
font-size: 90%;
color: #888;
line-height: 10pt;
}