@charset "UTF-8";

/*************************************************/
/*                    RESET                      */
/*************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;
	font-size:100%;font-family:inherit;vertical-align:baseline;list-style-type: none;
}
img { vertical-align: bottom }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-spacing: 0;position:relative;  } 
:focus { outline: 0; }
* {	margin: 0;}

 
/*************************************************/
/*                   DEFAULT                     */
/*************************************************/
html                    { font: 12px "Helvetica Neue",Helvetica, Arial, sans-serif; }

abbr                    { border-bottom: dotted 1px; border-color: inherit; cursor: help; }
address                 { margin: 1em 0; font-style: normal; }
.displayNone            { display: none; }
.hidden                 { position: absolute; left: -999em; }
.clear                  { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; }
.imglinks               { float:left;padding:0 6px 6px 0 }  
.imgrechts              { float:right;padding:0 0 6px 6px }  

/* * * * * *  Headings  * * * * * */
h1, h2, h3, h4, h5, h6  { margin: 0px 0 10px; font-size: 1em; }
h1                      { font-size: 2em; font-weight: bold; }
h2                      { font-size: 1.5em; font-weight: bold; }
h3                      { font-size: 1.3em; font-weight: bold; }
h4                      { font-size: 1.25em; font-weight: bold; }
h5                      { font-size: 1.20em; font-weight: bold; }
h6                      { font-size: 1.05em; font-weight: bold; }

/* * * * * *  Lists  * * * * * */
ul                      { margin: 1em 0; padding: 0; list-style: none; }
ul li                   { list-style: none;  }
ol                      { margin: 1em 0 1em 2em; padding: 0; }

