@import url('form.css');

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	
	background: url(../images/grass.gif);
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	
	text-align: center; /* IE6 */
}

a {
	color: #006430;
	text-decoration: underline;
}

	h2 a:hover,
	td a:hover,
	p a:hover {
		color: #ffffff;
		background: #006430;
		text-decoration: none;
	}

div#container {
	width: 958px;
	margin: 10px auto 0px auto;
	text-align: left;
	
	background: url(../images/container-top.gif) no-repeat #ffffff;
}

	div#container div#container-background {
		padding: 9px;
		background: url(../images/container-bottom.gif) no-repeat bottom left;
	}
	
div#header {
	width: 939px;
	height: 144px;
	
	background: url(../images/header.jpg) no-repeat;
}

	div#header div#logo {
		width: 359px;
		height: 109px;
	}
	
		div#header div#logo a {
			display: block;
			height: 109px;
			width: 359px;
			
			background: url(../images/logo.png) no-repeat;
		}
		
			div#header div#logo a span {
				display: none;
			}
			
		div#header div#menu {
			
		}
		
			div#header div#menu ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
				
				div#header div#menu ul li {
					margin: 0px;
					padding: 0px;
					float: left;
					position: relative;
				}
				
					* html div#header div#menu ul li {
						width: 1%;
						white-space: nowrap;
					}
				
					div#header div#menu ul li a {
						display: block;
						height: 32px;
						line-height: 32px;
						color: #cde3d7;
						text-decoration: none;
						font-weight: bold;
						position: relative;
						padding: 0px 15px 0px 13px;
						
						background: url(../images/menu-spacer.gif) right 9px no-repeat;
					}
					
						div#header div#menu ul li a:hover {
							color: #ffffff;
						}
						
						div#header div#menu ul li.active a {
							color: #ffffff;
						}
				
					/* level 2 */					
					div#header div#menu ul li ul {
						position: absolute;
						left: 5px;
						top: 32px;
						background: #f5f3f3;
						display: none;
						padding: 0px;
						margin: 0px;
						border-left: 1px solid #c2c2c2;
						border-right: 1px solid #c2c2c2;
					}
					
						* html div#header div#menu ul li ul {
							width: 200px;
						}
					
						div#header div#menu ul li ul li {
							float: none;
							border-bottom: 1px solid #c2c2c2;
							padding: 0px;
							margin: 0px;
						}
						
							div#header div#menu ul li.active ul li a,
							div#header div#menu ul li ul li a {
								color: #026531;
								font-size: 11px;
								display: block;
								background: none;
								padding: 0px 10px 0px 10px;
								margin: 0px;
								line-height: 27px;
								height: 27px;
								white-space: nowrap;
								cursor: pointer;
								width: 170px;
							}
							
								div#header div#menu ul li.active ul li.active a {
									color: #000;
								}
							
								div#header div#menu ul li.active ul li.active a:hover,
								div#header div#menu ul li ul li a:hover {
									color: #fff;
									background: #026531;
								}
					
					body div#header div#menu ul li:hover ul {
						display: block;
						z-index: 99;
						position: absolute;
					}
					
div#footer {
	text-align: center;
	margin: 10px auto 0px auto;
	padding: 10px 0px 10px 0px;;
	font-size: 11px;
	color: #333;
	width: 958px;
	background: #fff url(../images/container-top.gif) no-repeat 0px 0px;
	
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

	div#footer a {
		color: #333;
		text-decoration: none;
	}
	
		div#footer a:hover {
			text-decoration: underline;
			background: none;
		}
		
div#main {
	
}

	div#main div#content {
		width: 520px;
		float: left;
	}
	
		div#main div#content div.space {
			padding: 20px 0px 10px 10px;
		}
	
	div#main div#right {
		width: 400px;
		float: left;
		margin: 0px 0px 0px 20px;
	}
	
		div#main div#right div.space {
			padding: 20px 0px 10px 0px;
		}
		
	body.default div#main div#content {
		width: 760px;
		float: left;
	}
	
		body.default div#main div#content div.space {
			padding: 20px 10px 10px 10px;
		}
	
	body.default div#main div#left {
		width: 160px;
		float: left;
		margin: 0px 20px 0px 0px;
	}

		body.default div#main div#left div.space {
			padding: 20px 10px 10px 10px;
		}

/* home */
body.home div#main div#right h3 {
	font-size: 24px;
	line-height: 24px;
	color: #006430;
	font-weight: bold;
	margin: 0px 0px 10px 10px;	
}

