/* CSS Document */

* {
	margin:0;
	padding:0;
	}
	
html, body, #wrapper1, #wrapper2, #wrapper3, #wrapper4, #wrapper5, #wrapper6, #wrapper7, #wrapper8, #wrapper9, #wrapper10, #wrapper11{
	height: 100%;
	}
	
body{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: none;
	height: 100%;	
}

#container{
	width: 1024px;
	height: 768px;
	margin-left: auto;
	margin-right: auto;
}

#containerbiografie{
	width: 1024px;
	height: 1100px;
	margin-left: auto;
	margin-right: auto;
}

                      /*------------------------- p1-p9 contents------------------------*/
			
#contentindex{
	width: 1024px;
	height: 768px;
	position: relative;
	}
	
#contentmenu{
	width: 1024px;
	height: 768px;
	position: relative;
	}

#contentluisteren_out{
	width: 1024px;
	height: 768px;
	position: relative;
	background-image: url(images/p3/contentluisteren_out_pro.jpg);
	background-repeat: no-repeat;	
	}
	
#contenttekst {
	width: 1024px;
	height: 768px;
	position: relative;
	}

#contentlinks{
	width: 1024px;
	height: 768px;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(images/p9/contentlinks_pro.jpg)
	}

#contentfoto{
	width: 1024px;
	height: 768px;
	position: absolute;
	}
	
#contentagenda{
	width: 1024px;
	height: 768px;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff; 
}

#contentarchief{
	width: 877px;
	height: 900px;
	position: relative;
	top: 224px;
	left: 73px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#contentbiografie{
	width: 1024px;
	height: 1100px;
	position: absolute;
	}

#contentmailform{
	width: 588px;
	height: 809px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(images/p10/mailform_pro.jpg);
	}
	              /*------------------------p1-welkom--------------------*/
				  
#welkom{
	position: absolute;
	left: 728px;
	top: 183px;
	width: 184px;
	height: 189px;
	}
		
a.image { 
     display: block; 
     width: 184px; 
     height: 189px; 
     background-image: url(images/p1/welkom.jpg); 
     background-repeat: no-repeat;
     }
a.image:hover {
     background-image: url(images/p1/welkomactive.jpg); 
     } 
	 
#webdesign{
	position: absolute;
	top: 600px;
	width: 124px;
	height: 20px;
	padding-left: 900px;
}
	 
#webdesign a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #393a3a;
	}
	
#webdesign a:hover{text-decoration: underline;}
	


									/*----------------p2-menu---------------*/
							
							
#luisteren{
	position: absolute;
	left: 781px;
	top: 228px;
	width: 107px;
	height: 58px;
	}
	
a.image1 {
	display: block;
	width: 107px;
	height: 58px;
	background-repeat: no-repeat;
	background-image: url(images/p2/luisteren.jpg);
	text-indent: -9999px;
     }
a.image1:hover { 
     background-image: url(images/p2/luisteren_active.jpg);
     } 
	 
#teksten{
	position: absolute;
	left: 720px;
	top: 310px;
	width: 86px;
	height: 56px;
	}
	
a.image2 { 
     display: block; 
     width: 86px; 
     height: 56px; 
	 background-image: url(images/p2/knop_teksten.jpg); 
     background-repeat: no-repeat;
	 text-indent: -9999px;
     }
a.image2:hover { 
     background-image: url(images/p2/teksten_active.jpg);
     } 
	 
#agenda{
	position: absolute;
	left: 769px;
	top: 397px;
	width: 114px;
	height: 51px;
	}
	
a.image3 { 
     display: block; 
     width: 114px; 
     height: 51px; 
     background-image: url(images/p2/agenda.jpg); 
     background-repeat: no-repeat;
	 text-indent: -9999px;
     }
a.image3:hover { 
     background-image: url(images/p2/agenda_active.jpg);
     } 
	
#fotos{
	position: absolute;
	left: 698px;
	top: 447px;
	width: 99px;
	height: 74px;
	}
	
a.image4 { 
     display: block; 
     width: 99px; 
     height: 74px; 
     background-image: url(images/p2/fotolijst.jpg); 
     background-repeat: no-repeat;
	 text-indent: -9999px;
     }
a.image4:hover { 
     background-image: url(images/p2/fotolijst_active.jpg);
     } 
	 
#media{
	position: absolute;
	left: 697px;
	top: 529px;
	width: 95px;
	height: 67px;
	}
	
a.image5 { 
     display: block; 
     width: 95px; 
     height: 67px; 
     background-image: url(images/p2/archief.jpg); 
     background-repeat: no-repeat;
	 text-indent: -9999px;
     }
a.image5:hover { 
     background-image: url(images/p2/archief_act.jpg);
     } 
	 
#biografie{
	position: absolute;
	left: 792px;
	top: 521px;
	width: 94px;
	height: 78px;
	}
	
