
*{border:0px solid #eee;margin:0;padding:0;list-style:none}

html,body,#bg,#bg table,#bg td,#cont
{width:100%;height:100%;overflow:hidden;}

body
{font-family:Helvetica,Arial, sans-serif;
font-size:12px;
color:#000; background: #FFF url(images/test.gif); }

h1,h2,.large,
{font-family:Helvetica,"Lucida Grande",Arial, "Century Gothic", sans-serif;
font-size:40px}

h2,.box div img
{padding-bottom:5px}

a
{text-decoration:none;
color:#000;
outline:0}


img
{display:block}

#fotonavigatie img
{display:inline}

#bg div
{position:absolute;
width:200%;height:200%;
top:-50%;left:-50%; 
background: url(images/test0.gif); }

#bg td
{vertical-align:middle;
text-align:center}

#bg img
{min-height:50%;
min-width:50%;
margin:0 auto;}

#menu
{position:absolute;
bottom:0px;
left:141px;
z-index:30;
width:100%;
line-height:12px}

#menu div
{height:90px;
line-height: 16px;
background:#FFFFFF;
opacity:1.00;filter:alpha(opacity=100);
padding:7px 0 0 7px}

h1
{position:relative;
left:-141px;
margin-bottom:-97px;
width:140px;
opacity:1.00; }

h1 a
{padding:75px 10px 10px 0;
color:#FFF;background:#151512; 
font-size:14px;
text-align:right;
display:block}

h1 a:hover 
{background:#FFF; 
color:#000;}

ul
{float:left;
width:110px}

li a
{height:12px;
padding:0 5px;
font-weight:bold;
color:#888;
display:block}

li a:hover, li.cur a
{color:#000;}

.box 
{position:absolute;
top:15%;
right:300px;
width:290px;
padding-bottom:100px; 
z-index: 90; }

.box div{line-height:1.5em;background:#fff;padding:20px 30px}

.box div a{text-decoration:underline}

.large {text-align:left;top:20%;right:80px;font-size:12px; line-height:16px; width: 320px;}

 
.left
{position: absolute; 
text-align:left; 
right:10px; 
bottom:0px;
font-size:12px; 
z-index: 90; 
width: 300px;  }

.left h2
{font-size:22px; 
line-height:14px; 
z-index: 90; 
color:#000; 
margin: 0px 0px 0px 2px; }

.left br
{ 
z-index: 90; 
color: #FFFFFF; }

.left a
{
    color: #777;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted #999;
}



.left a:hover{color: #000;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dotted #000;}


.large a
{
    color: #000;
    font-weight: bold;
background-color: #FFF;
    text-decoration: none;
    border-bottom: 1px dotted #000;
}

.large a:hover {
    font-weight: bold;
background-color: #000;
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px dotted #999;}



.left p
{
text-align:left; z-index: 90; font-size:12px; line-height:16px;  width: 300px; margin: 0px 0px 0px 3px; color: #000; }

.large h2{font-family:"Century Gothic", sans-serif; font-size:60px; line-height:65px; text-align:left;}

p {font-family:Verdana, Helvetica,"Lucida Grande",Arial, "Century Gothic", sans-serif; margin: 0px 0px 0px 2px;}


div#fotonavigatie {
padding: 8px 0px 2px 8px;
position: absolute;
line-height: 10px;
font-size: 10px;
text-align: left;
bottom: 4px;
left: 240px;
width: 210px;
margin: 0 0 0 0;
z-index: 40;
}

#fotonavigatie img 
{
width: 25px:
height: 25px;}

#fotonavigatie a:link img 
{
color: #746363;
border: 1px solid #000;
text-decoration: none;
}

#fotonavigatie a:visited img 
{
color: #C35C7E;
border: 1px solid #000;
text-decoration: none;
}

#fotonavigatie a:hover img 
{
color: #FFFFFF;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
text-decoration: none;
}

#fotonavigatie a:active img 
{
color: #C35C7E;
border: 1px solid #000;
text-decoration: none;
}