/* blocks */
div.block-red {
	padding: 0px 0px 30px 0px;
}

div.block-red h3,
body.home div#main div#right div.block-red h3 {
	font-size: 24px;
	line-height: 24px;
	color: #9d1200;
	font-weight: bold;
	margin: 0px 0px 10px 10px;
}

	div.block-red div.block {
		background: url(../images/block-red.gif) no-repeat top left;
		color: #9d1200;
		text-align: center;
		font-weight: bold;
	}
	
		div#main div#right div.block-red div.block div.space {
			padding: 80px 10px 20px 10px;
			background: url(../images/block-red-bottom.gif) no-repeat bottom left;
		}

div.block-grey {
	padding: 0px 0px 30px 0px;
}

div.block-grey h3 {
	font-size: 24px;
	line-height: 24px;
	color: #006430;
	font-weight: bold;
	margin: 0px 0px 10px 10px;
}

	div.block-grey div.block {
		background: url(../images/block-grey.gif) no-repeat top left;
		color: #000000;
	}

		div#main div#right div.block-grey div.block div.space {
			padding: 10px 10px 10px 10px;
			background: url(../images/block-grey-bottom.gif) no-repeat bottom left;
		}

div.block-yellow {
	padding: 0px 0px 30px 0px;
}

div.block-yellow h3 {
	font-size: 24px;
	line-height: 24px;
	color: #006430;
	font-weight: bold;
	margin: 0px 0px 10px 10px;
}

	div.block-yellow div.block {
		background: url(../images/block-yellow.gif) no-repeat top left;
		color: #000000;
	}

		div#main div#right div.block-yellow div.block div.space {
			padding: 10px 10px 10px 10px;
			background: url(../images/block-yellow-bottom.gif) no-repeat bottom left;
		}

div.block-white {
	padding: 0px 0px 30px 0px;
}

div.block-white h3 {
	font-size: 24px;
	line-height: 24px;
	color: #006430;
	font-weight: bold;
	margin: 0px 0px 10px 10px;
}

	div.block-white div.block {
		background: none;
		color: #000000;
	}

		div#main div#right div.block-white div.block div.space {
			padding: 0px 0px 0px 10px;
			background: none;
		}

/* blog */
img.image {
	padding: 4px;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin: 0px 0px 10px 0px;
}

	body div#container div#main div#content a:hover img.image {
		border: 1px solid #909090;
		background: #cccccc;
		margin-bottom: 10px;		
	}

p.date,
body.default div#main div#content div.blog-item p.date,
div#main div#content div.blog-item p.date {
	font-size: 11px;
	line-height: 11px;
	color: #717171;
	padding: 5px 0px 10px 0px;
}

div#main div#content div.blog-item p {
	color: #3a3a3a;
	padding: 0px 0px 18px 0px;
}	
	
	body.default div#main div#content div.blog-item p {
		padding: 0px 0px 18px 0px;
	}

div.spacer {
	height: 11px;
	background: url(../images/spacer.gif) top center no-repeat;
	border-top: 1px solid #d9d9d9;
	line-height: 0px;
	font-size: 0px;
	margin: 2px 0px 20px 0px;
}

div#main div#content h2 {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #006430;
}

	div#main div#content h2 a {
		color: #006430;
		text-decoration: none;
	}
	
		div#main div#content h2 a:hover {
			color: #ffffff;
		}

div#main div#content h3 {
	font-size: 18px;
	color: #2f2e2e;
	line-height: 18px;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
}

/* submenu left */
div#main div#left ul {
	list-style: none;
}

	div#main div#left ul li a {
		font-size: 15px;
		font-weight: bold;
		color: #006430;
		text-decoration: none;
		display: block;
		line-height: 15px;
		padding: 2px 0px 2px 0px;
	}
	
	div#main div#left ul li.active a,
	div#main div#left ul li a:hover {
		color: #006430;
		background: none;
	}
	
	div#main div#left ul li {
		padding: 0px 0px 10px 0px;
	}
	
	div#main div#left ul li.active ul {
		padding-top: 10px;
	}
	
		body div#main div#left ul li.active ul li a {
			font-size: 12px;
			font-weight: bold;
			color: #4b4b4b;
		}

			div#main div#left ul li.active ul li.active a,
			body div#main div#left ul li.active ul li a:hover {
				color: #006430;
			}
		
		div#main div#left ul li.active ul li {
			padding: 2px 0px 2px 0px;
		}
		
			div#main div#left ul li.active ul li ul li a,
			div#main div#left ul li.active ul li.active ul li.active a,
			div#main div#left ul li.active ul li.active ul li a {
				font-size: 11px;
				font-weight: normal;
				color: #4b4b4b;
				display: block;
				background: url(../images/arrow.gif) no-repeat 0px 5px;
				padding: 0px 0px 0px 8px;
			}	
			
				div#main div#left ul ul ul li.active a,
				div#main div#left ul ul ul li a:hover {
					color: #000;
					background: url(../images/arrow.gif) no-repeat 0px 5px;
					text-decoration: underline;
				}
			
			div#main div#left ul li.active ul li ul {
				padding: 2px 0px 5px 10px;
				display: none;
			}
			
					div#main div#left ul li.active ul li.active ul {
						display: block;
					}

