@import url(/include/css/editor.php);


body {
	background: #ffffff url('/image/background.gif');
	}

#container {
	width: 900px;
	margin: 0 auto;
	background: #f8f2dd;
	}

/** HEADER **/

#visual {
	height: 320px;
	position: relative;
	background: url('/image/visual.jpg') no-repeat;
	}
	#car-left {
		position: absolute;
		left: -3px;
		top: 150px;
		width: 3px;
		height: 16px;
		background: url('/image/car-left.gif') no-repeat;
		}
	#car-btm {
		position: absolute;
		left: 15px;
		bottom: -24px;
		width: 283px;
		height: 24px;
		background: url('/image/car-btm.gif') no-repeat;
		}

#homeNav {
	position: absolute;
	top: 36px;
	right: 16px;
	height: 268px;
	width: 326px;
	list-style: none;
	}
#homeNav li,
#homeNav li a {
	display: block;
	height: 89px;
	text-indent: -999em;
	}
#homeNav #navitem9,
#homeNav #navitem9 a {
	height: 90px;
	}
#homeNav #navitem7 a { background: url('/image/btn-praktijk-off.jpg') no-repeat; }
#homeNav #navitem7 a:hover { background: url('/image/btn-praktijk-on.jpg') no-repeat; }
#homeNav #navitem8 a { background: url('/image/btn-theorie-off.jpg') no-repeat; }
#homeNav #navitem8 a:hover { background: url('/image/btn-theorie-on.jpg') no-repeat; }
#homeNav #navitem9 a { background: url('/image/btn-examen-off.jpg') no-repeat; }
#homeNav #navitem9 a:hover { background: url('/image/btn-examen-on.jpg') no-repeat; }

	/** HEADER - CONTENT **/

	#header {
		padding-top: 62px;
		height: 47px;
		background: url('/image/bg-header.jpg') no-repeat;
		}


/** CONTENT **/

#wrapper {

	background: url('/image/bg-content.gif') repeat-x;
	}
#wrapbottom {
	padding: 16px;
	padding-bottom: 0px;
	min-height: 320px;
	overflow: auto;
	background: url('/image/wrap-bottom.gif') no-repeat left bottom;
	}

#content {
	width: 542px;
	float: left;
	margin-bottom: 5px;
	background: #ffffff url('/image/content-middle.gif') repeat-y;
	}
#content-top {
	padding-top: 20px;
	background: url('/image/content-top.gif') no-repeat;
	}
#content-btm {
	padding-left: 20px;
	padding-right: 55px;
	padding-bottom: 1px;
	background: url('/image/content-bottom.gif') no-repeat left bottom;
	}

#person {
	padding-bottom: 100px;
	background: url('/image/peter-hanemaaijer.jpg') no-repeat left bottom;
	}
#generator {
	min-height: 360px;
	padding-bottom: 40px;
	}

#sidebar {
	width: 310px;
	float: right;
	margin: 0 0 115px 0;
	}
	#cbr-banner {
		float: right;
		}
	#sidebar #sidebartexttop {
		width: 310px;
		height: 4px;
		clear: both;
		background: white url(/image/bg-sidebar-corner.gif) no-repeat 0px -4px;
		font-size: 0px;
	}
	#sidebar #sidebartextbottom {
		width: 310px;
		height: 4px;
		background: white url(/image/bg-sidebar-corner.gif) no-repeat 0px 0px;
		font-size: 0px;
	}
	#sidebar #sidebartext {
		display: block;
		padding: 20px;
		background: white url(/image/bg-sidebar.gif) repeat-y;
	}
		#sidebar #sidebartext h1, 
		#sidebar #sidebartext h2, 
		#sidebar #sidebartext h3 {
			font-size: 160%;
		}
		


/** FOOTER **/

#footer {
	position: relative;
	clear: both;
	height: 29px;
	background: url('/image/bg-footer.gif') no-repeat;
	}
#footer p {
	height: 29px;
	line-height: 27px;
	padding-left: 33px;
	font-size: 80%;
	}
#footer a {
	color: #505050;
	font-weight: normal;
	}

#bovag {
	position: absolute;
	right: 16px;
	top: -100px;
	}


/** CLASSES **/

p.figure {
	float: right;
	position: relative;
	width: 310px;
	height: 178px;
	overflow: hidden;
	background: #ffffff;
	margin: 0 0 20px 0;
	}
p.figure img {
	display: block;
	}
p.figure #figure-overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 310px;
	height: 178px;
	background: url('/image/figure-overlay.png') no-repeat 0 0;
	}