/* * * * * *  Links  * * * * * */
a                       { color: #1c448a;text-decoration:underline;  }
a:hover                 { color: #659AD2; text-decoration: underline;}

/* * * * * *  Images  * * * * * */
img                     { border: none; }


/*************************************************/
/*                WEBSITE STYLES                 */
/*************************************************/

/* * * * * *  html 5 fix  * * * * * */
section, article, header, footer, nav, aside, hgroup { display: block; } 

/* * * * * *  layout  * * * * * */
html { margin: 0; padding: 0; color: #1c448a;  }
body { margin: 0; padding: 0; }
.page { background:url(../img/img_site/bg_wrapper.jpg) no-repeat center top; }
.wrapper { width:984px; margin: 0 auto; }
.mainborder { background:url(../img/img_site/bg_mainborder_repeat.png) repeat-y left top;*height:1%;padding:0 0 26px;*padding:0 0 46px; }
.header { position:relative;height:415px; }
.footer { clear:both;padding:10px 0 0 0; }


/* * * * * *  layout normal  * * * * * */
.colleft { float:left; width:215px;margin:157px 0 0; }
.main { float:right; width:744px;margin:50px 0 0;*height:1%; }
.main .content_container { width:350px;float:left; }
.main .colright { width:342px;float:right;text-align:right;display:block;margin:0px 25px 0 0; }

/* * * * * *  layout breed  * * * * * */
.main_breed { float:right; width:747px;margin:50px 0 0; }
.main_breed .content_container { width:717px;float:left;padding:15px; }


/*************************************************/
/*                     HEADER                    */
/*************************************************/

/* * * * * *  Logo  * * * * * */
.header .logo { position:absolute;left:376px;top:48px; }

/* * * * * *  Headerplaat  * * * * * */
.headerplaat { width:629px;height:180px;padding:2px 0 0 2px;position:absolute;top:150px;background:url(../img/img_site/headerplaat.jpg) no-repeat left top; }
.headerplaat .headerplaatafb { float:left; }
.headerplaat .headerplaattxt { width:304px;float:right; }
.headerplaat .title { color:#1c448a;display:block;font-size:1.33em;font-weight:bold;margin:13px 9px 0px 9px; }
.headerplaat .subtitle { color:#659ad2;display:block;font-size:1.17em;font-weight:bold;margin:0px 9px 0px 9px; }
.headerplaat p { color:#1c448a;font-size:1em;line-height:1.25em;margin:0px 9px 0px 9px; }
.headerplaat .leesmeer { position:absolute;bottom:7px;*bottom:0px;right:0px; }
.headerplaat a { text-decoration:none;cursor:pointer; }
.headerplaat .leesmeerimg {  position:absolute;bottom:7px;right:0px; }

.navheaderplaat { position:absolute;top:335px;right:365px; }
.navheaderplaat a { float:left;font-size:2px;border:0px;display:block;text-decoration:none;width:10px;height:15px;padding:0 0 0 1px;margin:0 0 0 5px;color:#fff;background:url(../img/img_site/bg_headerplaat.png) no-repeat left top; }
.navheaderplaat a.activeSlide { color:#659AD2;background:url(../img/img_site/bg_headerplaat_active.png) no-repeat left top; }

/* * * * * *  Keurmerk  * * * * * */
.keurmerk { position:absolute;top:150px;right:4px; }

/* * * * * *  Zoeken  * * * * * */
.zoeken { position:absolute;top:300px;right:0px; }
.zoeken .zoekenBtn{ position:absolute;top:0px;right:128px; }
.zoeken .zoekenFieldBg { position:absolute;top:0px;right:0px;background:url(../img/img_site/bg_inputzoeken.jpg) no-repeat left top;width:129px;height:55px;}
.zoeken .zoekenTextField { border:0px;line-height:28px;width:122px;margin:10px 0 0 0;color:#1c448a; }

/* * * * * *  Anker voor nav top  * * * * * */
.navtop { position:absolute;top:300px;right:0px; }

/* * * * * *  Navigatie horizontaal  * * * * * */
ul.hor_navlist { position:absolute;top:380px;left:0px;background:url(../img/img_site/img_bordertop.png) repeat-x left bottom;height:37px;width:984px;margin:0 0 0 0px; } 
ul.hor_navlist li { list-style-type:none;float:left;margin:0px;padding:0px;background:url(../img/img_site/btn_bg_nav.png) no-repeat left 1px;width:129px;  }
ul.hor_navlist li a { font-weight:bold;text-align:center;margin:0 15px 0 0;text-transform:uppercase;color:#fff;font-size:1.08em;line-height:37px;text-decoration:none;display:block;width:129px; }
ul.hor_navlist li.navlast a { margin:0; }
ul.hor_navlist li a:hover { color:#659AD2; }
ul.hor_navlist li.active a { color:#1c448a;  }
ul.hor_navlist li.active  {background:url(../img/img_site/btn_bg_nav_active.png) no-repeat left 1px;width:132px;   }


.bordermainfooter {  background:url(../img/img_site/img_bordertop.png) repeat-x left top;height:2px; } 

/*************************************************/
/*                   COL LEFT                    */
/*************************************************/

/* * * * * *  Colleft styles  * * * * * */
.colleft h2 { margin:0 0 20px;color:#CF7000; }

/* * * * * *  Navigatie verticaal * * * * * */
ul.navlist { margin:0 0 0 0px;width:210px; }
ul.navlist li { list-style:none;margin:0 0 22px; }
ul.navlist li a { color:#659ad2;padding:0 0 0 19px;display:block;font-weight:bold;font-size:1.17em;line-height:1em;text-decoration:none;text-transform:uppercase;letter-spacing:-0.00em; }
ul.navlist li a:hover { color:#1c448a; } 
ul.navlist li.active a { color:#fff;padding:8px 10px 7px 19px;background:#659ad2;display:inline-block;display: -moz-inline-stack;zoom: 1;*display: inline;}


/*************************************************/
/*                    CONTENT                    */
/*************************************************/

/* * * * * *  floating boxes home  * * * * * */
.floatBoxesHome { width:717px;display:block; }
.floatBoxesHome .article { float:left;margin:0 0 30px;width:727px;height:176px;background:#fff; }
.floatBoxesHome .article a { position:relative;height:181px;color:#1c448a;background:url(../img/img_site/homevak.png) no-repeat left top;text-decoration:none;display:block;width:347px;padding:11px 0px 0 5px;float:left; }
.floatBoxesHome .article a.linklast { margin:0 0 0 2px;color:#1c448a;text-decoration:none;display:block;width:347px;padding:11px 0 0 5px;float:left; }
.floatBoxesHome .article span.linkspan { position:relative;height:165px;color:#1c448a;border-right:1px solid #cfcfcf;text-decoration:none;display:block;width:346px;padding:11px 5px 0 5px;float:left; }
.floatBoxesHome .article span.linkspanlast { margin:0 0 0 2px;border-right:0px solid #cfcfcf;border-left:1px solid #cfcfcf;color:#1c448a;text-decoration:none;display:block;width:347px;padding:11px 0 0 5px;float:left; }
.floatBoxesHome .article img{ line-height:178px;float:left;padding:0 12px 0 5px; }
.floatBoxesHome .article .floattitle { font-weight:bold;display:block;margin:0 0 2px;font-size:1.17em;color:#1c448a; }
.floatBoxesHome .article .floatsubtitle { font-weight:bold;display:block;color:#659ad2;margin:0 0 10px; }
.floatBoxesHome .article .floatleesmeer { position:absolute;bottom:20px;left:277px; }
.floatBoxesHome .article p { width:164px;float:left;font-size:1.00em;line-height:1.08em; }

/* * * * * *  floating boxes  * * * * * */
.floatBoxes { width:717px;display:block; }
.floatBoxes .article { float:left;margin:0 0 30px;width:717px;height:176px;background:#fff; }
.floatBoxes .article a { position:relative;height:165px;color:#1c448a;text-decoration:none;display:block;width:346px;padding:11px 5px 0 5px;float:left; }
.floatBoxes .article a.linklast { margin:0 0 0 2px;color:#1c448a;text-decoration:none;display:block;width:347px;padding:11px 0 0 5px;float:left; }
.floatBoxes .article span.linkspan { position:relative;height:165px;color:#1c448a;text-decoration:none;display:block;width:346px;padding:11px 5px 0 5px;float:left; }
.floatBoxes .article span.linkspanlast { margin:0 0 0 2px;color:#1c448a;text-decoration:none;display:block;width:347px;padding:11px 0 0 5px;float:left; }
.floatBoxes .article img{ line-height:178px;float:left;padding:0 12px 0 5px; }
.floatBoxes .article .floattitle { width:174px;float:right;font-weight:bold;display:block;margin:0 0 2px;font-size:1.17em;color:#1c448a; }
.floatBoxes .article .floatsubtitle { width:174px;float:right;font-weight:bold;display:block;color:#659ad2;margin:0 0 20px; }
.floatBoxes .article .floatleesmeer { position:absolute;bottom:0px;left:282px; }
.floatBoxes .article p { width:174px;float:right;font-size:1.00em;line-height:1.08em; }

/* * * * * *  Content styles  * * * * * */
.content h1 { font-size:1.50em;color:#1c448a;margin:0 0 2px; }
.content h2 { font-size:1.17em;color:#1c448a;margin:0 0 16px; }
.content h3 { font-size:1.17em;color:#659ad2;margin:0 0 16px; }
.content h4 { font-size:1.17em;color:#000;margin:0 0 16px; }
.content h5 { font-size:1.08em;color:#1c448a;margin:0 0 5px; }
.content h6 { font-size:1.08em;color:#1c448a;margin:0 0 16px; }
.content p { color:#1c448a;font-size:1.00em;line-height:1.33em;margin:0 0 16px; }
.content a {  }
.content ul { margin:0 0 17px 0px;; }
.content ul li {  padding:0 0  0 17px;list-style:none;background:url(../img/img_site/bg_bullet.jpg) no-repeat left 8px;font-size:1em;line-height:1.33em;color:#1c448a;  }
.content ul li ul { margin:0 0 0 15px; }
.content ul li ul li { font-size:1em;line-height:1.75em;color:#1c448a;  }
.content ol { margin:0 0 17px 19px;; }
.content ol li {  list-style:decimal;font-size:1em;line-height:1.75em;color:#484848;  }
.content table { *height:1%;padding:0px;margin:0px;width:100%;cellspacing:0px;cellpadding:0px;border:0px; }
.content td { vertical-align:top;padding:0px;margin:0px;font-size:1em;line-height:1.33em;color:#1c448a; }
.content .imglinks { float:left;margin:6px; }
.content .imgrechts {  float:right;margin:6px; }
.content .headerstyle { display:block;background:#1c448a;color:#fff;padding:2px 0px 2px 4px;margin:6px 0 5px; }
.content table tr td p { padding:0 10px 0 0; }

/* * * * * *  Links styles  * * * * * */
.links { margin:0 0 20px;display:block;*height:1%; }
.links img { float:left;  }
.links .linkscontent { float:left;display:block;width:430px;margin:6px 0 0; }

/* * * * * *  Demo  * * * * * */
.demobg { float:left;padding:20px 0 0 60px;height:1%;display:block;background:url(../img/img_site/bg_demo_video.png) no-repeat left top;width:468px;height:336px;  }
.demoitems { float:right;width:155px;margin:0 0 0 30px; }
.demoitems div { font-size:0.92em; }
.demoitems div a { text-decoration:none; }

/* * * * * *  Lees meer style * * * * * */
.content { position:relative; }
.content .meer { position:relative;display:block; }
.content .meer a { text-decoration:none;position:absolute;background:#659ad2;padding:5px;right:-10px;bottom:-19px;*bottom:0px;color:#fff; }

/* * * * * *  Opleiding data * * * * * */
.opleiding { float:left;width:700px;font-size:1.08em;font-weight:bold; }
.opleiding .opleidingblock { display:block;*height:1%;margin:0 0 13px; }
.opleiding .opleidingsdag { border:1px solid #bfbfbf;color:#659ad2;float:left;width:70px;text-align:center;padding:7px;margin:0 4px 0 0; }
.opleiding .opleidingsdatum { border:1px solid #bfbfbf;float:left;padding:7px;margin:0 4px 0 0; } /* width:65px; */
.opleiding .opleidingstijd { border:1px solid #bfbfbf;color:#659ad2;float:left;width:115px;padding:7px;margin:0 4px 0 0; }
.opleiding .opleidingsonderwerp { border:1px solid #bfbfbf;float:left;width:265px;padding:7px;margin:0 4px 0 0; }
.opleiding .opleidingsbtn { float:right; }

/*************************************************/
/*                   COL RIGHT                   */
/*************************************************/

/* * * * * *  Colright styles  * * * * * */

/*************************************************/
/*                     FOOTER                    */
/*************************************************/

/* * * * * *  Sitemap  * * * * * */
.footer .sitemap { font-size:0.92em;color:#1d458c;text-transform:uppercase;font-weight:bold;text-align:center;background:url(../img/img_site/bg_sitemapborder.jpg) no-repeat center bottom;padding:0 0 10px;margin:0 0 10px; }

/* * * * * *  Sitemaplist  * * * * * */
.sitemaplist { padding:0 0 250px;display:block;*height:1%; } 
.sitemaplist ul { float:left;margin:0 25px 0 0;width:119px; }
.sitemaplist ul.sitemaplistlast { margin:0px;float:left;margin:0 0 0 0;width:119px; }
.sitemaplist ul li a { display:block;font-size:0.83em;line-height:1.24em;color:#659ad2;text-transform:uppercase;font-weight:bold;text-decoration:none;  }
.sitemaplist ul li a:hover { text-decoration:underline; }
.sitemaplist ul li.listfirst a { margin:14px 0 16px;display:block;font-size:1em;color:#1d458c;text-transform:uppercase;font-weight:bold;text-decoration:none;  }
.sitemaplist ul li.listfirst a:hover { text-decoration:underline; }

/*************************************************/
/*                   FORMULIER                   */
/*************************************************/
.letsform { position:relative;float:left; } 
.letsform p { font-size:12px;line-height:14px;padding:0px;margin:0px;color:#1c448a; }
.letsform fieldset { border:0px dashed #a7c1df;padding:0px;margin:0px; }
.letsform legend { color:#1c448a;font-weight:bold;*margin:0 0 0 -7px; }
.letsform p.description { font-style:italic;padding:10px 0;color:#1c448a; }
.letsform .forminputswitch { display:block;clear:both;padding:5px 0;position:relative; }
.letsform .formlabel { font-weight:bold;float:left;width:120px;vertical-align:top;padding:0px;margin:0px;padding:4px 10px 4px 0;display:block; }
.letsform .textfield { background:#fff;color:#1c448a;width:200px;border:1px solid #bfbfbf;font-family:Arial;font-size:12px;padding:2px; }
.letsform .textarea {  background:#fff;color:#1c448a;width:200px;border:1px solid #bfbfbf;height:130px;font-family:Arial;font-size:12px;padding:4px; }
.letsform span.checkbox { float:left;width:495px;dislay:block; }
.letsform span.checkbox label { display:block;dislay:block;padding:0 4px 0 2px;line-height:15px;*line-height:22px;color:#1c448a; }
.letsform span.checkbox input { color:#659ad2;padding:0 2px 0 0; }
.letsform span.radio { float:left;width:200px;dislay:block; }
.letsform span.radio label { display:block;margin:0 0 10px;dislay:block;padding:0 4px 0 2px;line-height:15px;*line-height:22px;color:#1c448a; }
.letsform span.radio input { color:#659ad2;padding:0 2px 0 0; }
.letsform span.radioform { float:left;width:400px;dislay:block; }
.letsform span.radioform label { width:400px;display:block;margin:0 0 10px;dislay:block;padding:0 4px 0 2px;line-height:15px;*line-height:22px;color:#1c448a; }
.letsform span.radioform input { color:#659ad2;padding:0 2px 0 0; }
.letsform .select { width:258px;color:#1c448a;border:1px solid grey; }
.letsform .subtitel { display:block;padding-top:5px;color:#1c448a;padding-top:20px;font-weight:bold; }
.letsform .tekst { display:block;padding:10px 0;color:#1c448a; }
.letsform .file {}
.letsform .date {}
.letsform .date select{ margin-right:5px;border:1px solid grey; }
.letsform .date .calendardateinputday { width:50px; }
.letsform .date .calendardateinputmonth { width:50px; }
.letsform .date .calendardateinputyear { width:40px; }
.letsform .time select { width:50px;margin-right:2px;margin-bottom:5px;border:1px solid grey; }
.letsform .captcha { display:block;color:#1c448a; }
.letsform .captchasub {}
.letsform .captchasub img{ padding-bottom:10px; }
.letsform .captchasub input { margin-bottom:10px;border:1px solid grey; }
.letsform .button { cursor:pointer;margin:0 0 0 170px;  }
.letsform .errorlist li { padding:5px 0 0 0;margin:0px;color:red; }
.letsform .error { border:1px solid red;}
.tooltip { cursor:pointer;position:absolute;margin-top:2px;margin-left:4px; }
.forminfo { font-size:11px;line-height:1.33em;background:#1C448A;border:1px none #000;width:150px;margin:0px;padding:5px;color:#fff; }

.formcontact { float:right;margin:-86px 20px 0 20px; }

/*************************************************/
/* Browser compatibility                         */
/*************************************************/
/* fixes float problems
**************************************************/
.main:after,
.mainborder:after,
.opleidingblock:after,
.links:after,
.sitemaplist:after,
.demobg:after,
.col_left:after {
  content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}