﻿html {
  height: 100%;
}

body {
  margin: 0px;
}



/* STANDAARD HTML-ELEMENTEN */
body,
input,
select,
textarea {
  color: #fff;
  font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

input,
textarea {
  color: #000;
}

a:link,
a:visited,
a:active {
  text-decoration: underline;
  color: #fff;
} 
a:hover {
  text-decoration: none;
}

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;
  margin: 0px 0px 0px 10px;
  background: url(images/list.gif) 0px 7px no-repeat;
}

h1,
.h1 {
  font: bold 36px/40px Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}

h2,
.h2 {
  font: bold 13px/18px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}

h3,
.h3 {
  font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}

/* Paginamanagerstyles */
img.left {
  margin: 0px;
  margin-right: 10px;
  float: left;
}

img.right {
  margin: 0px;
  margin-left: 10px;
  float: right;
}

.h1, .h2, .h3, .h4, .h5, .h6 { /* Paginamanagerstyles (omzetten van <h*>-tag naar een <span> met deze class) */
  display: block;
}

/* CONTAINERS */
.containerMain {
  width: 926px;
  min-height: 18px;
  margin: 30px auto 0px auto;
}
* html .containerMain {
  height: 18px;
}

.bgBoven {
  width: 926px;
  height: 16px;
  background: url(images/bg-boven.gif) no-repeat left top;
}

.containerContent {
  width/**/:/**/826px; /* 926px */
  height/**/:/**/508px; /* 542px */
  padding: 34px 50px 0px 50px;
  position: relative;
  background: #eb5c00 url(images/bg-rechts.gif) no-repeat 662px 0px;
}

.foto {
  width: 360px;
  height: 476px;
  float: left;
  margin: 0px 50px 0px 0px;
  background: #e0e0e0;
  z-index: 10;
}

.flashIntro {
  width: 445px;
  height: 526px;
  position: absolute;
  top: -16px;
  left: -35px;
  margin: 0px 0px 0px 0px;
  z-index: 10;
}

.werkveld {
  width: 416px;
  min-height: 18px;
  margin-left: 410px;
}
* html .werkveld {
  height: 18px;
}

.bgOnder {
  width: 662px;
  height: 18px;
  background: url(images/bg-onder.gif) no-repeat left top;
}



/* ALGEMEEN */

/* Menu */
.menu {
  width: 926px;
  height: 24px;
  position: relative;
  z-index: 100;
}

.menuSetSmall,
.menuSet {
  width/**/:/**/165px; /* 167px */
  height: 24px;
  padding: 0px 1px;
  position: absolute;
  top: 0px;
  z-index: 3000;
}

.menuSetSmall {
  width/**/:/**/140px; /* 142px */
}

#item01_de,
#item01_nl,
#item01_en {
  left: 30px;
}

#item02_de,
#item02_nl,
#item02_en {
  left: 205px;
}
.menuSetSmall#item02_nl {
	left: 175px;
}

#item03_de,
#item03_nl,
#item03_en {
  left: 380px;
}
.menuSetSmall#item03_nl {
	left: 320px;
}

#item04_de,
#item04_nl,
#item04_en {
  left: 555px;
}
.menuSetSmall#item04_nl {
	left: 465px;
}

.menuSetSmall#item05_nl {
	left: 610px;
}

.menuSetSmall#item06_nl {
	left: 755px;
}
.hoofdmenuSmall,
.hoofdmenu {
  width: 165px;
  height: 24px;
  z-index: 3000;
}

.hoofdmenuSmall a,
.hoofdmenu a {
  display: block;
  width: 165px;
  height: 24px;
  overflow: hidden;
}

.hoofdmenuSmall,
.hoofdmenuSmall a {
	width: 140px;
}

#item01_nl .hoofdmenu a {
  background: url(images/menuitem01_nl.gif) left top no-repeat;
}
#item02_nl .hoofdmenu a {
  background: url(images/menuitem02_nl.gif) left top no-repeat;
}
#item03_nl .hoofdmenu a {
  background: url(images/menuitem03_nl.gif) left top no-repeat;
}
#item04_nl .hoofdmenu a {
  background: url(images/menuitem04_nl.gif) left top no-repeat;
}