a.image6 { 
     display: block; 
     width: 94px; 
     height: 78px; 
     background-image: url(images/p2/bio.jpg); 
     background-repeat: no-repeat;
	 text-indent: -9999px;
     }
	 
a.image6:hover { 
     background-image: url(images/p2/bio_act.jpg);
     } 
	 
#mail{
	position: absolute;
	left: 370px;
	top: 447px;
	width: 107px;
	height: 207px;
	}
	
a.image7 { 
     display: block; 
     width: 107px; 
     height: 207px; 
     background-image: url(images/p2/emailen.jpg); 
     background-repeat: no-repeat;
	 text-indent: -9999px;
     }
a.image7:hover { 
     background-image: url(images/p2/emailenactive.jpg);
     } 
	 
#links{
	position: absolute;
	left: 25px;
	top: 545px;
	width: 130px;
	height: 136px;
	}
	
a.image8{ 
     display: block; 
	 left: 26px;
	 top: 545px;
     width: 130px; 
     height: 136px; 
     background-image: url(images/p2/links.jpg); 
     background-repeat: no-repeat;
	 text-indent: -9999px;
     }
a.image8:hover{ 
     background-image: url(images/p2/linksactive.jpg);
	 background-repeat: no-repeat;
	 background-position: 0px 0px;
     } 	 
	 
	                                                  /*--------------- p3-luisteren-out--------------*/
	 
#menuluisterenout{
	width: 132px;
	height: 234px;
	position: absolute;
	left: 47px;
	top: 494px;
	}	 

#menuluisterenout a, #menuluisterenout a:hover{
	display: block;
	width: 132px;
	height: 26px;
	background-repeat: no-repeat;
	
	}
	
	
#menuluisterenout ul li{
	width: 132px;
	height: 26px;
	display: inline;
	}

a#menuluisterenout_1:hover{
	background-image: url(images/p3/menu_act.jpg);
	} 	 
  
a#menuluisterenout_2:hover{
	background-image: url(images/p3/luisteren_act.jpg);
	} 	 
  
a#menuluisterenout_3:hover{
	background-image: url(images/p3/teksten_act.jpg);
	} 	 
  	 
a#menuluisterenout_4:hover{
	background-image: url(images/p3/fotos_act.jpg);
	}
  	 
a#menuluisterenout_5:hover{
	background-image: url(images/p3/agenda_act.jpg);
	} 	 
  
a#menuluisterenout_6:hover{
	background-image: url(images/p3/archief_act.jpg);
	} 	 
  
a#menuluisterenout_7:hover{
	background-image: url(images/p3/links_act.jpg);
	} 	 
	
a#menuluisterenout_8:hover{
	background-image: url(images/p3/contact_act.jpg);
	} 	 
	 
a#menuluisterenout_9:hover{
	background-image: url(images/p3/biografie_act.jpg);
	} 	 
	 
	                                                    /*--------------- p4-teksten---------------*/
							 


#titel{
	width: 140px;
	height: 423px;
	position: absolute;
	left: 170px;
	top: 108px;
}

#paginanr{
	width: 65px;
	height: 423px;
	position: absolute;
	left: 311px;
	top: 108px;
	padding-left: 55px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #79644D;
	
}

#pageright{
	width: 317px;
	height: 423px;
	position: absolute;
	left: 460px;
	top: 108px;
	font-size: 12px;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	color: #7A654D;
	scrollbar-arrow-color: #997f61;
	scrollbar-face-color: #ded3c1;
	scrollbar-highlight-color: #F7EFE1;
	scrollbar-3dlight-color: #F7EFE1;
	scrollbar-shadow-color: #F7EFE1;
	scrollbar-darkshadow-color: #F7EFE1;
	scrollbar-track-color: #F7EFE1;
}

#ikdenk, #sinds, #feest, #netals, #verander{
	position: relative;
	width: 315px;
	height: 420px;
	overflow: auto;
}

#titel ul li a{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #79644D; 
	padding-top: 20px;}

#titel ul, #paginanr ul{
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 20px;
	}
	
#titel li, #paginanr li{
	padding-bottom: 20px;
	width: 200px;
	height: 20px;}
	
#pageright h4{
	font-size: 14px;
	font-weight: bold;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
	
#pageright p{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left:10px;
	}

#menup4{
	width: 125px;
	height: 315px;
	position: absolute;
	left: 841px;
	top: 305px;
}

#menup4 a, #menup4 a:hover{
	display: block;
	width: 125px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	}
	
#contenttekst #menup4 ul li{
	width: 125px;
	height: 35px;
	display: inline;
	}

a#menup4_1:hover{
	background-image: url(images/p4/menu_act.jpg);
	} 	 
  
a#menup4_2:hover{
	background-image: url(images/p4/luisteren_act.jpg);
	} 	 
  
