@charset "utf-8";
/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
background-image:url(../Images/background.jpg);
background-position:center;
background-repeat:repeat-y;
margin:0; /* voor oudere browsers */
padding:0; /* voor oudere browsers */
text-align:center; /* pagina centreren voor IE5 users */
}

#container{
width:750px;
margin:0 auto; /* pagina centreren */
text-align:left; /* overschrijft text-align: center van de body */
}

#header{
background-image:url(../Images/header.gif);
width:750px;
height:80px;
margin:10px 0px 10px 0px;
}

#header a{
display:block;
text-decoration:none;
font-size:69px;
}

td{
	vertical-align:top;  
}

#menu{
width:120px;
float:left;
}

#menu .menubox{
width:120px;
float:left;
margin-bottom:10px;
}

#menu .menubox .level1single{
width:110px;
height:25px;
padding:5px 0px 0px 10px;
background-image:url(../Images/menu-single.gif);
background-repeat:no-repeat;
font-weight:bold;
}

#menu .menubox .level1top{
font-weight:bold;
width:110px;
height:25px;
padding:5px 0px 0px 10px;
background-image:url(../Images/menu-top.gif);
background-repeat:no-repeat;
text-transform:capitalize;
}

#menu .menubox .level1bottom{
background-image:url(../Images/menu-bottom.gif);
background-repeat: no-repeat;
width:120px;
height:10px;
}

#menu .menubox .level2a{
width:110px;
padding:4px 0px 4px 10px;
background-image:url(../Images/menu-middlea.gif);
font-weight:normal;
}

#menu .menubox .level2b{
background-image:url(../Images/menu-middleb.gif);
font-weight:normal;
padding:4px;
padding-left:10px;
}

#menu .menubox a{
color:#FFFFFF;
text-decoration:none;
display:block;
text-transform:capitalize;
}

#menu .menubox a:hover{
color:#CCCCCC;
text-decoration:none;
text-transform:capitalize;
}

#content-middle{
float:left;
margin-left:10px;
width:620px;
background-image:url(../Images/content-middle.png);
}

#content-top{
float:left;
margin:0px 0px 0px 10px;
width:620px;
height:6px;
background-image:url(../Images/content-top.png);
}

#content-middle{
float:left;
margin:0px 0px 0px 10px;
width:620px;
background-image:url(../Images/content-middle.png);
min-height:806px;
}

html>/**/body #content-middle {
min-height:824px;
}

#content{
width:580px;
padding:10px 20px 10px 20px;
}

#content-bottom{
float:left;
margin:0px 0px 10px 10px;
width:620px;
height:6px;
float:right;
background-image:url(../Images/content-bottom.png);
}

#breadcrum{
padding:10px 20px 0px 20px;
text-transform:capitalize;
font-size:18px;
}

#breadcrum a{
color:#000000;
text-decoration:none;
}

#breadcrum a:hover {
color:#333333;
text-decoration:none;
}

#breadcrum .pageTitel{
font-size:36px;
}

#level3first{
background-image:url(../Images/level3.gif);
font-weight:bold;
color:#FFFFFF;
width:570px;
height:25px;
padding:5px 0px 0px 10px;
/*text-transform:capitalize;*/
}

.level3{
background-image:url(../Images/level3.gif);
font-weight:bold;
color:#FFFFFF;
width:570px;
height:25px;
margin-top:20px;
padding:5px 0px 0px 10px;
/*text-transform:capitalize;*/
}

#level3list-2-3{
background-image:url(../Images/level3list-2-3.gif);
font-weight:bold;
color:#FFFFFF;
width:373px;
height:25px;
margin:0px;
padding:5px 0px 0px 10px;
text-transform:capitalize;
}

#level3list-1-3{
background-image:url(../Images/level3list-1-3.gif);
font-weight:bold;
color:#FFFFFF;
width:177px;
height:25px;
margin:0px;
padding:5px 0px 0px 10px;
text-transform:capitalize;
}

#level3list-1-3-bottom{
background-image:url(../Images/level3list-1-3-bottom.gif);
width:187px;
height:10px;
margin:0px ;
}

#level3list-2-3-bottom{
background-image:url(../Images/level3list-2-3-bottom.gif);
width:383px;
height:10px;
margin:0px ;
}

.level4{/* Added by WG for page: kampen */
font-weight:bold;
color:#000000;
text-align:right;
width:570px;
margin-top:5px;
}

.kamp_description{/* Added by WG for page: kampen */
padding:0px 0px 0px 20px;
margin-bottom:20px;
}

.clearfloat { /* dient om container terug rond menu te wrappen */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

#footer{
background-image:url(../Images/footer.gif);
width:740px;
height:25px;
padding:5px 0px 0px 10px;
text-align:center;
color:#FFFFFF;
margin:0px 0px 10px 0px;
float:left;
}

h1{
font-size:22px;
font-weight:bold;
}

h2{
font-size:18px;
font-weight:bold;
}

h3{
font-size:16px;
font-weight:bold;
}

