html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  margin: 0px;
  color: #6a696a;
  background: #3A9838 url(images/bg.png) repeat-x left top;
}



/* STANDAARD HTML-ELEMENTEN */
body,
select,
textarea {
  color: #6a696a;
  font: normal 12px/18px Arial, Verdana;
}

input{ 
  border: 1px solid grey;
  color: #6a696a;
  font: normal 12px/18px Arial, Verdana;
}

.aanmelden { 
  border: 1px solid grey;
  color: black;
  font: normal 12px/18px Arial, Verdana;
}

.textBox {
  line-height: 16px;
}

a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #6a696a;
} 
a:hover {
  text-decoration: underline;
}

img,
a img,
table {
  border: 0px;
}

p {
  margin: 0px 0px 18px 0px;
}

ul,
li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

li {
  padding: 0px 0px 0px 10px;
  line-height: 22px;
  background: url(images/list-alt.gif) 0px 7px no-repeat;
}


h1_oud,
.h1_oud 
{
  font: bold 36px/40px Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}

h1,
.h1 {
  color: #000f37;
  font: bold 22px/26px Arial, Verdana;
  margin: 0px 0px 1px 0px;
  padding: 0px;
}

h2,
.h2 
{
  color: #000f37;
  font: bold 16px/26px Arial, Verdana;
  margin: 0px;
  padding: 0px;
}

h3,
.h3 {
  color: #000f37;
  font: bold 16px/26px Arial, Verdana;
  margin: 0px;
  padding: 0px;
}

h4,
.h4 {
  font: bold 12px/26px Arial, Verdana;
  color: #000f37;
  margin: 0px;
  padding: 0px;
}

h5,
.h5 {
  font: normal 12px/18px Arial, Verdana;
  color: white;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}



/* Paginamanagerstyles */
img.left {
  margin: 0px;
  margin-right: 10px;
  float: left;
}

img.right {
  margin: 0px;
  margin-left: 10px;
  float: right;
}

innerWerkveld. img {
  border: 2px solid #7F879B
}

.h1, .h2, .h3, .h4, .h5, .h6 { /* Paginamanagerstyles (omzetten van <h*>-tag naar een <span> met deze class) */
  display: block;
}



/* CONTAINERS */
.containerMain {
  width: 920px;
  min-height: 18px;
  margin: 0px auto 0px auto;
}
* html .containerMain {
  height: 18px;
}

.containerMidden {  
  width: 500px;
  min-height: 18px;
  float: left;
}
* html .containerMidden {
  height: 18px;
}

.containerFull {
  width: 680px;
  min-height: 18px;
}

.containerRechts{ 
  width: 180px;
  min-height: 18px;
  float: left;
  margin-top: 3px;
}
* html .containerRechts {
  height: 18px;
}

/* NAVIGATIE */

.containerNavigatie {
  width: 205px;
  min-height: 18px;
  margin: 24px 0px 0px 0px;
  float: left;
}
* html .containerNavigatie {
  height: 18px;
}

.navigatieTopShader {
  width: 205px;
  height: 15px;
  overflow: hidden;
  background: url(images/nav-topshader.gif) repeat-x left top;
}

.navigatieBottomShader {
  width: 205px;
  height: 23px;
  overflow: hidden;
  background: url(images/nav-bottomshader.gif) repeat-x left bottom;
}

.menuContainer {
  position: relative;
  width/**/:/**/195px; /* 205px */
  min-height: 18px;
  padding: 0px 10px;
  color: #000f37;
}

.menuContainer a:link,
.menuContainer a:active,
.menuContainer a:visited {
  color: #fff;
  text-decoration: none;
}
.menuContainer a:hover {
  color: #000f37;
  text-decoration: none;
}

.menuContainer ul {
  margin-top: 8px;
  background: url(/images/menuContainer-li-background.png) bottom left repeat-x;
}
* html .menuContainer ul {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuContainer-li-background.png', sizingMethod='crop')
}

.menuContainer ul ul {
  margin: 0;
  background: none;
}
* html .menuContainer ul ul {
  filter: none;
}

