/*
groen1 = #CCE82E
groen2 = #96D045
groen3 = #007576
*/

html,body,p,h1,h2,h3,h4,h5,h6,img {
	margin: 0;
	padding: 0;
	border: none;
	}
img {
	display: block;
	}
html {
	height: 100%;
	background: #96D045 url("/img/bg-html.gif") left 5px repeat;
	}
body {
	min-height: 100%;
	background: transparent url("/img/bg-body.gif") left top repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	color: #000;
	text-align: center;
	padding: 0 10px 0 10px;
	}
a {
	color: #007576;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}



.supercontainer {
	width: 934px;
	margin: 0 auto 0 auto;
	text-align: left;
	background: transparent url("/img/bg-shadow.png") left top repeat-y;
	}
.container {
	position: relative;
	width: 910px;
	overflow: hidden;
	margin: 0 12px 0 12px;
	padding: 195px 0 0 0;
	background-color: #fff;
	overflow: hidden;
	}



.fotobalk {
	height: 146px;
	margin: 0 240px 0 0;
	background: transparent url("/img/bg-fotobalk.gif") left top no-repeat;
	}
	.fotobalk img {
		margin: 0 0 0 29px;
		}



#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 124px;
	overflow: hidden;
	background: #007576 url("/img/bg-header.gif") left top no-repeat;
	}
	#header h2 {
		position: absolute;
		left: 29px;
		top: 20px;
		width: 172px;
		background-image: url("/img/logo.gif");
		}
		#header h2 a {
			display: block;
			height: 48px;
			text-indent: -1234em;
			}
	#header .menu {
		position: absolute;
		right: 240px;
		bottom: 0;
		height: 32px;
		background: transparent url("/img/bg-menu-left.gif") left top no-repeat;
		line-height: 1.0;
		}
		#header .menu ul {
			margin: 0;
			height: 32px;
			padding: 14px 10px 0 10px;
			background: transparent url("/img/bg-menu-right.gif") right top no-repeat;
			}
			#header ul li {
				list-style-type: none;
				float: left;
				border-left: 1px solid #007576;
				}
			#header ul li.first {
				border-left: none;
				}
				#header ul li a {
					margin: 0 0.73em 0 0.73em;
					font-size: 0.92em;
					}
				#header ul li.current a {
					color: #000;
					}



.content {
	position: relative;
	padding: 10px 269px 39px 39px;
	}
	.content p.kruimelpad {
		position: absolute;
		font-size: 0.92em;
		color: #888;
		}
		.content p.kruimelpad a {
			color: #888;
			text-decoration: underline;
			}
	.content h1 {
		font-family: "Trebuchet MS", sans-serif;
		font-size: 2.75em;
		font-weight: normal;
		line-height: 1.09;
		letter-spacing: 1px;
		color: #007576;
		margin: 36px 0 0.75em 0;
		}
		.content h1 span {
			color: #96D045;
			}
	.content h2 {
		color: #96D045;
		margin-bottom: 0.5em;
		font-size: 1.167em;
		font-weight: bold;
		}
	.content h3,
	.content h4,
	.content h5,
	.content h6 {
		font-size: 1em;
		font-weight: bold;
		}
	.content .main {
		position: relative;
		margin: 0 225px 0 0;
		min-height: 600px;
		}
	.content p.intro {
		font-weight: bold;
		}
	.content img.right {
		position: absolute;
		right: -225px;
		}
	.content img.left {
		position: relative;
		float: left;
		margin: 0 10px 5px -39px;
		}
	.content ul {
		margin-left: 1.25em;
		padding-left: 0.5em;
		}
	.content .downloadables {
		position: absolute;
		right: -225px;
		top: 81px;
		width: 186px;
		padding-bottom: 36px;
		background-color: #CADD45;
		-webkit-border-top-right-radius: 48px;
		-webkit-border-bottom-left-radius: 48px;
		-moz-border-radius-topright: 48px;
		-moz-border-radius-bottomleft: 48px;
		border-top-right-radius: 48px;
		border-bottom-left-radius: 48px;
		}
		.content .downloadables h3 {
			padding: 1em;
			}
		.content .downloadables ul {
			padding: .33em 0;
			margin-right: 1em;
			}
			.content .downloadables ul li {
				list-style-type:none;
				margin-bottom: .125em;
				border-bottom: 1px solid rgba(255, 255, 255, .5); 
				}

