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

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

body {
margin-top: 6px; background: #D0E3ED; font: normal 12px Trebuchet MS, Verdana, San-serif;}

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

#wrapTemplate {background: url("../images/header.gif") no-repeat top center #ffffff;
 border: solid 1px #0088C0; width:975px; 
margin:auto; height:100%; min-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:160px; 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;}

#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: 13px; margin-bottom: 0px; margin-left: 700px; margin-top: 90px; font-weight: bold;display: block;}
#rightTopData .txt2 {border: solid 0px #227007;color: #000000; font-size: 12px; margin-left: 700px; 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: 178px;}
/* witruimte tussen menu-item contact en naar vorig/volgend */
.menuSpaceTemplate {margin-right: 200px;}
.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: 19px;margin-bottom: 12px; margin-top: 42px;font-weight: bold; line-height: 20px;}
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 50px 0px 50px;
width: 535px; 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;}
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; width: 110px;}
.colorLight_keurmerk {text-align: left;background: #F5FAFE;}
.colorLight_boek {text-align: left;background: #F5FAFE;}
.colorRed_keurmerk {text-align: left;background: #FF8080;}
.colorRed_boek {text-align: left;background: #FF8080;}
.colorDark{text-align: left; width: 110px; background: #EDEDED; color: #33415D; font-weight: bold;}
.colorDark_keurmerk{text-align: left; background: #EDEDED; color: #33415D; font-weight: bold;}
.colorDark_bestelform{text-align: left; background: #EDEDED; color: #33415D; font-weight: bold;}
.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;}

.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: 0px 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:0px; width:290px; 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:0px; 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;}
#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: 270px;border: solid 0px #D6E8FC;margin-left:9px;margin-right:9px;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: 270px;text-align: left; background:#F5FAFE;  padding:4px 0 4px 0px;}
#rightMenuHome .lastP{ border-bottom: solid 1px #D6E8FC;width: 270px;}
#rightMenuHome p {color: #3B626B;font-size: 12px;
border-top: solid 1px #D6E8FC;;width: 270px;text-align: left;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;}


#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: 246px;text-align: left;background:#F5FAFE;padding:4px 0 4px 0px;font-weight: bold; }
#rightMenuTemplate .lastLi{ border-bottom: solid 1px #D6E8FC;width: 246px; }
#rightMenuTemplate p {color: #3B626B; font-size: 12px;
border-top: solid 0px #D6E8FC;;width: 246px;text-align: left;padding:4px 0 4px 0px;background:#ffffff;}
#rightMenuTemplate a {padding-left:4px;color: #3B626B;font-weight: normal;font-size: 11px; text-decoration: none;}
#rightMenuTemplate a:hover{ color: #000A6D; text-decoration: underline;}
#rightMenuTemplate a#selected {color: #000;}

/* ######################## 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 .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;}