/* DEFAULT STYLES */
html, body{
	position:relative;
	margin:0px;
	padding:0px;
}
body, table, a, input, select, textarea{
	font-family: arial;
	font-size: 9pt;
	color:#333333;
}
table, th, td{
	font-size:inherit;
}
img {
	border:0px;
}
a {
	color:#008B47;
	text-decoration:none;
	font-weight:bold;
	font-size:inherit;
}
a:hover {
	color:#333333;
}
h1,h2,h3,h4,h5,h6 {
	color:#008B47;
	margin:2px 0px;
	padding:0px;
}
h1, h1 a { font-size:14pt; }
h2, h2 a { font-size:13pt; }
h3, h3 a { font-size:12pt; }
h4, h4 a { font-size:11pt; }
h5, h5 a { font-size:11pt; }
h6, h6 a { font-size:10pt; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }
.clear:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* HEADER */
.header {
	position:relative;
	width:1017px;
	height:160px;
	background-image:url('/img/header.png');
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px auto;
	z-index:100;
}
.header a.logo {
	position:absolute;
	top:34px;
	left:18px;
}

/* Top menu */
.header #menu {
	position:absolute;
	left:19px;
	top:123px;
	width:990px;
	z-index:99;
}
.header ul#navigation,
.header ul#navigation ul {
	position:relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
.header ul#navigation li {
	position:relative;
	float:left;
	line-height:33px;
	margin:0px;
	padding:0px 7px 0px 12px;
	background-image:url('/img/spacer.gif');
	background-position:1px 2px;
	background-repeat:no-repeat;
}
.header ul#navigation li.first{
	padding:0px 7px 0px 0px;
	background-image:none;
}


.header ul#navigation li a {
	display:block;
	float:left;
	height:33px;
	line-height:36px;
	padding:0px 5px;
	margin:0px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.header ul#navigation li a.active,
.header ul#navigation li a:hover {
	background-color:#84868c;
}


.header ul#navigation li.home{
	width:24px;
	height:33px;
}
.header ul#navigation li.home a,
.header ul#navigation li.home a:hover{
	display:block;
	width:24px;
	height:33px;
	background:url(/img/home.png) no-repeat center 0;
	text-decoration:none;
	margin:0;
	padding:0 5px 0 5px;
}
.header ul#navigation li.home a:hover {
background:url(/img/home.png) #84868c no-repeat center 0;
}
.header ul#navigation li.home span{
	visibility:hidden;
}

/* Second level dropdowns */
.header ul#navigation li ul {
	position : absolute;
	left: -999em;
	z-index:999;
	padding-top:4px;
}
.header ul#navigation li ul li {
	background-image:none;
}
.header ul#navigation li ul li a {
	border-bottom:1px solid #fff;
	background-color:#84868c;
	width:150px;
	height:20px;
	line-height:19px;
	margin:0px;
	padding:0px 0px 0px 3px;
}
.header ul#navigation li ul li a:hover {
	background-color:#008B47;
}

/* Multi level dropdowns */
.header #navigation li:hover ul ul,
.header #navigation li.sfhover ul ul {
	left: -999em;
}
.header #navigation li:hover ul,
.header #navigation li li:hover ul,
.header #navigation li.sfhover ul,
.header #navigation li li.sfhover ul {
	top: 0;
	left: 0;
	margin-left: 100%;
}

/* ****DISPLAYS HORIZONTAL MENU**** */
.header #navigation li:active ul,
.header #navigation li:hover ul,
.header #navigation li.sfhover ul {
	top: 100%;
	margin-left: 0;
}


/* MAIN CONTAINER */
.container {
	position:relative;
	width:1017px;
	background-image:url('/img/achtergrond.png');
	background-position:top center;
	background-repeat:repeat-y;
	margin:0px auto;
}
.containerOpleiding {
	background-image:url('/img/achtergrond-opleiding.png');
}