.sidebar {
	position: absolute;
	right: 29px;
	top: 2em;
	width: 211px;
	line-height: 1.25;
	}
	.sidebar h2 {
		margin: 0 0 0.17em 0;
		padding: 0 10px 0 10px;
		color: #96D045;
		}
		.sidebar h2 a {
			color: #96D045;
			}
	.sidebar ul {
		margin: 0 0 2.5em 0;
		padding: 0;
		border-bottom: 2px solid #E6E6E6;
		}
		.sidebar ul li {
			list-style-type: none;
			border-top: 2px solid #E6E6E6;
			}
			.sidebar ul li a {
				display: block;
				padding: 0.33em 29px 0.17em 10px;
				color: #000;
				background: transparent url("/img/arrow.gif") 193px 0.45em no-repeat;
				}
			.sidebar ul li a:hover,
			.sidebar ul li.current a {
				color: #007576;
				text-decoration: none;
				background-image: url("/img/arrow-act.gif");
				}
				.sidebar ul li ul {
					margin: 0;
					font-size: 0.92em;
					border: none;
					}
					.sidebar ul li ul li {
						border: none;
						}
						.sidebar ul li.current ul li a {
							padding-left: 20px;
							color: #000;
							background: transparent url("/img/arrow.gif") 193px 0.4em no-repeat;
							}
						.sidebar ul li.current ul li a:hover,
						.sidebar ul li.current ul li.current a {
							color: #007576;
							background-image: url("/img/arrow-act.gif");
							}
							.sidebar ul li ul li ul {
								font-size: 1em;
								}
								.sidebar ul li.current ul li.current ul li a {
									padding-left: 30px;
									color: #000;
									background: transparent url("/img/arrow.gif") 193px 0.4em no-repeat;
									}
								.sidebar ul li.current ul li.current ul li a:hover,
								.sidebar ul li.current ul li.current ul li.current a {
									color: #007576;
									background-image: url("/img/arrow-act.gif");
									}
	.sidebar .nieuws {
		background: transparent url("/img/bg-sidebar-bottom.gif") left bottom no-repeat;
		font-size: 0.92em;
		}
		.sidebar .nieuws .inner {
			padding: 10px 10px 10px 10px;
			background: transparent url("/img/bg-sidebar-top.gif") left top no-repeat;
			}
		.sidebar .nieuws h2 {
			margin-bottom: 1em;
			padding: 0;
			font-size: 1.27em;
			color: #96D045;
			}
		.sidebar .nieuws .item {
			margin-bottom: 1.5em;
			}
		.sidebar .nieuws .item p {
			margin: 0;
			}



.navigation {
	position: absolute;
	left: 29px;
	top: 148px;
	}
	.navigation ul {
		margin: 0;
		padding: 0;
		font-family: "Trebuchet MS", sans-serif;
		font-weight: bold;
		line-height: 1.25;
		}
		.navigation ul li {
			float: left;
			position: relative;
			width: 172px;
			margin: 0 8px 0 0;
			list-style-type: none;
			background: transparent url("/img/bg-button-bottom.gif") right bottom no-repeat;
			}
			.navigation ul li a {
				display: block;
				padding: 0.5em 10px 0.42em 10px;
				color: #fff;
				background: transparent url("/img/bg-button-top.gif") right top no-repeat;
				}
			.navigation ul li a:hover {
				text-decoration: none;
				color: #007576;
				}
			/* level 2 */
			.navigation ul li ul {
				visibility: hidden;
				position: absolute;
				margin-top: -5px;
				padding: 5px 0 5px 0;
				background: transparent url("/img/bg-button-bottom.gif") right bottom no-repeat;
				font-family: Helvetica, Arial, sans-serif;
				font-weight: normal;
				}
			.navigation ul li:hover ul,
			.navigation ul li.sfhover ul {
				visibility: visible;
				}
				.navigation ul li ul li {
					float: none;
					margin: 0 0 0 0;
					background: none;
					}
				.navigation ul li ul li:hover,
				.navigation ul li ul li.sfhover {
					background: transparent url("/img/arrow-white.gif") 155px 0.67em no-repeat;
					}
					.navigation ul li ul li a {
						display: block;
						padding: 0.5em 15px 0.42em 10px;
						color: #fff;
						background: none;
						}
					/* level 3 */
					.navigation ul li:hover ul li ul,
					.navigation ul li.sfhover ul li ul{
						visibility: hidden;
						position: absolute;
						left: 169px;
						top: 0;
						padding: 3px 0 5px 0;
						border-top: 2px solid #B6DE7D;
						background-color: transparent;
						}
					.navigation ul li:hover ul li:hover ul,
					.navigation ul li.sfhover ul li.sfhover ul {
						visibility: visible;
						}
						.navigation ul li:hover ul li ul li,
						.navigation ul li.sfover ul li ul li {
							width: 170px;
							}



input.text,
input#telnummer,
textarea {
	width: 360px;
	border: 2px solid #E6E6E6;
	}
input.submit {
	width: 102px !important;
	height: 22px;
	margin: 15px 0 15px 0 !important;
	border: none;
	background: transparent url("/img/bg-button2.gif") left top no-repeat;
	color: #fff;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	}



.login {
	position: absolute;
	right: 29px;
	top: 148px;
	width: 182px;
	height: 193px;
	background: #ccc url("/img/bg-login.gif") left top no-repeat;
	line-height: 1.25;
	font-size: 0.92em;
	}
	.login form {
		padding: 10px 10px 0 15px;
		}
	.login fieldset {
		border: none;
		padding: 0;
		}
	.login legend {
		display: none;
		}
	.login h2 {
		font-size: 1.27em;
		margin-bottom: 0.5em;
		}
	.login label {
		display: block;
		}
	.login input {
		display: block;
		width: 144px;
		margin-bottom: 5px;
		}
	.login a {
		color: #000;
		}



.footer {
	margin: 0 29px 0 29px;
	padding: 1.5em 0 1.5em 0;
	border-top: 2px solid #E6E6E6;
	font-size: 0.92em;
	text-align: center;
	color: #888;
	}
	.footer p {
		margin: 0;
		}
	.footer a {
		color: #888;
		}

.naarboven {
	margin: 0 0 2em 39px;
}
		div.video {
                            margin-bottom: 1em;
        }