body {
	font-family: georgia, arial, serif;
	text-align: center;
	margin-bottom: 20px;
	background: url(../img/back_header.gif) repeat-x left top;
}

div.container {
	position: relative;
	width: 960px;
	margin: 0px auto;
	text-align: left;

}

div.header {
	height: 160px;
	position: relative;
}
	img.logo {
		position: absolute;
		bottom: 0px;
	}
	img.slogan {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}

ul#kruimelpad {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	ul#kruimelpad li {
		float: left;
		margin-right: 5px;
	}
		ul#kruimelpad li a {
			color: #4f81bd;
		}
		
div.contentcontainer {
	padding: 0px 0px 1em 0px;
}

	div.content {
		float: left;
		width: 550px;
		color: #053064;
		margin-right: 10px;
	}
		h1 {
			font-size: 1.2em;
			min-height: 22px;
			height: 22px;
			line-height: 22px;
			padding: 15px 0px 10px 0px;
			color: #4f81bd;
		}
			body.home h1 {
				margin-top: 20px;
			}
		h2 {
			font-size: 1em;
			padding: 1em 0px 0.3em 0px;
			color: #4f81bd;
		}
		h3 {
			font-size: 0.8em;
			padding: 0.6em 0px 0.1em 0px;
			color: #4f81bd;
		}
			h3 a {
				text-decoration: none;
			}
				h3 a:hover {
					text-decoration: underline;
				}
		p, ul, ol {
			margin-bottom: 1em;
		}
		p {
			font-size: 0.75em;
			line-height: 170%;
			padding: 0px 0px 0px 0px;
		}

			p.terug {
			}
		a {
			color: #7a9346;
		}
			a:hover {
				text-decoration: none;
			}
		div.content ul {
			padding: 0px 0px 0px 4px;
			list-style: disc;
			list-style-position: inside;
		}
		div.content ol {
			padding: 0px 40px 0px 4px;
			list-style-type: decimal;
			list-style-position: inside;
		}
			ul li, ol li {
				font-size: 0.75em;
				line-height: 150%;
				margin-bottom: 0.3em;
			}
				li li {
					font-size: 1em;
				}

		div.intro {}
			div.intro p {
				font-weight: bold;
			}		
	
		div.socialbookmarks {}
			div.socialbookmarks ul {
				list-style: none;
			}
				div.socialbookmarks ul li {
					float: left;
					margin-right: 5px;
				}
				div.socialbookmarks ul li span {
					display: none;
				}
		
		
		div.related {
			float: left;
			width: 190px;
			margin-top: 66px;
		}		
		
	div.menu {
		margin-top: 66px;
		float: left;
		width: 200px;
		margin-right: 10px;
	}
		div.menu ul {
			margin-top: 3px;
		}
			div.menu ul li {
				min-height: 22px;
			}
				div.menu ul li.hier {
				}
				div.menu ul li a {	
					padding: 0px 0px 0px 20px;
					min-height: 22px;
					line-height: 22px;
					display: block;
					color: #4f81bd;
					text-decoration: none;
					background-color: #dce6f2;
				}
				div.menu ul li.hier a, div.menu ul li a:hover {	
					background-color: #4f81bd;
					color: #ffffff;
				}
		div.menu ul li ul {
			margin-left: 20px;
		}
			div.menu ul li ul li {
				background: none;
				font-size: 1em;
				min-height: 18px;
			}
					div.menu ul li.hier ul li a, div.menu ul li ul li.hier a {
						background-image: none;
					}
				div.menu ul li ul li a {	
					padding: 0px 0px 0px 20px;
					min-height: 22px;
					line-height: 22px;
					color: #10253f;
				}
					div.menu ul li ul li.hier a, div.menu ul li ul li a:hover {	
						color: #000000;
					}
				div.menu ul li.open a {
					background-color: #4f81bd;
					color: #ffffff;
				}

	

div.footer {
}
	div.footer a {
	}

form {}
	fieldset {
	}
		label {
		}
		input {
		}
		textarea {
		}
		input.error,
		textarea.error {
		}
		span.error, p.error {

		}				

div.rechthoek {
	margin-left: 10px;
}
	div.rechthoek h3 {
		background-color: #4f81bd;
		color: #ffffff;
		padding-left: 4px 0px 4px 10px;
	}

/* overige classes */
.floatright {
	float: right;	
}

.screenreader {
	display: none;
}

div.clearer {
	clear: both;
	padding-bottom: 0.5em;
}

#kruimelpad:after,
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}