﻿
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#F5F5F5 url(../gfx/background-gradient.gif) repeat-x top left;
	}
body {
	background:url(../gfx/header-shadow.jpg) no-repeat center top;
	text-align:center;
	color:#000;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
	
a { color:#000;text-decoration:none;}
a:hover { color:#546f8f;}

h1 {}
h2 {}
h3 {
	font-size:35px;
	font-weight:normal;
	color:#000;
	}
h4 {}
h5 {}
h6 {}
p {
	margin:0 0 10px 0;
	}
ol {}
ul {}
li {}
li li {}

label {
	
	}
hr 
{
	width:100%;
	height: 1px;
	color: #AAAAAA;
	margin-bottom:18px;
}	
.cB {clear:both;}	

img {
	border:0px solid #FFFFFF;/*23/04/08*/
}

table.noBorder,
table.noBorder td {
	border:0px solid #FFFFFF !important;
}

tr.pager td {
    text-align:center;
    padding:10px 0 0 0;
}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 


div.container {
	position:relative;
	margin:0 auto 0 auto;
	width:969px;
	min-height:100%;
	_height:100%;
	text-align:left;
	background:#FFFFFF url(../gfx/container-back.gif) top right repeat-y;
	}
	
/* ============================================================	*/ 
/* ========	INDEX PAGINA		===============================	*/
/* ============================================================	*/

.homeBannerLeft{
	position:absolute;
	top:200px;
	left:25px;
	width:118px;
	height:118px;
	z-index:20;
	}

.homeBanner {
	position:absolute;
	top:200px;
	right:25px;
	width:118px;
	height:118px;
	z-index:10;
}

body.index .contentBlock {
	position:relative;
	padding-top:40px;
	background:transparent;
	}


body.index .visuaTop {
	float:left;
	padding-left:83px;
	margin-right:25px;
	}
body.index .visuaTop img{
	display:block;
	}
body.index .visuaWide {clear:both;}
body.index .visuaWide img{
	display:block;
	}
body.index .homeLogo {
	margin:53px 0 0 161px;
	}
body.index .homeNews {
	position:absolute;
	top:472px;
	left:250px;
	width:672px;
	height:19px;
	z-index:10;
	text-align:right;
	border-bottom:1px solid #756857;
	}
/*\*/
* html body.index .homeNews {
	height:20px;
	}
/* */

body.index ul.homeNav {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	
	}
body.index ul.homeNav a {
	font-weight:bold;
	font-size:14px;
	color:#546F8F;
	text-decoration:none;
	}
body.index ul.homeNav a:hover {
	color:#98AA4F;
	text-decoration:none;
	}
body.index ul.homeNav li {
	margin:0;
	padding:0 0 16px 0;
	list-style:none;
	}
body.index .homeNews a {
	font-size:14px;
	color:#756857;
	}
	
.newsText strong 
{
	font-weight:normal;
}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/


div.header {
	position:relative;
	height:146px;
	}
div.header .searchBlock {
	position:absolute;
	top:112px;
	left:714px;
	width:260px;
	height:23px;
	z-index:50;
	}
div.header .navigatie .searchBlock {
	position:relative;
	top:0px;
	left:0px;
	}
div.header .searchBlock div {
	font-size:16px;
	color:#FFF;
	font-weight:600;
	}
div.header .searchBlock input.typeText {
	width:182px;
	border-top:1px solid #98989B;
	border-right:1px solid #D8DADC;
	border-bottom:1px solid #D8DADC;
	border-left:1px solid #504E53;
	font-size:12px;
	height:18px;
	line-height:18px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 4px;
	}
div.header .searchBlock input.button {
	/*margin:2px 0 0 10px;*/
	width:41px;
	height:20px;
	display:block;
	float:left;
	background:transparent url(../gfx/zoek.gif) top left no-repeat;
	}
div.header div.icons {
	position:absolute;
	top:15px;
	right:23px;
	width:114px;
	height:18px;
	z-index:100;
	}
div.header div.icons img {
	}
div.header a.home {
	margin-right:9px;
	}
div.header a.sitemap {
	margin-right:10px;
	}
div.header a.contact {
	margin-right:9px;
	}
div.header a.print {}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/


div.navigatie {
	position:relative;
	width:969px;
	/*overflow:hidden;*/
	font-size:12px;
	background-color:#546F8F;
	z-index:999;
	
	height:31px;
	min-height:31px;
	overflow:visible;
	}
.navigatie .print {
	float:right;
	}
div.navigatie a {
	display:block;
	position:relative;
	margin-right:10px;
	padding:8px 10px 8px 10px;
	float:left;
	color:#FFF;
	text-decoration:none;
	}
div.navigatie a:hover,
div.navigatie a.active {
	color:#FFF;
	background-color:#3b4d64;
	}
div.navigatie .print a {
	width:50px;
	padding-right:15px;
	margin-right:0;
	}
div.navigatie a.homeLink {
	margin:0px 60px 0px 20px;
	}
div.navigatie a.branche 
{
	float:right;
	margin-right:0px;
	text-decoration:underline;
}
	
/* ============================================================	*/ 
/* ========	PULLDOWNNAV NAVIGATIE	===========================	*/
/* ============================================================	*/


.pullDownNav {
	position:relative;
	z-index:900;
	}
.subnav 
{
	position:relative;
	margin-left:9px;
	display:none;
	width:170px;
	}
.subnav .mainback {
	width:170px;
	}
.subnav .foot {
	width:170px;
	height:20px;
	}
/* IE hax \*/
* html body div.subnav div.foot {
	width:200px;
	}
/* */
.subnav a {
	position:relative;
	display:block;
	padding:5px 3px 5px 10px;
	width:157px;
	font-size:12px;
	color:#000;
	text-decoration:none;
	background-color:#FFF;
	border:1px solid #546f8f;
	border-top:0px solid #546f8f;
	}
/*\*/
* html body .subnav a {
	width:170px;
	}
/* */ 
.subnav a:hover,
.subnav a:active,
.subnav a.active {
	color:#000;
	background-color:#B2B2B2;
	}
#subnav0,
#subnav1,
#subnav2,
#subnav3,
#subnav4,
#subnav5,
#subnav6,
#subnav7,
#subnav8,
#subnav9,
#subnav10 {
	position:absolute;
	top:0px;
	width:170px;
	z-index:900;
	}
#subnav10
{
	margin-left:-58px;
}


/* ============================================================	*/ 
/* ========	BREADCRUMBS			===============================	*/
/* ============================================================	*/

div.breadcrumbpath {
	position:relative;
	margin-left: 220px;
	margin-top: 16px;
	width: 483px;
}
div.breadcrumbpath * {
	color: #999999;
	font-size: 11px;
}
div.breadcrumbpath A:hover {
	text-decoration: underline;
}
div.breadcrumbpath .separator {
	padding: 0 4px;
}
div.breadcrumbpath .current {
	font-weight:bold;
}


/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer  {
	/*display:none;*/
	}
div.footer {
	/*position:absolute;
	bottom:0;
	left:0;*/
	width:969px;
	clear:both;
	/*position:relative;*/
	}
div.footer img {
	width:968px;
	height:258px;
	position:absolute;
	bottom:0px;
	left:0px;
	}
div.footer .footerText {
	text-align:right;
	}
	div.footer .footerText a:hover {
	text-decoration:underline;
	}

	
/* ============================================================	*/ 
/* ========	SIDEBAR				===============================	*/
/* ============================================================	*/


div.sidebar {
	float:left;
	width:186px;
	overflow:hidden;
	position:relative;
	_z-index:900;
	/*min-height:370px;*/
	/*background-color:#546f8f;*/
	}
	
.sidebar .logo {
	padding:20px 0 20px 15px;
	background:#FFFFFF url(../gfx/content-top.gif) top left no-repeat;
	}
.sidebar .sideNav {
	padding:0px 0px 0px 0px;
	}
.sidebar .sideNav a {
	display:block;
	margin:0px 0px 0px 0px;
	padding:4px 15px 2px 15px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	/*background:url('../gfx/nav_line.gif') no-repeat 15px 20px;*/
	background-color:#FFFFFF;
	cursor:pointer;
	border-bottom:1px solid;
	_position:relative;
	_z-index:999;
	}
.sidebar .sideNav a:hover,
.sidebar .sideNav a.active {
	color:#FFFFFF !important;
}
.sidebar .sideNav a div {
	width:156px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.sidebar .sideNav a:hover,
.sidebar .sideNav a:active,
.sidebar .sideNav a.active  {
	color:#FFF;
	background-color:#3b4d64;
	}
.sidebar .sideNav .quote, .quote p
{
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	color:#fff;
	margin:16px;
}	
.sidebar .sideNav a.accent {
	font-size: 14px;
	font-weight: bold;
	}
/* ============================================================	*/ 
/* ========	POLL				===============================	*/
/* ============================================================	*/	


.sidebar .poll {
	position:relative;
	padding:10px 0px 15px 0;
	
	background-color:#546f8f;
	}
.sidebar .pollcontent {
	padding:0 3px 0 10px;
	}
.sidebar .poll h2 {
	font-size:11px;
	color:#FFF;
	font-style:normal;
	}
.sidebar .poll h3 {
	font-size:12px;
	color:#000
	}
.sidebar .poll .radio {
	vertical-align:absmiddle;
	}
.sidebar .poll label {
	padding-left:5px;
	font-weight:bold;
	color:#000;
	cursor:pointer;
	}
.sidebar .poll .button {
	text-align:right;
	margin-top:10px;
	}
	
	
/* ============================================================	*/ 
/* ========	NIEUWSLISTBLOCK		===============================	*/
/* ============================================================	*/


.nieuwsListBlock {
	
	}
/* ============================================================	*/ 
/* ========	BANNERS BLOCK		===============================	*/
/* ============================================================	*/

/* 234 banners */
.BannerListBlock {
	float:right;
	width:234px;
	/*margin-top:25px;*/
	/*margin-top: -7px;*/
	overflow:hidden;
	padding-top:25px;
	}
.banner {
	margin-bottom:20px;
	height:60px;
	background-color:#EEE;
	width:234px;
	}
.banner TD {	
	vertical-align:middle;
	text-align:center;
	}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/


div.mainContent {
	margin-left:220px;
	padding-top:16px;
	width:483px;
	}
/*\*/
* html body div.mainContent {
	width:480px;
}
/* */

body div.wide {
	margin-left:220px;
	width:730px;
	}
/* */
* html body div.wide {
	width:727px;
}
/* */

div.mainContent h1,
div.mainContent h2  {
	font-size:25px;
	color:#000;
	font-weight:normal;
	}
div.mainContent h2 {
	font-size:18px;
	}
div.mainContent .content {
	padding-left:35px;
	min-height:80px;
	}
div.mainContent .contentecard {
	/*padding-left:15px;*/
	min-height:80px;
	}

/*\*/
* html body div.mainContent .content {
	height:80px;
	}
/* */
.miniVisual {
	float:left;
	width:70px;
	}
	
div.contentBlock {
	background:transparent url(../gfx/content-top.gif) 0px 177px no-repeat;
	padding:0 0 30px 0;
	width:969px;
	overflow:hidden;
	min-height:100%;
	}
/* ============================================================	*/ 
/* ========	CONTENT VARIANTEN  	===============================	*/
/* ============================================================	*/ 


div.userContent h1,
div.userContent h2,
div.userContent h3,
div.userContent h4,
div.userContent h5,
div.userContent h6 {
	font-size:25px;
	color:#000;
	font-weight:normal;
	font-style:normal;
	}
div.userContent h1 {
	
	}
div.userContent h2 {
	font-size:38px;
	
	}
div.userContent h3 {
	font-size:30px;
	}
div.userContent h4 {
	font-size:24px;
	}
div.userContent h5 {
	font-size:20px;
	}
div.userContent h6 {
	font-size:15px;
	}
div.userContent p {}

div.userContent a {text-decoration:underline;color:#000;}
div.userContent a:hover {text-decoration:underline;color:#546f8f;}

div.userContent ol {
	margin:20px 0 20px 25px;
	}
div.userContent ul {
	margin:20px 0 20px 25px;
	}
div.userContent ul ol,
div.userContent ol ul,
div.userContent ol ol,
div.userContent ul ul {
	margin:5px 0 5px 25px;
	}
div.userContent ul li {
	list-style:disc;
	}

div.userContent table {
	border:1px solid #EEE;
	}
div.userContent table td {
	padding:3px 23px 3px 3px;
	border:1px solid #FFF;
	border-bottom:1px solid #EEE;
	border-right:1px solid #EEE;
	}
div.userContent table th {
	padding:3px;
	vertical-align:top;
	width:1%;
	text-align:left;
	}
div.userContent table td {
	padding:3px;
	vertical-align:top;
	width:1%;
	}
	
div.userContent table.prijstabel td {
	padding:3px;
	vertical-align:top;
	width: auto;
	border: none;
	}
div.userContent table.prijstabel {
	margin-bottom: 14px;
	}
div.userContent table.custom {
    border: 0;
}
div.userContent table.custom th,
div.userContent table.custom td {
	width: auto;
	padding: 0 15px 0 0;
	}
	
div.userContent img {
	margin: 0 5px 5px 5px;
}

div.userContent table hr {}

.resultTable td {
	font-size: 10px;
}



/* ============================================================	*/ 
/* ========	ZOEK RESULTAAT	  	===============================	*/
/* ============================================================	*/ 
.zoekResultaat {

	}
	
.result {
	margin-bottom:20px;
	}
.zoekResultaat a {
	display:block;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	color:#000;
	}
.zoekResultaat a b {
	font-style:normal;
	color:#546F8F;
	}
.zoekResultaat a:hover,
.zoekResultaat a:hover b {
	color:#546f8f;
	text-decoration:underline;
	}
.pageNav {
	color:#000;
	text-align:right;
	}
.pageNav a {
	color:#546F8F;
	text-decoration:none;
	}

.pageNav a.active {
	color:#AD5C47;
	}
	

/* ============================================================	*/ 
/* ========	NIEUWS ARCHIEF	  	===============================	*/
/* ============================================================	*/ 

.nieuwsArchief {}

.newsResult {
	padding-bottom:10px;
	}

.newsResult a {
	color:#000;
	text-decoration:none;
	}
.newsResult a:hover {
	color:#546f8f;
	text-decoration:underline;
	}

.newsResult span {
	border-right:15px solid #FFF;
	margin-right:15px;
	}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 


form {
	margin:0px;
	}
.formGrid {
	width:450px;
		}
.formGrid td {
font-size:12px;
		}
.formGrid .nameCell {
	padding:4px 10px 4px 0px;
	vertical-align:top;
	width:100%;
	}
.formGrid .inputCell {
	padding:4px 10px 4px 0px;
	}
.formGrid .buttonCell {
	padding:4px 8px 4px 0px;
	text-align:right;
	}
input,
select {
	vertical-align:middle;
	}
.formGrid .typeText {
	color:#000;
	font-weight:normal;
	border-top:1px solid #8D8D8D;
	border-right:1px solid #CDCDCD;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #CDCDCD;
	background:#FFF url('../gfx/input_back.gif') no-repeat right top;
}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
.formGrid textarea.textarea {
	overflow:auto;
	border-top:1px solid #8D8D8D;
	border-right:1px solid #CDCDCD;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #CDCDCD;
	background:#FFF url('../gfx/input_back.gif') no-repeat right top;
}
.formGrid .verplicht {
	margin-top:40px;
	font-size:9px;
	}
.formGrid textarea.w100 	{width:251px;}
.formGrid input.w30 		{width:40px;}
.formGrid input.w50 		{width:118px;}
.formGrid input.w70 		{width:190px;}
.formGrid input.w100 		{width:246px;}


/* IE VERSIE \ */
* html body .formGrid textarea.w100 	{width:253px;}
* html body .formGrid input.w30 		{width:38px;}
* html body .formGrid input.w50 		{width:120px;}
* html body .formGrid input.w70 		{width:198px;}
* html body .formGrid input.w100 		{width:250px;}

* html body .formGrid .buttonCell {}
/* */

/* ============================================================	*/ 
/* ========	HOMEPAGE			===============================	*/
/* ============================================================	*/ 

body.home .homeHeader {
	position:relative;
	padding: 0 0 0 0;
	margin: 10px auto 0 auto;
	width:969px;
	height:176px;
	background:url('../gfx/home-header.jpg') no-repeat left top;
}
body.home #blokjes {
	position:relative;
	padding: 0 0 0 0;
	margin:-25px 0 0 171px;
	width: 628px;

}
.blokKeuze {
	padding: 0 0 0 0;
	margin: 0 4px 4px 4px;
	width: 198px;
	height:132px;
	position:relative;
	float:left;
	cursor:pointer;
}
.titel {
	height: 24px;
	font-family: Arial;
	color: White;
	font-size:11pt;
	text-align:left;
	padding: 0 0 0 4px;
	margin: 0 0 0 0;
	line-height:22px;
	cursor:pointer;
}
.homeLogoContainer {
	position:absolute;
	top:440px;
	left:90px;
	width:830px;
	height:76px;
	z-index:10;
	text-align:left;
	background:url('../gfx/home-lijntje.gif') repeat-x left top;
}
/*\ IE HAX */
* html body .homeLogoContainer {top:450px;left:92px;}
/* */
.homeOverVTL {
	position:relative;
	margin: -40px 0 0 100px;
	font-family: Arial;
	font-size:11pt;
	padding: 0 0 0 0;
	float:right;
}
.homeLogo {
	position:relative;
}
.homeOverVTL a {
	color: #888;
}
.homeLaatsteNieuws {
	text-align:right;
	width:600px;
	position:absolute;
	right:0;
	margin: -74px 0 0 -535px;
	font-family: Arial;
	font-size:11pt;
	padding: 0 0 0 0;
	color: #888;
}
.homeLaatsteNieuws a {
	color: #888;
}

/* ============================================================	*/ 
/* ========	PRINT     			===============================	*/
/* ============================================================	*/ 
.printFooter {
	display:none;
	}
.printFooter img {margin-top:-28px;}

/* ============================================================	*/ 
/* ========	ECARDS     			===============================	*/
/* ============================================================	*/ 
.divKiesEenTruck {
	position:relative;
}
.truckKeuzeContainer {

}
.truckKeuzeContainer a {
	display:block;
	float:left;
}
.truckKeuzeContainer a:hover {
	background-color:#fc0;
}
img.truckFoto:hover,img.truckFoto .active {
	border: solid 3px #fc0;
}
.truckFoto {
	border: solid 3px #fff;
}
.buttonNext {
	float:right;
	margin-right:64px;
}
span.spanLabel {
	width: 120px;
	display:inline-block ;
}
div.formEcard 
{
	width:330px;
	float:left;
}
/* ============================================================	*/ 
/* ========	LANDKAART			===============================	*/
/* ============================================================	*/

.divLandkaart {
	position:relative;
	display:none;
	margin:0;
	padding:0;
	z-index:10;
	}
	
.plaats {
	font-size:1px;
	position: absolute;
	top:40px;
	left:40px;
	width:6px;
	height:6px;
	z-index:800;
	cursor:pointer;
	background-color:#fff;
	border: solid 1px #000;
	}
.openDag {
	float:right;
	/*margin-right:50px;*/
	width:190px;
	background:transparent url(../gfx/stip.gif) top left repeat-y;
	min-height:338px;
	overflow:hidden;
	}
#divPlaatsen {width:288px; overflow:visible; float:left;}

/* ============================================================	*/ 
/* ========	KLEUREN			===============================	*/
/* ============================================================	*/ 
/* DEFAULT */

body div.navigatie,
/*body div.sidebar { background-color:#546F8F; }*/
body div.container { background-color:#546F8F; }
body h1, body .sidebar .sideNav a {color:#546F8F; }
body .subnav a { border:1px solid #546F8F; border-top:0px solid #546F8F;	}
body div.navigatie a:hover,
body div.navigatie a:active,
body div.navigatie a.active,
body .sidebar .sideNav a:hover,
body .sidebar .sideNav a:active,
body .sidebar .sideNav a.active  { background-color:#546F8F; }
body .userContent table {
	border:1px solid #546F8F;
	}

/* opleidingenentrainingen */
body.opleidingenentrainingen div.navigatie,
body.opleidingenentrainingen div.container { background-color:#E26316; }
body.opleidingenentrainingen h1, body.opleidingenentrainingen .sidebar .sideNav a {color:#E26316;}
body.opleidingenentrainingen .subnav a { border:1px solid #E26316; border-top:0px solid #E26316;}
body.opleidingenentrainingen div.navigatie a:hover,
body.opleidingenentrainingen div.navigatie a:active,
body.opleidingenentrainingen div.navigatie a.active,
body.opleidingenentrainingen .sidebar .sideNav a:hover,
body.opleidingenentrainingen .sidebar .sideNav a:active,
body.opleidingenentrainingen .sidebar .sideNav a.active  { background-color:#C1604B; }
body.opleidingenentrainingen .userContent table {
	border:1px solid #E26316;
	}
/* vtlleerlingen */
body.vtlleerlingen div.navigatie,
body.vtlleerlingen div.container { background-color:#826C7E; }
body.vtlleerlingen h1, body.vtlleerlingen .sidebar .sideNav a {color:#826C7E;}
body.vtlleerlingen .subnav a { border:1px solid #826C7E; border-top:0px solid #826C7E;	}
body.vtlleerlingen div.navigatie a:hover,
body.vtlleerlingen div.navigatie a:active,
body.vtlleerlingen div.navigatie a.active,
body.vtlleerlingen .sidebar .sideNav a:hover,
body.vtlleerlingen .sidebar .sideNav a:active,
body.vtlleerlingen .sidebar .sideNav a.active  { background-color:#6F4B5F; }
body.vtlleerlingen .userContent table {
	border:1px solid #826C7E;
	}
/* ikwilwerken */
body.ikwilwerken div.sidebar {background-color:#C1604B;}
body.ikwilwerken div.navigatie {background-color:#C1604B;}
body.ikwilwerken h1, body.ikwilwerken .sidebar .sideNav a {color:#C1604B;}
body.ikwilwerken .subnav a { border:1px solid #C1604B; border-top:0px solid #C1604B;	}
body.ikwilwerken .sidebar .sideNav a.active  { background-color:#E26316; }
body.ikwilwerken .sidebar .sideNav a:active  { background-color:#E26316; }
body.ikwilwerken .sidebar .sideNav a:hover  { background-color:#E26316; }
body.ikwilwerken div.navigatie a.active  { background-color:#E26316; }
body.ikwilwerken div.navigatie a:active  { background-color:#E26316; }
body.ikwilwerken div.navigatie a:hover  { background-color:#E26316; }
body.ikwilwerken .userContent table {
	border:1px solid #C1604B;
	border-left:1px solid #C1604B;
	}
/* ikwilwerken 
body.ikwilwerken div.sidebar { background-color:#ADC853; }
body.ikwilwerken div.navigatie { background-color:#ADC853; }
body.ikwilwerken .subnav a { border:1px solid #ADC853; border-top:0px solid #ADC853;	}
body.ikwilwerken .sidebar .sideNav a.active  { background-color:#82A946; }
body.ikwilwerken .sidebar .sideNav a:active  { background-color:#82A946; }
body.ikwilwerken .sidebar .sideNav a:hover  { background-color:#82A946; }
body.ikwilwerken div.navigatie a.active  { background-color:#82A946; }
body.ikwilwerken div.navigatie a:active  { background-color:#82A946; }
body.ikwilwerken div.navigatie a:hover  { background-color:#82A946; }
body.ikwilwerken .userContent table {
	border:1px solid #ADC853;
	border-left:1px solid #ADC853;
	}
*/	

	
	
	
	
/* werknemers */
body.werknemers div.navigatie,
body.werknemers div.container { background-color:#6F4B5F; }
body.werknemers h1, body.werknemers .sidebar .sideNav a {color:#6F4B5F;}
body.werknemers .subnav a { border:1px solid #6F4B5F; border-top:0px solid #6F4B5F;	}
body.werknemers div.navigatie a:hover,
body.werknemers div.navigatie a:active,
body.werknemers div.navigatie a.active,
body.werknemers .sidebar .sideNav a:hover,
body.werknemers .sidebar .sideNav a:active,
body.werknemers .sidebar .sideNav a.active  { background-color:#826C7E; }
body.werknemers .userContent table {
	border:1px solid #6F4B5F;
	border-left:1px solid #6F4B5F;
	}

/* voordocentendecaan */
body.voordocentendecaan div.container { background-color:#ADC853; }
body.voordocentendecaan div.navigatie { background-color:#ADC853; }
body.voordocentendecaan h1, body.voordocentendecaan .sidebar .sideNav a {color:#ADC853;}
body.voordocentendecaan .subnav a { border:1px solid #ADC853; border-top:0px solid #ADC853;	}
body.voordocentendecaan .sidebar .sideNav a.active  { background-color:#82A946; }
body.voordocentendecaan .sidebar .sideNav a:active  { background-color:#82A946; }
body.voordocentendecaan .sidebar .sideNav a:hover  { background-color:#82A946; }
body.voordocentendecaan div.navigatie a.active  { background-color:#82A946; }
body.voordocentendecaan div.navigatie a:active  { background-color:#82A946; }
body.voordocentendecaan div.navigatie a:hover  { background-color:#82A946; }
body.voordocentendecaan .userContent table {
	border:1px solid #ADC853;
	border-left:1px solid #ADC853;
	}
	
/* voordocentendecaan 
body.voordocentendecaan div.sidebar { background-color:#C1604B; }
body.voordocentendecaan div.navigatie { background-color:#C1604B; }
body.voordocentendecaan .subnav a { border:1px solid #C1604B; border-top:0px solid #C1604B;	}
body.voordocentendecaan .sidebar .sideNav a.active  { background-color:#E26316; }
body.voordocentendecaan .sidebar .sideNav a:active  { background-color:#E26316; }
body.voordocentendecaan .sidebar .sideNav a:hover  { background-color:#E26316; }
body.voordocentendecaan div.navigatie a.active  { background-color:#E26316; }
body.voordocentendecaan div.navigatie a:active  { background-color:#E26316; }
body.voordocentendecaan div.navigatie a:hover  { background-color:#E26316; }
body.voordocentendecaan .userContent table {
	border:1px solid #C1604B;
	border-left:1px solid #C1604B;
	}
*/	
	



/* voorbedrijven */
body.voorbedrijven div.navigatie,
/*body.voorbedrijven div.sidebar { background-color:#82A946; }*/
body.voorbedrijven div.container { background-color:#82A946; }
body.voorbedrijven h1,
body.voorbedrijven .nieuwsbrieven a,
body.voorbedrijven a.aanmeldLink span,
body.voorbedrijven .sidebar .sideNav a {color:#82A946;}
body.voorbedrijven .subnav a span { border:1px solid #82A946; border-top:0px solid #82A946;	}
body.voorbedrijven div.navigatie a:hover,
body.voorbedrijven div.navigatie a:active,
body.voorbedrijven div.navigatie a.active,
body.voorbedrijven .sidebar .sideNav a:hover,
body.voorbedrijven .sidebar .sideNav a:active,
body.voorbedrijven .sidebar .sideNav a.active  { background-color:#82A946; }

body.voorbedrijven .userContent table {
	border:1px solid #82A946;
	border-left:1px solid #82A946;
	}
/* maakjezelfonmisbaar */
body.maakjezelfonmisbaar div.navigatie,
/*body.maakjezelfonmisbaar div.sidebar { background-color:#006EBB; }*/
body.maakjezelfonmisbaar div.container {background-color:#006EBB; }
body.maakjezelfonmisbaar h1, body.maakjezelfonmisbaar ul.nieuwsbrieven a {color:#006EBB; }
body.maakjezelfonmisbaar .subnav a { border:1px solid #006EBB; border-top:0px solid #006EBB;	}
body.maakjezelfonmisbaar div.navigatie a:hover,
body.maakjezelfonmisbaar div.navigatie a:active,
body.maakjezelfonmisbaar div.navigatie a.active,
body.maakjezelfonmisbaar .sidebar .sideNav a:hover,
body.maakjezelfonmisbaar .sidebar .sideNav a:active,
body.maakjezelfonmisbaar .sidebar .sideNav a.active  { background-color:#0A56A4; }

body.maakjezelfonmisbaar .userContent table {
	border:1px solid #006EBB;
	border-left:1px solid #006EBB;
	}
/* extrachauffeurs */
body.extrachauffeurs div.navigatie,
/*body.extrachauffeurs div.sidebar { background-color:#3b6d8e; }*/
body.extrachauffeurs div.container { background-color:#3b6d8e; }
body.extrachauffeurs h1, body.extrachauffeurs ul.nieuwsbrieven a {color:#3b6d8e; }
body.extrachauffeurs .subnav a { border:1px solid #3b6d8e; border-top:0px solid #3b6d8e;	}
body.extrachauffeurs div.navigatie a:hover,
body.extrachauffeurs div.navigatie a:active,
body.extrachauffeurs div.navigatie a.active,
body.extrachauffeurs .sidebar .sideNav a:hover,
body.extrachauffeurs .sidebar .sideNav a:active,
body.extrachauffeurs .sidebar .sideNav a.active  { background-color:#3b6d8e; }

body.extrachauffeurs .userContent table {
	border:1px solid #3b6d8e;
	border-left:1px solid #3b6d8e;
	}
	
/* extrachauffeurs */
body.extralogistiek div.navigatie,
/*body.extralogistiek div.sidebar {background-color:#3b6d8e;}*/
body.extralogistiek div.container {background-color:#3b6d8e;}
body.extralogistiek h1, body.extralogistiek ul.nieuwsbrieven a {color:#3b6d8e;}
body.extralogistiek .subnav a { border:1px solid #3b6d8e; border-top:0px solid #3b6d8e;	}
body.extralogistiek div.navigatie a:hover,
body.extralogistiek div.navigatie a:active,
body.extralogistiek div.navigatie a.active,
body.extralogistiek .sidebar .sideNav a:hover,
body.extralogistiek .sidebar .sideNav a:active,
body.extralogistiek .sidebar .sideNav a.active  { background-color:#3b6d8e; }

body.extralogistiek .userContent table {
	border:1px solid #3b6d8e;
	border-left:1px solid #3b6d8e;
	}
	
/*======KWALIFICATIE DOSIERS======*/
table.vtable td.small {
	height:2px;
	font-size:2px;
	line-height:2px;
	}
table.vtable td{
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	vertical-align:middle !important;
	text-align:center;
	padding:3px 3px 3px 3px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:10px;
	color: #FFFFFF;
	}
table.vtable td a{
	color:#FFFFFF;
	}

	
/* praktijkopleider */
body.depraktijkopleider div.navigatie,
/*body.depraktijkopleider div.sidebar { background-color:#C1614B;}*/
body.depraktijkopleider div.container {background-color:#C1614B;}
body.depraktijkopleider h1, body.depraktijkopleider ul.nieuwsbrieven a {color:#C1614B;}
body.depraktijkopleider .subnav a { border:1px solid #C1614B; border-top:0px solid #C1614B;}
body.depraktijkopleider div.navigatie a:hover,
body.depraktijkopleider div.navigatie a:active,
body.depraktijkopleider div.navigatie a.active,
body.depraktijkopleider .sidebar .sideNav a:hover,
body.depraktijkopleider .sidebar .sideNav a:active,
body.depraktijkopleider .sidebar .sideNav a.active  { background-color:#E26316;}

/* regionale platforms*/
body.regionaleplatforms div.navigatie,
/*body.regionaleplatforms div.sidebar { background-color:#C1614B;}*/
body.regionaleplatforms div.container { background-color:#C1614B;}
body.regionaleplatforms h1, body.regionaleplatforms ul.nieuwsbrieven a {color:#C1614B;}
body.regionaleplatforms .subnav a { border:1px solid #C1614B; border-top:0px solid #C1614B;}
body.regionaleplatforms div.navigatie a:hover,
body.regionaleplatforms div.navigatie a:active,
body.regionaleplatforms div.navigatie a.active,
body.regionaleplatforms .sidebar .sideNav a:hover,
body.regionaleplatforms .sidebar .sideNav a:active,
body.regionaleplatforms .sidebar .sideNav a.active  { background-color:#E26316;}

/* EVC */
body.ervaringscertificaatevc div.navigatie,
/*body.ervaringscertificaatevc div.sidebar {background-color:#82A946;}*/
body.ervaringscertificaatevc div.container {background-color:#82A946;}
body.ervaringscertificaatevc h1, body.ervaringscertificaatevc ul.nieuwsbrieven a {color:#82A946;}
body.ervaringscertificaatevc .subnav a { border:1px solid #82A946; border-top:0px solid #82A946;}
body.ervaringscertificaatevc div.navigatie a:hover,
body.ervaringscertificaatevc div.navigatie a:active,
body.ervaringscertificaatevc div.navigatie a.active,
body.ervaringscertificaatevc .sidebar .sideNav a:hover,
body.ervaringscertificaatevc .sidebar .sideNav a:active,
body.ervaringscertificaatevc .sidebar .sideNav a.active  { background-color:#ADC853;}

/* vtlkenniscentrum */
body.vtlkenniscentrum div.navigatie,
/*body.vtlkenniscentrum div.sidebar {background-color:#ddb400;}*/
body.vtlkenniscentrum div.container {background-color:#ddb400;}
body.vtlkenniscentrum h1, body.vtlkenniscentrum h2, body.vtlkenniscentrum ul.nieuwsbrieven a {color:#ddb400;}
body.vtlkenniscentrum .subnav a { border:1px solid #ddb400; border-top:0px solid #ddb400;}
body.vtlkenniscentrum div.navigatie a:hover,
body.vtlkenniscentrum div.navigatie a:active,
body.vtlkenniscentrum div.navigatie a.active,
body.vtlkenniscentrum .sidebar .sideNav a:hover,
body.vtlkenniscentrum .sidebar .sideNav a:active,
body.vtlkenniscentrum .sidebar .sideNav a.active  { background-color:#fce16d;}

/* opendag */
body.opendag div.navigatie { background-color:#d02e34; }
/*body.opendag div.sidebar { background-color:#a5b1c0;}*/
body.opendag div.container {background-color:#a5b1c0;}
body.opendag h1, body.opendag ul.nieuwsbrieven a {color:#a5b1c0;}
body.opendag .subnav a { border:1px solid #d02e34; border-top:0px solid #d02e34;	}
body.opendag div.navigatie a:hover,
body.opendag div.navigatie a:active,
body.opendag div.navigatie a.active { background-color:#ff3940; }
body.opendag .sidebar .sideNav a:hover,
body.opendag .sidebar .sideNav a:active,
body.opendag .sidebar .sideNav a.active  { background-color:#d6e5f9; }
body.extrachauffeurs .userContent table {
	border:1px solid #d02e34;
	border-left:1px solid #d02e34;
	}
		
body.opendag div.icons a.home,
body.opendag div.icons a.sitemap,
body.opendag div.icons a.contact,
body.opendag div.icons a.print {
	display:block;
	height:17px;
	position:absolute;
	top:1px;
	}
body.opendag div.icons a.home img,
body.opendag div.icons a.sitemap img,
body.opendag div.icons a.contact img,
body.opendag div.icons a.print img {
	visibility:hidden;
	}
	
body.opendag div.icons a.home {
	width:15px;
	background:url('../gfx/icon_home2.gif') no-repeat -1px;
	left:1px;
	}
body.opendag div.icons a.sitemap {
	width:26px;
	background:url('../gfx/icon_sitemap2.gif') no-repeat left top;
	left:28px;
	}
body.opendag div.icons a.contact {
	width:14px;
	background:url('../gfx/icon_contact2.gif') no-repeat left top;
	left:67px;
	}
body.opendag div.icons a.print {
	width:20px;
	background:url('../gfx/icon_print2.gif') no-repeat left top;
	left:93px;
	}


/* opendag 2008 */
body.opendag08 div.navigatie {background-color:#71546a;}
/*body.opendag08 div.sidebar {background-color:#c1a4ba;}*/
body.opendag08 div.container {background-color:#c1a4ba;}
body.opendag08 h1, body.opendag08 ul.nieuwsbrieven a {color:#c1a4ba;}
body.opendag08 .subnav a {border:1px solid #71546a ; border-top:0px solid #71546a;}
body.opendag08 div.navigatie a:hover,
body.opendag08 div.navigatie a:active,
body.opendag08 div.navigatie a.active {background-color:#c1a4ba;}
body.opendag08 .sidebar .sideNav a:hover,
body.opendag08 .sidebar .sideNav a:active,
body.opendag08 .sidebar .sideNav a.active  {background-color:#71546a;}

/* RVB */
body.richtlijnvakbekwaamheid div.navigatie {background-color:#63455C;}
/*body.richtlijnvakbekwaamheid div.sidebar {background-color:#c1a4ba;}*/
body.richtlijnvakbekwaamheid div.container {background-color:#c1a4ba;}
body.richtlijnvakbekwaamheid h1, body.richtlijnvakbekwaamheid ul.nieuwsbrieven a {color:#c1a4ba;}
body.richtlijnvakbekwaamheid .subnav a {border:1px solid #71546a ; border-top:0px solid #71546a;}
body.richtlijnvakbekwaamheid div.navigatie a:hover,
body.richtlijnvakbekwaamheid div.navigatie a:active,
body.richtlijnvakbekwaamheid div.navigatie a.active {background-color:#c1a4ba;}
body.richtlijnvakbekwaamheid .sidebar .sideNav a:hover,
body.richtlijnvakbekwaamheid .sidebar .sideNav a:active,
body.richtlijnvakbekwaamheid .sidebar .sideNav a.active  {background-color:#71546a;}



body.richtlijnvakbekwaamheid div.icons a.home,
body.richtlijnvakbekwaamheid div.icons a.sitemap,
body.richtlijnvakbekwaamheid div.icons a.contact,
body.richtlijnvakbekwaamheid div.icons a.print {
	display:block;
	height:17px;
	position:absolute;
	top:1px;
	}
body.richtlijnvakbekwaamheid div.icons a.home img,
body.richtlijnvakbekwaamheid div.icons a.sitemap img,
body.richtlijnvakbekwaamheid div.icons a.contact img,
body.richtlijnvakbekwaamheid div.icons a.print img {
	visibility:hidden;
	}
	
body.richtlijnvakbekwaamheid div.icons a.home {
	width:15px;
	background:url('../gfx/icon_home2.gif') no-repeat -1px;
	left:1px;
	}
body.richtlijnvakbekwaamheid div.icons a.sitemap {
	width:26px;
	background:url('../gfx/icon_sitemap2.gif') no-repeat left top;
	left:28px;
	}
body.richtlijnvakbekwaamheid div.icons a.contact {
	width:14px;
	background:url('../gfx/icon_contact2.gif') no-repeat left top;
	left:67px;
	}
body.richtlijnvakbekwaamheid div.icons a.print {
	width:20px;
	background:url('../gfx/icon_print2.gif') no-repeat left top;
	left:93px;
	}
	
/* Rotterdam Opgeruimd */
body.rotterdam div.navigatie { background-color:#d02e34; }
/*body.opendag div.sidebar { background-color:#a5b1c0;}*/
body.rotterdam div.container {background-color:#a5b1c0;}
body.rotterdam h1, body.rotterdam ul.nieuwsbrieven a {color:#a5b1c0;}
body.rotterdam .subnav a { border:1px solid #d02e34; border-top:0px solid #d02e34;	}
body.rotterdam div.navigatie a:hover,
body.rotterdam div.navigatie a:active,
body.rotterdam div.navigatie a.active { background-color:#ff3940; }
body.rotterdam .sidebar .sideNav a:hover,
body.rotterdam .sidebar .sideNav a:active,
body.rotterdam .sidebar .sideNav a.active  { background-color:#d6e5f9; }
body.rotterdam .userContent table {
	border:1px solid #d02e34;
	border-left:1px solid #d02e34;
	}

body.opgeruimd div.navigatie { background-color:#d02e34; }
/*body.opendag div.sidebar { background-color:#a5b1c0;}*/
body.opgeruimd div.container {background-color:#a5b1c0;}
body.opgeruimd h1, body.opgeruimd ul.nieuwsbrieven a {color:#a5b1c0;}
body.opgeruimd .subnav a { border:1px solid #d02e34; border-top:0px solid #d02e34;	}
body.opgeruimd div.navigatie a:hover,
body.opgeruimd div.navigatie a:active,
body.opgeruimd div.navigatie a.active { background-color:#ff3940; }
body.opgeruimd .sidebar .sideNav a:hover,
body.opgeruimd .sidebar .sideNav a:active,
body.opgeruimd .sidebar .sideNav a.active  { background-color:#d6e5f9; }
body.opgeruimd .userContent table {
	border:1px solid #d02e34;
	border-left:1px solid #d02e34;
	}

	

/* logistiek videos */
body.logistiek-videos div.navigatie,
/*body.logistiek-videos div.sidebar { background-color:#336BA4;}*/
body.logistiek-videos div.container { background-color:#336BA4;}
body.logistiek-videos h1, body.logistiek-videos ul.nieuwsbrieven a {color:#336BA4;}
body.logistiek-videos .subnav a { border:1px solid #336BA4; border-top:0px solid #336BA4;}
body.logistiek-videos div.navigatie a:hover,
body.logistiek-videos div.navigatie a:active,
body.logistiek-videos div.navigatie a.active,
body.logistiek-videos .sidebar .sideNav a:hover,
body.logistiek-videos .sidebar .sideNav a:active,
body.logistiek-videos .sidebar .sideNav a.active  { background-color:#AEC4DB;}

body.logistiek-videos div.mainContent table,
body.logistiek-videos div.mainContent td {
	border:0px solid #FFFFFF !important;
	}
	
	
	/*ecards*/
.card 
{
	display:block;
	float:left;
	width:200px;
	height:200px;
	margin: 0 10px 0 0;
}
.ecards 
{
	
}

.card input {float:left;}
.card label {margin:0 0 0 20px;display:block;}
/*
* html img,
* html .png {
	position:relative;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
		);
	}*/
ul.nieuwsbrieven {list-style:none; padding:0 0 0 0; margin:0 0 0 0 !important; display:block;}
ul.nieuwsbrieven li {background:transparent url('../gfx/dot.gif') left bottom repeat-x;	margin:0 0 0 0; width:480px;	padding:0 0 5px 0; display:block; overflow:hidden;	}
ul.nieuwsbrieven a.head {line-height:14px; display:block; background:transparent url('../gfx/nieuwsbrieven-hover.gif') 0px 2px no-repeat; padding:4px 0 4px 20px; color:#666666;	 font-weight:bold; text-decoration:none;}
ul.nieuwsbrieven a.head:hover {background:#EBEBEB url('../gfx/nieuwsbrieven-hover.gif') 0px -198px no-repeat; text-decoration:none; color:#00203C;}
ul.nieuwsbrieven a.more {clear:left; float:right; position:relative; right:10px;}
ul.nieuwsbrieven span.margin {
    display:block;
    margin:0 0 0 20px;
    }

div.nieuwsbrieven a {line-height:14px; display:block; padding:4px 0 4px 0; color:#666666; font-weight:bold; text-decoration:none;}

div.Actueel{position:relative; padding:15px 15px 15px 15px; background-color:#D8D8D8;}
div.Actueel h1{font-size:17px; font-weight:normal;}
div.Actueel a{line-height:14px; min-height:14px; _height:14px; display:block; background: url('../gfx/actueel-bg-button.gif') no-repeat 0 7px; color:#666666; padding:4px 0 4px 14px;	}
div.Actueel a:hover{color:#00203c;}
div.Actueel ul {margin:0 0 0 0; padding:0 0 0 0; list-style:none;}
div.Actueel li {margin:0 0 0 0; padding:0 0 0 0; background:transparent url(../gfx/dot.gif) left bottom repeat-x;}

span.greyTitle {font-size:17px; color:#999999; font-weight:bold;}
a.aanmeldLink {color:#999999; text-decoration:none !important;}

.footer {position:absolute; left:0px; bottom:0px; z-index:1;}
.footer {
	background:transparent url(../gfx/footer.png) top left no-repeat;
	width:968px;
	height:259px;
	/*_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../gfx/footer.png", sizingMethod="crop");*/
	}
.footer div.links {width:175px; position:absolute; bottom:7px; right:0; color:#666666;}
.footer div.links a {color:#666666; font-size:11px;}
.mainContent, .sidebar, .navigatie, .BannerListBlock {position:relative; z-index:888 !important;}