a#menup4_3:hover{
	background-image: url(images/p4/teksten_act.jpg);
	} 	 
  	 
a#menup4_4:hover{
	background-image: url(images/p4/fotos_act.jpg);
	}
  	 
a#menup4_5:hover{
	background-image: url(images/p4/agenda_act.jpg);
	} 	 
  
a#menup4_6:hover{
	background-image: url(images/p4/archief_act.jpg);
	} 	 
  
a#menup4_7:hover{
	background-image: url(images/p4/links_act.jpg);
	} 	 
	
a#menup4_8:hover{
	background-image: url(images/p4/contact_act.jpg);
	} 	 
	 
a#menup4_9:hover{
	background-image: url(images/p4/biografie_act.jpg);
	} 	 
	 
	 
	 									/*-------------p5-agenda-----------------*/
#geschiedenis{
	position: absolute;
	left: 165px;
	top: 340px;
	width: 130px;
	height: 20px;
}
										
#wrap_data{
	position: absolute;
	left: 53px;
	top: 388px;
	width: 330px;
	height: 165px;
	overflow:auto;
	scrollbar-arrow-color: #ffffff;
	scrollbar-face-color: #5b796d;
	scrollbar-highlight-color: #5b796d;
	scrollbar-3dlight-color: #255546;
	scrollbar-shadow-color: #255546;
	scrollbar-darkshadow-color: #5b796d;
	scrollbar-track-color: #255546;
}

#datum{
	position: absolute;
	left: 0;
	top: 0;
	width: 114px;
	height: 160px;
}

#waar{
	position: absolute;
	left: 142px;
	top: 4px;
	width: 170px;
	height: 160px;
}

#menuagenda{
	position: absolute;
	left: 847px;
	top: 372px;
	width: 147px;
	height: 265px;
	margin: 0;
	padding: 0;
	}

#menuagenda li{
	width: 120px;
	height: 15px;
	padding-top: 14px;
	text-align: right;
	}
	
#contentagenda ul{
	list-style-type: none;	
	text-decoration: none;
	}
	
#contentagenda li{
	list-style: none;
	}
	

	
#datum li{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
	}
	
#waar li{
	/*padding-bottom: 19px;*/
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	}

#waar a, #menuagenda a, #geschiedenis a{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	}
	
#waar a:hover, #menuagenda a:hover, #geschiedenis a:hover, #waar a:active, #menuagenda a:active, #geschiedenis a:active{
	text-decoration: underline;
	outline: none;
	}

                                        /*-------------p6-fotos----------------*/
							  
#foto1{
	position: absolute;
	width: 151px;
	height: 181px;
	left: 116px;
	top: 189px;
	cursor: pointer;
	}

#foto2{
	position: absolute;
	width: 173px;
	height: 190px;
	left: 453px;
	top: 75px;
	cursor: pointer;
	}

#foto3{
	position: absolute;
	width: 233px;
	height: 234px;
	left: 733px;
	top: 114px;
	cursor: pointer;
	}

#foto4{
	position: absolute;
	width: 229px;
	height: 237px;
	left: 125px;
	top: 420px;
	cursor: pointer;
	
	}

#foto5{
	position: absolute;
	width: 195px;
	height: 215px;
	left: 535px;
	top: 401px;
	cursor: pointer;
	
	}

#foto6{
	position: absolute;
	width: 184px;
	height: 186px;
	left: 341px;
	top: 269px;
	cursor: pointer;
	}

#contentfoto a{
	text-decoration: none;
	outline: none;}

#contentfoto a:hover, #contentfoto a:active{
	text-decoration: none;
	outline: none;}
	
#menufoto{
	position: absolute;
	width: 154px;
	height: 200px;
	left: 800px;
	top: 391px;
	}
	
#menufoto ul li a{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #001C00;
	}

#menufoto ul{
	list-style-type: none;	
	text-decoration: none;
	}
	
#menufoto li{
	list-style: none;
	width: 150px;
	height: 16px;
	padding-top: 5px;
	
	}

#menufoto a:hover, #menufoto a:active{
	text-decoration: underline;
	outline: none;
	color: #000;
	}
	
	
	                           /*-------------------------p7-archief------------------------*/

#container_archief{
	width: 1024px;
	height: 1220px;
	margin-left: auto;
	margin-right: auto;
	}

#menumedia{
	width: 150px;
	height: 350px;
	float: left;
	left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	border-right: 1px solid #000;
	margin-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	
#menumedia li{
	padding-top: 17px;
	list-style-type: none;
	}
#menumedia a{ color: #000;}

#media1 a, #media2 a, #media3 a, #media4 a, #media5 a, #media6 a, #media7 a, #media8 a{
	color: #7c7c7c;
	text-decoration: none;
	font-style: italic;
	}
	