#item01_nl .hoofdmenuSmall a {
  background: url(images/menuitem01_nl.png) left top no-repeat;
}
#item02_nl .hoofdmenuSmall a {
  background: url(images/menuitem02_nl.png) left top no-repeat;
}
#item03_nl .hoofdmenuSmall a {
  background: url(images/menuitem03_nl.png) left top no-repeat;
}
#item04_nl .hoofdmenuSmall a {
  background: url(images/menuitem04_nl.png) left top no-repeat;
}
#item05_nl .hoofdmenuSmall a {
  background: url(images/menuitem05.png) left top no-repeat;
}
#item06_nl .hoofdmenuSmall a {
  background: url(images/menuitem06_nl.png) left top no-repeat;
}

#item01_en .hoofdmenu a {
  background: url(images/menuitem01_en.gif) left top no-repeat;
}
#item02_en .hoofdmenu a {
  background: url(images/menuitem02_en.gif) left top no-repeat;
}
#item03_en .hoofdmenu a {
  background: url(images/menuitem03_en.gif) left top no-repeat;
}
#item04_en .hoofdmenu a {
  background: url(images/menuitem04_en.gif) left top no-repeat;
}

#item01_de .hoofdmenu a {
  background: url(images/menuitem01_de.png) left top no-repeat;
}
#item02_de .hoofdmenu a {
  background: url(images/menuitem02_de.png) left top no-repeat;
}
#item03_de .hoofdmenu a {
  background: url(images/menuitem03_de.png) left top no-repeat;
}
#item04_de .hoofdmenu a {
  background: url(images/menuitem04_de.png) left top no-repeat;
}

.hoofdmenuSmall span,
.hoofdmenu span,
.hoofdmenuLink span {
  display: none;
}

.hoofdmenuLink {
  width: 165px;
  height: 24px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 730px;
  z-index: 200;
  background: url(images/bg-menutab.gif) no-repeat center top;
}

.hoofdmenuLink a {
  display: block;
  width: 165px;
  height: 24px;
  background: url(images/menuitem05.gif) left top no-repeat;
}

/* Submenu */
.submenuSmall,
.submenu {
  width: 167px;
  min-height: 24px;
  display: none;
  position: absolute;
  top: 24px;
  left: 0px;
  z-index: 2000;
}

.submenuSmall {
	width: 142px;
}

.submenuSmall a:link,
.submenuSmall a:active,
.submenuSmall a:visited,
.submenu a:link,
.submenu a:active,
.submenu a:visited {
  display: block;
  width/**/:/**/145px; /* 165px */
  min-height/**/:/**/18px; /* 24px */
  padding: 4px 10px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background: url(images/bg-submenu.png) repeat left top;
  color: #fff;
  font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
}
.submenu a:hover {
  background: #eb5c00;
}

.submenuSmall a:link,
.submenuSmall a:active,
.submenuSmall a:visited {
	 width/**/:/**/120px; /* 140px */
}

* html .submenuSmall a:link,
* html .submenu a:link {
  background: #e79635;
}
* html .submenuSmall a:active,
* html .submenu a:active {
  background: #e79635;
}
* html .submenuSmall a:visited,
* html .submenu a:visited {
  background: #e79635;
}
* html .submenuSmall a:hover,
* html .submenu a:hover {
  background: #eb5c00;
}

.submenuSmall a.laatste:link,
.submenuSmall a.laatste:active,
.submenuSmall a.laatste:visited,
.submenu a.laatste:link,
.submenu a.laatste:active,
.submenu a.laatste:visited {
  width/**/:/**/147px; /* 167px */
  padding: 4px 10px 6px 10px;
  border-left: none;
  border-right: none;
  background: url(images/bg-submenu-laatste.png) no-repeat left top;
}
.submenuSmall a.laatste:link,
.submenuSmall a.laatste:active,
.submenuSmall a.laatste:visited {
	width/**/:/**/122px; /* 142px */
	background: url(images/bg-submenuSmall-laatste.png) no-repeat left top;
}

.submenuSmall a.laatste:hover,
.submenu a.laatste:hover {
  background-position: right top;
}