#content a{
text-decoration:underline;
color:#738C39;
}

#content a:hover{
text-decoration:underline;
color:#85A341;
}

/* added by WG */

#head1{
width:580px;
height:300px;
margin-top:10px;
}

#head2{
width:580px;
height:117px;
margin-top:10px;
}

#head2a{
width:187px;
height:117px;
float:left;
margin:0px;
margin-right:10px;
}

#head2b{
width:186px;
height:117px;
float:left;
margin:0px;
margin-right:10px;
}

#head2c{
width:187px;
height:117px;
float:left;
margin:0px;
}

/* Added by WG */
/* So font-color of the link in Level3 divs is white */

.level3first_link{
text-decoration:none !important;
color:#FFFFFF !important;
}

.loginTable{
  width:250px;
  border: 1px solid black;
  border-width:7px;
  border-spacing:5px;
  border-color:#738C39;
  border-style:outset outset outset outset;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.docTable{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:4px;
  border-collapse:collapse;
  border-top:1px solid #738C39;
  border-bottom:1px solid #738C39;
}

.profileTable{
  margin-left:auto;
  margin-right:auto;
}

.logText{
  color:#FFFFFF;
  font-size:8pt;
}

.errorText{
  text-align:right;
  color:red;
  font-size:7pt;
  font-style:italic;
}

.commentText{
  font-size:8pt;
  font-style:italic;
}

.userTable{
  width:90%;
  margin-left:auto;
  margin-right:auto;
}

.addDocTable
{
  margin-left:auto;
  margin-right:auto;
}

.addActTable
{
	margin-left:auto;
	margin-right:auto;
}

.userTD{
  text-align: center;
}

.userTD2{
  text-align: right;
}

.userTD3{
  text-align: left;
}

/* Album Page */
.loadTable{
  	width:100%;
  	font-size:10pt;
}
.photoTable{
  	width:90%;
  	margin-left:auto;
  	margin-right:auto;
  	text-align:center;
}
.photoTD{
	text-align:center;
}

.photoNumberTD{
  	text-align:right;
}

.fntPhotoCreated{
	text-align:left;
	font-size:8pt;
	text-align:left;
}

/* Photo Page */
.singlePhotoTable{
  	margin-left:auto;
  	margin-right:auto;
}
.singlePhotoPrev{
  	text-align:left;
}
.singlePhotoNext{
  	text-align:right;
}
.naviLink{
  	font-size:8pt;
}

#block-2-3{
width:383px;
float:left;
margin: 0px 10px 13px 0px;
padding:0px;
}

#block-1-3{
width:187px;
float:left;
margin: 0px 0px 13px 0px;
padding:0px;
}

#nieuws{
margin-top:10px;
}

#agendapunten{
margin-top:10px;
}
.agendapunten-item{
width:249px;
margin:0px;
padding:0px;
float:left;
}

.agendapunten-datum{
width:120px;
margin:0px;
padding:0px;
float:left;
text-align:right;
}

#jaarthema{
margin-top:10px;
}

#jaarthema-afbeelding{
height:351px;
border-left:#738C39 solid 2px;
border-right:#738C39 solid 2px;
}

.listOnEven{
width:374px;
background-color:#E7DCBC;
padding: 2px 0px 2px 5px;
border-left:#738C39 solid 2px;
border-right:#738C39 solid 2px;
}

.listEven{
width:374px;
background-color:#F5F0DD;
padding: 2px 0px 2px 5px; 
border-left:#738C39 solid 2px;
border-right:#738C39 solid 2px;
}

#nieuws .listOnEven a{
color:#000000;
text-decoration:none;
}

#nieuws .listOnEven a:hover{
color:#738C39;
text-decoration:none;
}

#nieuws .listEven a{
color:#000000;
text-decoration:none;
}

#nieuws .listEven a:hover{
color:#738C39;
text-decoration:none;
}

#agendapunten .listOnEven a{
color:#000000;
text-decoration:none;
}

#agendapunten .listOnEven a:hover{
color:#738C39;
text-decoration:none;
}

#agendapunten .listEven a{
color:#000000;
text-decoration:none;
}

#agendapunten .listEven a:hover{
color:#738C39;
text-decoration:none;
}

a img{
border:0px;
}

.funCommentTable{
margin-left:auto;
margin-right:auto;
border:0px;
width:99%;
font-size:10pt;
}

.funCommentUpdatedAt{
color:#999999;
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:9px;
}

.funCommentUpdatedBy{
margin-bottom:0px;
margin-top:0px;
padding-bottom:3px;
padding-top:0px;
border-bottom:dashed 1px black;
}

.funCommentText{
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
font-size:8pt;
}

.inputLabel{
font-size:8pt;
}

.inputField{
font-size:8pt;
}

.inputButton{
	font-size:8pt;
}

.commentButton{
	width:100px;
	border:1px solid #738C39;
	background-color:#ffffff;
}

.commentButton:hover{
	color:#738C39;
}

.commentDiv{
margin-left:auto;
margin-right:auto;
height:500px;
width:90%;
overflow:auto;
}

