/*====== HuubDuyn.nl (v2) - Brainfart Studios ======================================================================*/

/*------ Core Structure --------------------------------------------------------------------------------------------*/
* { margin:0; padding:0; }
body { text-align:center; font:11px "Tahoma"; background:#E8E8E8 url(images/patroon.gif) repeat top center; }

#Page {	margin:0 auto; padding:0; width:696px; }
#Header { width:696px; height:373px; }
#Content { clear:left; text-align:justify; background:url(images/content.gif) repeat-y center; overflow:auto; }
#Footer { margin:0 auto; padding-top:6px; width:696px; font-size:10px; color:#636363; background:url(images/footer.gif) no-repeat center top; }
	.footerL { float:left; margin-left:37px; width:304px; margin-bottom:12px; text-align:left; }
	.footerR { float:right; margin-right:37px; width:304px; margin-bottom:12px; text-align:right; }

/*------ Index -----------------------------------------------------------------------------------------------------*/
#Welkom { clear:left; float:left; margin:0 31px; padding:25px 6px 0 322px; width:306px; height:127px; background:url(images/welkom.jpg); display:inline; }
#Headlines { clear:left; float:left; margin:0 31px; padding-top:27px; width:632px; background:url(images/headlines.gif) no-repeat top left; display:inline; }
	.head_box { float:left; margin:0 4px 0 6px; width:306px; height:258px; }
	.head_titel { height:17px; padding_bottom:1px; font-weight:bold; color:#003264; }
	.head_frame { padding:2px; width:302px; height:116px; background:url(images/headphoto.gif) no-repeat bottom; overflow:hidden; }
		.head_foto { height:116px; overflow:hidden; }
	.head_sbody { margin-top:4px; height:78px; }
	.head_lbody { margin-top:4px; height:100px; }
	.head_link { margin-top:7px; height:15px; text-align:right; }
	.head_info { padding-top:2px; height:14px; text-align:right; background:url(images/streep1.gif) no-repeat top; }

#Kolom1 { clear:left; float:left; margin:14px 0 0 37px; width:306px; height:100%; display:inline; }
	#Agenda { float:left; padding:22px 0 30px 0; width:306px; height:72px; background:url(images/agenda.gif) no-repeat top; }
		.schema_koers { float:left; margin-top:2px; width:306px; height:16px; }
			.schema_land { float:left; width:22px; height:16px; }
			.schema_naam { float:left; margin-left:2px; height:16px; }
			.schema_datum { float:right; text-align:right; height:16px; }
	#Meernieuws { clear:left; float:left; padding:22px 0 4px 0; width:306px; background:url(images/meernieuws.gif) no-repeat top; }

#Kolom2 { float:left; margin:14px 0 0 10px; width:306px; height:100%; display:inline; }
	#Report { float:left; padding:27px 0 15px 0; width:306px; background:url(images/report.gif) no-repeat top; }
		.note_box { float:left; width:306px; height:134px; }
		.note_titel { height:17px; font-weight:bold; color:#003264; }
		.note_sbody { height:79px; }
		.note_lbody { height:101px; }
		.note_link { margin-top:7px; height:15px; text-align:right; }
		.note_info { padding-top:2px; height:14px; text-align:right; background:url(images/streep1.gif) no-repeat top; }
	#Memorabel { clear:left; float:left; padding:22px 0 4px 0; width:306px; background:url(images/memorabel.gif) no-repeat top; }

		.item_box { clear:left; float:left; width:306px; line-height:14px; }
			.item_titel { float:left; width:246px;}
			.item_datum { float:left; width:60px; text-align:right; }
		.item_link { clear:left; float:left; margin-top:2px; padding-top:2px; width:306px; height:14px; text-align:right; background:url(images/streep1.gif) no-repeat top; }

/*------ Typhografy ------------------------------------------------------------------------------------------------*/
a:link, a:visited { color:#003264; text-decoration:none; }
a:hover { color:#F48512; text-decoration:none; }

.grijs { font: 11px "Tahoma"; color:#5F5F5F; }

.dblauw { color:#003264; }
.lblauw { color:#60AFFF; }
.oranje { color:#F48412; }

/*------ Nieuws ----------------------------------------------------------------------------------------------------*/
#NOverzicht { float:left; margin-left:37px; padding-top:27px; width:622px; background:url(images/noverzicht1.gif) no-repeat top left; display:inline; }

#nieuws_head { padding-bottom:1px; width:622px; height:15px; }
	.nieuws_title {float:left; width:350px; font-weight:bold; }
	.nieuws_info {float:right; width:240px; text-align:right;}
#nieuws_body { height:100%; margin-top:3px; margin-bottom:4px; }
#nieuws_note { padding-top:3px; height:15px; background:url(graphics/streep2.gif) no-repeat top; }
	.nieuws_print { float:left; }
	.nieuws_navi { float:right; }

/*------ Report ----------------------------------------------------------------------------------------------------*/
#ROverzicht { clear:left; float:left; margin:0 31px; padding-top:27px; width:632px; background:url(images/roverzicht1.gif) no-repeat top left; display:inline; }

/*------ Biography -------------------------------------------------------------------------------------------------*/
#Biografie { float:left; margin-left:37px; padding-top:27px; width:622px; background:url(images/biografie1.gif) no-repeat top left; display:inline; }

/*------ Palmares --------------------------------------------------------------------------------------------------*/
#Palmares { float:left; margin-left:37px; padding-top:27px; width:622px; background:url(images/palmares1.gif) no-repeat top left; display:inline; }

#Kolom3 { float:left; margin-right:10px; width:209px; display:inline; }
#Kolom4 { float:left; width:403px; display:inline; }

.fout { font: 11px "Tahoma"; color:#60AFFF;  }

/*------ Foto's ----------------------------------------------------------------------------------------------------*/
#Fotos { float:left; margin-left:37px; padding-top:1px; width:622px; background:url(images/fotos1.gif) no-repeat top left; display:inline; }

/*------ Links structure -------------------------------------------------------------------------------------------*/
#Links { float:left; margin-left:37px; padding-top:27px; width:622px; background:url(images/links1.gif) no-repeat top left; display:inline; }
	.frame { float:left; margin-top:10px; padding-bottom:10px; }
		.descrip { float:left; width:306px; height:130px; display:inline; }
		.screen { float:right; width:306px; height:130px; display:inline; }

/*------ Gastenbooek -----------------------------------------------------------------------------------------------*/
#Tekenen { float:left; margin-left:37px; padding:27px 0 0 86px; width:536px; background:url(images/gastenboek4.gif) no-repeat top left; display:inline; }
#Controle { float:left; margin-left:37px; padding-top:27px; width:622px;  text-align:center; background:url(images/gastenboek4.gif) no-repeat top left; display:inline; }

#Gedrag { float:left; margin-left:37px; padding-top:27px; width:622px; background:url(images/gedragsregels1.gif) no-repeat top left; display:inline; }
#Privacy { float:left; margin-left:37px; padding-top:27px; width:622px; background:url(images/privacybeleid1.gif) no-repeat top left; display:inline; }

#Gastenboek { float:left; margin:15px 0 0 37px; padding-top:27px; width:622px; background:url(images/gastenboek1.gif) no-repeat top left; display:inline; }

	.entry{ margin-bottom:20px; }
		.auteur { height:15px; padding-bottom:5px; background:url(images/gastenboek2.gif) no-repeat bottom center; }
		.bericht { padding:5px; background:#eff6fb; }
		.reply { margin-top:5px; padding:10px 5px 5px 5px; background:#dce8f1 url(images/gastenboek3.gif) no-repeat top center; }
			.menu { width:50px; font:11px "Tahoma"; font-weight:bold; color:#003264; }
			.input { font-family:"Tahoma"; font-size:10px; color:#545454; }

/*------ Disclaimer ------------------------------------------------------------------------------------------------*/
#Disclaimer { float:left; margin-left:37px; padding-top:27px; width:622px; background:url(images/disclaimer1.gif) no-repeat top left; display:inline; }

/*------ Contact ---------------------------------------------------------------------------------------------------*/
#Contact { float:left; margin-left:37px; padding-top:27px; width:622px; background:url(images/contact1.gif) no-repeat top left; display:inline; }