body,html{
	padding:0px;
	margin:0px;
	width:100%;
	height:1000px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size:12px;
	color:#444444;
	
	background-color:#92a7ca;
	/*
	background-color:#143264;*/
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	
	behavior: url(../../../../../../../../../../basicscripts/PNGfix/iepngfix.htc);
}

#mainframe{
	width:978px;
	position:absolute;
	left:50%;
	margin-left:-488px;
	text-align:left;
	
}

.printonly{
	visibility:hidden;	
}

#broodkruimel{
	text-align:right;
	padding-right:20px;
	margin-top:-10px;
	_margin-top:0px;
	z-index:4;
	position:absolute;
	
	width:965px;
}

			#broodkruimel a{
				color:#0058b2;
				text-decoration:none;
				padding:2px;
				font-weight:normal;
			}
			
			#broodkruimel a:hover{
				color:#0058b2;
				text-decoration:none;
				background-color:#ffdb00;
				padding:2px;
			}
			
			#username{
				float:right;
				padding-top:60px;
				
				text-align:right;
				width:970px;;
				position:absolute;
				margin-top:25px;
			}


#hoofding{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	text-align:left;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
	height:304px;
	margin-top:100px;
	
}


#kader{
	height:304px;
	margin-top:-304px;
	z-index:10;
	position:absolute;
	
	width:975px;
	
}

.linknaam{
	color:#494526;
}



#username .linknaam:hover{
	color:#494526;
	text-decoration:underline;
	background:none;
}

			/*------------ Kalender, Foto's en Nieuws tussen de header en content ----------------*/
		
			#spotlight{
				width:430px;
				float:right;
				margin-top:10px;
				height:310px;
				padding-right:10px;
				color:#FFFFFF;
				
			}
			
						.spotlight_kalender{
							height:33%;
						}
						
						.spotlight_kalender_over{
							cursor:pointer;
							height:33%;
						}
						
						.spotlight_kalender h1{
							color:#FFFFFF;
						}
						
						.spotlight_kalender_over h1{
							color:#FFFFFF;
						}
						
						.spotlight_kalender{
							background-image:url(../images/kalender.png);
							background-repeat:no-repeat;
							background-position:0px 5px;
							padding-left:90px;
						}
						
						.spotlight_kalender_over{
							background-image:url(../images/kalender_over.png);
							background-repeat:no-repeat;
							background-position:0px 5px;
							padding-left:90px;
						}

						
						
						#spotlight .spotlight_nieuwtjes{
							height:33%;
						}
						
						#spotlight .spotlight_nieuwtjes_over{
							cursor:pointer;
							height:33%;
						}
						
						#spotlight .spotlight_nieuwtjes h1{
							color:#FFFFFF;
						}
						
						#spotlight .spotlight_nieuwtjes_over h1{
							color:#FFFFFF;
						}
						
						#spotlight .spotlight_nieuwtjes{
							background-image:url(../images/nieuwtjes.png);
							background-repeat:no-repeat;
							background-position:0px 5px;
							padding-left:90px;
						}
						
						#spotlight .spotlight_nieuwtjes_over{
							background-image:url(../images/nieuwtjes_over.png);
							background-repeat:no-repeat;
							background-position:0px 5px;
							padding-left:90px;
						}
						
						
						#spotlight .spotlight_fotos{
							height:33%;
						}
						
						#spotlight .spotlight_fotos_over{
							cursor:pointer;
							height:33%;
						}
						
						#spotlight .spotlight_fotos h1{
							color:#FFFFFF;
						}
						
						#spotlight .spotlight_fotos_over h1{
							color:#FFFFFF;
						}
						
						#spotlight .spotlight_fotos{
							background-image:url(../images/fotos.png);
							background-repeat:no-repeat;
							background-position:0px 5px;
							padding-left:90px;
						}
						
						#spotlight .spotlight_fotos_over{
							background-image:url(../images/fotos_over.png);
							background-repeat:no-repeat;
							background-position:0px 5px;
							padding-left:90px;
						}
		

#logo{
	width:320px;
	height:80px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-top:15px;
	margin-left:10px;
	z-index:15;
	cursor:pointer;
}		
			


/*---------------------menu bovenaan rechts----------*/


			
#menu_boven{
	float:right;
	margin-top:0px;
	color:#494526;
}

			#menu_boven .left{
				width:18px;
				height:28px;
				background-image:url(../images/topmenu_left.png);
				background-repeat:no-repeat;
			}
			
			#menu_boven .right{
				width:18px;
				background-image:url(../images/topmenu_right.png);
			}
			
			#menu_boven .center{
				background-image:url(../images/topmenu_center.png);
				padding-left:5px;
				padding-right:5px;
		
				background-repeat:repeat-x;
				cursor:pointer;
			}
			
			#menu_boven .centerover{
				background-image:url(../images/topmenu_centerover.png);
				padding-left:15px;
				padding-right:15px;
				background-repeat:repeat-x;
				padding-top:5px;
				cursor:pointer;
				color:#0058b2;
			}
			
			