/* content page */
div#main div#content h1 {
	font-size: 24px;
	font-weight: bold;
	color: #006430;
	line-height: 24px;
	padding: 0px 0px 10px 0px;
}

body.default div#main div#content p {
	color: #3a3a3a;
	padding: 0px 0px 18px 0px;
}

/* error */
div.error {
	color: #444;
}

/* erelijst */
table.erelijst {
	margin-bottom: 18px;
}

table.erelijst tr {

}

table.erelijst tr td {
	padding: 5px 0px 5px 0px;
	color: #3A3A3A;
}

/* programm */
body.page_197 table,
body.page_196 table {
	border-collapse: collapse;
}

body.page_197 table tr td,
body.page_196 table tr td {
	padding: 5px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

/* ul */
div#main div#content ul {
	padding: 0px 0px 18px 20px;
	line-height: 18px;
	color: #3A3A3A;
}

div#main div#tweet ul {
	list-style: none;
	margin-bottom: 6px;
}

	div#main div#tweet ul li {
		padding: 3px 0px 3px 0px;
		border-bottom: 1px solid #cdcdcd;
	}
	
		div#main div#tweet ul li span.twitterTime {
			font-size: 10px;
			color: #555;
			white-space: nowrap;
		}
	
		div#main div#tweet ul li a {
			white-space: nowrap;
		}
		
		div#main div#tweet ul li a:hover {
			background: #006430;
			text-decoration: none;
			color: #ffffff;
		}
		
/* smoelenboek */
div.smoelenboek {
	
}

	div.smoelenboek div.item {
		width: 230px;
		float: left;
		margin: 0px 10px 10px 0px;
		text-align: center;
		border: 1px solid #ddd;
	}
	
		div.smoelenboek div.item img {
			margin: 10px 0px 0px 0px;
		}
	
		div.smoelenboek div.item div.label {
			font-size: 11px;
			padding: 5px 0px 10px 0px;
		}
		
/* gallery */
div.gallery {
	
}

	div.gallery div.picture {
		width: 170px;
		height: 170px;
		border: 1px solid #ddd;
		text-align: center;
		float: left;
		margin: 0px 10px 10px 0px;
	}
			div.gallery div.picture:hover {
				border: 1px solid #777;
			}
	
		div.gallery div.picture img {
			margin: 0px 0px 0px 0px;
		}
		
		div.gallery div.picture table td,
		div.gallery div.picture table {
			width: 170px;
			height: 170px;
		}
		
			div.gallery div.picture table td {
				text-align: center;
				vertical-align: middle;
			}
			
			div.gallery div.picture table td a {

			}

	div.gallery div.item {
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #ddd;
		margin: 0px 0px 10px 0px;
	}
	
		div.gallery div.item img {
			float: left;
			margin: 0px 10px 0px 0px;
		}
		
		div.gallery div.item div.label {
			float: left;
			padding: 10px 0px 0px 0px;
		}
		
			div.gallery div.item div.label a {
				font-size: 16px;
			}
			
				div.gallery div.item div.label a:hover {
					background: #006430;
					color: #fff;
					text-decoration: none;
				}
			
			div.gallery div.item div.label span.extra {
				color: #555;
				padding: 10px 0px 0px 0px;
				display: block;
			}
			
/* PIC LINK */
a.pictures {
	padding: 2px 0px 2px 20px;
	background: url(../images/photo-album.png) no-repeat 0px 0px;
}

	a.pictures:hover {
		background: url(../images/photo-album.png) no-repeat 0px 0px;
		color: #000;
	}
	
a.audio {
	padding: 2px 0px 2px 23px;
	background: url(../images/audio.png) no-repeat 0px 0px;
}

	a.audio:hover {
		background: url(../images/audio.png) no-repeat 0px 0px;
		color: #000;
	}