/* HTML */
body {
	background: url('/images/bg.gif');
	margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px;
	font: 10pt "Trebuchet MS", Verdana, Arial, "Times New Roman";
	color: #663333;
}

h1 { font-size: 14pt; position: relative; left: -20px; margin-top: 8px; margin-bottom: 12px;  }
h2 { font-size: 12pt; position: relative; left: -20px; margin-top: 6px; margin-bottom: 3px; }

a:link { color: #444555; text-decoration: none;}
a:visited { color: #444555; text-decoration: none;}
a:active { color: #444555; text-decoration: none;}
p { margin-top:0px; margin-bottom:12px; }
form {display:inline;}

hr { border-top: solid 1px #444555; height: 0px; }

/* HOME */
#home_fotoalbum {padding:10px; border:solid 1px silver; width:180px; position:absolute; margin-left:480px; top:157px;}
#home_fotoalbum h1 {margin-left:20px; margin-bottom:4px;}
.home_fotoalbum_alle {display: block; margin-bottom:14px;}
#home_fotoalbum_item {}
#home_fotoalbum_item img {border: solid 1px black;}
#home_fotoalbum_datum {float: left; font-weight: bold; font-size: 8pt; }
#home_fotoalbum_titel {font-weight: bold; border-bottom: solid 1px silver; margin-bottom:4px;}
#home_fotoalbum_titel a {color:#663333;}
#home_fotoalbum_foto {margin-bottom:12px;}
#home_tekst h1 {margin-left:20px;}
#home_tekst {margin-top:25px; width:440px; padding:10px; border:solid 1px silver; background-color:#e6e6e6; }
#home_berichtenbord h1 {margin-left:20px;}
#home_berichtenbord {margin-top:15px; width:440px; padding:10px; border:solid 1px silver; background-color:#e6e6e6; }
#home_berichtenbord_item {}
#home_berichtenbord_item a {text-decoration: underline;}
.home_berichtenbord_bericht {}
#home_kalender {margin-top:15px; width:440px; padding:10px; border:solid 1px silver; background-color:#e6e6e6;}
#home_kalender h1 {margin-left:20px;}
#home_kalender_item {}
#home_kalender_tekst {}
#home_indekijker {margin-top:15px; width:440px; padding:10px; border:solid 1px silver; background-color:#e6e6e6; }

/* ID */
#page { width: 900px; margin-left:auto; margin-right:auto; text-align:left; 
	border:solid 1px #444555; background-color:white;  margin-top:10px;  }
#header { float:left; clear:left; width: 900px; margin-left:auto; margin-right:auto; height: 100px; font-size:0pt; background: url('/images/header.jpg'); }
#middle { float:left; clear:left; width: 900px; margin-left:auto; margin-right:auto; text-align:left; background-color:white; }

#navigatie { float:left; clear:left; width: 900px; margin-left:auto; margin-right:auto; height: 20px; background-color:#8c0005;  
	border-top: solid 1px #444555; color: #f5f5f5; background:url('/images/nav.gif'); background-repeat:repeat-x;}
#nav1 { float: left; text-align: left; font-weight: bold; padding-left: 170px; }
#nav2 { float: right; text-align: right; padding-right: 10px; }
#navigatie a { color: #f5f5f5;}
#navigatie a:hover { cursor: pointer; text-decoration: underline; }

#logo { position: relative; top:10px; left: 26px; z-index: 5; }
#menu { float: left; clear:left; width: 140px; height: 550px; background: url('/images/menu_bg.gif');
	position: relative; top: -21px; left: 10px; background-repeat:no-repeat; }
#menu .menu { padding-left: 20px; background: url('/images/menu_middle.gif'); color: #e6e6e6; }
#menu a:hover .menu{ background: url('/images/menu_middle2.gif'); color: #663333; cursor: pointer; }
#menutop { background: url('/images/menu_top.gif'); height:30px; font-size: 0pt;  z-index: 4; position: relative; top: 45px;}
#menubottom { background: url('/images/menu_bottom.gif'); height:30px; font-size: 0pt; position: relative; top: 45px;}
#menubody { background: url('/images/menu_middle.gif'); position: relative;  top: 45px; }

#content { float: left; width: 680px; 
	padding-top: 10pt; padding-left: 50px; padding-right: 30px; padding-bottom: 10px; }
#content ul { display:inline; margin:0px; }

#footer { float:left; clear:left; width: 900px; margin-left:auto; margin-right:auto; color: #f5f5f5; background-repeat:repeat-x;
	font-size: 9pt; height:18px; padding-top:1px; border-top: solid 1px #444555; background:url('/images/nav.gif'); }
#foot1 { float: left; text-align: left; padding-left: 10px; }
#foot2 { float: right; text-align: right; padding-right: 10px; }

/* KALENDER */
.kalender { width:100%; margin-top:15px; }
.kalender th { border-top: solid 1px #444555; border-bottom: solid 1px #444555; padding-top:5px; padding-bottom:5px;
	background-color: #e8e8e8;}
.kalender td { padding-top:5px; padding-bottom:5px; vertical-align:top; border-bottom: solid 1px silver;}
.datum { width:120px; padding-left:5px; }
.einddatum { padding-left:20px; }
.activiteit { padding-right:5px; }
.info { visibility:hidden; display:none; background:#ffffcc; border:solid 1px gray; margin-top:5px; padding:4px; }
.meerinfo:hover { cursor:pointer; text-decoration:underline; }

/*LINKS*/
.link:hover { text-decoration:underline; }

/*FOTOALBUM*/
.album { float:left; width:675px; }
.album_thumb { float:left; width:120px; height:90px; padding:3px; border:solid 1px silver; line-height:0px; text-align:center;}
.album_datum { float:left; width:85px; text-align:right; }
.album_titel { float:left; margin-left:10px; width:450px; }
.album_tekst { float:left; border-top:solid 1px navy; width:535px; margin-left:10px; }
.album_divider { float:left; height:10px; width:100%; }
.fotoalbum { float:left; width:120px; height:90px; padding:3px; border:solid 1px silver; 
	line-height:0px; text-align:center; margin:3px; }
.fotoalbum_divider { float:left; height:0px; width:100%; }
.foto_foto { width:480px; height:360px; padding:3px; border:solid 1px silver; line-height:0px; text-align:center;
	vertical-align:middle; margin-left:auto; margin-right:auto; }
.foto_nummer { float:left; height:20px; text-align:right; width:211px; }
.foto_vorige { float:left; width:223px; padding-right:3px; text-align:right; }
.foto_stop { float:left; width:20px; text-align:center; }
.foto_volgende { float:left; width:20px; padding-left:3px; text-align:left; }
.foto_navigatie{ width:480px; display:block; margin-left:auto; margin-right:auto; margin-top:5px; }
.backlink { width:100%; text-align:left; float:left; clear:left; margin-top:10px; }

/*BESTUUR*/
.bestuur { width:50%; float:left; margin-bottom:6px; }
.bestuur_foto { float:left; width:75px; height:115px; padding:3px; border:solid 1px silver; 
	line-height:0px; text-align:center; }
.bestuur_naam { float:right; width:248px; font-weight:bold; text-align:left; padding-top:6px;}
.bestuur_functie { float:right; clear:right; width:248px; text-align:left; padding-top:6px; height:70px;}
.bestuur_email { float:right; clear:right; width:248px; text-align:left; }
.bestuur_divider { float:left; height:0px; width:95%; border-top:solid 1px silver; margin-top:6px; }

/*FOTOS HEADER*/
#fotobanner { margin-top:10px; height:75px; text-align:right;}
#fotobanner img { border: solid 1px white; position: relative; vertical-align:middle;}

/*CONTACT*/
#frm { margin-top:20px; margin-bottom:20px; margin-left:auto; margin-right:auto; width:485px; padding:10px; border:solid 1px silver; background-color:#e6e6e6; padding-left:25px; padding-right:25px;}
#frm label { display:block; }
#frm img { margin-top:7px;  }
#contactmessage { display:block; color:red; text-align:center; font-weight: bold;}
.contact_field { width:480px; margin-bottom:7px;  }
.contact_captcha { width:100px; margin-top:7px; }
.contact_textarea{ width:480px;  height:240px; margin-bottom:7px;}
.contact_button { margin:0px; margin-top:20px; }
#contactadres { margin-bottom:20px; display:block; text-align:center; }

/*LINKS*/
#links { margin-top:20px; }
#links ul { }