.container .left {
	float:left;
	width:158px;
	margin-left:8px;
}
.container .left ul.submenu {
	width:141px;
	margin:15px 0px 0px 10px;
	padding:0px;
	list-style-type:none;
}
.container .left ul.submenu li {
	margin:0px 0px 5px 0px;
	padding:0px;
}
.container .left ul.submenu li a {
	display:block;
	width:141px;
	height:37px;
	text-decoration:none;
	text-indent:-9999px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.container .left ul.submenu li a:hover { background-position:0px -37px; }
.container .left ul.submenu li a.heftruck-opleidingen    { background-image:url('/img/heftruck-opleidingen.png'); }
.container .left ul.submenu li a.veilig-hijsen           { background-image:url('/img/veilig-hijsen.png'); }
.container .left ul.submenu li a.veiligheids-opleidingen { background-image:url('/img/veiligheids-opleidingen.png'); }
.container .left ul.submenu li a.elearning               { background-image:url('/img/elearning.png'); }


.container .left a.directAanmelden,
.container .left a.keuzeHulp,
.container .right a#anchorCursusEvalueren {
	display:block;
	margin-top:3px;
	margin-left:10px;
	width:141px;
	height:30px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.container .left a.directAanmelden {
	background-image:url('/img/buttonDirectAanmelden.png');
}
.container .left a.keuzeHulp {
	background-image:url('/img/Keuzehulp.png');
	margin-top:6px;
}
.container .right a#anchorCursusEvalueren {
	background-image:url('/img/button-cursusevalueren.png');
	margin:8px;
}
.container .left a.directAanmelden:hover,
.container .left a.keuzeHulp:hover,
.container .right a#anchorCursusEvalueren:hover {
	background-position:0px -30px;
}

.container .middle {
	float:left;
	width:670px;
	margin:0px;
	padding:0px;
}
.container .middle .content {
	margin:15px 10px 20px 10px;
	padding:0px 0px 30px 0px;
}
.container .right {
	float:right;
	margin:15px 6px 10px 0px;
	width:168px;
	color:#008B47;
}
.container .right .agenda {
	margin:10px 0px 25px 3px;
	width:154px;
}
.container .right .agenda .agendaHeader {
	position:relative;
	font-weight:bold;
	width:154px;
	text-align:center;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.container .right .agenda .agendaHeader .vorige,
.container .right .agenda .agendaHeader .volgende {
	position:absolute;
	top:4px;
	display:block;
	width:4px;
	height:8px;
	background-image:url('/img/agenda-pijlen.png');
	background-repeat:no-repeat;
}
.container .right .agenda .agendaHeader .vorige   { left:0px;background-position:0px 0px; }
.container .right .agenda .agendaHeader .volgende { right:0px;background-position:-4px 0px; }
.container .right .agenda .agendaHeader .vorige:hover   { background-position:0px -8px; }
.container .right .agenda .agendaHeader .volgende:hover { background-position:-4px -8px; }

.container .right .agenda .DatumTabel tr th,
.container .right .agenda .DatumTabel tr td {
	font-size:inherit;
	font-family:inherit;
	width:18px;
	text-align:center;
}
.container .right .agenda .DatumTabel tr th {
	color:#008B47;
}
.container .right .agenda .DatumTabel tr td a {
	display:block;
	width:18px;
	color:#000;
	text-align:center;
}
.container .right .agenda .DatumTabel tr td a.active {
	background-color:#008B47;
	color:#fff;
}
.container .right .agenda .DatumTabel tr td a:hover {
	color:#008B47;
}
.container .right .agenda .DatumTabel tr td a.active:hover {
	background-color:#e6440d;
	color:#fff;
}


.container .right ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	list-style-type:none;
}
.container .right ul li {
	margin:2px 0px 7px 0px;
	padding:0px 0px 0px 8px;
	background-image:url('/img/spacer-green.gif');
	background-position:1px -2px;
	background-repeat:no-repeat;
}
.container .right ul li span {
	display:block;
	clear:both;
	color:#333333;
}

.container .right .twitter, .container .right .facebook {
	margin-left:15px;
	margin-bottom:5px;
}
.container .right .visuals {
	margin-left:15px;
	margin-bottom:10px;
}
.container .right .visuals a {
	display:block;
	margin-bottom:6px;
}

