/* copyright De Stijlerij ontwerp & redactie - Jeannette Nieuwenhuizen */


body {
background-color:#000; 
font-family: Verdana, Helvetica, Tahoma, Sans-Serif;
font-size:62.5%; /* 1em = 10px */
color:#fff; 
padding:0;
margin:0;}

/* alle divs */
* {margin:0; padding:0;}



/*img.download {vertical-align:middle;}*/

/* container */
#container{ 
width:99.7%;
height:565px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
background:#000;}


#header-home, #header-portfolio, #header-overhermien, #header-voorwaarden, #header-contact, #header-english
{width:100%; 
height:80px; 
text-align:right;
background:#000;
position:relative; 
border-bottom:1px solid #d2d2d2;}

#header-home{background:#000 url(../images/header-home.jpg) no-repeat;}
#header-portfolio{background:#000 url(../images/header-portfolio.jpg) no-repeat;}
#header-overhermien{background:#000 url(../images/header-overhermien.jpg) no-repeat;}
#header-voorwaarden{background:#000 url(../images/header-voorwaarden.jpg) no-repeat;}
#header-english{background:#000 url(../images/header-english.jpg) no-repeat;}
#header-contact{background:#000 url(../images/header-contact.jpg) no-repeat;}



#wrapper{width:100%;
margin:0; padding:0; background-color:#000; }


#wrapper-home{width:100%; text-align:center; background-color:#000;}


#portret{
width:100%;
height:455px;
background:#000 url(../images/portret.jpg) no-repeat;}



#blok1{
width:500px;
height:455px;
position:absolute; 
top:81px;
left:0px;
background:#000 url(../images/blok1.jpg) no-repeat;
z-index:2;}




#blok1-english{
width:500px;
height:455px;
position:absolute; 
top:81px;
left:0px;
background:#000 url(../images/blok1-english.jpg) no-repeat;
z-index:2;}


#blok1-opdrachtgevers{
width:350px;
height:455px;
position:absolute; 
top:81px;
left:0px;
background:#000 url(../images/blok1.jpg) no-repeat;
z-index:2;}



#blok-voorwaarden{
width:720px;
height:455px;
position:absolute; 
top:81px;
left:0px;
background:#000 url(../images/blok1.jpg) no-repeat;
z-index:2;
overflow:auto;}



#blok1-hermien{
width:900px;
height:455px;
position:absolute; 
top:81px;
left:0px;
background:#000 url(../images/blok1.jpg) no-repeat;
z-index:2;}


#foto-groot{
border:0px;
margin:10px 0px 0px 5px;}

#thumbs-table{
border:0px;
margin-top:34px;}

#thumbs-table img{
border:0px;
padding:4px;}




#blok1-tekst{padding:34px 0px 0px 20px;}
#blok2-tekst{padding:34px 0px 0px 20px;}

p, ul{
margin-bottom:15px;
font-size:1.1em;
line-height:1.4em;
list-style-type:disc;
list-style-position:inside;
color:#bcbbc3;}


#blok2{
position:absolute;
left:600px;
width:220px;
height:455px;
/*background:#000;*/
z-index:3;}


#blok2-voorwaarden{
position:absolute;
left:600px;
width:220px;
height:455px;
background:#000;
z-index:3;}

#blok2-opdrachtgevers{
position:absolute;
left:350px;
width:220px;
height:455px;
background:#000;
z-index:3;}



#menu{height:160px; 
list-style-type:disc; list-style-position:inside; font-size:1.1em; line-height:1.8em;}
#menu .disc{color:#000;}
#menu a{text-decoration:none; color:#d2d2d2;}
#menu a:hover{text-decoration:underline; color:#fff;}
#menu .actief{font-weight:bold; color:#fff;;}

#vv{height:20px;
margin-top:200px; font-weight:bold; font-size:1.1em;}
#vv a{text-decoration:none;}


#bijschrift{font-size:1.1em; height:200px; margin-left:16px;}

#vv-portfolio{height:20px; font-weight:bold; font-size:1.1em; margin-left:16px;}
#vv-portfolio a{text-decoration:none;}




/*#blok3
{float:right;
position:relative;
width:260px;
height:455px;
background:#000 url(../images/blok3.jpg) no-repeat;}*/


#blok3
{position:absolute;
right:0px;
top:81px;
width:260px;
height:455px;
background:#000 url(../images/blok3.jpg) no-repeat;
z-index:1;}

#blok3-overhermien
{position:absolute;
right:0px;
top:81px;
width:260px;
height:455px;
background:#000 url(../images/hermien.jpg) no-repeat;
z-index:1;}




a{color:#d2d2d2; font-weight:bold; text-decoration:underline;} 
a:visited{color:#d2d2d2;} 
a:hover{color:#fff; text-decoration:underline;}
a:active{color:#d2d2d2;}








/* HOOFDMENU */

/*#footer{
clear:both;
height:30px;
background:#000 url(../images/footer.jpg) no-repeat;
border-top:1px solid #d2d2d2;}*/

#footer{
position:absolute;
top:536px;
left:0px;
right:0px;
height:30px;
background:#000 url(../images/footer.jpg) no-repeat;
border-top:1px solid #d2d2d2;}

#footer-english{
position:absolute;
top:536px;
left:0px;
right:0px;
height:30px;
background:#000 url(../images/footer-english.jpg) no-repeat;
border-top:1px solid #d2d2d2;}


#footer-home{
position:absolute;
top:536px;
left:0px;
right:0px;
height:30px;
background:#000 url(../images/footer-home.jpg) no-repeat;
border-top:1px solid #d2d2d2;}


img {border: 0 none transparent;}


#hoofdmenu{
position:relative; 
/*width:97%;*/
height:30px;
text-align:right;
margin:0;}

#hoofdmenu ul{
margin:0;
padding:0;}

#hoofdmenu ul li{
list-style-type:none;
display:inline;
margin:0;
padding:0;}



#voorwaarden{
position:relative;
float:right;
width:90px;
height:30px;
background:url(../images/voorwaarden.gif) no-repeat;}

#voorwaarden:hover{background:url(../images/voorwaarden-actief.gif) no-repeat;}



#portfolio{
position:relative;
float:right;
width:71px;
height:30px;
background:url(../images/portfolio.gif) no-repeat;}

#portfolio:hover{background:url(../images/portfolio-actief.gif) no-repeat;}



#overhermien{
position:relative;
float:right;
width:93px;
height:30px;
background:url(../images/overhermien.gif) no-repeat;}

#overhermien:hover{background:url(../images/overhermien-actief.gif) no-repeat;}

#contact{
position:relative;
float:right;
width:57px;
height:30px;
background:url(../images/contact.gif) no-repeat;}

#contact:hover{background:url(../images/contact-actief.gif) no-repeat;}


#home{
position:relative;
float:right;
width:49px;
height:30px;
background:url(../images/home.gif) no-repeat;}

#home:hover{background:url(../images/home-actief.gif) no-repeat;}


#english{
position:relative;
float:right;
width:103px;
height:30px;
background:url(../images/english.gif) no-repeat;}

#english:hover{background:url(../images/english-actief.gif) no-repeat;}  
  

.page404{font-size:1.8em;}