* {
		margin: 0;
		padding: 0;
}

body {
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		margin-top: 0px;
		background-color: #b0c1e6;
		background-image: url(images/road.gif);
}

h1 {
		font: bold 1.9em Verdana, Arial, Helvetica, sans-serif;
		color: #0b1737;
		line-height: 1.2;
		margin: 20px 20px 5px 30px;
}

h2 {
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
		color: #0b1737;
		background-color: #95acdf;
		line-height: 1.2;
		margin: 15px 20px 5px 30px;
}

h3 {
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		line-height: 1.2;
		margin: 15px 0 10px 20px;
}

h4 {
		font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
		color: #0b1737;
		line-height: 1.2;
		font-size: 1.3em;
		margin: 20px 20px 5px 35px;
}

h5 {
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
		color: #0b1737;
		line-height: 1.2;
		margin: 15px 20px 5px 30px;
}

p {
		font-size: 70%;
		line-height: 1.5;
		margin: 0px;
}

td {
		font-size: 80%;
		line-height: 1.2;
		margin: 0px;
}

.ftbl_row_1 {
		text-align: right;
}

.ftbl_row_2 {
		text-align: right;
}

.ftbl_row_1a {
		text-align: left;
}

.ftbl_row_2a {
		text-align: left;
}

a {
		color: #d2d0a9;
		line-height: 1.0;
}

a:hover {
		text-decoration: none;
}

a.content {
		color: #0b1737;
		text-decoration: none;
}

a.content:hover {
		text-decoration: none;
		color: #35436a;
}

.bold {		font-weight: bold;
		color: #0b1737;
}

.noot {		font: italic 0.8em Verdana, Arial, Helvetica, sans-serif;
		color: #0b1737;
}

.small {	font: normal 0.6em Verdana, Arial, Helvetica, sans-serif;
		color: #0b1737;
}

.rood {		color: #ff0000;
}

#container { 
}

#hoofding {
	 	float: left;
		z-index:1;
		width:100%;
		height:183px;
		background-image: url(images/hoofdrepeat.gif);
		background-repeat: repeat-x;
		background-position: top;
		background-color: transparent;
}

#corner { 
	 	position:absolute;
		z-index:1;
		width:167px;
		height:160px;
		background-color: #0b1737;
	 }

#hoofd { 
	 	position:absolute;
		z-index:2;
		left:100px;
		width:799px;
		height:160px;
		background-image: url(images/logo.gif);
	 }

#menu {
		position:absolute;
		z-index:5;
		top:161px;
		width:auto;
		height:20px;
		margin: 0;
		padding:0 0 0 150px;
		background-color: transparent;
		background-image: url(images/menurepeat.gif);
		background-repeat: repeat-x;

	}

#menu ul li a
		{padding: 0 4px 0 5px;
		margin: 0;
}

#menu ul, 

#menu ul li
		{list-style-type: none;
		display: inline;
		padding: 0;
		margin: 0;
}

#menu a {color: #001a5a;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0;
		text-decoration: none;
}

#menu a:hover
		{color: #35436a; 
}

#icons { 
	 	position:absolute;
		z-index:4;
		right:30px;
		top:63px;
		width:182px;
		height:36px;
		background-image: url(images/icons.gif);
		background-color: transparent;
	 }

#content {
		float: left;
		width:900px;
}

#box {
		position: absolute;
		left:0;
		top:0;
		width:auto;
		height:auto;
		padding:10px 20px 20px 20px;
		background-color: #b0c1e6;
}

#title {
		float: left;
		clear: both;
		width:600px;
		height:auto;
}

#wide {
		float: left;
		clear: both;
		width:600px;
		height:auto;
		padding:0 10px 0 10px;
}

#wide2 {
		float: left;
		width:540px;
		height:auto;
		padding:0 30px 0 30px;
}

#wide3 {
		float: left;
		width:540px;
		height:auto;
		padding:0 30px 0 30px;
}

#seperator {
		float: left;
		clear: both;
		width: 540px;
		height: 2px;
		padding:0 0 0 0;
}

#intro {
		float: left;
		clear: both;
		width:540px;
		margin: 10px 0 0 0;
		padding: 0 30px 0 30px;
		height:auto;
}

#inhoud {
		float: left;
		width: 680px;
		min-height: 510px;
		height:auto !important;
		height: 510px;
		margin: 10px 0 0 0;
		padding: 0 0 20px 0;
		background-image: url(images/backgroundtxt600.gif);
		background-repeat: repeat-y;
		background-position: left;
		background-color: transparent;
}

#inhoud1 {
		float: left;
		width: 260px;
		margin: 0;
		padding: 0 10px 20px 30px;
}

#inhoud2 {
		float: left;
		width: 260px;
		margin: 0;
		padding: 0 30px 20px 10px;
}

#personeelrechtswide {
		float: right;
		width: 120px;
		height: 150px;
		margin: 20px 0 0 10px;
		background-color: transparent;
}

#afbeeldingrechtswide {
		float: right;
		width: 300px;
		height: 166px;
		margin: 5px -45px 5px 10px;
		border: 3px solid #b0c1e6;
		background-color: transparent;
}

