* {
margin:0;
margin-left:5px;
padding:0;
}
body {
background:#000000 url(images/CompleetinBeeld-5zw-loweb2.jpg) no-repeat scroll center top;
color:#ddeeff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:small;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-top:200px;
}
h1, h2, h3 {
color:#FFFFFF;
}
h2 {
}
h3 {
}
p, blockquote, ul, ol {
line-height:1.8em;
margin-bottom:1.4em;
text-align:center;
}
p {
}
blockquote {
font-style:italic;
margin-left:2em;
margin-right:2em;
}
ul {
margin-left:3em;
}
ul li {
}
ol {
margin-left:3em;
}
ol li {
}
a {
color:#FFFFFF;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img {
border:4px solid #C4C2C2;

}
.boxed {
margin-bottom:20px;
}
.boxed .title {
background:transparent url(images/img07.gif) repeat-x scroll left bottom;
font-size:1em;
margin:0;
padding:5px 0;
}
.boxed .content {
padding:15px;
}
.post {
}
.post .title {
background:transparent repeat-x scroll left bottom;
font-size:1.6em;
font-weight:normal;
padding:10px 0;
}
.post .date {
font-size:0.8em;
font-weight:normal;
padding-top:5px;
}
.post .date .month {
}
.post .date .day {
}
.post .date .year {
}
.post .meta {
background:transparent url(images/img07.gif) repeat-x scroll left bottom;
font-size:0.8em;
padding-bottom:10px;
}
.post .meta p {
line-height:normal;
margin:0;
}
.post .story {
padding:20px;
}
#header {
background:transparent url(images/img02a.gif) repeat-x scroll 0 50%;
height:0px;
}
#logo {
height:0;
margin:0 auto;
padding:0 0 0;
width:700px;
}
#logo h1, #logo h2 {
font-size:11px;
letter-spacing:1px;
text-transform:uppercase;
}
#logo h1 {
float:left;
}
#logo h2 {
float:right;
}
#logo a {
}
#menu {
height:27px;
margin:0 auto;
margin-left:5px;
width:auto;
}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:3px 0 0;
}
#menu li {
display:inline;
}
#menu a {
background:transparent url(images/img03c.gif) repeat-x scroll 0 50%;
border:2px solid #444444;
color:#FFFFFF;
display:block;
float:left;
font-size:11px;
font-weight:bold;
height:25px;
margin:0 5px 0 0;
padding:2px 25px 0;
text-align:center;
}
#menu a:hover {
background-image:url(images/img04c.gif);
color:#000000;
font-size:15px;
height:25px;
margin:0 5px 0 0;;
text-decoration:underline, blink;
}
#menu .active a {
background-image:url(images/img05.gif);
}
#wrapper {
background:transparent url(images/img06.gif) repeat-x scroll 0 13%;
background-image:url(images/LOGO-compleetinbeeld-achter4.png);
background-repeat:no-repeat;
background-position:center;
}
#content {
margin:0 auto;
margin-left: 5px;
padding:20px 0 0;
text-align:center;
width:auto;

}
#main {
float:right;
}
#welcome {
padding-top:5px;
}
#sidebar {
float:left;
width:220px;
}

#footer {
background: #111111 none repeat scroll 0 50%;
border-top:4px solid #404053;
clear:both;
padding:10px 50px;
}
#footer p {
color:#FFFFFF;
font-size:x-small;
margin:0 auto;
width:700px;
}
#footer a {
color:#FFFFFF;
text-decoration:underline;
}
#footer a:hover {
text-decoration:underline;
}
#legal {
}
#links {
}
.gallerycontainer {
position:relative;

}
.thumbnail img {
border:1px solid white;
margin:0 3px 3px 0;
}
.thumbnail:hover {
background-color:transparent;
}
.thumbnail:hover img {
border:1px solid blue;
}
.thumbnail span {
background-color:lightyellow;
border:1px dashed gray;
color:black;
left:-1000px;
padding:5px;
position:absolute;
text-decoration:none;
visibility:hidden;
}
.thumbnail span img {
border-width:0;
padding:2px;
}
.thumbnail:hover span {
left:230px;
top:-70px;
visibility:visible;
z-index:50;
}