/* FOOTER */
.footer {
	position:relative;
	width:1017px;
	height:87px;
	background-image:url('/img/footer.png');
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px auto 0px auto;
	padding-bottom:30px;
	overflow:hidden;
}
.footer ul {
	position:absolute;
	top:32px;
	left:18px;
	margin:0px;
	padding:0px;
}
.footer ul li {
	display:block;
	float:left;
	height:20px;
	margin:0px;
	padding:0px 7px 0px 12px;
	background-image:url('/img/spacer-gray.gif');
	background-position:1px 5px;
	background-repeat:no-repeat;
}
.footer ul li.first {
	padding:0px 7px 0px 0px;
	background-image:none;
}
.footer ul li a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;

}
.footer ul li a:hover {
	color:#000;
}
.footer .logos {
	position:absolute;
	top:18px;
	right:18px;
}
.footer .logos a {
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:52px;
	text-indent:-9999px;
	margin-left:5px;
}
.footer .logos a.eduhub       { width:82px;background-image:url('/img/eduhub.png'); }
.footer .logos a.links        { width:84px;background-image:url('/img/links.png'); }
.footer .logos a.springest    { width:84px;background-image:url('/img/springest.png'); }
.footer .logos a.vacaturebank { width:108px;background-image:url('/img/vacaturebank.png'); }
.footer a.footerlink {
	color:#333;
	text-decoration:none;
	font-weight:normal;
}
.footer a.footerlink:hover { text-decoration:underline; }


/* BREADCRUMBS & TERUG */
.container .middle .content .breadcrumbs {
	position:relative;
	width:650px;
	height:16px;
}
.container .middle .content .breadcrumbs .sp {
	display:inline-block;
	float:left;
	width:14px;
	background-image:url('/img/breadcrumb-spacer.png');
	background-position:4px 4px;
	background-repeat:no-repeat;
}
.container .middle .content .breadcrumbs a {
	display:inline-block;
	float:left;
	color:#84868c;
	font-size:8pt;
}
.container .middle .content .breadcrumbs a:hover {
	text-decoration:underline;
}
.container .middle .content .terug {
	width:100%;
	height:16px;
	clear:both;
	line-height:20px;
}
.container .middle .content .terug a {
	display:block;
	float:left;
	color:#000;
	font-size:8pt;
	text-indent:10px;
	background-image:url('/img/pijl-links.png');
	background-position:1px 7px;
	background-repeat:no-repeat;
}
.container .middle .content .terug a:hover {
	text-decoration:underline;
}