#body_top{
	height:20px;
	width:978px;
	background-image:url(../images/body_top.png);
	
}

#body_center{
	width:978px;
	background-image:url(../images/body_center.png);
	padding-bottom:20px;
}




			/*-----------------hoofdmenu---------------*/




			#menu_links{
				width:220px;
				vertical-align:top;
				text-align:left;
			}
			
						#menu_links td{
							cursor:pointer;
						}
						
						.menulink{
							font-size:14px;
							padding:5px;
							padding-left:15px;
							width:180px;
							height:22px;
							background-image:url(../images/menulink.png);
							background-repeat:no-repeat;
							color:#444444;
						}
						
						.menulinkselected{
							font-size:14px;
							padding:5px;
							padding-left:15px;
							height:22px;
							background-image:url(../images/menulinkselected.png);
							background-repeat:no-repeat;
							color:#FFFFFF;
						}
						
						.menumetsublink{
							font-size:14px;
							padding:5px;
							padding-left:15px;
							height:22px;
							background-image:url(../images/menulink.png);
							background-repeat:no-repeat;
							color:#444444;
							
						}
						
						.menumetsublinkselected{
							font-size:14px;
							padding:5px;
							padding-left:15px;
							height:22px;
							background-image:url(../images/menumetsublinkselected.png);
							background-repeat:no-repeat;
							color:#FFFFFF;
						}
						
						.submenulink{
							padding-left:5px;
							border-bottom:1px dotted #CCCCCC;
							border-right:50px solid #FFFFFF;
							border-left:20px solid #FFFFFF;
							color:#758d9d;
							
						}	
						
						.submenulinkselected{
							padding-left:5px;
							border-bottom:1px dotted #CCCCCC;
							border-right:50px solid #FFFFFF;
							border-left:20px solid #FFFFFF;
							color:#444444;
						}	
						
						
						/*--------------subsubmenu---------------------*/
						.subsubmenulink{
							text-decoration:none;
							padding-left:15px;
							font-size:11px;
							font-style:italic;
							font-weight:normal;
							color:#758d9d;
						}
						
						#menu_links	.subsubmenulinkselected{
							text-decoration:none;
							padding-left:15px;
							font-size:11px;
							font-style:italic;
							color:#494526;
							background:none;
							font-weight:normal;
						}
			
			
			h1{
				color:#436378;
				font-size:18px;
				border-bottom:1px solid #CCCCCC;
				padding-bottom:5px;
			}
			
			h2{
				color:#436378;
				font-size:16px;
				margin-bottom:0px;
			}
			
			h3{
				color:#436378;
				font-size:14px;
			}
			
			a{
				color:#436378;
				text-decoration:none;
				font-weight:bold;
				padding:5px;
			}
			a:hover{
				color:#FFFFFF;
				text-decoration:none;
				background-color:#436378;
			}
			hr{
				background-color:#CCCCCC;
				height:1px;
				border:none;
			}
			
			
			#content{
				width:730px;
				vertical-align:top;
				padding-right:10px;
			}
			
			fieldset{
				border:1px solid #cad1ad;
			}
			
			img{
				border:none;
			}
			
			li{
				line-height:20px;	
			}
			
			.ingeschreven{
				margin-left:-20px;	
			}
		
			.subingeschreven{
				margin-left:-40px;	
			}

#body_bottom{
	height:20px;
	width:978px;
	background-image:url(../images/body_bottom.png);
	margin-top:-12px;
}












/*--------------------------submenu onderaan------------------------------*/




#menu_onder{
	width:970px;
	text-align:right;
}

			#deltacom{
				float:left;
				padding-left:10px;
			}
			
			#deltacom a{
				color:#FFFFFF;
				text-decoration:none;
				background:none;
				font-weight:normal;
			}
			
			#deltacom a:hover{
				color:#436378;
			}
			
			# .menuonderlink{
				color:#FFFFFF;
				text-decoration:none;
				font-weight:normal;
			}
			
			# .menuonderlinkselected{
				color:#436378;
				text-decoration:none;
				background:none;
				font-weight:normal;
			}
			
			
			
			
			/*--------------------------login-----------------------------------*/
			
			
			
			.titel{
				font-weight:bold;
				text-align:right;
			}
			
			.error{
				color:#FF0000;
			}
			
			
			
			/*-----------------------kalender-----------------------------------*/
			
			#content .kalenderrij1{
				background-color:#a3b4bf;
				height:40px;
			}
			
			#content .kalenderrij1 td{
				padding-left:10px;
				height:40px;
			}
			
			#content .kalenderrij1 th{
				padding-left:10px;
				font-weight:bold;
				text-align:left;
				width:100px;
			}
						
			#content .kalenderrij2{
				background-color:#a4b8c5;
				
			}
			
			
			
			#content .kalenderrij2 td{
				padding-left:10px;
				height:40px;
			}
			
			#content .kalenderrij2 th{
				padding-left:10px;
				font-weight:bold;
				text-align:left;
				height:40px;
			}
			
			#content .kalenderrijover{
				background-color:#617f92;
				color:#FFFFFF;
				height:40px;
			}
			
			#content .kalenderrijover th{
				padding-left:10px;
				text-align:left;
				width:100px;
				height:40px;
			}
			
			#content .kalenderrijover td{
				padding-left:10px;
			}
			
			#content .kalenderdetail th{
				text-align:left;
			}
			
			#content .kalenderdetail td{
				padding-left:10px;
			}
			
			#content .inschrijftabel th{
				text-align:left;
			}
			
			.knop{
				background-color:#436378;
				padding:2px;
				color:#FFFFFF;
				font-weight:bold;
				border:none;
				cursor:pointer;
			}
			
			
			
			
			/*-----------------------nieuws-----------------------------------*/
			#content .tableheader{
				background-color:#436378;
				border-bottom:1px solid #ffdb00;
				color:#FFFFFF;
				font-size:16px;
			}
			
			
	
	
