body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background: #000;
padding: 0;
margin: 0 auto;
}
#parent {
margin: 0;
overflow: auto; 
width: 100%; 
padding: 0 ;
border:0px solid #fff;
background:url("../picks/grad1.jpg");
background-repeat: repeat-x;
}

#outer{ 
margin: 0 auto;
width: 797px;
padding: 0 0 0 0;
border:0px solid #fff; 
background: #000;
}

#header {
width: 797px;
padding:0;
height:195px;
background-image:url("../picks/0.jpg"); 
}

#navbox{
margin: 0;
border:0px solid #fff; 
width: 750px;
height:25px;
position: relative;
}

#leftcolumn { 
display: inline;
color: #000;
margin: 15px 0 0 1px;
padding: 0 0 0 8px;
width: 65%;
float: left; 
}

#leftcolumn p {
margin: 2px 0px 5px 5px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #7993CE; 
font-size : 1.1em; 
letter-spacing: .02em;
padding: 2px 5px 0 0;
}

img.left {
float:left;
margin:8px 8px 8px 0;
}
img.right{
float:right;
margin:8px 0 8px 0;
}


ul.menu{
list-style-type:none;
width:auto;
margin:0;
position:relative;
display:block;
height:36px;
font-size:1.1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;padding:0;
}

ul.menu li a{
background:url("../picks/bg.jpg")repeat-x;
float:left;
color:#A2C1F0;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.menu li a:hover,.current {
color:#fff;
}

ul.menu .current a{
color:#fff;font-weight:800;
}

ul.menu.black{
background:url("../picks/bg.jpg");
}

blockquote {
background: url("../picks/bq1.png") top left no-repeat;
font-family : georgia, Times New Roman;
font-size: 1em;
letter-spacing: .1em;
color:#A8A8A8;     
}
    
#endquote{
background: url("../picks/bq2.png") bottom right no-repeat;
padding-left: 30px;
padding-right: 34px;  
}

#rightcolumn { 
float: right;
font-size: 1.2em;
color: #fff;
margin: 15px 0 0 0;
padding: 0 0 0 8;
width: 31%;
display: inline;
position: relative;
}

#rightcolumn p {
margin: 7px 10px 7px 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #A8A8A8; 
font-size : 0.8em; 
letter-spacing: .06em;
padding: 5px 8px 0 0;
}
 
a:link { color: #7993CE; text-decoration : underline;}
#leftcolumn a:visited { color: #7993CE; }
#leftcolumn a:hover {color : #A2C1F0; }

#footer { 
text-align: center; 
font: 10px Verdana, Arial, Helvetica, sans-serif;
border: 0px solid;
clear: both;
color: #7993CE;
margin: 0;
padding: 10px;
}
.clear { clear: both; background: none; }

/* GROTE TITEL VOOR OP HOOFDING */
h1{
margin: 0 0 0 88px;
padding: 55px 0;
height: 100px;
font-family : Georgia, Times New Roman;
font-size: 3.5em;
letter-spacing: 0.9em;
color:#000;
border: 0px solid #fff;
}

/* WITTE TITEL */
h2{
color:#fff;
margin: 5px 0 8px 7px;
font-family :Georgia, Times New Roman;
font-size: 1.2em;
letter-spacing: .3em;
}

/* BLAUWE TITEL */
h3{
padding: 12px 8 7 0;
height: 10px;
color: #7993CE;
font-family: Georgia, Times New Roman;
font-size: 1.2em;
letter-spacing: .3em; 
}

/* KLEINE WITTE TEKST */
h4{
text-align:left;
margin: 8px 0 8px 7px; 
font-size: .8em;
letter-spacing: .1em;
color:#fff;
font-family :Verdana,Arial,Helvetica,sans-serif;

}

/* FOTO VIEWER */


<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 2px;
left: -1000px;
border: 1px #000;
visibility: hidden;
color:#7993CE;
font-family :Georgia,Times New Roman;
font-size: 1em;
letter-spacing: .2em; 
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/*top: 0;*/
left: 0px;  /* position where enlarged image should offset horizontally */

}

</style>