* {
margin: 0px;
padding: 0px;
}
img {border-width: 0;}

html>body #wrap {
height:auto;}
html>body #wrapTemplate {
height:auto;text-align:center;}
html>body #wrapEmpty {
height:auto;}
body, html {
text-align:center; margin-top: 0px;}

body {
margin-top: 6px; background: #D0E3ED; font: normal 12px Arial, Verdana, San-serif;line-height:20px;}

/* vervang ../images/headerHome.gif door ../images/headerHome-empty.gif = zonder nieuw sterretje image */
#wrap {background: no-repeat top center #ffffff;
 border: solid 1px #0088C0; width:975px; 
margin:auto; height:100%; text-align:left;  clear:both;  position:relative;}

#wrapTemplate {background: no-repeat top center #ffffff;
 border: solid 1px #0088C0; width:975px; 
margin:auto; height:100%; text-align:left;  clear:both;  position:relative;}

#wrapEmpty {background: no-repeat top center #ffffff;
 border: solid 1px #0088C0; width:975px; 
margin:auto; height:100%; text-align:left;  clear:both;  position:relative;}

#wrapEmptyManual {background: url("../images/headerImg2.gif") no-repeat top center #ffffff;
 border: solid 1px #0088C0; width:975px; 
margin:auto; height:100%; text-align:left;  clear:both;  position:relative;}

#mainContent {width:975px;text-align: center;margin: 0px; border: solid 0px #000000;}

/*########## ##########  header top incl menu */

#header { 
height:171px; border: solid 0px #0088C0; width:975px;
text-align: left;margin-bottom:5px;}

#header .topLeft { position:absolute;letter-spacing: 0px;
color: #000066; font-size: 10px;
float: left; margin-top: 43px;padding-left: 50px;
margin-left:0px;font-weight: normal;}

#header .topRight { position:absolute;letter-spacing: 0px;
color: #000066; font-size: 10px;
float: right; margin-top: 15px;padding-left: 395px;
margin-left:500px;font-weight: normal;}

#header .topSearch { position:absolute;letter-spacing: 0px;
color: #000066; font-size: 10px;
float: right; margin-top: 15px;padding-left: 637px;
margin-left:0px;font-weight: normal;}

#rightTopData { 
color: #712F05;border: solid 0px #227AA7;position:absolute;
font-size: 10px;width:920px;
margin-right:0px; font-weight: normal;text-align: left; margin-bottom: 0px; }

#rightTopData .txt1Template  { border: solid 0px #227007; color: #292862; font-size: 13px; margin-bottom: 0px; margin-left: 675px; margin-top: 90px; font-weight: bold;display: block;}
#rightTopData .txt2Template  {border: solid 0px #227007;color: #000000; font-size: 12px; margin-left: 675px; margin-top: 2px; font-weight: bold;display: block;}

#rightTopData .txt1 { border: solid 0px #227007; color: #292862; font-size: 10px; margin-bottom: 0px; margin-left: 710px; margin-top: 90px; font-weight: bold;display: block;}
#rightTopData .txt2 {border: solid 0px #227007;color: #292862; font-size: 10px; margin-left: 710px; margin-top: 2px; font-weight: bold;display: block;}
#hoofdmenu {color: #ffffff;line-height: 10px;width: 975px;
list-style: none;float: left; padding-left: 0px;padding-top: 0px;margin-top: 126px;}
#hoofdmenu li {float: left;text-align: center;padding-right: 4px;}
#hoofdmenu a {line-height:25px; height: 22px; color: #ffffff; font-size: 12px;font-weight: normal; letter-spacing: 0px; text-decoration: none; }
/* witruimte tussen menu-item contact en naar de handleiding*/
.menuSpaceHome { margin-right: 60px;}
/* witruimte tussen menu-item contact en naar vorig/volgend */
.menuSpaceTemplate {margin-right: 80px;}
.menuSpaceBlog {margin-right: 155px;}
.mainItem  {margin-left: 8px}
.firstItem  { margin-left: 50px}
#hoofdmenu a:hover{text-decoration: underline;color: #292864;}
#hoofdmenu a#selected {color: #AB3506;}


