/* Layout Stylesheet */ 

body {background: #3a3a3a;margin: 0;padding: 0;font-family: verdana, arial;font-size: 11px;color: #333;width:100%;}

a {
  color: #369;
  color: #999;
  text-decoration:none;
  }
.flt_left {float:left;}
#lijn-hor {
  position: absolute;
  top: 394px;
  left: 40px;
  width: 786px;
  border-top: 1px #a07038 solid;
  }
img {border:0;}

.aktief {color:#a07038;}
.bold {
  font-weight: bold;
  }

h2 {
  font-size: 14px;
  color: #fff;
  }
.dgrijs {
  color:#666;
  }
.portret {
  padding-right: 30px;
  height: 372px;
  }
.rechts {
  position: relative;
  left: 74px;
  height: 372px;
  }
.boek {
  height:261px;
  border:0;
  }
.onder{
  position:relative;
  bottom:6px;
  }
.regel {
  line-height: 200%;
  clear:left;
  }
.rood {
  color: #800000;
  }
.wit {
  color: #fff;
  }
.liggend {
  left: -129px;
  height: 300px;
  }
* html .liggend {
  left: -9px;
  }

#index {text-align:center;display:block;width:100%;margin:auto 0;}
#index_menu {width:589px;margin:0 auto;}
#index_visual {width:589px;padding-top:100px;margin:0 auto;}
#index_visual a,#index_visual a:visited {color:#369;font-size:14px;letter-spacing:3px;}
#index_visual a:hover,#index_visual a:active {color:#999;}
#index_visual img {margin-top:20px;}

#header_logo,
#index_logo {
	position: relative;
	text-align: center;
	padding-top: 100px;
	}
#index_foto { padding-top: 35px;}
#index_onder {
	color: #369;
	position: relative;
	text-align: center;
	}
#index_onder h1,
#index_onder a {
	font-size: 24px;
	text-decoration: none;
	}
/*#index_onder a:hover {
  color: #c00;
	text-decoration: underline;
	}
*/
#kopregel {
  width: 100%;
  height: 100px; 
  color: #333333; 
  margin: 0;
  text-align: right;
  }
#kopregel a {
  position: relative;
  top: 50px;
  top: 538px;
  left: 372px;
  left: 428px;
  float: left;
  } 
#kopregel img {
  margin: 30px 0 0 128px;
  float:left;
  border: 0;
  }

#kolom-links {
  position: absolute;
  top: 95px;
  _top: 103px;
  left: 0;
  width: 200px;
  text-align: right;
  z-index: 3;
  color: #333333;
  }
#kolom-links a {
  line-height: 200%;
  padding-right: 10px;
  }


#kolom-flex {
  width: 100%;
  overflow: hidden;
  z-index: 1;
  }
#kolom-flx-inh {
  background-color: #3a3a3a;
  margin: 0 0 0 200px;
  position: relative;
  height: 560px;
  color: #ccc;
  z-index: 5;
  }
#kolom-flx-inh img {
  margin: 0;
  }
#kolom-flx-inh p {
  position: absolute;
  top: 400px;
  left: 40px;
  font-size: 11px;
  font-weight: bold;
  }

#voetregel span:first-line {
  font-weight: normal;
  color: #333;
  }
#voetregel span {
  position: absolute;
  top: 670px;
  width: 100%;
  height: 40px;
  line-height: 75%;
  font-weight: bold;
  color: #fff;
  margin: 0 0 0 200px;
  }
#voetregel a img {
  position:relative;
  left: 380px;
  border:0;
  }

/* algemene styling voor alle gallerien */
a.gallerij,
a.gallerij:visited { /* stijl voor thumbs */
  display: block;
  display: inline-block;
  color: #000;
  text-decoration: none;
  border: 1px solid #666;
  width: 99px;
  height: 66px;
  float: left;
  margin: 4px;
  z-index: 50;
  }
a.gallerij em,
a.gallerij span {
  display: none;
  }

/* styling for RIGHT gallerij */
#album {
  position: relative;
  width: 830px;
  height: 390px;
  margin: 22px auto 0 auto;  
  float: left;
  }
#album b {
  font-weight: normal;
  text-align: left;
  position: absolute;
  top: 0;
  left: 40px;
  }
#album img {
  border:1px #999 solid;
  }
#album p {
  color: #fff;
  font-size: 11px;
  top: 350px;
  left: 40px;
  font-weight: normal;
  }
  * html #album p {
  top: 361px;
  }
#album p:first-line {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  }

#album .thumbs {
  width: 330px;
  position: absolute;
  right: 0;
  top: 13px;
  }

#album a.gallerij:hover span {
  display: none;
  position: absolute;
  width: 462px;
  height: 50px;
  top: 343px;
  left: -46px;
  color: #fff;
  z-index: 100;
  }
#album a.gallerij:active,
#album a.gallerij:focus {
  border:1px solid #fff;
  }
#album a.gallerij:active em,
#album a.gallerij:focus em {
  display: block;
  background: #666;
  position: absolute;
  text-align: right;
  width: 450px;
  height: 300px;
  top: 5px;
  left: -460px;
  color: #000;
  z-index: 50;
  }
#album a.gallerij:active span,
#album a.gallerij:focus span {
  display: block;
  position: absolute;
  background: #666;
  width: 322px;
  width: 172px;
  height: 374px;
  height: 32px;
  top: 348px;
  left: -460px;
  color: #fff;
  z-index: 50;
  }

#album a.gallerij span:first-line {
  font-weight: bold;
  font-size: 14px;
  }
#teksten,
#miniatuur {
  position: absolute;
  top: 4px;
  left: 40px;
  width: 450px;
  font-weight: normal;
  }
#teksten h2,
#miniatuur h2 {
  position: relative;
  font-size: 14px;
  color: #fff;
  left: 0;
  top: 0;
  }
  * html #teksten h2,
  * html #miniatuur h2 {
  top: 12px;
  }
#teksten p,
#miniatuur p {
  position: relative;
  top: 10px;
  left: 0;
  width: 520px;
  height: 352px;
  font-weight: normal;
  }
  *html #teksten p,
  *html #miniatuur p {
    top: 10px;
    }

#miniatuur p {
  width: 800px;
  }
#miniatuur a {
  margin-right:10px;
  }

#teksten {float:left;width:525px;height:411px;}

#teksten a {
  color: #ccc;
  float:left;
  }
#teksten p:first-line {
  font-weight: normal;
  font-size: 11px;;
  }
#teksten img {
  left: 0;
  margin-right: 10px;
  margin-bottom: 5px;
  border:0;
  }
#teksten p img {
  margin-bottom:11px;
  }
#c1 {
  background-color: #3a3a3a;
  margin: 0 0 0 200px;
  position: relative;
  height: 560px;
  width:1120px;
  color: #ccc;
  z-index: 5;
  }
#c2 {
  position:absolute;
  background-color: #3a3a3a;
  top:21px;
  _top:33px;
  left:650px;
  width:400px;
  height:432px;
  }
#alb-show {
  width: 510px;
  height: 420px;
  margin:37px 0 0 37px;
  _margin-left:20px;
  float:left;
  }
#alb-text {
  position:absolute;
  height:620px;
  left:665px;
  float:left;
  margin-top:37px;
  }

.banner-rij {
  text-align:left;
  height:60px;
  margin:0px 0px 5px 0px;
  width:550px;
  }