html, body {
height : 100%;
}

body {
background: #466663 url(./../pix/bg.jpg);
background-position:center;
background-repeat: repeat-y;
font-family : Arial, sans-serif;
font-size : 12px;
color : #eeeeee;
margin : 0;
padding : 0;
}


#fotolijst {
border : 0px solid;
border-left : 4px solid #ffffff;
border-right : 4px solid #ffffff;
background-color: #021617;
margin-left: -399px;
margin-top: 140px;
padding: 11px;
position: absolute;
top: 0px;
left: 50%;
width: 869px;
z-index:100;
min-height : 480px;
}



#content {
background-repeat: repeat-y;
background-position: 0px 0px;
border : 0px;
margin-left : -499px;
padding : 0;
position : absolute;
top : 0px;
left : 50%;
width : 1100px;
min-height : 100%;
}




#canvas {
position : absolute;
top : 0px;
left : 100px;
background: #ffffff;
width:899px;
z-index:5;
}



#text {
border : 0px;
position : absolute;
top : 178px;
left : 294px;
background: transparent;
color : #222222;
height : 360px;
width:325px;
z-index:50;
}


#textGallery {
border : 0px;
position : absolute;
top : 168px;
left : 330px;
background: transparent;
color : #222222;
height : 360px;
width:500px;
z-index:50;
}


#miniText {
border : 0px;
position : absolute;
top : 168px;
right : 135px;
background: transparent;
color : #222222;
height : 230px;
overflow:hidden;
width:185px;
z-index:50;
}


#btnVerder {
border : 0px;
position : absolute;
top : 400px;
right : 135px;
background: transparent;
color : #222222;
height : 20px;
width:185px;
z-index:51;
}

#btnVerder a, a:visited {
outline : none;
color : #222222;
text-decoration : none;
}

#btnVerder a:hover {
outline : none;
color : #466663;
text-decoration : none;
}


#copyright {
border : 0px;
position : absolute;
padding : 24px 0px 0px 0px;
right : 5px;
font-size:11px;
color : #eeeeee;
height : 20px;
width:350px;
z-index:80;
}


#copyright a, a:visited {
outline : none;
color : #eeeeee;
text-decoration : none;
}

#copyright a:hover {
outline : none;
color : #466663;
text-decoration : none;
}



#site {
position : absolute;
top : 0px;
width:898px;
z-index:10;
}


img {
border : 0 solid;
padding : 0;
margin : 0;
outline:none;
}


p {
color:#222222;
font-size : 12px;
padding : 7px 0 7px 0;
margin : 7px 0 7px 0;
}


a, a:visited {
outline : none;
color : #222222;
text-decoration : none;
}

a:hover {
color : #466663;
text-decoration : none;
}


h2.on {
background-image: url(./../pix/menu-bg.gif);
background-repeat: no-repeat;
background-position: top right;
font-size : 12px;
color : #eeeeee;
padding : 11px 0px 10px 45px;
margin : 0px 0px 0px 100px;
width:110px
}


h2.on:hover {
color : #466663;
}


h2.off {
background-image: url(./../pix/menu-bg_black.gif);
background-repeat: repeat-y;
background-position: top left;
font-size : 12px;
color : #000000;
padding : 11px 0px 10px 45px;
margin : 0px 0px 0px 100px;
width:110px;
}


h2.off:hover {
color : #466663;
}


h2.offtop {
font-size : 12px;
color : #000000;
padding : 11px 0px 10px 45px;
margin : 0px 0px 0px 100px;
width:110px;
}


h2.offtop:hover {
color : #466663;
}




h2.img {
background-image: url(./../pix/menu-bg_black.gif);
background-repeat: repeat-y;
background-position: top left;
font-size : 12px;
color : #000000;
padding : 56px 0px 10px 25px;
margin : 0px 0px 0px 100px;
width:110px;
}



#site a, #site a:visited {
outline : none;
color : #222222;
text-decoration : none;
cursor:pointer;
}

#site a:hover {
color : #466663;
text-decoration : none;
cursor:pointer;
}



div.todown {
border: 0px;
background-image: url(./../pix/menu-bg_black.gif);
background-repeat: repeat-y;
background-position: top left;
padding : 0px;
margin : 0px 0px 0px 100px;
width:110px;
height:165px;
}




h3{
font-size:16px;
padding : 2px 0 5px 0;
margin : 4px 0 5px 0;
}

h4{
font-size:14px;
padding : 4px 0 4px 0;
margin : 4px 0 4px 0;
}


.block_bg {
background: url(./../pix/block_bg.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
border : 0px;
margin : 0px 8px 6px 0px;
padding : 0;
width : 79px;
height : 82px;
float: left;
}