#menumedia a:hover, #media1 a:hover, #media2 a:hover, #media3 a:hover, #media4 a:hover, #media5 a:hover, #media6 a:hover, #media7 a:hover, #media8 a:hover{
 	text-decoration: underline;
	}
	
#media1{
	width: 605px;
	height: 65px;
	position: absolute;
	left: 199px;
	top: 16px;
	margin-top: 15px;
	text-align: justify;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
	
#media2{
	width: 292px;
	height: 380px;
	position: absolute;
	left: 199px;
	top: 126px;
	text-align: justify;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
		
#media3{
	width: 273px;
	height: 380px;
	position: absolute;
	left: 547px;
	top: 126px;
	text-align: justify;
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
	
#media4{
	width: 150px;
	height: 85px;
	position: absolute;
	top: 415px;
	left: 0px;
	margin-left: 20px;
	margin-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 15px;
	}
	
#media5{
	width: 810px;
	height: 45px;
	position: absolute;
	left: 0px;
	top: 525px;
	text-align: justify;
	margin-left: 7px;
	margin-right: 15px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 23px;
	}
	
#media6{
	width: 810px;
	height: 300px;
	position: absolute;
	left: 0px;
	top: 570px;
	text-align: justify;
	margin-left: 7px;
	margin-right: 15px;
	padding-left: 23px;
	padding-top: 25px;
	padding-right: 20px;
	}
	

										/*---------------------------p8-email form---------------------*/



										/*---------------------------p9-links--------------------------*/
							 

#menulinks{
	position: absolute;
	width: 200px;
	height: 190px;
	left: 682px;
	top: 333px;
	}
#menulinks ul li a{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#a53535;
	}

#menulinks ul, #contentlinks ul{
	list-style-type: none;
	text-decoration: none;
	}
	
#menulinks ul {
	text-align: center;
	font-size: 13px;
}
	
#menulinks li{
	list-style: none;
	width: 200px;
	padding-top: 5px;
	text-decoration: none;
	}

#menulinks a:link, #menulinks a:visited{
	text-decoration: none;
	outline: none;
	}

#menulinks a:hover, #menulinks a:active{
	text-decoration: underline;
	outline: none;
	}
	
#contentlinks li#engelenbak{
	position: absolute;
	width: 101px;
	height: 60px;
	left: 134px;
	top: 130px;
	background-image:url(images/p9/engelenbak.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
	}

#contentlinks li#melusinedesign{
	position: absolute;
	width: 140px;
	height: 26px;
	left: 339px;
	top: 71px;
	cursor: pointer;
	}

#contentlinks li#engelenbak{
	position: absolute;
	width: 101px;
	height: 60px;
	left: 134px;
	top: 130px;
	cursor: pointer;
	}
	
#contentlinks li#timvdlaar{
	position: absolute;
	width: 136px;
	height: 54px;
	left: 688px;
	top: 34px;
	cursor: pointer;
	}
	
#contentlinks li#akkf{
	position: absolute;
	width: 108px;
	height: 99px;
	left: 440px;
	top: 190px;
	cursor: pointer;
	}
	
#contentlinks li#baslosekoot{
	position: absolute;
	width: 160px;
	height: 62px;
	left: 688px;
	top: 190px;
	cursor: pointer;
	}
	
#contentlinks li#popschoolamsterdam{
	position: absolute;
	width: 99px;
	height: 46px;
	left: 252px;
	top: 354px;
	cursor: pointer;
	}
	
#contentlinks li#bottejellema{
	position: absolute;
	width: 99px;
	height: 49px;
	left: 252px;
	top: 421px;
	cursor: pointer;
	}
	
#contentlinks li#alliance{
	position: absolute;
	width: 87px;
	height: 73px;
	left: 360px;
	top: 460px;
	cursor: pointer;
	}



											/*-------------------------p10-biografie---------------------------*/

#biogr{
	position: absolute;
	width: 521px;
	height: 663px;
	left: 126px;
	top: 64px;
	cursor: pointer;
	}
	
#menubiografie{
	position: absolute;
	width: 154px;
	height: 630px;
	left: 820px;
	top: 100px;
	}

#menubiografie ul li{
	width: 150px;
	height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#menubiografie ul li a{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}           

#menubiografie ul li a:hover{
	text-decoration: underline;
	outline: none;	
}

										/*-----------------------------------------------------*/
 

h1{visibility: hidden;}
	
.not {visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}

h2{}
	
h3{ font-weight: bold;}

h4{
	font-size: 10px;
	font-weight: bold;
	}
	
ul{
	list-style-type: none;	
	text-decoration: none;
	}
	
li{	list-style-type: none; }
	
img{
	border: 0;
	}	

a:link, a:visited{
	text-decoration: none;
	outline: none;
	}
	
#clear{ clear:both;}