/* ---------------------------------------------------------------------------------------------------- */
/* Standaard containers																					*/
/* ---------------------------------------------------------------------------------------------------- */
body {
	background		: white url(plaatjes/body.png) repeat-x;
	font-size		: 62.5%; /* = 10px */
	margin			: 0;
	padding			: 0;
}
form {
	margin			: 0;
	padding			: 0;
}
p {
	margin			: 5px 0 20px 0;
}
h1 {
	float			: left;
	background		: url(plaatjes/h1.png);
	width			: 538px;
	height			: 28px;
	padding			: 6px 0 0 10px;
	margin			: 0;
	font			: bold 15px Arial;	
	color			: #646264;
}
h2 {
	float			: left;
	background		: url(plaatjes/h2.png);
	width			: 538px;
	height			: 23px;
	padding			: 6px 0 0 10px;
	margin			: 0;
	font			: bold 14px Arial;	
	color			: #54abdf;
}
h3 {
	float			: left;
	background		: url(plaatjes/h3.png);
	width			: 200px;
	height			: 28px;
	padding			: 6px 0 0 9px;
	margin			: 0;
	font			: bold 14px Arial;	
	color			: white;
}
h4 {
	float			: left;
	background		: url(plaatjes/h4.png);
	width			: 200px;
	height			: 28px;
	padding			: 6px 0 0 9px;
	margin			: 17px 0 0 0;
	font			: bold 14px Arial;	
	color			: #646264;
}
.h2 {
	margin			: 0;
	font			: bold 14px Arial;	
	color			: #646264;
}
ul {
	list-style-image: url(plaatjes/li.png);
}
.geslaagden ul {
	margin			: 0;
	padding-left	: 1.0em;
	list-style-image: url(plaatjes/li_nieuws.gif);
}
/* ---------------------------------------------------------------------------------------------------- */
/* Opbouw			 																					*/
/* ---------------------------------------------------------------------------------------------------- */
#all {
	position		: absolute;
	left			: 50%;
	width			: 970px;	
	text-align		: left;
	margin			: 0 0 0 -485px;
}
.container {
	float			: left;
	background		: white url(plaatjes/container.png);
}
/* ---------------------------------------------------------------------------------------------------- */
/* Logo's 			 																					*/
/* ---------------------------------------------------------------------------------------------------- */
.logo_welkom,
.logo_aanhanger,
.logo_contact,
.logo_motor,
.logo_auto,
.logo_overons,
.logo_taxi,
.logo_theorie  {
	width			: 970px;
	height			: 222px;
}
.logo_welkom  {
	background		: url(logo/logo_welkom.jpg) no-repeat;
}
.logo_aanhanger  {
	background		: url(logo/logo_aanhanger.jpg) no-repeat;
}
.logo_contact  {
	background		: url(logo/logo_contact.jpg) no-repeat;
}
.logo_motor  {
	background		: url(logo/logo_motor.jpg) no-repeat;
}
.logo_auto  {
	background		: url(logo/logo_auto.jpg) no-repeat;
}
.logo_overons  {
	background		: url(logo/logo_overons.jpg) no-repeat;
}
.logo_theorie  {
	background		: url(logo/logo_theorie.jpg) no-repeat;
}
.logo_taxi  {
	background		: url(logo/logo_taxi.jpg) no-repeat;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Linkerkolom		 																					*/
/* ---------------------------------------------------------------------------------------------------- */
.menu {
	float			: left;
	width			: 171px;
}

.login {
	float			: left;
	width			: 171px;
}

.linkskop {
	float			: left;
	background		: url(plaatjes/linkskop.png) no-repeat;
	width			: 170px;
	border-left		: 1px solid #c1bfc1;
	height			: 19px;	
}
.linksback {
	float			: left;
	width			: 149px;
	padding			: 0 10px; 
	font 			: normal 11px Arial;
	color			: #646264;
	border-left		: 1px solid #c1bfc1;
	border-right	: 1px solid #c1bfc1;
}
.kluis {
	float			: left; 
	width			: 75px;
	height			: 28px;
	background		: url(plaatjes/kluis.gif) no-repeat;
	padding			: 43px 0 0 74px;	
}
.linksback p {
	margin			: 10px 0 0 0;
}
.linksvoet {
	float			: left;
	background		: url(plaatjes/linksvoet.png) no-repeat;
	width			: 170px;
	border-left		: 1px solid #c1bfc1;
	height			: 7px;	
	margin-bottom	: 10px;
}
.tas {
	border			: 1px solid #c1bfc1;
	font			: bold 11px arial;
	color			: #646264;
	width			: 149px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Middenkolom		 																					*/
/* ---------------------------------------------------------------------------------------------------- */
.content {
	float			: left;
	width			: 548px;
	margin			: 0 0 20px 17px;
	font			: normal 12px arial;
	color			: #646264;
}
.tekst {
	float			: left;
	background		: url(plaatjes/contentblok.png);
	width			: 528px;
	padding			: 5px 10px 0 10px;
}
.platvoet {
 float   			: left;
 background  		: white url(plaatjes/contentvoet.png) no-repeat;
 width   			: 548px;
 height   			: 19px;
}
	
.kolom {
	width			: 220px;
	float			: left;
	margin			: 0 0 20px 23px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Rechterkolom		 																					*/
/* ---------------------------------------------------------------------------------------------------- */
.rechterkolom {
	float			: left;
	width			: 209px;
	margin-left		: 17px;
}
.belmij {
	float 			: left;
	width			: 209px;
	height			: 171px;
	background		: url(plaatjes/belmij.png);
}
.dagen {
	float			: left;
	text-align		: center;
	font			: normal 11px arial;
	color			: white;
	width			: 209px;
	height			: 18px;
	padding-top		: 6px;
}
.bel06 {
	float			: left;
	text-align		: center;
	font			: bold 16px arial;
	color			: red;
	width			: 209px;
	height			: 21px;
	padding-top		: 1px;
}
.belform {
	float			: left;
	font			: normal 11px arial;
	color			: white;
	width			: 189px;
	padding			: 10px;
}
.beltext {
	border			: 1px solid #138dd1;
	font			: bold 11px arial;
	color			: #646264;
	width			: 120px;
	margin			: 5px 0 0 0;
}
.rechtscenter {
	float			: left;
	background		: url(plaatjes/rechtsback.gif);
	text-align		: center;
	font			: normal 11px arial;
	color			: #646264;
	width			: 189px;
	padding			: 10px 10px 0 10px;
}
.geslaagden {
	float			: left;
	background		: url(plaatjes/rechtsback.gif);
	text-align		: left;
	width			: 186px;
	padding			: 10px 10px 0 13px;
}
.megafoon {
	float			: left;
	background		: url(plaatjes/megafoon.gif);
	text-align		: center;
	font			: normal 11px arial;
	color			: #646264;
	width			: 111px;
	height			: 53px;
	padding			: 5px 88px 0 10px;
}
.meernieuws {
	float			: left;
	background		: url(plaatjes/meernieuws.gif);
	font			: bold 1.1em arial;
	color			: #646264;
	width			: 192px;
	height			: 33px;
	cursor			: pointer;
	padding			: 30px 0 0 17px;
	margin-bottom	: 17px;
}
.sfeertop {
	float 			: left;
	width			: 209px;
	height			: 20px;
	background		: url(plaatjes/sfeertop.gif);
	margin-top		: 17px;
}
.sfeervoet {
	float 			: left;
	width			: 209px;
	height			: 20px;
	background		: url(plaatjes/sfeervoet.gif);
}
.sfeerback {
	float 			: left;
	width			: 207px;
	background		: url(plaatjes/sfeerback.gif);
	padding			: 0 1px;	
}
.rechtsvoet {
	float 			: left;
	width			: 209px;
	height			: 8px;
	background		: url(plaatjes/rechtsvoet.gif) no-repeat;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Geslaagd: kies achtergrond																			*/
/* ---------------------------------------------------------------------------------------------------- */
.geslaagd_auto, 
.geslaagd_motor, 
.geslaagd_aanhanger {
	float			: left; 
	width			: 189px;
	height			: 134px;
	padding			: 13px 0 0 20px;
}
.geslaagd_auto {
	background		: url(plaatjes/geslaagd_auto.gif);
}
.geslaagd_motor {
	background		: url(plaatjes/geslaagd_motor.gif);
}
.geslaagd_aanhanger {
	background		: url(plaatjes/geslaagd_aanhanger.gif);
}
/* ---------------------------------------------------------------------------------------------------- */
/* Footer			 																					*/
/* ---------------------------------------------------------------------------------------------------- */
.copy {
	float			: left;
	background		: url(plaatjes/copyright.png) no-repeat;
	width			: 970px;
	height			: 50px;	
	font			: bold 1.1em arial;
	color			: #646264;
}	
.tagcloud {
	text-align		: center;
	padding			: 20px 0;
	font			: normal 11px arial;
	color			: #c1bfc1;
}
.right {
	float			: left;
	padding			: 14px 0 0 10px;
}
.powerbar {
	float			: right;
	padding			: 14px 10px 0 0;
}	
.ladot {
	background		: url(plaatjes/powerbar.gif) no-repeat left;
	padding-left	: 13px;
	margin-left		: 15px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Links																								*/
/* ---------------------------------------------------------------------------------------------------- */
a:link, 
a:visited,
a:active {
	font			: bold 1.0em Arial;	
	text-decoration	: none; 
	color			: #54abdf;
}
a:hover {
	font			: bold 1.0em Arial;	
	text-decoration	: underline; 
	color			: #54abdf;
}
.autolink a:link, 
.autolink a:link, 
.autolink a:visited,
.autolink a:active {
	background		: url(plaatjes/icon_auto.png) no-repeat;
	font			: bold 1.0em arial;	
	text-decoration	: none; 
	height			: 25px;
	padding-left	: 25px;
	color			: #91b317;
	margin-left		: 10px;
}
.autolink a:hover {
	background		: url(plaatjes/icon_auto.png) no-repeat;
	font			: bold 1.0em arial;	
	text-decoration	: underline; 
	height			: 25px;
	padding-left	: 25px;
	color			: #91b317;
	margin-left		: 10px;
}
.autolink a:link, 
.autolink a:link, 
.autolink a:visited,
.autolink a:active {
	background		: url(plaatjes/icon_auto.png) no-repeat;
	font			: bold 1.0em arial;	
	text-decoration	: none; 
	height			: 25px;
	padding-left	: 25px;
	color			: #91b317;
	margin-left		: 10px;
}
.autolink a:hover {
	background		: url(plaatjes/icon_auto.png) no-repeat;
	font			: bold 1.0em arial;	
	text-decoration	: underline; 
	height			: 25px;
	padding-left	: 25px;
	color			: #91b317;
	margin-left		: 10px;
}
.aanhangerlink a:link, 
.aanhangerlink a:link, 
.aanhangerlink a:visited,
.aanhangerlink a:active {
	background		: url(plaatjes/icon_aanhanger.png) no-repeat;
	font			: bold 1.0em arial;	
	text-decoration	: none; 
	height			: 25px;
	padding-left	: 30px;
	color			: #2b8dd4;
	margin-left		: 10px;
}
.aanhangerlink a:hover {
	background		: url(plaatjes/icon_aanhanger.png) no-repeat;
	font			: bold 1.0em arial;	
	text-decoration	: underline; 
	height			: 25px;
	padding-left	: 30px;
	color			: #2b8dd4;
	margin-left		: 10px;
}
.motorlink a:link, 
.motorlink a:link, 
.motorlink a:visited,
.motorlink a:active {
	background		: url(plaatjes/icon_motor.png) no-repeat;
	font			: bold 1.0em arial;	
	text-decoration	: none; 
	height			: 25px;
	padding-left	: 28px;
	color			: #e95031;
	margin-left		: 10px;
}
.motorlink a:hover {
	background		: url(plaatjes/icon_motor.png) no-repeat;
	font			: bold 1.0em arial;	
	text-decoration	: underline; 
	height			: 25px;
	padding-left	: 28px;
	color			: #e95031;
	margin-left		: 10px;
}
.geslaagden a:link, 
.geslaagden a:active, 
.geslaagden a:visited {
	font 			: normal 12px arial;
	color			: #646264;
	text-decoration	: none;
}
.geslaagden a:hover {
	font 			: normal 12px arial;
	color			: #646264;
	text-decoration	: underline;
}
.tagcloud a:link,
.tagcloud a:active,
.tagcloud a:visited {
	font			: normal 11px arial;
	color			: #c1bfc1;
	text-decoration	: none;
}
.tagcloud a:hover {
	font			: normal 11px arial;
	color			: #c1bfc1;
	text-decoration	: underline;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Buttons																								*/
/* ---------------------------------------------------------------------------------------------------- */
.butklein {
	width			: 72px;
	height			: 20px;
	background		: url(plaatjes/butklein.gif) no-repeat;
	font			: bold 1.1em arial;
	color			: #6a686a;
	border			: 0;
	text-align		: left;
	padding			: 2px 0 5px 3px;
	cursor			: pointer;
}
.butkleinover {
	width			: 72px;
	height			: 20px;
	background		: url(plaatjes/butkleinover.gif) no-repeat;
	font			: bold 1.1em arial;
	color			: white;
	border			: 0;
	text-align		: left;
	padding			: 2px 0 5px 3px;
	cursor			: pointer;
}
.butmedium {
	width			: 95px;
	height			: 20px;
	background		: url(plaatjes/butmedium.gif) no-repeat;
	font			: bold 1.1em arial;
	color			: #6a686a;
	border			: 0;
	text-align		: left;
	padding			: 2px 0 5px 3px;
	cursor			: pointer;
}
.butmediumover {
	width			: 95px;
	height			: 20px;
	background		: url(plaatjes/butmediumover.gif) no-repeat;
	font			: bold 1.1em arial;
	color			: white;
	border			: 0;
	text-align		: left;
	padding			: 2px 0 5px 3px;
	cursor			: pointer;
}
.butgroot {
	width			: 135px;
	height			: 20px;
	background		: url(plaatjes/butgroot.gif) no-repeat;
	font			: bold 1.1em arial;
	color			: #6a686a;
	border			: 0;
	text-align		: left;
	padding			: 2px 0 5px 3px;
	cursor			: pointer;
}
.butgrootover {
	width			: 135px;
	height			: 20px;
	background		: url(plaatjes/butgrootover.gif) no-repeat;
	font			: bold 1.1em arial;
	color			: white;
	border			: 0;
	text-align		: left;
	padding			: 2px 0 5px 3px;
	cursor			: pointer;
}