/* HOMEPAGE */
.container .middle .content .homepageBlock {
	float:left;
	width:293px;
	margin:0px 37px 20px 3px;
	overflow:hidden;
}
.container .middle .content .homepageBlock .homePageContent {
	position:relative;
	background-image:url('/img/home-kaart-header.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:225px;
	width:293px;
}
.container .middle .content .homepageBlock .homePageContent .innerContent {
	position:relative;
	top:8px;
	left:14px;
	width:257Px;
}
.container .middle .content .homepageBlock .homePageContent .innerContent img {
	margin-left:35px;
}
.container .middle .content .homepageBlock .homePageFooter {
	background-image:url('/img/home-kaart-footer.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:25px;
	width:293px;
}
.container .middle .content .homepageBlock .homePageFooter a {
	display:block;
	background-image:url('/img/home-kaart-lees-verder.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:25px;
	width:285px;
	margin-left:4px;
	color:#fff;
	text-indent:8px;
	line-height:20px;
	border-top:1px solid #008b47;
}
.container .middle .content .homepageBlock .homePageFooter a:hover {
	background-position:0px -20px;
	color:#008b47;
}
.container .middle .content .nomargin { margin-right:0px; }
.container .middle .content .homepageBlock h2 { margin-bottom:5px; }
.container .middle .content .homepageBlock h2 a { font-size:10pt; }



/* OPLEIDINGEN PAGINA */
.opleidingen {
	margin-top:10px;
}

.opleidingen .opleidingBlock {
	position:relative;
	float:left;
	width:203px;
	height:228px;
	margin:0px 12px 30px 0px;
}
.opleidingen .opleidingBlock .opleidingContent {
	position:relative;
	width:203px;
	height:215px;
	background-image:url('/img/opleiding-kaart-achtergrond.png');
	background-position:top center;
	background-repeat:no-repeat;
}
.opleidingen .opleidingBlock .opleidingContent .opleidingInnerContent {
	position:relative;
	top:8px;
	left:8px;
	width:199px;
}
.opleidingen .opleidingBlock .opleidingContent .opleidingInnerContent .image {
	position:relative;
	text-align:center;
	vertical-align:middle;
	margin-left:-4px;
	width:195px;
	overflow:visible;
	_height:100px;
	min-height:100px;
}

.opleidingen .opleidingBlock .opleidingContent .opleidingInnerContent .image img {
	vertical-align:middle;
}
.opleidingen .opleidingBlock .opleidingContent .opleidingInnerContent h2 {
	margin-left:1px;
}
.opleidingen .opleidingBlock .opleidingContent .opleidingInnerContent h2 a {
	display:block;
	float:left;
	width:186px;
	text-align:left;
	font-size:9pt;
}
.opleidingen .opleidingBlock .opleidingContent .opleidingInnerContent .vanprijs {
	position:absolute;
	top:167px;
	left:0px;
	width:195px;
	text-align:center;
	text-decoration:line-through;
	font-weight:bold;
}
.opleidingen .opleidingBlock .opleidingContent .prijs {
	position:absolute;
	top:182px;
	left:0px;
	width:195px;
	text-align:center;
	color:#008B47;
	font-weight:bold;
	font-size:12pt;
}
.opleidingen .opleidingBlock .label {
	position:absolute;
	display:none;
	top:6px;
	right:5px;
	width:56px;
	height:56px;
	background-position:top center;
	background-repeat:no-repeat;
	z-index:2;
}
.opleidingen .opleidingBlock .opleidingFooter {
	position:relative;
	width:203px;
	height:23px;
	background-image:url('/img/opleiding-kaart-footer.png');
	background-position:top center;
	background-repeat:no-repeat;
}
.opleidingen .opleidingBlock .opleidingFooter a {
	position:relative;
	display:block;
	left:4px;
	width:195px;
	height:20px;
	color:#fff;
	text-indent:45px;
	line-height:20px;
	background-image:url('/img/opleiding-kaart-meer-informatie.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.opleidingen .opleidingBlock .opleidingFooter a.active,
.opleidingen .opleidingBlock .opleidingFooter a:hover {
	background-position:0px -20px;
	color:#008b47;
}


/* OPLEIDING PAGINA */
.opleiding {
	clear:both;
}
.opleiding .visual {
	float:left;
	width:330px;
	height:280px;
	text-align:center;
	vertical-align:middle
}
.opleiding .visual img {
	margin:auto 0px;
}
.opleiding .detailsRightFrame {
	position:relative;
	float:right;
	margin:0px 5px 0px 0px;
	width:308px;
	_height:250px;
	min-height:250px;
	background-image:url('/img/opleidingRightFooter.png');
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:5px;
}
.opleiding .detailsRightFrame .detailsRightHeader {
	position:absolute;
	top:0px;
	left:0px;
	width:308px;
	height:5px;
	background-image:url('/img/opleidingRightHeader.png');
	background-position:top left;
	background-repeat:no-repeat;
}
.opleiding .detailsRightFrame .detailsRight {
	position:relative;
	top:10px;
	left:10px;
	width:290px;
}
.opleiding .detailsRight .vanprijs {
	font-weight:bold;
	margin-bottom:5px;
}
.opleiding .detailsRight .vanprijs span {
	text-decoration:line-through;
}
.opleiding .detailsRight .prijs {
	color:#008B47;
	font-weight:bold;
	font-size:13pt;
}
.opleiding .detailsRight p {
	
}
.opleiding .detailsRight p .green {
	
}
.opleiding .detailsRight a.aanvragenOfferte {
	display:block;
	width:233px;
	height:42px;
	margin:5px 0px 15px -3px;
	background-image:url('/img/aanvragenOfferte.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-9999px;
}
.opleiding .detailsRight a.aanvragenOfferte:hover {
	background-position:0px -42px;
}
.opleiding .detailsRight a.directAanmelden {
	display:block;
	width:233px;
	height:42px;
	margin:5px 0px 15px -3px;
	background-image:url('/img/directAanmelden.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-9999px;
}
.opleiding .detailsRight a.directAanmelden:hover {
	background-position:0px -42px;
}

.opleiding .detailsRight p.small {
	font-size:7pt;
}
.opleiding .opleidingDetails {
	clear:both;
	text-align:justify;
}

.container .rightOpleiding {
	margin:0px 7px 10px 0px;
	width:174px;
	background-image:url('/img/opleidingRightVerloop.png');
	background-repeat:repeat-x;
	background-position:top left;
	_height:650px;
	min-height:650px;
}
.container .rightOpleiding .locaties {
	margin:35px 0px 10px 10px;
}
.container .rightOpleiding ul li {
	color:#000;
	width:150px;
}

.evaluatieformulier {
	clear:both;
}
.evaluatieformulier form {
	margin-bottom:20px;
}
.evaluatieformulier p{
	float:left;
	display:block;
	clear:both;
	width:100%;
}
.evaluatieformulier p label,
.evaluatieformulier p span,
.evaluatieformulier p input,
.evaluatieformulier p select,
.evaluatieformulier p textarea,
.evaluatieformulier p{
	float:left;
}
.evaluatieformulier p{
	margin:5px 0px 2px 0px;
	padding:0;
}
.evaluatieformulier p label,
.evaluatieformulier p span.label{
	width:570px;
}
.evaluatieformulier p label.label_vraag_inline{
	width:150px;
	clear:left;
}
.evaluatieformulier p input.text,
.evaluatieformulier p span.detail{
	width:300px;
	padding:0;
	margin:0;
}
.evaluatieformulier p input.text{
}
.evaluatieformulier p select.text{
	width:304px;	
}
.evaluatieformulier p.buttonbalk{
	margin:10px 0 0 0;
}
.evaluatieformulier p.buttonbalk input.button{
	background:#e95c2c;
	border:0px;
	padding:3px 15px 3px 15px;
	margin:0 5px 0 0;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
.evaluatieformulier p.buttonbalk input.button:hover{
	background:#008b47;
}

.AgendaItems{
	width:90%;
}

.AgendaItems th, td{
	padding:1px;
}

.AgendaItems th{
	color: #008B47;
	text-align:left;
}

.limitedWithSelect{
	max-width:240px;
}

#aanmeldenKnop{
	width:141px;
	height:30px;
	display:block;
	background-image:url('/img/buttonDirectAanmelden.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor:pointer;
	text-indent:-9999px;
	margin:5px 0px 15px -3px;
}

#aanmeldenKnop:hover{
	background-position:0px -30px;
}

/* Keuzehulp items */
div#keuzehulp {
	height:800px;
	padding:10px 0 0 0;
}
div#keuzehulp div.niveau {
	display:none;
	float:left;
	clear:both;
	width:95%;
	margin:0 0 20px 0;
	background:#f1f1f1;
	padding:3px 0 3px 10px;
}
div#keuzehulp div.niveau div.keuzevraag {
	width:100%;
	position:relative;
	display:none;
	font-size:12px;
	font-weight:bold;
}
div#keuzehulp div.niveau div.keuzevraag div.antwoorden{

}
div#keuzehulp div.niveau div.keuzevraag span{
	float:left;
}
div#keuzehulp div.niveau div.keuzevraag span.vraagtekst{
	margin:0 10px 0 0;
	line-height:22px;
}
div#keuzehulp div.niveau div.keuzevraag span.keuze{
	margin:3px 10px 0 0;
	float:left;
}
div#keuzehulp div.niveau div.keuzevraag span.keuze a,
div#keuzehulp div.niveau div.keuzevraag span.keuze a.active{
	color:#fff;
	background:url(/img/keuze-ant-bg.png) repeat-x 0 -22px;
	padding:2px 25px 2px 25px;
}
div#keuzehulp div.niveau div.keuzevraag span.keuze a:hover{ background-position:0px -44px; }
div#keuzehulp div.niveau div.keuzevraag span.keuze a.active{ background-position:0px 0px; }