/*
  algemeen
*/
html, body{
  font-size:12px;
  background-color:#807973;
  font-family:Arial, Verdana;
}

*{
  font-family:Arial, Verdana;
} /*
  body
*/
#body{
  float:left;
  width:682px;
  height:452px;
  border:2px white solid;
}


#header {
  margin:0; padding:0;
  display:none;
}
 /*
  content
*/

#contentWrapper{
  float:left;
  width:682px;
  height:344px;
 > height:355px;
  position:relative;
  top:50px;
  background-image:url('/img/contentbg.png');
 > background-image:none;
 > filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/contentbg.png', sizingMethod='scale');

}

#content{
  width:682px;
  height:302px;
 > height:312px;
  position:relative;
  overflow:auto;
  padding:8px 0px;
}

#content .content{
  padding-left:10px;
}


.smallSitemap ul li ul{
  padding:0;
}

 /*
materialendiv
*/

#site #body div.materialendiv{
  dispay:block;
  position:absolute;
  height:300px;
  width:455px;
  top:10px;
  left:200px;
  overflow:auto;
  
}

#site #body div.materialendiv ul li {
  display:block;
  list-style-type:none;
  list-style-image:none; 
  margin-bottom:8px;
}

#site #body div.materialendiv ul li a{
/*  cursor:default;*/
}

#site #body #content ul li.active{
  display:none;
}

/*
guestbook
*/

#site #body div.guestbook{
  height:235px;
  overflow:auto;

} /*
  examples
*/
.examples ul{
  display:block;
  list-style-type:none;
  list-style-image:none; 
  padding:0; margin:0;
}

.examples ul li{
  float:left;
}

.examples ul li a{
  position:relative;
  display:block;
  width:76px;
  height:76px;
}

.examples ul li a img{
  display:block;
  width:76px;
  height:76px;
  background-color:#474747;
}

#examplesTop ul{
  display:block;
  width:760px;
  height:76px;
  border-left:2px white solid;
  border-right:2px white solid;
  border-top:2px white solid;
}

#examplesLeft ul{
  float:left;
  width:76px;
  height:456px;
  border-left:2px white solid;
}

#examplesBottom ul{
  display:block;
  width:760px;
  clear:both;
  height:76px;
  border-bottom:2px white solid;
  border-left:2px white solid;
  border-right:2px white solid;
} /*
  footer
*/
#footer{
  clear:both;
  padding-top:4px;
  color:#474747;
}

#footer a{
  color:#474747;
}

#footer a img{
  display:none;
} /*
Guestbook
*/

.guestbook .odd{}

.guestbook .even{
  background-image:url('/img/white.png');
  >background-image:none;
  >filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/white.png', sizingMethod='scale');
}

.guestbook .entry{
  display:block;
  clear:both;
  padding:10px 10px;
}

.guestbook  .entry h3 {
  color:#343434;
  margin:0; padding:0;
}

.guestbook  .entry h3 {
  color:#343434;
  margin:0; padding:0;
}

.guestbook  .entry address {
  color:#343434;
  font-style:normal;
}

.guestbook  .entry address a {

  margin-right:8px;
}

 #main-nav {
  display:block;
  position:relative;
  top:50px;

  width:682px;
  height:22px;

  list-style-image:none;
  list-style-type:none;
  margin:0; padding:0; border:0;

  background-image:url('/img/black.png');
 > background-image:none;
 > filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/black.png', sizingMethod='scale');
}

#main-nav li {
  display:block;
  float:left;
  position:relative;
  height:22px;
  text-align:center;
}

#main-nav li a{
  display:block;
  height:22px;

/*  padding-left:12px;
  padding-right:12px;
*/
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  font-size:12px;
  text-transform: lowercase;
}

#main-nav li.d234 {  width:60px;}
#main-nav li.d234 a{  width:60px;}

#main-nav li.d1189 {  width:76px;}
#main-nav li.d1189 a{  width:76px;}

#main-nav li.d1190 {  width:84px;}
#main-nav li.d1190 a{  width:84px;}

#main-nav li.d1223 {  width:130px;}
#main-nav li.d1223 a{  width:130px;}

#main-nav li.d1224 {  width:66px;}
#main-nav li.d1224 a{  width:66px;}

#main-nav li.d1191 {  width:50px;}
#main-nav li.d1191 a{  width:50px;}

#main-nav li.d1192 {  width:66px;}
#main-nav li.d1192 a{  width:66px;}




#main-nav li a:hover{
  background-image:url('/img/main-nav-hover.png');

 > filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main-nav-hover.png', sizingMethod='scale');

  color:#49443f;
}

#main-nav li a em{
  display:block;
  padding-top:3px;
}


/* home */
#main-nav .d234 a{}

