/*====== Martijn Maaskant (v2) - Brainfart Studios =======================================================================*/

/*------ Core Structure --------------------------------------------------------------------------------------------*/
* { margin:0; padding:0; }
body { text-align:center; font:11px Tahoma; color:#2b2928; background:#FFF url(images/bghead1.jpg) repeat-x top center; }
/*#content { clear:both; padding:0 2px; width:780px; text-align:justify; background:url(graphics/contentbg.gif) repeat-y top center; overflow:auto; }*/
#Page { margin:0 auto; width:906px; background-color:#FFF; }
#Head { width:906px; height:159px; text-align:left; background:url(images/bghead2.jpg) no-repeat; }

#Content { width:906px; text-align:left; overflow:none; }
#KolomA1 { float:left; width:453px; height:100%; text-align:left; display:inline; } /*inline voor IE 6*/
#KolomB1 { float:right; width:453px; height:100%; text-align:left; display:inline; } /*inline voor IE 6*/

#Foot { clear:both; float:left; margin-top:20px; padding:23px 0; width:906px; text-align:left; background:url(images/bgfoot3.gif) no-repeat top center; }
	#KolomA2 { float:left; margin:36px 0 0 46px; width:407px; height:14px; text-align:left; font-size:10px; display:inline; }
	#KolomB2 { float:right; width:453px; text-align:right; display:inline; }

.dblauw { color:#2A4094; }
.mblauw { color:#2d63cc; }
.oranje { color:#f7941d; }
.grijs { font:11px Tahoma; color:#2b2928; }

a:link, a:visited { color:#2d63cc; text-decoration:none; }
a:hover { color:#2b2928; text-decoration:none; }

/*------ Menu ------------------------------------------------------------------------------------------------------*/
#Hoofdmenu { float:left; margin-top:130px; margin-left:3px; width:900px; height:24px;  } /*inline voor IE 6*/
	#btnHome { float:left; display:block; width:58px; height:24px; background:url(images/btnHome.gif) no-repeat 0 0;}
		#btnHome:hover { background-position: 0 -24px; } 
		#btnHome span { display: none; }
	#btnNieuws { float:left; display:block; margin-left:5px; width:71px; height:24px; background:url(images/btnNieuws.gif) no-repeat 0 0;  }
		#btnNieuws:hover { background-position: 0 -24px;}
		#btnNieuws span { display: none; }
	#btnDagboek { float:left; display:block; margin-left:5px; width:80px; height:24px; background:url(images/btnDagboek.gif) no-repeat 0 0;  }
		#btnDagboek:hover { background-position: 0 -24px;}
		#btnDagboek span { display: none; }
	#btnBiografie { float:left; display:block; margin-left:5px; width:89px; height:24px; background:url(images/btnBiografie.gif) no-repeat 0 0;  }
		#btnBiografie:hover { background-position: 0 -24px;}
		#btnBiografie span { display: none; }
	#btnErelijst { float:left; display:block; margin-left:5px; width:74px; height:24px; background:url(images/btnErelijst.gif) no-repeat 0 0;  }
		#btnErelijst:hover { background-position: 0 -24px;}
		#btnErelijst span { display: none; }
	#btnFotos { float:left; display:block; margin-left:5px; width:63px; height:24px; background:url(images/btnFotos.gif) no-repeat 0 0;  }
		#btnFotos:hover { background-position: 0 -24px;}
		#btnFotos span { display: none; }
	#btnLinks { float:left; display:block; margin-left:5px; width:57px; height:24px; background:url(images/btnLinks.gif) no-repeat 0 0;  }
		#btnLinks:hover { background-position: 0 -24px;}
		#btnLinks span { display: none; }

/*------ Home ------------------------------------------------------------------------------------------------------*/
#Foto { float:left; width:453px; height:306px; }

#Nieuws { float:left; display:inline; margin:5px 0 0 3px; padding-top:23px; width:450px; height:100%; background:url(images/bgnieuws1.gif) no-repeat top left; }
	.item { float:left; margin:10px 10px 0 0; width:215px; height:286px; display:inline; }
		.item_foto { width:215px; height:130px; overflow:hidden; }
			.item_kader { /*margin-left:-5px;*/ }
		.item_titel { margin-top:3px; width:215px; height:28px; font-weight:bold; line-height:14px; }
		.item_txtA { margin-top:2px; width:215px; height:102px; text-align:justify; line-height:15px; }
		.item_txtB { margin-top:2px; width:215px; height:123px; text-align:justify; line-height:15px; }
		.item_link { margin-top:4px; width:215px; height:17px; text-align:right; }
			.item_link a:link, .item_link a:visited { color:#74b1de; text-decoration:none; }
			.item_link a:hover { color:#2A4094; text-decoration:none; }

#Meernieuws { clear:left; float:left; margin:30px 0 0 3px; padding-top:25px; width:440px; background:url(images/bgnieuws2.gif) no-repeat top center; }
	.meer { float:left; line-height:15px; }
		.meer_headings { float:left; width:375px; }
		.meer_responds { float:left; width:65px; text-align:right; }
	.meer a:link, .meer a:visited, .herdenk  a:link, .herdenk  a:visited { color:#2d63cc; text-decoration:none; }
	.meer a:hover, .herdenk a:hover { color:#2b2928; text-decoration:underline; }
	
#Dagboek { float:left; display:inline; width:453px; height:188px; background:url(images/bgdagboek1.gif) no-repeat; }
	.dag { float:left; margin-bottom:1px; width:450px; height:60px; color:#FFF; display:inline;}
		.dag_regel1 { margin-left:10px; width:430px; height:32px; }
			.dag_titel { float:left; padding-top:15px; width:350px; height:17px; font-size:16px; font-weight:bold; }
			.dag_datum { float:left; padding-top:21px; width:80px; height:11px; text-align:right; }
		.dag_regel2 { padding-top:7px; margin-left:10px; width:430px; height:18px; }
	.dag a:link, .dag a:visited  { display:block; width:100%; height:100%; color:#FFF; text-decoration:none; }
	.dag a:hover{ text-decoration:none; cursor:pointer; color:#FFF; background-color:#343231; }

#Quote { float:left; width:453px; height:193px; }

#Agenda { float:left; display:inline; margin:5px 0 0 10px; padding-top:29px; width:440px; height:127px; background:url(images/bgagenda1.gif) no-repeat top center; }
	.event { float:left; margin-bottom:2px; padding-left:7px; width:433px; height:36px; background:url(images/bgagenda2.gif) no-repeat left center; }
		.event_regel1 { padding-top:3px; width:433px; height:15px; }
		.event_regel2 { width:433px; height:18px; }
			.event_vlag { float:left; margin-bottom:2px; width:20px; height:16px; }
			.event_lokatie { float:left; margin:2px 0 0 4px; width:407px; height:16px; }

#Gezamelijk { float:left; display:inline; margin:20px 0 0 10px; padding-top:26px; width:440px; height:130px; background:url(images/bgtrivia-poll1.gif) no-repeat top center; overflow:none; }
	#Trivia { float:left; dispay:inline; width:215px; }
		.vraagT { width:185px; height:30px; } 
	#Poll { float:left; dispay:inline; margin-left:40px;  width:185px; }
		.vraagP { width:185px; height:30px; }
	.haak_top { margin-left:15px; width:170px; height:4px; font-size:3px; background:url(images/bghaak1.gif) no-repeat left; }
	.haak_midden { margin-left:15px; padding-bottom:2px; padding-left:7px; width:163px; height:100%; background:url(images/bghaak2.gif) repeat-y top left; }
	.haak_onder { margin-left:15px; width:170px; height:4px; font-size:3px; background:url(images/bghaak3.gif) no-repeat left; }
	
	.poll_keuze { padding-top:2px; width:163px; height:14px; }
	.poll_antwoord { width:163px; height:14px; }
	.poll_aantal { margin-bottom:2px; width:138px; height:2px; font-size:2px; background:#eef4ff url(images/bgpoll1.gif) no-repeat right; }
	
	.trivia_keuze { padding-top:2px; width:163px; height:14px; }
	.trivia_antwoord { width:163px; height:14px; }
	.trivia_aantal { margin-bottom:2px; width:138px; height:2px; font-size:2px; background:#eef4ff url(images/bgtrivia1.gif) no-repeat right; }	
	.trivia_goed { margin-bottom:2px; width:138px; height:2px; font-size:2px; background:#eef4ff url(images/bgtrivia2.gif) no-repeat left; }
	
	 input { float:left; margin-right:2px; width:14px; height:14px; border:none; }

#Reacties { float:left; display:inline; margin:20px 0 0 10px; padding-top:29px; width:440px; height:127px; background:url(images/bgreacties1.gif) no-repeat top center;  }
	.repliek { float:left; margin-bottom:2px; padding-left:7px; width:433px; height:36px; background:url(images/bgreacties2.gif) no-repeat left center; }
		.repliek_regel1 { margin-top:3px; width:433px; height:16px; }
		.repliek_regel2 { width:433px; height:17px; }
	.repliek  a:link, .repliek  a:visited { color:#74b1de; text-decoration:none; }
	.repliek  a:hover { color:#2b2928; text-decoration:underline; }
	.submit { width:440px; height:23px; border:0; }
	
#Memorabel { float:left; display:inline; margin:20px 0 0 10px; padding-top:29px; width:440px; height:127px; background:url(images/bgmemorabel1.gif) no-repeat top center;  }
	.herdenk  { margin-bottom:2px; width:440px; height:36px; text-align:right; }
		.herdenk_info { float:left; width:374px; height:36px; }
			.herdenk_regel1 { margin-top:3px; height:16px; }
			.herdenk_regel2	{ height:17px; }
		.herdenk_foto { float:right; padding:2px 6px 2px 0; width:56px; height:32px; background:url(images/bgmemorabel2.gif) no-repeat top right; overflow:hidden; }
				.herdenk_kader { width:56px; height:32px; overflow:hidden; }

/*------ Nieuws ----------------------------------------------------------------------------------------------------*/
#Bericht { float:left; margin:5px 0 0 3px; padding-top:25px; width:440px; line-height:15px;  background:url(images/bgnieuws1.gif) no-repeat; display:inline; }
	.bericht_regel1 { height:17px; }
		.bericht_titel {float:left; width:360px; font-weight:bold; }
		.bericht_datum {float:right; width:80px; text-align:right;}
	.bericht_regel2 {  margin-bottom:4px; width:440px; height:100%; text-align:justify; line-height:15px; overflow:hidden; }
	.bericht_regel3 { padding-top:2px; height:18px; background:url(images/bgnieuwsbericht2.gif) no-repeat top; }
		.bericht_print { float:left; }
		.bericht_navi { float:right; }
	.bericht_leeg { margin:2px 0 10px 0; text-align:center; font-weight:bold; color:#1F20A8; }

#Repliek { float:left; margin:15px 0 0 3px; padding-top:18px; width:440px; line-height:15px;  background:url(images/bgrepliek1.gif) no-repeat top center; display:inline; }
	.repliek_head { height:16px; }
	.repliek_title { float:left; }
		.reactie_body { margin:2px 0 10px 0; padding-top:3px; height:100%; background:url(images/bgrepliek2.gif) no-repeat top; }
	.repliek_leeg { height:18px; margin:9px 0 10px 0; text-align:center; font-weight:bold; color:#1F20A8; }

#Formulier { float:left; margin:15px 0 0 3px; padding-top:25px; width:440px; line-height:15px;  background:url(images/bgformulier1.gif) no-repeat; display:inline; }
	.textfield { padding:5px; font: 11px "Tahoma"; color:#2b2928; border:none; background:#f3f7ff; }
	.formulier_leeg { height:18px; margin:9px 0 10px 0; text-align:center; font-weight:bold; color:#1F20A8; }
	
#Overig { float:left; margin:5px 0 0 10px; padding-top:29px; width:440px; height:181px; background:url(images/bgnieuws2.gif) no-repeat top center; display:inline; }
	.overig_half, .overig_heel { float:left; margin-bottom:2px; width:440px; height:36px; display:inline; }
	.overig_heel { background:#f3f7ff; }
 		.overig_kolomA { float:left; width:56px; text-align:left; display:inline; } /*inline voor IE 6*/
			.overig_foto { width:56px; height:34px; overflow:hidden; }
				.overig_kader { /*margin-left:-5px;*/ }	
		.overig_kolomB { float:left; margin-left:4px; width:380px; text-align:left; display:inline; } /*inline voor IE 6*/
			.overig_regel1 { margin-top:2px; width:380px; height:16px; }
			.overig_regel2	{ clear:both; width:380px; height:16px; }

/*------ Berichten -------------------------------------------------------------------------------------------------*/
.top1, .top2 { float:left; width:440px; height:16px; font-weight:bold; display:inline; }
.top1 { margin-top:10px; }
.top2 { color:#2d63cc; }
.mid1, .mid2 { float:left; padding:5px; width:430px; text-align:justify; line-height:15px; background:#f3f7ff; }
.mid2 { color:#2A4094; }
.bot1, .bot2 { float:left; padding-right:15px; width:425px; height:14px; font-size:10px; text-align:right; background:url(images/bgbericht2.gif) no-repeat top; display:inline; }
.bot2 { color:#f7941d; }

/*------ Dagboek ----------------------------------------------------------------------------------------------------*/
#Ervaringen { float:left; display:inline; margin:5px 0 0 3px; padding-top:23px; width:440px; height:100%; background:url(images/bgervaringen1.gif) no-repeat top center; }

/*------ Biografie --------------------------------------------------------------------------------------------------*/
#Fase1 { float:left; margin:5px 0 0 3px; width:440px; line-height:15px; display:inline; }
#Fase2 { float:left; margin:5px 0 0 10px; width:440px; line-height:15px; display:inline; }

/*------ Erelijst ---------------------------------------------------------------------------------------------------*/
#Personalia { float:left; margin:5px 0 0 3px; padding-top:29px; width:440px; background:url(images/bgerelijst2.gif) no-repeat top center; display:inline; }
	#KolomA3, .memo_kolomA { float:left; width:215px; text-align:left; display:inline; } /*inline voor IE 6*/
	#KolomB3, .memo_kolomB { float:left; margin-left:10px; width:215px; text-align:left; display:inline; } /*inline voor IE 6*/
#Erelijst { float:left; margin:5px 0 0 3px; padding-top:25px; width:440px; line-height:15px;  background:url(images/bgerelijst1.gif) no-repeat; display:inline; }	
#Memorabel2 { float:left; display:inline; margin:5px 0 0 10px; padding-top:29px; width:440px; height:127px; background:url(images/bgerelijst3.gif) no-repeat top center; }
	.memo_half, .memo_heel { float:left; margin-bottom:10px; width:440px; height:130px; display:inline; }
	.memo_heel { background:#f3f7ff; }
		.memo_titel { margin-top:3px; width:215px; height:28px; font-weight:bold; line-height:14px; }
		.memo_txtA { margin-top:2px; width:215px; height:78px; text-align:justify; line-height:15px; }
		.memo_txtB { margin-top:2px; width:215px; height:99px; text-align:justify; line-height:15px; }