.menuContainer ul li {
  width/**/:/**/195px; /* 195px */
  min-height: 23px;
  padding: 1px 0 0 0;
  margin: 0px;
  background: url(/images/menuContainer-li-background.png) top left repeat-x;
}
* html .menuContainer ul li {
  height: 23px;
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuContainer-li-background.png', sizingMethod='crop')
}

.menuContainer ul li:first-child {
  background: none
}

.menuContainer ul li li:first-child {
  background: url(/images/menuContainer-li-background.png) top left repeat-x;
}



.menuContainer ul li a:link,
.menuContainer ul li a:active,
.menuContainer ul li a:visited {
  display: block;
  width/**/:/**/185px; /* 195px */
  min-height: 23px;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
  color: #fff;
  text-decoration: none;
  background: none;
}
.menuContainer ul li a:hover,
.menuContainer ul li a.actief:link,
.menuContainer ul li a.actief:active,
.menuContainer ul li a.actief:visited,
.menuContainer ul li a.actief:hover {
  color: #000f37;
  text-decoration: none;
  background: url(images/nav-list.gif) no-repeat 0px 8px;
}

.menuContainer ul li ul li a:link,
.menuContainer ul li ul li a:active,
.menuContainer ul li ul li a:visited {
  display: block;
  width/**/:/**/165px; /* 175px */
  min-height: 23px;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 10px;
  color: #fff;
  text-decoration: none;
  background: none;
}
.menuContainer ul li ul li a:hover,
.menuContainer ul li ul li a.actief:link,
.menuContainer ul li ul li a.actief:active,
.menuContainer ul li ul li a.actief:visited,
.menuContainer ul li ul li a.actief:hover {
  color: #000f37;
  text-decoration: none;
  background: url(images/subnav-list.gif) no-repeat 0px 8px;
}

.menuContainer ul li ul li ul li a:link,
.menuContainer ul li ul li ul li a:active,
.menuContainer ul li ul li ul li a:visited {
  display: block;
  width/**/:/**/155px; /* 165px */
  min-height: 23px;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 20px;
  color: #fff;
  text-decoration: none;
  background: none;
}
.menuContainer ul li ul li ul li a:hover,
.menuContainer ul li ul li ul li a.actief:link,
.menuContainer ul li ul li ul li a.actief:active,
.menuContainer ul li ul li ul li a.actief:visited,
.menuContainer ul li ul li ul li a.actief:hover {
  color: #000f37;
  text-decoration: none;
  background: url(images/subnav-list.gif) no-repeat 0px 8px;
}



/*

.navigatieContent {
  width/ ** /:/ ** /185px; / * 205px * /
  min-height: 335px;
  color: #fff;
  padding: 0px 0px 0px 10px;
}
* html .navigatieContent {
  height: 335px;
}

.navigatieContent ul,
.navigatieContent li {
  padding: 0px;
  margin: 0px;
  background: none;
}

.navigatieContent li {
  border-top: 1px dashed #2c8831;
}

.navigatieContent li.eerste {
  border: none;
}

.navigatieContent li.laatste {
  border-top: 1px dashed #2c8831;
  border-bottom: 1px dashed #2c8831;
}


.navigatieContent .level1 li a {
  color: #fff;
}

.navigatieContent .level1 li a:hover,
.navigatieContent .level1 li a.actief {
  color: #000;
}

.level2,
.level3
{
  display: none;
}

.navigatieContent .level1 li a,
.navigatieContent .level2 li a,
.navigatieContent .level3 li a {
  padding-left: 10px;
  text-decoration: none;
  background: none;
}

.navigatieContent .level2 li a {
  margin-left: 10px;
}

.navigatieContent .level3 li a {
  margin-left: 20px;
}

.navigatieContent .level1 li a.actief,
.navigatieContent .level1 li a:hover {
  background: none;
  background: url(images/nav-list.gif) no-repeat 0px 3px;
}

.navigatieContent .level2 li a.actief,
.navigatieContent .level2 li a:hover,
.navigatieContent .level3 li a.actief,
.navigatieContent .level3 li a:hover {
  background: url(images/subnav-list.gif) no-repeat 0px 3px;
}*/


/* ALGEMEEN */

.header {
  width: 920px;
  height: 120px;
  background: url(images/header.jpg) no-repeat;
}


.greenBar {
  width: 920px;
  height: 46px;
  background: url(images/greenbar.gif) repeat-x;
}