* html .submenuSmall a.laatste:link,
* html .submenu a.laatste:link {
  width/**/:/**/145px; /* 165px */
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #e79635;
}
* html .submenuSmall a.laatste:active,
* html .submenu a.laatste:active {
  width/**/:/**/145px; /* 165px */
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #e79635;
}
* html .submenuSmall a.laatste:visited,
* html .submenu a.laatste:visited {
  width/**/:/**/145px; /* 165px */
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #e79635;
}
* html .submenuSmall a.laatste:hover,
* html .submenu a.laatste:hover {
  width/**/:/**/145px; /* 165px */
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #eb5c00;
}

* html .submenuSmall a.laatste:link,
* html .submenuSmall a.laatste:active,
* html .submenuSmall a.laatste:visited,
* html .submenuSmall a.laatste:hover {
	width/**/:/**/122px; /* 142px */
}

/* Template */
.aniLogo {
  width: 225px;
  height: 225px;
  position: absolute;
  top: 24px;
  left: -35px;
  z-index: 20;
}

.paginaKop {
  width: 416px;
  height: 35px;
  overflow: hidden;
  margin-bottom: 10px;  
}

.content {
  width/**/:/**/396px; /* 416px */
  height: 270px;
  padding: 0px 20px 0px 0px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-arrow-color: #fff;
  scrollbar-face-color: #eb5c00;
  scrollbar-highlight-color: #fff;
  scrollbar-3dlight-color: #eb5c00;
  scrollbar-shadow-color: #fff;
  scrollbar-darkshadow-color: #eb5c00;
  scrollbar-track-color: #eb5c00;
}

.content td {
font: normal 9px/18px Verdana, Arial, Helvetica, sans-serif;
}


.noScroll .content {
  overflow: visible;
  min-height: 270px;
}
* html .noScroll .content {
  height: 270px;
}

.home .content,
.nieuwsDetail .content {
  position: relative;
}

.contentBlok1 {
	min-height: 50px;
}

.laatsteNieuwsItem {
  width: 415px;
  min-height: 18px;
}
* html .laatsteNieuwsItem {
  height: 18px;
}

.datum {
  width: 70px; /* 75px */
  min-height: 18px;
  padding: 0px 5px 0px 0px;
  float: left;
  text-align: right;
  overflow-x: hidden;
}
* html .datum {
  height: 18px;
}

.nieuwsItem {
  width: 340px;
  min-height: 18px;
  float: left;
  overflow-x: hidden;
}
* html .nieuwsItem {
  height: 18px;
}



/* NIEUWS */
.nieuwsitemContainer {
  width: 396px;
  min-height: 18px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e0af66;
}
* html .nieuwsitemContainer {
  height: 18px;
}

.home .nieuwsitemContainer {
  width: 376px;
  border-bottom: none;
  padding-bottom: 0px;
}

.thumbContainer {
  width: 80px;
  height: 80px;
  float: left;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
}

.nieuwsitemContainer .mask {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
}
/*  background: url(images/thumb-mask.png) no-repeat left top;
}
* html .nieuwsitemContainer .mask {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/thumb-mask.png', sizingMethod='scale');
}*/