.commentsDiv{
margin-left:auto;
margin-right:auto;
height:700px;
width:90%;
overflow:auto;
}

.articleTable{
  width:90%;
  margin-left:auto;
  margin-right:auto;
}

.articleButton{
  font-size:8pt;
  width:85px;
}

.titleName{
  font-size:20pt;
  font-weight:bold;
}

.subTable{
  width: 25%;
  margin-left:auto;
  margin-right: auto;
  border:1px solid;
}

/* styles for setup start page */
#tblCurNews{
	width:94%;
	border:none;
	font-size:11px;
	margin:auto;
}

#tblCurNews td{
	height:3px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.dvAddNews{
	margin-left:5px;
	margin-right:5px;
	float:left;
	width:45%;
	height:150px;
}

.dvCurNews{
	padding-left:2px;
	margin:10px;
	height:150px;
	width:51%;
	border-left:1px solid #738C39;
	overflow:auto;
}

.btnAddNewsItem{
	margin-left:68%;
	margin-top:5px;
	border:1px solid #738C39;
	background-color:#ffffff;
}

.btnAddNewsItem:hover{
	color:#738C39;
}

.dvSetupPhoto{
	margin-left:5px;
	margin-right:5px;
	float:left;
	width:45%;
	height:150px;
}

.dvSetupUploadPhoto{
	padding-left:2px;
	margin:10px;
	height:150px;
	width:51%;
	border-left:1px solid #738C39;
	overflow:auto;
}

.btnUploadPhoto{
	margin-top:5px;
	margin-left:198px;
	border:1px solid #738C39;
	background-color:#ffffff;
}

.btnUploadPhoto:hover{
	color:#738C39;
}

.txtUploadPhoto{
	margin-top:60px;
	margin-left:5px;
}

.tblFinOver{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	font-size:9pt;
}

.tblFinOver th{
	padding-right:0px;
	padding-top:15px;
	font-size:11pt;
}

.tblFinOver td{

}

.tdFinImg{
	width:15px;
}

.tdFinSpace{
	width:15px;
}

.btnEvent{
	background-color:#ffffff;
	padding:0px;
	border:1px solid #ffffff;
}

.btnEvent:hover{
	color:#738C39;
}

.tdFinAmt{
	text-align:right;
	width:15%;
	padding-right:4px;
}

.tdFinEvtTotAmt{
	text-align:right;
	width:15%;
	font-size:11pt;
	font-weight:bold;
	border-top:3px solid #000000;
}

.tdFinAccTotAmt{
	text-align:right;
	width:15%;
	font-size:11pt;
	font-weight:bold;
	border-bottom:3px solid #000000;
}

.finLoc{
	font-size:7pt;
}

.ftFinNegAmt{
	color:red;
}

.ftFinPosAmt{
	color:green;
}

.tblFinTrans{
	margin-top:10px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	font-size:8pt;
}

.tdFinTot{
	font-size:11pt;
	font-weight:bold;
	border-top:3px solid #ffffff;
}

.tdFinDesc{
	
}

.tdFinAcc{
	width:20%;
}

.tdFinDate{
	width:15%;
	text-align:center;
}

.tdFinTotDesc{
	border-top:3px solid #ffffff;
	font-size:7pt;
	font-style:italic;
	text-align:right;
	vertical-align:bottom;
}

.btnLoad{
	border:1px solid #738C39;
	background-color:#ffffff;
}

.btnLoad:hover{
	color:#738C39;
}

.tdFinClose{
	text-align:right;
	padding-bottom:15px;
}

.slcHour{
	border:0;
	background-color:#FFFFFF;
}

.tblFinAdmin{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

.tblFinAdmin td{
	font-size:10pt;
	font-family:helvetica;
	width:30%;
}

.tblFinAdmin th{
	text-align:center;
	font-weight:bold;
}

.btnFinAdmin{
	border:none;
}

.txtFinAdmin{
	width:100%;
	border:1px solid #738C39;
}

.txtFinAdminHidden{
	background-color:#FFFFFF;
	border:1px solid #738C39;
}

.tdFinBtnImg
{
	width:25px;
	text-align:center;
}

.tdFinTransAlter
{
	width:25px;
	text-align:center;
}

.tblAlbumAccounts{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	font-family:helvetica;
	font-size:11pt;
}

.tblAlbumAccounts th{
	text-decoration:underline;
	text-align:center;
	height:30px;
}

.tblAlbumAccounts td{
	border-bottom:1px dotted #738C39;
	vertical-align:middle;
}

.tdAlbumAccountsName{
	text-align:left;
}

.tdAlbumAccountsPassword{
	text-align:left;
}

.tdAlbumAccountsUpdated{
	width:15%;
	font-size:8pt;
	text-align:right;
}

.tdAlbumAccountsBool{
	text-align:center;
}

.tdCommentTextPhotoAccounts{
	font-family:courier new;
	font-size:9pt;
}

.inputOpenTrans{
	border:1px solid #738C39;
	font-size:8pt;
	width:100px;
}