/*CSS Document*/

/*Examen css*/
body {
background:#EFDFFF url(images/achtergrond.jpg) top left repeat-y;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:0;
}

#navigatie {
list-style:none;
margin:0;
padding:0;
position:absolute;
top:160px;
left:10px;
width:10em;
}

#navigatie li {
border-style:solid none solid none;
border-width:5px;
border-color:#666666;
padding:5px 0px 5px 0px;
text-align:center;
width:10em;
float:left;
}

#navigatie a{
text-decoration:none;
}

#navigatie a:link {
color:#FFFFFF;
}

#navigatie a:visited {
color:#CCCCCC;
}

#navigatie a:hover {
border-style:solid none solid none;
border-width:3px 0 3px 0;
border-color:#FFFFFF;
}

#navigatie li#huidig {
border-style:solid none solid none;
border-width:1px 0 1px 0;
border-color:#FFFFFF;
}

.lijnbo {
background-image:url(lijnbo.jpg);
border-top:1px outset #000000;
position:absolute;
top:150px;
left:220px;
}

.lijnre {
background-image:url(lijnre.jpg);
position:absolute;
border-right:1px outset #000000;
top:150px;
left:862px;
}

.logo1 {
position:absolute;
top:15px;
left:220px;
width:200px;
height:100px;
/* CSS3 standard */
opacity:0.4;
/* for IE */
filter:alpha(opacity=30);
/* for mozilla */
-moz-opacity:0.4;
}

.logo2 {
position:absolute;
top:15px;
left:668px;
width:200px;
height:100px;
/* CSS3 standard */
opacity:0.4;
/* for IE */
filter:alpha(opacity=30);
/* for mozilla */
-moz-opacity:0.4;
}

.logo3 {
position:absolute;
top:15px;
left:444px;
width:200px;
height:100px;
}

.koptekst {
	position:absolute;
	top:160px;
	left:220px;
	width:595px;
	height:30px;
	background-color: #FFBB00;
	}
	
.poster {
	position:absolute;
	top:200px;
	left:220px;
	width:585px;
	height:229px;
}

.tekst1 {
	position:absolute;
	top:500px;
	left:217px;
	width:600px;
	padding:25px;
}

.tekst2 {
position:absolute;
top:150px;
left:350px;
width:500px;
padding:25px;
}

/*tabellen*/
.tabel {
border:double #CCCCCC 4px;
padding:5px;
border-collapse:collapse;
position:absolute;
top:180px;
left:220px;
width:585px;
height:300px;
}

.tabel td {
border:solid #FFFFFF 2px;
background:#D8D8D8;
padding:2px;
}

.titel {
position:absolute;
text-align:center;
font-weight:bold;
}

/*kolommen*/
/*biografie*/
#links {
float:left;
margin-left:200px;
margin-top:150px;
width:300px;
padding:5px;
}

#rechts {
margin-left:525px;
margin-top:150px;
width:300px;
padding:5px;
}

#divcenter  {
  background: #E9E9E9;
  position: absolute;
  top: 29%;
  left: 22%;
  right: 10%;
  bottom: 10%;
  height: 95%;
  width:62%;
  border: groove 4px #FFFFFF;
  z-index:8;
}
/*tekst om plaatje*/
.blok{
position:absolute;
height:800px;
width:850px;
margin:0 0 0 200px;
padding:0px;
}

h1 {
background:#D8D8D8;
font-size:18px;
color:#FFF5EE;
text-align:center;
padding:6px;
margin:20% 30% 0 30%;
z-index:9;
}

#image1 {
float:left;
padding:10px;
margin:0 0 0 10px;
}

#image2 {
float:right;
margin:0 220px 0 0;
}

/*z-index*/
.foto01 {
position:absolute;
top:160px;
left:20px;
width:466px;
height:600px;
z-index:1;
}

.foto02 {
position:absolute;
top:260px;
left:200px;
width:600px;
height:450px;
z-index:2;
}

.foto03 {
position:absolute;
top:240px;
left:380px;
width:600px;
height:450px;
z-index:3;
}

.foto04 {
position:absolute;
top:430px;
left:380px;
width:404px;
height:600px;
z-index:4;
}

.foto05 {
position:absolute;
top:450px;
left:10px;
width:600px;
height:450px;
z-index:5;
}

.foto06 {
position:absolute;
top:600px;
left:200px;
width:600px;
height:450px;
z-index:6;
}

.tekst3 {
position:absolute;
top:750px;
left:180px;
width:600px;
padding:25px;
z-index:7;
}