.werkveld {
  width: 680px;
  min-height: 18px;
  margin: -26px 0px 0 -15px;
  padding: 0 0px 0px 35px;
  float: left;
  background: #fff url(images/werkveld-background.png) 0 0 repeat-y;
}
* html .werkveld {
  height: 18px;
  overflow-x: hidden;
}

.werkveld .innerWerkveld {
  position: relative;
  width: 4000px;
  min-height: 18px;
  padding: 27px 0 13px 15px;
  background: #fff;
}
* html .werkveld .innerWerkveld {
  height: 18px;
}

.werkveld .top {
  position: relative;
  height: 54px;
  width: 4000px;
  margin-left: -35px;
  background: url(/images/werkveld-top.png) 0 0 no-repeat
}

.werkveld .bottom {
  position: relative;
  clear: both;
  margin-left: -35px;
  height: 55px;
  width:4000px;
  background: url(/images/werkveld-bottom.png) 0 0 no-repeat
}

.vak180px {
  width/**/:/**/170px;
  min-height: 18px;
  margin: 0px 0px 21px 0px;
  padding: 0px 0px 0px 10px;
  background: url(images/bg-vak180.gif) 0 28px repeat-x;
}

.vak180px h4 {
  margin-bottom: 4px;
}

* html .vak180px {
  height: 120px;
}

.vak215px {
  width: 215px;
  min-height: 18px;
  float: left;
  margin: 0px 35px 0px 0px;
}

* html .vak215px {
  height: 120px;
}

* html .vak215pxBug {
  margin-right: 17px;
}

.img {
  background: url(images/foto-shader.gif) repeat-x left bottom;
  margin: 21px 35px 0px 0px;
  padding: 0px 0px 16px 0px;
}


.vak465px {
  width: 465px;
  min-height: 18px;
  float: left;
}

.vak465px h1 {
  margin-bottom: 10px
}

.tekstvakbreed {
  width: 680px;
  min-height: 18px;
}


* html .breed  {
  height: 18px;
}


.footer {
  position: relative;
  margin-left: 234px;
  height: 18px;
  clear: both;
  line-height: 18px;
}

.footerLinks {
  position: relative;
  margin-top: -11px;
  width/**/:/**/355px; /* 360px */
  height: 18px;
  padding: 0px 0px 0px 5px;
  float: left;
  color: #fff;
}

.footerLinks a:link,
.footerLinks a:hover,
.footerLinks a:active,
.footerLinks a:visited {
  color: #000;
  text-decoration: none
}

.footerLinks a:hover {
  text-decoration: underline
}

.footerRechts {
  position: relative;
  margin-top: -11px;
  width/**/:/**/295px; /* 300px */;
  height: 18px;
  float: right;
  padding: 0px 5px 0px 0px;
  text-align: right;
  color: #fff;
}

.footerRechts a:link,
.footerRechts a:hover,
.footerRechts a:active,
.footerRechts a:visited {
  color: #fff;
}


.footer .dark {
  color: #000;
}

.contactBlok {
  width: 170px; /*180px ivm marge*/
  min-height: 18px;
  font-size: 11px;
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 10px;
  background: url(images/bg-vak180.gif) repeat-x;
}

* html .contactBlok  {
  height: 400px;
}

.contactBlok h4{
  margin: 0px 0px 2px 0px;
}

/* CLIENT LOG - IN */
.talen {
  position: relative;
  z-index: 1;
  margin-left: 111px;
  width: 200px;
  height: 35px;
  text-align: left;
  float: left;
  color: #000;
  line-height: 35px;
}

.talen a:link,
.talen a:hover,
.talen a:active,
.talen a:visited {
  font-size: 10px;
  color: #96C495;
}

.talen a:hover,
.talen a.active {
  color: #fff !important;
  font-weight: bold !important;
  text-decoration: none;
}

.login {
  position: relative;
  z-index: 1;
  width: 135px;
  height: 35px;
  float: right;
}


/* HACK -> 'Display-Table'-vervanger */
.containerMain:after,
.menuContainer:after,
.werkveld .innerWerkveld:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}



/* Styles voor de print variant */
@media print
{
    .NoPrint { 
      display: none;
    }
}