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

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}

body {
	background-color: #FFFFFF;
	background-image:url('/image/background.jpg');
	background-position: center top;
	background-repeat:no-repeat;
	/*      T R B L  */
	margin: 0 0 0 0;
	overflow: -moz-scrollbars-vertical;
}


/* Header */

div#header {position:relative;height:180px;overflow:hidden;}
div#header h1 { height:35px; }
div#header h2 { margin-left:95px; clear:both; }
div#header ul { margin-left:95px; }

div#header #titleImg { margin-left:90px; float:left; }
a#homeLink { display:block; width:140px; height:100px; float:right; margin-right:50px; }

div#header div#subnav { margin:0; height:30px; }
div#header ul { margin-top:0; padding:0; display:block; height:30px; }
div#header li { padding:0; margin:0; list-style-type:none; float:left; padding-left:1em; margin-right:1em;
	border-left:1px solid #1E5BA1; }
div#header li.first { border:0; padding-left:0; }
div#header li a { color:#1E5BA1; font-family:verdana,sans-serif; font-size:11px; }
div#header li.active a { text-decoration:underline; }

div#header h2, h2.orangeh2 { color:#F39A00; font-size:18px; font-weight:bold; }
h2.subheading { color:#F39A00; font-size:18px; font-weight:bold; margin-bottom:1em; }

/* body.page6 div#header h1 { height:100px; } */
body.page6 div#header #titleImg { margin-top:55px; }
body.page6 div#header h2 { display:block; }


/* Navigation */

div#navigation { float:right; width:272px; }

div#navigation ul {  margin:6px 0 0 0; padding:0; }
div#navigation li { list-style-type:none; margin:0; padding:0 0 0 60px; display:block; height:24px; line-height:24px;
	background-repeat:no-repeat; }
div#navigation li a { background: url('/image/nav-liststyle.gif') no-repeat 0px 10px;
	padding-left:10px; color:#000; font-family:verdana, sans-serif; font-size:11px;
	display:block; width:150px; }
div#navigation li.active a { font-weight:bold; color:#004595;
	background-image:url('/image/nav-liststyle-active.gif'); }
div#navigation li.active ul li a{
	color:#000; font-family:verdana, sans-serif; font-size:11px; font-weight:normal;
	background: url('/image/nav-liststyle.gif') no-repeat 0px 10px;
}
div#navigation li a.btnExtranet span {
	padding-right:22px;
	background-image:url(/image/extranet/extranet_key.gif);
	background-repeat:no-repeat;
	background-position:center right;
}
div#navigation li a:focus,
div#navigation li a:hover,
div#navigation li.active ul li a:hover { outline:none; text-decoration:none; font-weight:bold; color:#004595; }

div#navigation li#navitem6 { background-image:url('/image/nav-welkom.gif'); height:25px; line-height:25px; }
div#navigation li#navitem6.active { background-image:url('/image/nav-welkom-active.gif'); }

div#navigation li#navitem7 { background-image:url('/image/nav-hetith.gif'); }
div#navigation li#navitem7.active { background-image:url('/image/nav-hetith-active.gif'); }

div#navigation li#navitem10 { background-image:url('/image/nav-opleiding.gif'); }
div#navigation li#navitem10.active { background-image:url('/image/nav-opleiding-active.gif'); }

div#navigation li#navitem11 { background-image:url('/image/nav-nascholing.gif'); }
div#navigation li#navitem11.active { background-image:url('/image/nav-nascholing-active.gif'); }

div#navigation li#navitem39 { background-image:url('/image/nav-begeleiding.gif'); }
div#navigation li#navitem39.active { background-image:url('/image/nav-begeleiding-active.gif');}

div#navigation li#navitem40 { background-image:url('/image/nav-testimonials.gif'); }
div#navigation li#navitem40.active { background-image:url('/image/nav-testimonials-active.gif');}

div#navigation li#navitem41 { background-image:url('/image/nav-meerinfo.gif'); }
div#navigation li#navitem41.active { background-image:url('/image/nav-meerinfo-active.gif');}

div#navigation li#navitem19 { background-image:url('/image/nav-inschrijven.gif'); }
div#navigation li#navitem19.active { background-image:url('/image/nav-inschrijven-active.gif');}

div#navigation li#navitem4 { background-image:url('/image/nav-contact.gif'); }
div#navigation li#navitem4.active { background-image:url('/image/nav-contact-active.gif'); }
div#navigation li ul{
	/* visibility: hidden; */
	display: none;
	position:absolute;
	position:relative;
	left: -999em;
}
div#navigation li.sfhover ul,
div#navigation li:hover ul{
	margin-top:-25px;
	width:180px;
	margin-left:110px;
	left: auto;
	display: block;
	padding:1px 0 5px 5px;
	background: url('/image/gradient.gif') repeat-x;
	border:1px #ccc solid;
}

div#navigation li.active ul li{
	padding:0;
}

div#navigation li.sfhover ul li,
div#navigation li:hover ul li{
 	padding:0;
}


/* Content */