/*  ########## ########## einde top header */

/* ########## ##########   content home + template */
h1 {color: #005692;font-size: 18px;margin-bottom: 12px; margin-top: 5px;font-weight: bold; line-height: 20px; padding: 10px 0 0 0}
.seobedrijven {margin-top: 62px;}
h2 { color: #33415D; font-size: 16px; margin-bottom: 4px; margin-top: 1px; font-weight: bold;}
.small {color: #000;font-size: 10px;}
h3 {font-size: 12px;padding: 2px 0px 10px 0px;border:solid 0px  #F0F;text-align: justify; text-align: left;  background: #EDEDED; color: #33415D;}
a {font-size: 12px;color:#289AD9;font-weight: normal; text-decoration: none;}
a:hover {font-size: 12px; color: #292864; font-weight: normal; text-decoration: underline;}
a.small {font-size: 11px;color:#292864;font-weight: normal; text-decoration: underline;}
a.small:hover {font-size: 11px; color: #292864; font-weight: normal; text-decoration: underline;}
a.big {font-size: 18px;color:#289AD9;font-weight: normal; text-decoration: none;}
a.big:hover {font-size: 18px; color: #289AD9; font-weight: normal; text-decoration: underline;}

#introHome {
border: solid 0px #227AA7;
padding: 0px 35px 0px 50px;
width: 550px; float: left; text-align: left;overflow: hidden;
}
#introHome p {
padding: 2px 0px 10px 0px;border:solid 0px  #F0F;text-align: justify;
}
#introHome  li {
margin-left: 35px;}

.tableHome {width: 511px; border: solid 0px #227AA7;}
.tableTemplateSmall {width: 535px; border: solid 0px #227AA7;}
.tableTemplateBig {width: 875px; border: solid 0px #227AA7;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
a.blader {font-size: 12px;color:#289AD9;font-weight: normal; text-decoration: none;}
a.blader:hover {font-size: 12px; color: #292864; font-weight: normal; text-decoration: underline;}


/* deze tabel heeft een vaste breedte voor de cellen*/
.dataTable {padding-top: 0px; padding-bottom: 4px;}
.dataTable td {border: solid 1px #D2E7FC; padding: 2px;}
.colorLight {text-align: left;background: #F5FAFE; }
.colorLight_keurmerk {text-align: left;background: #F5FAFE;}
.colorLight_boek {text-align: left;background: #F5FAFE;}
.colorLight_training {text-align: left;background: #F5FAFE;}
.colorLight_toolkit {text-align: left;background: #F5FAFE;}
.colorRed_keurmerk {text-align: left;background: #FF8080;}
.colorRed_boek {text-align: left;background: #FF8080;}
.colorRed_training {text-align: left;background: #FF8080;}
.colorRed_toolkit {text-align: left;background: #FF8080;}
.colorDark{text-align: left; background: #EDEDED; color: #33415D; font-weight: bold;}
.colorDark_keurmerk{text-align: left; background: #EDEDED; color: #33415D; font-weight: bold;}
.colorDark_training{text-align: left; background: #EDEDED; color: #33415D; font-weight: bold;}
.colorDark_bestelform{text-align: left; background: #EDEDED; color: #33415D; font-weight: bold;}
.colorServices {text-align: left;background: #0070C0; }
.colorNone{text-align: left;}

/* deze tabelcellen  hebben geen vaste breedte*/
.dataTableBigger {padding-top: 0px; padding-bottom: 4px; width: 875px;}
.dataTableBigger td {border: solid 1px #D2E7FC; padding: 2px;}
.colorLightBigger {text-align: left;background: #F5FAFE;}
.colorDarkBigger{text-align: left;  background: #EDEDED; color: #33415D; font-weight: bold;}
.colorNoneBigger {text-align: left;}

/* seo diensten*/
.colorLight_seo_diensten {background: #F5FAFE; font-size: 12px; margin-left:5px}
.colorLight_small_seo_diensten {background: #F5FAFE; font-size: 12px; }
.colorDark_seo_diensten{background: #EDEDED; font-size: 12px; }
.colorDark_small_seo_diensten{background: #EDEDED; font-size: 12px; }


.htmlvbcodeblok {
	BORDER-RIGHT: #808080 1px solid;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #808080 1px solid;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #808080 1px solid;
	COLOR: #000000;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #808080 1px solid;
	BACKGROUND-COLOR: #eeeeee;
}
.htmlvbcodetekst {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	BACKGROUND-COLOR: #eeeeee;
}
/* extra breed tekst over volle breedte v/h scherm*/

#introTxtBig { border: solid 0px #227AA7;
padding: 0px 50px 0px 50px; float: left; text-align: left;overflow: hidden; position:relative; clear:both;padding-bottom: 10px;width: 875px;}
#introTxtBig  p {
padding: 2px 0px 10px 0px;border:solid 0px  #F0F;text-align: justify;}
#introTxtBig  li {
margin-left: 35px;}
/* einde extra breed */

/* template */
#introTemplate {
border: solid 0px #227AA7;
padding: 30px 50px 0px 50px;
width: 559px; float: left;text-align: left; float: left;overflow: hidden;
}
#introTemplate p {
padding: 2px 0px 10px 0px;border:solid 0px  #F0F;text-align: justify;
}
#introTemplate  li {
margin-left: 35px;}

/* ################# right menus */
#rightHomeContainer {
border-top: solid 1px #B6BDC1; margin-right: 0px;margin-left:0px;
margin-top:12px; width:290px; float: left;text-align: left; overflow: hidden; background: url("../images/bgRightHome.jpg") no-repeat top center #ffffff;}
#rightHomeContainerBlog {
border-top: solid 1px #B6BDC1; margin-top: 10px; margin-right: 0px;margin-left:0px;float: left;text-align: left; overflow: hidden; background: url("../images/bgRightHome.jpg") no-repeat top center #ffffff;}
#rightTemplateContainer  {
border-top: solid 1px #B6BDC1; margin-right: 0px;margin-left:0px;
margin-top:12px; width:266px; float: left;text-align: left; overflow: hidden; background: url("../images/bgRightTemplate.jpg") no-repeat top center #ffffff;}

#rightbgImg {background: url("../images/bgRightHome.jpg") repeat-y top center #ffffff;}
#rightTemplatebgImg {background: url("../images/bgRightTemplate.jpg") repeat-y top center #ffffff;}

#rightHomeBottom {
width:290px; overflow: hidden; background: url("../images/bgRightHomeBottom.jpg") no-repeat bottom center #ffffff;border: solid 0px #B6BDC1;margin-bottom: 10px;}
#rightHomeBottomBlog {
width:292px; overflow: hidden; background: url("../images/bgRightHomeBottom.jpg") no-repeat bottom center #ffffff;border: solid 0px #B6BDC1;margin-bottom: 10px;}
#rightTemplateBottom {
width:266px; overflow: hidden; background: url("../images/bgRightTemplateBottom.jpg") no-repeat bottom center #ffffff;border: solid 0px #B6BDC1;margin-bottom: 10px;}

#rightMenuHome {
list-style: none; text-align: left; width: 278px;border: solid 0px #D6E8FC;margin-left:5px;margin-right:5px;background: url("../images/bgRightHome.jpg") repeat-y top center #ffffff;}
#rightMenuHome h5 {	color: #006E01; font-size: 14px; padding:0px; margin:15px 0 6px 0; font-weight: bold;}

#rightMenuHome h3 {color: #006E01;font-size: 14px;padding:0px;margin:8px 0 8px 0;font-weight: bold;}
#rightMenuHome h4 {color: #000000;font-size: 11px;padding:0px;margin:8px 0 8px 0;font-weight: bold;text-transform : uppercase;}
#rightMenuHome li {border-top: solid 1px #D6E8FC;width: 278px;text-align: left; background:#F5FAFE;  padding:4px 0 4px 0px;}
#rightMenuHome .lastP{ border-bottom: solid 1px #D6E8FC;width: 278px;text-align: justify;}
#rightMenuHome p {color: #3B626B;font-size: 12px;border-top: solid 1px #D6E8FC;width: 278px;text-align: justify;padding:4px 0 4px 0px; background:#F5FAFE;}
#rightMenuHome a{font-size: 12px;color:#289AD9;font-weight: normal; text-decoration: none;}
#rightMenuHome a:hover{font-size: 12px;color:#000A6D;font-weight: normal; text-decoration: underline;}
#rightMenuHome a#selected {font-size: 12px;color:#000A6D;font-weight: normal; text-decoration: none;}

#rightMenuHome_alt p {color: #3B626B;font-size: 12px;border-top: solid 1px #D6E8FC;width: 270px;text-align: jusitfy;padding:4px 0 4px 0px; background:#FFFFFF;}

#rightMenuHomeBlog {
list-style: none; text-align: left; border: solid 0px #D6E8FC;margin-left:9px;margin-right:9px;background: url("../images/bgRightHome.jpg") repeat-y top center #ffffff;}
#rightMenuHomeBlog h5 {	color: #006E01; font-size: 14px; padding:0px; margin:15px 0 6px 0; font-weight: bold;}

#rightMenuHomeBlog h3 {color: #006E01;font-size: 14px;padding:0px;margin:8px 0 8px 0;font-weight: bold;}
#rightMenuHomeBlog h4 {color: #000000;font-size: 11px;padding:0px;margin:8px 0 8px 0;font-weight: bold;text-transform : uppercase;}
#rightMenuHomeBlog li {border-top: solid 1px #D6E8FC;text-align: left; background:#F5FAFE;  padding:4px 0 4px 0px;}
#rightMenuHomeBlog .lastP{ border-bottom: solid 1px #D6E8FC;text-align: jusitfy;}
#rightMenuHomeBlog p {color: #3B626B;font-size: 12px;border-top: solid 1px #D6E8FC;text-align: jusitfy;padding:4px 0 4px 0px; background:#F5FAFE;}
#rightMenuHomeBlog a{font-size: 12px;color:#289AD9;font-weight: normal; text-decoration: none;}
#rightMenuHomeBlog a:hover{font-size: 12px;color:#000A6D;font-weight: normal; text-decoration: underline;}
#rightMenuHomeBlog a#selected {font-size: 12px;color:#000A6D;font-weight: normal; text-decoration: none;}

#smallanchortext a{font-size: 10px;color:#289AD9;font-weight: normal; text-decoration: none;}
#smallanchortext a:hover{font-size: 10px;color:#000A6D;font-weight: normal; text-decoration: underline;}
#smallanchortext a#selected {font-size: 10px;color:#000A6D;font-weight: normal; text-decoration: none;}

#rightMenuTemplate {text-align: left; width: 246px;border: solid 0px #D6E8FC;margin-left:9px;margin-right:9px;}
#rightMenuTemplate h3 {	color: #006E01;font-size: 14px;padding:0px;margin:15px 0 6px 0;font-weight: bold;}
#rightMenuTemplate h4 {color: #000000;font-size: 11px;padding:0px;margin:8px 0 8px 0;font-weight: bold;text-transform : uppercase;}
#rightMenuTemplate li {list-style: none; border-top: solid 1px #D6E8FC;width: 250px;text-align: left;background:#F5FAFE;padding:4px 0 4px 0px;}
#rightMenuTemplate .lastLi{ border-bottom: solid 1px #D6E8FC;width: 246px; }
#rightMenuTemplate p {color: #3B626B; font-size: 11px;
border-top: solid 0px #D6E8FC;width: 246px;text-align: justify;padding:4px 0 4px 0px;background:#ffffff;}
#rightMenuTemplate a {color: #289AD9;font-weight: normal;font-size: 11px; text-decoration: none;}
#rightMenuTemplate a:hover{ color: #000A6D; text-decoration: underline;}
#rightMenuTemplate a#selected {color: #000A6D;}
#mailinglist{color: #3B626B; font-size: 11px;
border-top: solid 0px #D6E8FC;width: 246px;text-align: left;padding:4px 0 4px 0px;background:#ffffff;}

#rightMenuTemplate_alt li {list-style: none; border-top: solid 1px #D6E8FC;width: 250px;text-align: left;background:#FFFFFF;padding:4px 0 4px 0px;}

/* ######################## einde home + Template*/
/* ################### footer*/

#footer {
background: #C5CDCF;margin-left: 0px;margin-top: 2px;text-align: left;position:relative; clear:both;font-size: 11px; padding-bottom: 0px;width: 975px;}
#footer .bookmark { background: #FFFFFF;text-align:center;}
#footer .txt {border: solid 0px #227AA7;letter-spacing: 1px;color: #000;text-decoration: none;padding-top: 5px; padding-left: 45px;}
#footer a {color: #292864;font-size: 11px;text-decoration: underline;}
#footer a:hover {text-decoration: underline;}

/* ################### footer seo blog*/
#footer_seoblog {
background: #C5CDCF;margin-left: 0px;margin-top: 2px;text-align: left;position:relative; clear:both;font-size: 11px; padding-bottom: 0px;width: 975px;}
#footer_seoblog .txt {border: solid 0px #227AA7;letter-spacing: 1px;color: #000;text-decoration: none;padding-top: 5px; padding-left: 45px;}
#footer_seoblog a {color: #292864;font-size: 11px;text-decoration: underline;}
#footer_seoblog a:hover {text-decoration: underline;}

#txt p {margin-bottom: 12px;padding: 4px;border: solid 1px #D7E6EE;background: #F6F9FB; }
#head img.none { margin: 0; clear: both; float: none;}


/* hoofd- en submenu aanpassingen */
#menu {
width: 929px;
list-style: none;
float: left; 
padding-left: 46px;
padding-top: 0px;
margin-left: 0px;
margin-top: 132px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12.2em;
float: left;
}

#menu a, #menu h2, #menu h3 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
height: 24px;
padding: 2px 3px;
}

#menu h2:hover {
color: #070065;
}


#menu h3 {
color: #fff;
text-transform: uppercase;
float:right;
}

#menu a {
color: #FFF;
height: 20px;
background: #289AD9;
text-decoration: none;
font-size:11px;
padding: 7px 4px 4px 4px;
background-image: url(/images/bg-menu-item.gif);
}

#menu a:hover {
color: #070065;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
padding-bottom: 6px;
background-image: url(/images/menu-ul-bottom.png);
background-position: bottom;
background-repeat: no-repeat;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.container {margin:0 auto;margin-top: 142px;margin-left: 0px;}

ul#main-nav {
  clear: left;
  list-style: none;
  margin: 0;
  padding: 0px;
}
  
#main-nav li {

  display: block;
  float: left;
}

#main-nav li a {
  color: #FFFFFF; /* color: #6DCFF6; */
  cursor: pointer;
  display: block;
  font-size: 1.25em;
  font-weight: bold;
  padding: 4px 0;
  text-align: center;
  text-decoration: none;
}

#main-nav li a small {
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}

#main-nav li a:hover {
  background: url(/images/menubutton.gif) left top repeat-x;
  color: #000;
}

#nav-links { width: 46px; background:#005692;}
#nav-info { width: 130px; background:#005692;}
#nav-ebook { width: 128px; background:#005692;}
#nav-toolkit { width: 138px; background:#005692;}
#nav-trainingen { width: 143px; background:#005692;}
#nav-blog { width: 128px; background:#005692;}
#nav-forum { width: 142px; background:#005692;}
#nav-begeleiding { width: 160px;background:#005692; }
#nav-logo { width: 144px;background:#005692; }
#nav-partners { width: 165px; background:#005692;}
#nav-contact { width: 146px; background:#005692;}
#nav-rechts { width: 51px; background:#005692;}

.mailinglijst {color: #3B626B; font-size: 11px;background:#F5FAFE;}
.mailinglijst-template {color: #3B626B; font-size: 11px;}

#breadcrumb {height:20px; width:550px;text-align: left;margin-top: 10px; margin-bottom: 0px; }