/*--------------------------------------------Basis HTML--*/
body, html {
	background-color: #ffffff;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

p, td, ul{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

a, a:visited{
	color:#000;
}

.border{
	border:1px solid #641A17;
	}
	
img{
	border:none;
}

input, textarea, select{
	font-size:10px;
	border:#900 1px solid;
	background-color:#fff;
	cursor:pointer;
}

.field:hover{
	background-color:#FFD2D2;
}

.rood10{
	color:#900;
	font-size:10px;
}

h3{
	color:#641A17;
	letter-spacing:2px;
	font-weight:normal;
	font-size:14px;
}
/*--------------------------------------------opmaak Site--*/
.site_con{
	background-image:url(../images/website/con_bg.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:808px;
	position:absolute;
	left:0px;
	top:0px;
}

.top{ 
	background-image:url(../images/website/top.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:168px;
	text-align:left;
}

.middle{
	background-image:url(../images/website/main.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:413px;
	text-align:left;
}

.bottom{
	background-image:url(../images/website/bottom.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:226px;
	text-align:left;
}



.content{
	position:absolute;
	left:450px;
	top:10px;
	display:block;
	width:600px;
	height:400px;
	overflow-y:auto;
	
	scrollbar-3dlight-color:#fff;
    scrollbar-arrow-color:#A91E23;
    scrollbar-track-color:#fff;
    scrollbar-darkshadow-color:#A91E23;
 	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#A91E23;
  	scrollbar-shadow-color:#fff;
}

/*--------------------------------------------opmaak MENU--*/
.menu{
	position:absolute;
	left:280px;
	top:30px;
	width:150px;
}

.menu_item{
	position:relative;
	float:right;
	display:block;
	width:150px;
	height:20px;
	line-height:20px;
	text-align:right;
	text-decoration:none;
	padding-right:18px;
}

#active_menu, .menu_item:hover{
	color:#A91E23;
}

#active_menu{
	background-image:url(../images/website/noot.jpg);
	background-position:right;
	background-repeat:no-repeat;
}


.page_header_con{
	position:relative;
	float:left;
	width:100%;
	display:block;
}

.page_header{
	position:relative;
	float:left;
	margin:0px 0xp 0px 30px;
}

/*--------------------------------------------opmaak LOGIN FORM frontend--*/
.loginform{
	position:absolute;
	left:20;
	top:70px;
	display:block;
	width:280px;
	height:50px;
	color:#FFF;
}

.loginform a{
	color:#FFF
}

.login_field{
	border:#641A17 1px solid;
	border-bottom:#641A17 1px solid;
	background-color:#000;
	color:#FFF;
}

.login_button{
	border:#641A17 1px solid;
	border-bottom:#641A17 1px solid;
	background-color:#000;
	color:#FFF;
}

.login_button:hover{
	color:#900;
}

.login_link, .login_link:visited{
	border:none;
	color: #CCC;
	text-decoration:none;
}
/*--------------------------------------------opmaak LOGIN FORM frontend--*/
.ledenlijst{
	font-size:9px;
}

/*--------------------------------------------opmaak voor de fotobox op de indexpagina--*/
.fotobox{
	position:absolute;
	left:420;
	top:96px;
	width:250px;
	height:110px;
}


.fotobox img{
	width:auto;
	height:105px;
	margin:0px 0px 0px 5px;
}
/*--------------------------------------------opmaak fotoalbum--*/
.foto_album{
	background-image:url(../images/website/fotoalbum_album.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:140px;
	height:140px;
	margin:2px;
	text-align:center; 
	color:#641A17;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	}

.foto_album_img_con{
	width:120px;
	height:100px;
	overflow:hidden;
	margin:6px 4px 0px 0px;
}

.foto_album_img{
	width:120px;
}

/*--------------------------------------------opmaak mededelingen--*/
.mededeling_item{
	background-image:url(../images/website/mededeling_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:120px;
	height:161px;
	display:block;
	text-decoration:none;
	cursor:pointer;
}

.mededeling_titel{
	position:relative;
	float:left;
	width:90px;
	text-align:center;
	margin:60px 0px 0px 15px;
}

.mededeling_popup{
	padding:10px;
}

/*--------------------------------------------opmaak mededelingen--*/
.optredens{
	position:absolute;
	left:740px;
	top:110px;
	width:250px;
	height:80px;
	font-size:12px;
	overflow:hidden;
}

.optreden_item{
	background-image:url(../images/website/dot.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:250px;
	height:28px;
	color:#641A17;
	padding:5px 0px 0px 25px;
	text-decoration:none;
	cursor:pointer;
}

.optreden_popup{
	padding:10px;
}

/*--------------------------------------------opmaak bestanden downloaden--*/
.file_item{
	position:relative;
	float:left;
	width:80px;
	height:100px;
	margin:2px;
	text-align:center;
	font-size:9px;
	}
	
.file_item a{
	text-decoration:none;
}