/*

	TILALLI Productions
	http://www.tilalli.nl

*/

/* altijd een scrollbar in firefox, anders verspringt de website */
html { overflow: -moz-scrollbars-vertical; }

/* standaarden */
body { width:645px; background-color:#7f4400;  font-family:Trebuchet MS, verdana, arial; line-height:1.4em; font-size:.7em; margin:0px auto; margin-top:50px; padding:0px; color:#444558; }

img { border:0; }
h1, h2, h3 { font-weight:bold; color:#7e8483; line-height:1.4em; }
h1 { font-size:1.1em; }
h2 { font-size:1.0em; }
h3 { font-size:.9em; }
a { text-decoration:none; color:#7f4400; }
a:hover { color:#FFFFFF; background-color:#666; }
p { margin-top:0px; padding-top:0px; }

/* form standaarden */
.formbutton{ font-size:1em; color:#282828; text-align:center; }	
.formleft { float:left; width:85px; margin-bottom:3px; }
.formright { float:left; width:200px; margin-bottom:3px; text-align:right; }
.formright input { font-size:1em; color:#000; padding-left:3px; }
input { font-size:1em; color:#000; }
textarea { font-family:Trebuchet MS, verdana, arial; font-size:1em; color:#000; padding-left:3px; }
.error { text-align:left; color:#D80100; padding-left:3px; }

/* header en menu van alle pagina's */
#header { float:left; width:645px; background-color:#F8F7F7; }
#menu { float:left; width:645px; color:#444558; background-color:#F8F7F7; }
#menu_item { float:left; height:18px; padding-top:15px; color:#444558; }
#menu_scheid { float:left; height:18px; padding-top:15px; color:#444558; margin-left:5px; margin-right:5px; }
	#menu_item a { color:#444558; }
	#menu_item a:hover { color:#FFFFFF; background-color:#7f4400; }
#menu_itemsel { float:left; height:18px; padding-top:15px; color:#444558; }
	#menu_itemsel a { color:#444558; background-color:#DEDEDE; }
	#menu_itemsel a:hover { color:#FFFFFF; background-color:#7f4400; }
#pagina { float:left; width:595px; padding:25px; background-color:#F8F7F7; }
#menulijn { border-bottom:1px solid #CCCCCC; margin-left:25px; height:45px; width:595px; }

/* overzicht van de berichten */
#overzicht_pr { float:left; margin-bottom:10px; }
	.overz_pr_oneven { float:left; width:585px; padding:8px 5px 8px 5px; background-color:#EBEBEB; }
	.overz_pr_even { float:left; width:585px; padding:8px 5px 8px 5px; }
	.overz_pr_titel { font-size:1em; font-weight:bold; color:#333; }
		.overz_pr_titel a { color:#333; }
		.overz_pr_titel a:hover { color:#FFFFFF; background-color:#7f4400;}
	.overz_pr_datum { margin-left:5px; font-size:.9em; color:#999; }
	.overz_pr_bericht { color:#7a7a7a; }
		.overz_pr_bericht a { color:#7a7a7a; }
		.overz_pr_bericht a:hover { color:#7a7a7a; background-color:transparent; }

/* bericht layout met foto */
#hoofdstuk { margin-bottom:25px; }
#nieuwsbericht { text-align:justify; }
	#nieuwsbericht_titel { font-weight:bold; font-size:1.2em; color:#7e8483; line-height:2em; }
	#nieuwsbericht_datum { font-size:.9em; color:#999; margin-bottom:16px; }
	#nieuwsbericht_fotos_flash { float:right; margin-right:-10px; }
	#nieuwsbericht_fotos { float:right; margin-bottom:15px; }
	.foto_geen_kader { text-align:center; margin-bottom:10px; }
#nieuwsbericht_links { float:left; width:285px; padding-bottom:15px; }
#nieuwsbericht_rechts { float:left; margin-left:25px; width:285px; }
#foto { margin-bottom:10px; font-size:.9em; color:#7a7a7a; }
#inhoud { float:left; text-align:justify; margin-top:-5px; }

/* navigatie onder de nieuwsberichten */
#navigatie { float:left; width:595px; text-align:right; height:1px; overflow:hidden; color:#7a7a7a; }
#navigatie_hoog { float:left; width:595px; text-align:right; margin-top:15px; padding-top:15px; color:#7a7a7a; border-top:1px solid #CCCCCC; }
	#navigatie_hoog a { color:#7a7a7a; }
	#navigatie_hoog a:hover { color:#FFFFFF; background-color:#666; }

/* forum onder de nieuwsberichten */
#forum { float:left; width:595px; text-align:left; padding-top:15px; color:#7a7a7a; border-top:1px solid #CCCCCC; }
	#forum a { color:#7a7a7a; }
	#forum a:hover { color:#FFFFFF; background-color:#666; }
#forum_entry { margin-top:20px; }
#forum_datum { font-size:.9em; color:#999; margin-bottom:3px; }
.forum_reactie_gesloten { height:0px; overflow:hidden; }
.forum_reactie_open { overflow:auto; }
#forumcontainer { float:left; }
#forum_forum_bericht { }
#forum_berichten { float:left; width:595px; margin-top:15px; margin-bottom:5px; border-top:1px solid #CCCCCC; }

/* de agenda pagina */
#calendar { float:left; width:110px; overflow:hidden; }
#calendar table { margin:-2px 0 20px -2px; padding:0; }
#calendar td { padding:1px; margin:2px; }
#calendar .datumnietgeaccepteerd_half { background-image:url(../images/agenda_naccept.png); }
#calendar .datumnietgeaccepteerd_vol { background-image:url(../images/agenda_full_naccept.png); }
#calendar .datumgeaccepteerd_half { background-image:url(../images/agenda_waccept.png); }
#calendar .datumgeaccepteerd_vol { background-image:url(../images/agenda_full_waccept.png); }
#calendar .datummetnieuws { background-color:#7f4400; cursor:pointer; cursor:hand; text-align:center; }
#calendar .datumzondernieuws { background-color:#FFFFFF; text-align:center; cursor:pointer; cursor:hand; }

#agenda h1 { margin:0; padding:0; color:#444558; }
#agenda .content { float:right; width:440px; padding:10px; margin-bottom:10px; background-color:#f2f2f2; }
#agenda .container { float:right; width:440px; margin-top:10px; overflow:hidden; }
#agenda .left { float:left; width:80px; margin-bottom:5px; color:#999; }
#agenda .right { float:left; width:360px; margin-bottom:5px;  }
#agenda .breedteinvoer { width:200px; }
#agenda .invoer { padding:0; margin:0; }

/* en last, but zeker not least: de credits! */
#credits { float:left; width:645px; text-align:left; padding-top:5px; margin-bottom:30px; color:#818290; font-size:.8em; }
	#credits a { color:#818290; }
	#credits a:hover { background-color:transparent; }