div#container{text-align:left;}
div#container{width:940px;margin:0 auto; }
div#content{float:left;width:668px;min-height:400px;padding-top:9px; }
div#content #text { margin:0px 50px 0px 95px; line-height:1.8; }

div#content #text img.alt { float:left; border:1px solid #000; margin:2px 3px 0 0; }
div#content #text p.newstitle { font-weight:normal; border:0; }

body.page6 div#content { min-height:300px; }
body.page6 div#content #text { margin-right:90px; }

.block-xxl { float:left; background:url('/image/block-xxl-top.gif') no-repeat left top; padding-top:10px; width:520px; }
.block-xxl div { background:url('/image/block-xxl-btm.gif') no-repeat left bottom; padding-bottom:10px; }
.block-xxl div div { background:#fff; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; padding:0 10px; min-height:100px; }
.block-xxl img { float: left; margin-top:5px; }

.block-xxl h2, #block-xxl p { width:450px; float:right; }
.block-xxl h2 { color:#F39A00; }


/* Formulieren */

#formtop { background:url('/image/form-bg-top.gif') left bottom no-repeat; height:12px; }
#formbottom { background:url('/image/form-bg-bottom.gif') left bottom no-repeat; padding-bottom:45px; }
#formmiddle { background:url('/image/form-bg-middle.gif') left bottom repeat-y; padding-top:10px; }

form.content { margin:0 0 0 -26px; }
form.content fieldset { margin:0 10px 0 80px; padding:0; border:0; }
form.content legend { margin:0 0 5px 0; padding:0; color:#284292; font-size:12px; font-weight:bold; }
form.content p { min-height:24px; margin:2px 0; clear:both; overflow: auto;zoom:1;}
form.content label { display:block; width:120px; float:left; }
form.content input { float:left; width:300px; border:1px solid #777; font-family:verdana,sans-serif; }
form.content textarea { float:left; width:300px; border:1px solid #777; font-family:verdana,sans-serif; }
form.content strong { float:left; text-indent:5px; margin-top:-2px; }

form.content p.datum input { width:100px; }
form.content p.postcode input { width:100px; }
form.content p.odd { background-color:#EBEEF7; clear:both; margin:2px 0; padding:4px 1px 2px; }
form.content .checkbox label { display:block; width:auto; margin-top:-2px; clear:both; }
form.content .checkbox input { width:auto; border:0; }
form.content .radio label { display:block; width:auto; float:left; margin-top:2px; }
form.content .radio input { float:left; width:auto; border:0; }
form.content p.error input { background:#FFD792; }
form.content button { background:#004595; color:#fff; border:1px solid #033; padding:0; width:120px; height:20px;
	line-height:16px; }
form.content .submit input { margin-top:12px; }

input#submit-brochures { width:144px; height:21px; border:none; }
input#submit-verstuur-form { width:122px; height:21px; border:none; }
div#extra input#submit-verstuur { width:71px; height:21px; border:none; vertical-align:bottom; }


/* Home blocks */

div#extra{clear:both;width:100%}
body.page6 div#extra { min-height:150px; }
/* div#extra div { float:left; width:225px; margin-right:10px; padding-right:10px; height:150px; } */

div#extra img { float:left; margin:3px 3px 1px 0; border:1px solid #ccc; }
div#extra p.title { font-weight:bold; color:#004595; }
div#extra h2 { font-size:8pt; color:#F39A00; margin-bottom:10px; }
/*div#extra a { color:#003333; text-decoration:underline; }*/

div#extra form { margin-top:15px; }
div#extra form * { font-size:11px; font-family:verdana,sans-serif; }
div#extra input, div#extra select { border:1px solid #004595; height:14px; margin-bottom:3px; padding:2px; width:140px; }
div#extra select { width:146px; padding:0; }
div#extra button { border:0; padding:0; background:transparent; cursor:pointer; text-align:left;
	margin-top:5px; }
div#extra button.reset { color:#999; height:31px; margin-left:10px; }

div#extra div#home-block { margin-left:95px; }

div#extra div.block { float:left; background:url('/image/block-top.gif') no-repeat left top; padding-top:10px; width:240px;}
div#extra div.block div { background:url('/image/block-btm.gif') no-repeat left bottom; padding-bottom:10px; }
div#extra div.block div div { background:#fff; border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; padding:0 10px;
	min-height:170px; }

div#extra div#block-nieuwsbrief { margin-left:10px; }
div#extra div#block-nieuwsbrief h2 { color:#004595; }
div#extra #noteandpen { border:0; width:80px; height:73px; min-height:73px; position:absolute;
	background:url('/image/note-and-pen.gif') no-repeat; margin-left:100px; }


/* Footer */

div#footer { height:130px; background-image:url('/image/footer-ppl.gif'); margin-bottom:30px;
	background-position:center top; background-repeat:no-repeat; clear:both; }
div#footer p { padding-top:120px; text-align:center; }
div#footer a { color:#003333; text-decoration:underline; }


/* Default styles */

.accessibility { display:none !important; }
.clear { display:block; clear:both; }
hr.clear { margin:.5em 0; color:#CBCBCB; border:0; height:1px; background:#CBCBCB; }