.flashmaskKlein {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.flashmaskGroot {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.nieuwsitemContainer .mask a {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background: url(images/pixel-leeg.gif) repeat left top;
}

.nieuwsitemContainer .thumb {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.nieuwsitemContainer .intro {
  width: 306px;
  min-height: 72px;
  float: left;
  overflow: hidden;
  margin: 4px 0px;
}
* html .nieuwsitemContainer .intro {
  height: 72px;
}

.nieuwsitemContainer .introZonderThumb {
  width: 396px;
  min-height: 72px;
  float: left;
  overflow: hidden;
  margin: 4px 0px;
}
* html .nieuwsitemContainer .introZonderThumb {
  height: 72px;
}


.home .nieuwsitemContainer .intro {
  width: 286px;
}

.nieuwsitemContainer .meernieuwsContainer {
  width: 396px;
  min-height: 18px;
}
* html .nieuwsitemContainer .meernieuwsContainer {
  height: 18px;
}

.meernieuwsContainer li.item01 {
  width: 396px;
}
.meernieuwsContainer li.item02 {
  width: 396px;
}
.meernieuwsContainer li.item03 {
  width: 300px;
}
.meernieuwsContainer li.item04 {
  width: 240px;
}
.meernieuwsContainer li.item05 {
  width: 200px;
}

.meernieuwsContainer a:link,
.meernieuwsContainer a:active,
.meernieuwsContainer a:visited {
  text-decoration: none;
}
.meernieuwsContainer a:hover {
  text-decoration: underline;
}

.terugLink {
  margin-top: 36px;
}

.nieuwsDetail .imgContainer {
  width: 150px;
  height: 150px;
  margin: 5px 10px 5px 0px;
  float: left;
  overflow: hidden;
  position: relative;
}

.vacatures h2,
.nieuwsDetail h2 {
  margin-bottom: 5px;
}

.imgContainer .mask {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}
  /*background: url(images/large-mask.png) no-repeat left top;
}
* html .imgContainer .mask {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/large-mask.png', sizingMethod='scale');
}*/

.imgContainer .img {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}



/* VACATURES */
.introtekst {
  width: 396px;
  min-height: 18px;
  margin-bottom: 18px;
}
* html .introtekst {
  height: 18px;
}

.vacatures li {
  margin-bottom: 4px;
}
.vacaturesDetail li {
  margin-bottom: 0px;
}

.vacaturesDetail ul {
  margin-bottom: 18px;
}

.vacatures span {
  font-style: italic;
}



/* CONTACT */
.tblContact {
  width: 396px;
}

.tblContactL {
  width: 120px;
  vertical-align: top;
  padding-top: 2px;
}

.tblContactR {
  width: 276px;
  height: 24px;
}

.txtfield01 {
  width: 272px;
  height: 16px;
  line-height: 14px;
  border: 1px solid #732d00;
}

.txtarea01 {
  width: 272px;
  height: 100px;
  line-height: 14px;
  border: 1px solid #732d00;
}

.gegevens {
  width: 120px;
  min-height: 18px;
  margin-bottom: 9px;
  float: left;
}

.gegevens2 {
  width: 396px;
  min-height: 18px;
  margin-top: 5px;
  clear: both;
}



/* FOOTER */
.footerMenuL {
  width/**/:/**/803px; /* 763px */
  height: 24px;
  float: left;
  padding: 0px 0px 0px 10px;
  margin-top: 20px;
  color: #000;
  font-size: 11px;
}

.footerMenuL span,
.footerMenuL span a:link,
.footerMenuL span a:active,
.footerMenuL span a:visited,
.footerMenuL span a:hover {
  color: #999;
}

.footerMenuR {
  width/**/:/**/81px; /* 163px */
  height: 24px;
  float: left;
  padding: 0px 32px 0px 0px;
  margin-top: 20px;
  position: relative;
  text-align: right;
  font-size: 11px;
}

.logo {
  width: 208px;
  height: 101px;
  position: absolute;
  right: 17px;
  bottom: 62px;
}

.footerMenuL a:link,
.footerMenuL a:active,
.footerMenuL a:visited{
  color: #000;
  text-decoration: none;
}
.footerMenuL a:hover {
  text-decoration: underline;
}

.footerMenuR a:link,
.footerMenuR a:active,
.footerMenuR a:visited {
  color: #999;
  text-decoration: none;
   
}
.footerMenuR a:hover {
  text-decoration: underline;
}

.vacatures .footerMenuL span {
  font-style: normal;
}
.vacatures .footerMenuR span {
  font-style: normal;
}




/* HOME */
.homeNieuws {
  width: 376px;
  min-height: 18px;
  margin-bottom: 8px;
}
* html .homeNieuws {
  height: 18px;
}

.homeNieuws h2 {
  margin-bottom: 10px;
}
.homeNieuws .intro h2 {
  margin-bottom: 0px;
}



/* ROUTEBESCHRIJVING */
.route ul {
  margin-bottom: 18px;
}



/* HACK -> 'Display-Table'-vervanger */
.containerMain:after,
.werkveld:after,
.nieuwsitemContainer:after,
.meernieuwsContainer:after,
.noScroll .content:after,
.nieuwsitemContainer .intro:after,
.introtekst:after,
.gegevens:after,
.gegevens2:after,
.homeNieuws:after,
.laatsteNieuwsItem:after,
.datum:after,
.nieuwsItem:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}



/* Styles voor de print variant */
@media print
{
    .NoPrint { 
      display: none;
    }
}