/*-------------------------------------pager---------*/
	
	.pagerlinkselected{
		background-color:#436378;
		color:#FFFFFF;
	}
	
	
			
			
/*--------------------formulier opmaak-----------------*/


.saveknopformulier{
	background-image:url(../../basicimages/disk.png);
	background-color:#436378;
	color:#FFFFFF;
	height:22px;
	border:0px;
	font-weight:bold;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:2px;
	padding-left:20px;
	}
	
	
.acceptknop{
	background-image:url(../images/topmenu_center.png);
	background-color:#FFFFFF;
	color:#436378;
	height:20px;
	border:0px;
	font-weight:bold;
	cursor:pointer;
	
	background-position:2px;
	
	}
		
	.kalenderknop2 {
		background-image:url(../basicimages/calendar_view_week.png);
		background-color:#FFF;
		border:0px;
		font-weight:bold;
		cursor:pointer;
		background-repeat:no-repeat;
		background-position:0px;
		padding:0;
		width:16px;
	}
	
							/* kalender css */
						
						/* the div that holds the date picker calendar */
						.dpDiv {
							}
						
						
						/* the table (within the div) that holds the date picker calendar */
						.dpTable {
							font-family: Tahoma, Arial, Helvetica, sans-serif;
							font-size: 12px;
							text-align: center;
							color: #505050;
							background-color: #ece9d8;
							border: 1px solid #AAAAAA;
							}
						
						
						/* a table row that holds date numbers (either blank or 1-31) */
						.dpTR {
							}
						
						
						/* the top table row that holds the month, year, and forward/backward buttons */
						.dpTitleTR {
							}
						
						
						/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
						.dpDayTR {
							}
						
						
						/* the bottom table row, that has the "This Month" and "Close" buttons */
						.dpTodayButtonTR {
							}
						
						
						/* a table cell that holds a date number (either blank or 1-31) */
						.dpTD {
							border: 1px solid #ece9d8;
							}
						
						
						/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
						.dpDayHighlightTD {
							background-color: #CCCCCC;
							border: 1px solid #AAAAAA;
							}
						
						
						/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
						.dpTDHover {
							background-color: #aca998;
							border: 1px solid #888888;
							cursor: pointer;
							color: red;
							}
						
						
						/* the table cell that holds the name of the month and the year */
						.dpTitleTD {
							}
						
						
						/* a table cell that holds one of the forward/backward buttons */
						.dpButtonTD {
							}
						
						
						/* the table cell that holds the "This Month" or "Close" button at the bottom */
						.dpTodayButtonTD {
							}
						
						
						/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
						.dpDayTD {
							background-color: #CCCCCC;
							border: 1px solid #AAAAAA;
							color: white;
							}
						
						
						/* additional style information for the text that indicates the month and year */
						.dpTitleText {
							font-size: 12px;
							color: gray;
							font-weight: bold;
							}
						
						
						/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
						.dpDayHighlight {
							color: #4060ff;
							font-weight: bold;
							}
						
						
						/* the forward/backward buttons at the top */
						.dpButton {
							font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
							font-size: 10px;
							color: gray;
							background: #d8e8ff;
							font-weight: bold;
							padding: 0px;
							}
						
						
						/* the "This Month" and "Close" buttons at the bottom */
						.dpTodayButton {
							font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
							font-size: 10px;
							color: gray;
							background: #d8e8ff;
							font-weight: bold;
							}

	
/*------------------------Commissies------------------------*/

.commissie_opsomming{
	margin-top:0px;
	margin-left:0px;
}

	.commissie_opsomming li{
		list-style:none;
	}





/*--------------------ledenlijst------------------------*/

.link_ledenlijst:hover{
	background-color:#FFFFFF;;
	text-decoration:underline;
	color:#436378;
}