@charset "utf-8";

/* document */
html {
	background-color: #ffffff;
}

	body {
		font: 12px Arial, Helvetica, sans-serif;
		color: #382828;
		margin: 0;
		padding: 0;
		text-align: center; /* voor center van container in oude browsers */
	}


/* headers */
h1, h2, h3 {
	color: #b02229;
	margin: 0 0 18px 0;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 14px;
}

h3 {
	color: #382828;
	font-size: 12px;
}


/* text */
p {}

a, a:visited, .rood {
	color: #b02229;
}

	a img {
		border: none;
	}

ul {
	list-style: none;
	margin: 0 0 12px 0;
}

	ul li {
		background-image: url(../images/bullet.gif);
		background-repeat: no-repeat;
		margin: 0 0 10px 0;
		padding: 0 0 0 21px;
	}
	
	ul li ul {
		margin: 15px 0 0 0;
	}

/* tables */
table {}
	tr {}
		th {}
		td {}


/* forms */
form {
	margin: 20px 0 15px 0;
}

	form label {
		clear: both;
		color: #b02229;
		display: block;
		float: left;
		font-weight: 700;
		width: 91px;
	}
	
	form .fields {
		float: left;
		margin: 0 0 10px 0;
		width: 206px;
	}

	form input.radio {
		border: none;
		margin: 0;
		vertical-align: top;
		width: 15px;
	}

	form input.text {
		border: 1px solid #b02229;
		width: 204px;
	}

	form input.menselijk {
		display: none;
	}

	form input.submit {
		background-image: url(../images/bg_button.gif);
		border: none;
		color: #ffffff;
		cursor: pointer;
		float: right;
		font-size: 11px;
		font-weight: 700;
		height: 41px;
		margin: 13px 0 0 0;
		width: 129px;
	}

	form select, option {
		border: 1px solid #b02229;
		margin: 0;
		width: 204px;
	}

	form textarea {
		border: 1px solid #b02229;
		height: 80px;
		margin: 0;
		width: 204px;
	}


/* blocks */
div {}

#container {
	margin: 0 auto;
	text-align: left; /* voor center van container in oude browsers - fix voor nieuwe browsers */
	width: 792px;
}

	#header {
		height: 241px;
		margin: 0 0 5px 0;
		width: 100%;
	}

		#logo {
			background-image: url(../images/logo.gif);
			background-position: 0px 52px;
			background-repeat: no-repeat;
			float: left;
			height: 118px;
			width: 441px;
		}
			
			#logo a {
				display: none;
			}
			
		#language {
			color: #b02229;
			line-height: 20px;
			padding-top: 20px;
			text-align: right;
		}
	
			#language a {
				color: #b02229;
			}
		
			#language a.active {
				text-decoration: none;
			}
	
		#navigation {
			height: 61px;
			line-height: 20px;
			margin: 10px 0 0 0;
			text-align: right;
		}
	
			#navigation ul {
				height: 61px;
				list-style-image: none;
				list-style-position: outside;
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			
			#navigation ul li {
				background-image: url(../images/bg_tab.gif);
				background-position: 0px 0px;
				background-repeat: no-repeat;
				float: left;
				height: 61px;
				width: 112px;
				margin: 0 0 0 5px;
				padding: 0;
			}
		
				#navigation ul li a {
					color: #ffffff;
					display: block;
					font-size: 12px;
					font-style: italic;
					font-weight: 700;
					height: 61px;
					position: relative;
					text-decoration: none;
					width: 112px;
				}
	
					#navigation ul li a span {
						bottom: 0;
						display: block;
						line-height: 15px;
						padding: 0 15px 6px 0;
						position: absolute;
						right: 0;
						text-align: right;
					}
	
				#navigation ul li a.active {
					font-style: normal;
				}
	
		#visual {
			background-position: 0 0;
			background-repeat: no-repeat;
			clear: both;
			color: #b02229;
			font-size: 21px;
			font-style: oblique;
			font-weight: 700;
			height: 87px; /* 123px - padding-top */
			line-height: 24px;
			padding-left: 240px;
			padding-top: 36px;
		}

	#content {
		background-image: url(../images/content-background-image.gif);
		background-repeat: repeat-y;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	
		#content div.left {
			float: left;
			margin: 0 7px 0 0;
			width: 440px;
		}
		
			#content div.left div.top {
				background-image: url(../images/left-background-image.gif);
				background-repeat: no-repeat;
				height: 20px;
				width: 440px;
			}
			
			#content div.left div.text {
				border-bottom: 1px solid #ded5cc;
				padding: 3px 32px 50px 24px;
			}

		#content div.right {
			float: left;
			width: 345px;
		}

			#content div.right div.text {
				border-top: 1px solid #ded5cc;
				padding: 22px 27px 20px 21px; /* padding-bottom = #content .bottom height */
			}

		#content div.bottom {
			background-image: url(../images/right-background-image.gif);
			background-repeat: no-repeat;
			bottom: 0;
			height: 20px;
			position: absolute;
			right: 0;
			width: 345px;
		}

	#footer {
		clear: both;
		color: #7e6f66;
		font-size: 11px;
		height: 44px;
		margin: 7px 0 0 0;
		width: 100%;
	}


/* common */
.footnote {
	clear: both;
	font-size: 10px;
	padding: 30px 0 0 0;
}