#afbeeldingrechts {
		position: relative;
		left: 0px;
		width: 300px;
		height: 166px;
		margin: 5px 0 5px 0;
		border: 3px solid #b0c1e6;
		background-color: transparent;
}

#afbeeldingrechtsbig {
		position: relative;
		left: 0px;
		width: 300px;
		height: 199px;
		margin: 5px 0 5px 0;
		border: 3px solid #b0c1e6;
		background-color: transparent;
}

#afbeeldinglinks {
		position: relative;
		width: 250px;
		height: auto;
		margin: 5px 0 5px -10px;
		background-color: transparent;
}

#kolom {
		float: left;
		width: 180px;
		text-align: right;
		margin: 10px 0 0 0;
		font: bold 70% Verdana, Arial, Helvetica, sans-serif;
		background-color: transparent;
}

#kolom a {
}

#page-icon {
		float: left;
		width: 160px;
		height: 65px;
		text-align: right;
		margin: 0px 0 0 0;
}

#localnav {
		float: left;
		width: 165px;
		height: 35px;
		text-align: right;
		margin: 5px 15px 0 0;
}

#certificaten {
		position: absolute;
		left:0;
		top:627px;
		width: 160px;
		height:180px;
		margin: 20px 0 0 0;
		background-image: url(images/certificaten.gif);
		background-repeat: no-repeat;
		background-position: right;
}

#nav ul li a {
		padding: 0 0 0 10px;
		margin: 0;
}

#nav ul,

#nav ul li {
		list-style-type: none;
		padding: 0;
		margin: 0 0 5px 0;		
}

#nav {
		float: right;
		width: 150px;
		height: 310px;
		text-align: right;
		margin: 10px 0 0 0;
		padding: 0 20px 0 0;
}

#nav a {
		text-decoration: none;
}

#nav a:hover {
		color: #fff;
}

		body#auto a#autonav,
		body#auto-opleiding a#auto-opleidingnav,
		body#auto-opleiding_be a#auto-opleiding_benav,
		body#auto-basis_opleiding a#auto-basis_opleidingnav,
		body#auto-combi_opleiding a#auto-combi_opleidingnav,
		body#auto-complete_opleiding a#auto-complete_opleidingnav,
		body#auto-rechtstreekse_weg a#auto-rechtstreekse_wegnav,
		body#auto_be a#autobenav,
		body#auto-bijscholing a#auto-bijscholingnav,
		body#start_to_drive a#start_to_drivenav,
		body#rijbewijs_op_school a#rijbewijs_op_schoolnav,
		body#doorgedreven_rijopleiding a#doorgedreven_rijopleidingnav,
		body#wagenpark a#wagenparknav,
		body#wagenpark_be a#wagenpark_benav,
		body#bromfiets a#bromfietsnav,
		body#bromfiets-opleiding a#bromfiets-opleidingnav,
		body#motor a#motornav,
		body#motors a#motorsnav,
		body#motor-opleiding a#motor-opleidingnav,
		body#motor-basis_opleiding a#motor-basis_opleidingnav,
		body#motor-complete_opleiding a#motor-complete_opleidingnav,
		body#motor-gecombineerde_opleiding a#motor-gecombineerde_opleidingnav,
		body#motor-vrije_opleiding a#motor-vrije_opleidingnav,
		body#motor-vervolmaking a#motor-vervolmakingnav,
		body#motor-uitrusting a#motor-uitrustingnav,
		body#vrachtwagen a#vrachtwagennav,
		body#vrachtwagen_CE a#vrachtwagen_cenav,
		body#medische_schifting_C a#medische_schifting_cnav,
		body#medische_schifting_D a#medische_schifting_dnav,
		body#wagenpark_C a#wagenpark_Cnav,
		body#wagenpark_CE a#wagenpark_CEnav,
		body#vrachtwagen_opleiding a#vrachtwagen_opleidingnav,
		body#vrachtwagen_opleiding_CE a#vrachtwagen_opleiding_cenav,
		body#ecoscreening a#ecoscreeningnav,
		body#ecoscreening_ce a#ecoscreening_cenav,
		body#theorie a#theorienav,
		body#autobus a#autobusnav,
		body#autobus_opleiding a#autobus_opleidingnav,
		body#wagenpark_D a#wagenpark_Dnav,
		body#tractor a#tractornav,
		body#lesgevers a#lesgeversnav,
		body#praktisch a#praktischnav,
		body#contact a#contactnav,
		body#wegbeschrijving a#wegbeschrijvingnav,
		body#info a#infonav,
		body#inschrijving a#inschrijvingnav,
		body#lesgevers a#lesgeversnav,
		body#subsidie a#subsidienav,
		body#faq a#faqnav,
		body#links a#linksnav

 		{
		color:#ffa500;
		line-height: 1.0;
		font-size: 110%;
}

#footer {
		position: relative;
		clear: both;
		width: 600px;
		height: auto;
		margin: 0 0 10px 180px;
		color: #fff;
}

#footer p {
		font-size: 0.65em;
		margin: 3px 0 3px 0;
}

#extra {
		float: left;	
		clear: both;
		width: 600px;
		margin: 0 0 10px 180px;
}

#news {
		position: absolute;
		clear: both;
		left:810px;
		top:230px;
		z-index:10;
		width:150px;
		height:auto;
		color:#fff;
		background-color:transparent;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }