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

* {
	margin: 0;
	padding: 0;
}

body {
	margin-top: 20px;	
}

#container {
	margin: 0 auto;
	width: 760px;
}

	#header {
		width: 760px;
		height: 50px;
		padding-top: 110px;
		background-image: url(../images/bg_header.jpg);
	}
	
		#menubalk {
			padding-left: 15px;
		}
		
			#menubalk img {
				margin: 0px 15px;
			}

	#left {
		margin-left: 10px;
		margin-top: 10px;
		float: left;
		width: 500px;
	}
		
		.blog {
			margin-bottom: 20px;
		}
		
			.blogtitel {
				width: 470px;
				height: 41px;
				padding: 0px 15px;
				background-image: url(../images/bg_blogtitel.gif);
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				line-height: 25px;
				color: #999999;
			}
			
				.blogtitel a {
					text-decoration: none;
					color: #999999;
				}
				
				.blogtitel a:hover {
					text-decoration: none;
					color: #666666;
				}
			
			.blogbody, .gastenboekbody {
				width: 468px;
				padding: 0px 15px;
				border-left: 1px solid #CCCCCC;
				border-right: 1px solid #CCCCCC;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 20px;
				color: #999999;
			}
			
				.blogbody a {
					text-decoration: none;
					color: #339900;
				}
				
				.blogbody a:hover {
					text-decoration: underline;
					color: #339900;
				}
			
				.blogbody img {
					width: 96px;
					height: 96px;
					background-color: #FFFFFF;
					border: 1px solid #999999;
					padding: 1px;
					margin-right: 15px;
				}
				
			.fotoboekbody {
				width: 468px;
				padding: 0px 15px;
				border-left: 1px solid #CCCCCC;
				border-right: 1px solid #CCCCCC;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 20px;
				color: #999999;
			}
			
				.fotoboekbody img {
					width: 96px;
					height: 96px;
					background-color: #FFFFFF;
					border: 1px solid #999999;
					padding: 1px;
					margin: 15px 7px 0px 7px;
				}
			
			.blogbottom {
				width: 485px;
				height: 41px;
				padding-left: 15px;
				background-image: url(../images/bg_blogbottom.gif);
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #999999;
			}
			
				.blognotes {
					float: left;
					height: 26px;
					margin-top: 15px;
					line-height: 26px;
				}
				
				.leesverder {
					float: right;
					width: 100px;
					height: 26px;
					margin-top: 15px;
					background-image: url(../images/bg_leesverder.gif);
					font-weight: bold;
					line-height: 26px;
					text-align: center;
				}
				
					.leesverder a {
						text-decoration: none;
						color: #999999;
					}
					
					.leesverder a:hover {
						text-decoration: none;
						color: #666666;
					}
			
			.reactie {
				padding: 15px;
				border-top: 1px solid #CCCCCC;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				line-height: 18px;
				color: #999999;
			}
			
				.reactie a {
					text-decoration: none;
					color: #999999;
				}
				
				.reactie a:hover {
					text-decoration: none;
					color: #666666;
				}
			
			.plaatsreactie {
				padding: 0px 15px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #999999;
				background-image: url(../images/bg_plaatsreactie.gif)
			}
		
		#navigatie {
			width: 470px;
			height: 40px;
			padding: 0px 15px;
			margin-bottom: 30px;
			background-image: url(../images/bg_navigatie.gif);
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #999999;
		}
			
			#navigatie a {
				text-decoration: none;
				color: #999999;
			}
			
			#navigatie a:hover {
				text-decoration: none;
				color: #666666;
			}
	
	#right {
		margin-right: 10px;
		float: right;
		width: 200px;
	}
		
		#kalender {
			width: 200px;
			height: 177px;
			background-image: url(../images/bg_kalender.gif);
			background-position: bottom;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
			color: #FFFFFF;
		}
		
			.datum {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 100px;
				line-height: 120px;
				font-weight: bold;
				text-align: center;
				color: #FFFFFF;
			}
			
			.tekst_18 {
				font-size: 18px;
			}
		
		.boxright {
			background-image: url(../images/bg_box.gif);
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #999999;
			padding: 0px 15px 10px 15px;
		}
		
			.boxright a {
				color: #999999;
				text-decoration: none;
			}
			
			.boxright a:hover {
				color: #666666;
				text-decoration: none;
			}
		
		.boxbottom {
			width: 200px;
			height: 10px;
			background-image: url(../images/bg_boxbottom.gif);
		}

.tekst_9 {
	font-size: 9px;
}