/* Biografie*/
#main-nav .d1189 a{}

/* Expo*/
#main-nav .d1190 a{}

/* work in progress */
#main-nav .d1223 a{}

/* atelier */
#main-nav .d1224 a{}

/* Links */
#main-nav .d1191 a{}

/* Contact*/
#main-nav .d1192 a{}


#main-nav li ul{
  display:none;
}
 /*
 opmaak  formulier
*/
div.contactdiv form{
  display:block;
  position:absolute; 
  width:500px;
  padding:0px;
  left:170px;
  top:28px;
  margin:0px;
  margin-left:-10px;
  margin-right:14px;
}

 form{
  width:500px;
  padding:0px;
}

form fieldset{
  border:0px;
  padding:0px;
  margin:0px;
  padding-top:10px;
}

form fieldset legend{
  display:none;
}

form fieldset fieldset legend{
  display:inline;
}

form fieldset label{
  display:block;
  clear:both;
  padding:8px 6px;
}

form fieldset label span{
  float:left;
  width:120px;
  text-align:right;
  line-height:16px;
  color:black;
  padding-right:10px;
}

form fieldset label input{

  width:300px;
  line-height:15px;
  
  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  padding:0px 2px; 
}

form fieldset label textarea{

  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  width:300px;
}

form fieldset label select{

}


/*
  checkbox
*/
form fieldset label.checkbox{
  padding-left:120px;
}

form fieldset label.checkbox span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.checkbox input{
  width:auto;
  border:0px;
  float:left;
}


/*
  radio
*/
form fieldset label.radio{
  padding-left:120px;
}

form fieldset label.radio span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.radio input{
  width:auto;
  border:0px;
  float:left;
}


/*
  knoppen
*/
form fieldset.buttonBar{
  display:block;
  padding-left:136px;
_>  padding-left:138px;
  
  height:30px;
}

form fieldset.buttonBar button{
  margin:0px;
  text-transform:lowercase;
}

form fieldset.buttonBar button em{
  font-style:normal;
  color:#000;
} /*
  opmaak links
*/
a img{ border:0; }
a em{ font-style:normal; } /*
  opmaak tabellen
*/
table tr td{
  vertical-align:top;
} /*
  popup painting
*/
#popup{
  position:absolute;
  left:50%;
/*  top:70px;*/
  z-index:101;
  border:2px #fff solid;
  background-color:#807973;
  font-size:0;
}

#popupHeader {
  position:absolute;
  display:block;
  width:auto;
  background-color:#807973;
  height:20px;
  border-bottom:2px #fff solid;
}

#popupHeader a {
  color:#cc0000;
  font-size: 12px;
  margin:2px;
  font-weight:bold;
  text-decoration:none;
  position:absolute;
  right:0;
}

#popup a:hover{
  color:#f00;
}    




 /*
  print
*/
.print{ display:none; } /*
shadow overlay
*/
#overlay{ background-image: url('/img/overlay.png'); }


* html #overlay{
  background-color: #000;
  back\ground-color: transparent;
   background-image: url('/img/blank.gif');
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay.png', sizingMethod='scale');
   z-index:100;
} /*
  site
*/
#site{
  display:block;
  width:764px;
  
  margin:0 auto;
  margin-top:60px;
  background-image:url('/img/hout.jpg');
  background-repeat:no-repeat;
  background-position: 78px 78px;
} /*
tekst opmaak
*/

#content h2 {
  font-size:18px;
  color:#343434;
}

#content h3 {
  font-size:15px;
  color:#343434;
}

#content p {
  color:#232323;
}

#content a {
  color:#232323;
  text-decoration:underline;
}

#content a:hover {
  color:#232323;
  text-decoration:none;
} /*
  thumbnails
*/
.thumbnails{
  display:block;
  width:479px;
  height:60px;
 
  position:relative;  
 
  list-style-type:none;
  padding:0px;
  margin:0px;
  margin:0px 10px;
  
  padding-top:430px;

  background-position:center 5px;
  background-repeat:no-repeat;
}

.thumbnails li.forward{
  float:left;
  width:30px;
  height:52px;
  margin:0px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-forward.png');
  background-repeat:no-repeat;
}

.thumbnails li.reverse{
  float:left;
  width:30px;
  height:52px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-reverse.png');
  background-repeat:no-repeat;
}

.thumbnails li{
  float:left;
  margin-right:9px;
}

.thumbnails li img{
  height:52px;
  border:0px;
}

.thumbnails .reverse{
  background-image:url('/data/frontpage/reverse.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .forward{
  background-image:url('/data/frontpage/forward.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .description{
  position:absolute;
  left:0px;
  top:410px;
  width:479px;
  text-align:center;
}