html {
	height: 100%;
}

body {
	margin: 0px;
}



/* STANDAARD HTML-ELEMENTEN */

body,
td,
input,
select,
textarea {
	color: #7f7f7f;
	font: normal 13px/18px Arial, Helvetica, sans-serif;
}

a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #24487c;
} 
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 {
	background: url(images/list.gif) 0px 9px no-repeat;
}

h1,
.h1 {
	color: #fff;
	font: bold 20px/28px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h2,
.h2 {
	color: #000;
	font: bold 20px/22px Arial, Helvetica, sans-serif;
	margin: 0px 0px 7px 0px;
	padding: 0px;
}

h3,
.h3 {
	color: #15396f;
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	margin: 0px 0px 7px 0px;
	padding: 0px;
}

h4,
.h4 {
	color: #133465;
	font: bold 13px/18px Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

h5,
.h5 {
	color: #133465;
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 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;
}

.border {
	border: 1px solid #c9c9c9;
}

.laatste {
	margin: 0px;
}



/* CONTAINERS */
.containerBgMain {
	width: 100%;
	min-height: 367px;
	background: url(images/bg-main.gif) repeat-x left top;
}
* html .containerBgMain {
	height: 367px;
}

.containerMain {
	width: 945px;
	min-height: 367px;
	margin: 0px auto 0px auto;
}
* html .containerMain {
	height: 367px;
}

.containerHeader {
	width: 945px;
	height: 131px;
	overflow: hidden;
}

.containerIntro {
	width: 945px;
	height: 236px;
}

.containerWerkveld {
	width: 945px;
	min-height: 200px;
	padding: 20px 0px 0px 0px;
}
* html .containerWerkveld {
	height: 200px;
}

.containerBgFooter {
	width: 100%;
	height: 60px;
	background: url(images/bg-footer.gif) repeat-x left top;
}

.containerFooter {
	width: 945px;
	height/**/:/**/28px; /* 60px */
	padding: 32px 0px 0px 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	color: #24487c;
}



/* ALGEMEEN */
/* Headerlogo */
.logo {
	width: 378px;
	height/**/:/**/107px; /* 131px; */
	padding: 24px 0px 0px 0px;
	overflow: hidden;
	float: left;
}

/* Topmenu */
.topMenu {
	width: 283px;
	height: 30px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 31px 284px;
	position: relative;
	background: url(images/bg-topmenu.gif) no-repeat left top;
}

.topMenu a:link,
.topMenu a:active,
.topMenu a:visited {
	height: 18px;
	display: block;
	float: left;
	position: absolute;
	top: 3px;
	color: #a0aab8;
}

.topmenuAan01 .topMenu a#topitem01,
.topmenuAan02 .topMenu a#topitem02,
.topmenuAan03 .topMenu a#topitem03,
.topmenuAan04 .topMenu a#topitem04,
.topmenuAan05 .topMenu a#topitem05,
.topMenu a:hover {
	text-decoration: none;
	border-bottom: 2px solid #a0aab8;
}

.topMenu #topitem01 {
	left: 10px;
}
.topMenu #topitem02 {
	left: 52px;
}
.topMenu #topitem03 {
	left: 110px;
}
.topMenu #topitem04 {
	left: 171px;
}
.topMenu #topitem05 {
	left: 234px;
}

/* Menu */
.menu {
	width/**/:/**/563px; /* 567px */
	height/**/:/**/45px; /* 49px */
	padding: 2px 2px 2px 2px;
	overflow: hidden;
	float: left;
	background: url(images/bg-menu.gif) no-repeat left top;
}

.menu a {
	display: block;
	width: 112px;
	height/**/:/**/35px; /* 38px */
	padding: 3px 0px 0px 0px;
	float: left;
	color: #15396f;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(images/bg-menuitem.gif) repeat-x left top;
}
* html .menu a {
	height/**/:/**/34px; /* 38px */
	padding: 4px 0px 0px 0px;
}
*+html .menu a {
	height/**/:/**/34px; /* 38px */
	padding: 4px 0px 0px 0px;
}

.menuAan02 .menu a#item02,
.menuAan03 .menu a#item03,
.menuAan04 .menu a#item04,
.menu a:hover {
	height/**/:/**/42px; /* 45px */
	text-decoration: none;
	background-image: url(images/bg-menu-activeM.gif);
}
* html .menu a:hover {
	height/**/:/**/41px; /* 45px */
}
*+html .menu a:hover {
	height/**/:/**/41px; /* 45px */
}

.menu a#item01 {
	width: 110px;
	height/**/:/**/28px; /* 38px */
	padding-top: 10px;
}
.menuAan01 .menu a#item01,
.menu a#item01:hover {
	height/**/:/**/35px; /* 45px */
	background-image: url(images/bg-menu-activeL.gif);
}
* html .menu a#item01 {
	height/**/:/**/27px; /* 38px */
	padding-top: 11px;
}
* html .menu a#item01:hover {
	height/**/:/**/34px; /* 45px */
}
*+html .menu a#item01 {
	height/**/:/**/27px; /* 38px */
	padding-top: 11px;
}
*+html .menu a#item01:hover {
	height/**/:/**/34px; /* 45px */
}

.menu a#item05 {
	width: 109px;
}
* html .menu a#item05 {
	margin-right: -3px;
}
.menuAan05 .menu a#item05,
.menu a#item05:hover {
	height/**/:/**/42px; /* 45px */
	background-image: url(images/bg-menu-activeR.gif);
}

.menuSpacer {
	width: 2px;
	height: 38px;
	overflow: hidden;
	float: left;
	background: url(images/menu-spacer.gif) no-repeat left top;
}

/* Introblok */
.introL {
	width: 363px;
	height/**/:/**/142px; /* 176px */
	padding: 17px 0px 17px 0px;
	margin: 30px 30px 0px 0px;
	overflow: hidden;
	float: left;
}

.introR {
	width/**/:/**/235px; /* 529px */
	height/**/:/**/128px; /* 168px */
	padding: 20px 274px 20px 20px;
	margin: 30px 0px 0px 0px;
	float: left;
	border: 4px solid #173f78;
	position: relative;
	background: #0e284d url(images/bg-introblok.gif) no-repeat left top;
}

.introR .img { /* Max. 265px * 300px */
	width: 265px;
	height: 257px;
	overflow: hidden;
	position: absolute;
	top: -43px;
	right: -4px;
	z-index: 100;
	background: url(images/img-introblok.png) no-repeat left top;
}
* html .introR .img {
	right: -5px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img-introblok.png', sizingMethod='image');
}

#metselmix .introR .img { /* Max. 265px * 300px */
	width: 308px;
	height: 222px;
	overflow: hidden;
	position: absolute;
	top: -27px;
	right: -4px;
	z-index: 100;
	background: url(images/img-introblok-alt.png) no-repeat left top;
}
* html #metselmix .introR .img {
	right: -5px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img-introblok-alt.png', sizingMethod='image');
}

/* Werkveld */
.kolomL {
	width: 363px;
	min-height: 18px;
	margin: 0px 30px 0px 0px;
	float: left;
}
* html .kolomL {
	height: 18px;
}

.kolomR {
	width: 537px;
	min-height: 18px;
	float: left;
}
* html .kolomR {
	height: 18px;
}

/* Blok 1 koloms */
/* Links */
.kolomL .blok1koloms {
	width: 363px;
	min-height: 18px;
	margin: 0px 0px 20px 0px;
}
* html .kolomL .blok1koloms {
	height: 18px;
}

.kolomL .blok1koloms .kop {
	width: 363px;
	height/**/:/**/18px; /* 25px */
	padding: 0px 0px 7px 0px;
}

.kolomL .blok1koloms .content {
	width: 363px;
	min-height: 18px;
}
* html .kolomL .blok1koloms .content {
	height: 18px;
}

/* Rechts */
.kolomR .blok1koloms {
	width: 537px;
	min-height: 18px;
	margin: 0px 0px 20px 0px;
	float: left;
}
* html .kolomR .blok1koloms {
	height: 18px;
}

.kolomR .blok1koloms .kop {
	width: 537px;
	height/**/:/**/18px; /* 25px */
	padding: 0px 0px 7px 0px;
}

.kolomR .blok1koloms .content {
	width: 537px;
	min-height: 18px;
}
* html .kolomR .blok1koloms .content {
	height: 18px;
}

/* Blok 2 koloms */
.kolomR .blok2koloms {
	width: 253px;
	min-height: 18px;
	margin-right: 31px;
	float: left;
}
* html .kolomR .blok2koloms {
	height: 18px;
	overflow-x: hidden;
}

.kolomR .blok2koloms .kop {
	width: 253px;
	height/**/:/**/18px; /* 25px */
	padding: 0px 0px 7px 0px;
}

.topmenuAan01 .kolomR .blok2koloms .kop {
	height/**/:/**/18px; /* 35px */
	padding: 10px 0px 7px 0px;
}

.kolomR .blok2koloms .content {
	width: 253px;
	min-height: 18px;
}
* html .kolomR .blok2koloms .content {
	height: 18px;
}

.kolomR .blok2koloms .content1{
	width: 253px;
	min-height: 18px;
	font-size: 12px;
}

* html .kolomR .blok2koloms .content1 {
	height: 18px;
}

.kolomR .blok2koloms .content1 p {
	width: 253px;
	min-height: 18px;
	font-size: 12px;
	margin-top:4px;
}

/* Blok 3 koloms */
.kolomR .blok3koloms {
	width: 168px;
	min-height: 18px;
	margin-right: 16px;
	float: left;
}
* html .kolomR .blok3koloms {
	height: 18px;
}

.kolomR .blok3koloms .kop {
	width: 168px;
	height/**/:/**/18px; /* 25px */
	padding: 0px 0px 7px 0px;
}

.kolomR .blok3koloms .content {
	width: 168px;
	min-height: 18px;
}
* html .kolomR .blok3koloms .content {
	height: 18px;
}

/* Overige */
.blok1koloms img,
.blok2koloms img,
.blok3koloms img {
	border: 1px solid #c9c9c9;
}

.kolomR .laatste{
	margin: 0px 0px 0px 0px;
}

.marginBot15 {
	margin-bottom: 15px;
}



/* HOME */
.kolomL .introHome {
	width: 363px;
	height: 130px;
	overflow: hidden;
	margin: 0px 0px 35px 0px;
}

.kolomR .introHome {
	width: 537px;
	height: 130px;
	overflow: hidden;
}

.blokBereikbaar {
	width: 361px;
	height: 229px;
	background: url(images/bg-blok-bereikbaar.jpg) no-repeat left top;
}

.blokBereikbaar .titel {
	width/**/:/**/200px; /* 240px */
	height/**/:/**/86px; /* 114px */
	padding: 28px 0px 0px 40px;
	margin: 0px 0px 0px 121px;
	overflow: hidden;
}

.blokBereikbaar h2 {
	color: #133565;
	font: bold 24px/26px Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
}

.blokBereikbaar .content {
	width/**/:/**/225px; /* 240px */
	height/**/:/**/100px; /* 115px */
	padding: 15px 15px 0px 0px;
	margin: 0px 0px 0px 121px;
	overflow: hidden;
}

.topmenuAan01 .kolomR .blok2koloms .content {
	width: 251px;
	height: 229px;
	overflow: hidden;
	border: 1px solid #c9c9c9;
	background: #f2f2f2;
}

.topmenuAan01 .blok2koloms .content img {
	border: none;
	border-bottom: 1px solid #c9c9c9;
}

.topmenuAan01 .blok2koloms .content p {
	padding: 7px 10px;
}



/* OVER ONS */
.blokCert {
	width: 537px;
	min-height: 18px;
	margin-bottom: 26px;
}
* html .blokCert {
	height: 18px;
}
.blokCertL {
	width: 180px;
	min-height: 18px;
	float: left;
}

.blokCertL img {
	margin: 0px 0px 10px 0px;
}

.blokCertR {
	width: 357px;
	min-height: 18px;
	float: left;	
}

.blokCertR p {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.downloads {
	width: 537px;
	min-height: 18px;
}
* html .downloads {
	height: 18px;
}

.Kolom {
	width: 179px;
	min-height:18px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.downloads .Kolom .kop h3 {
	margin: 0px 0px 0px 0px;
	color: #000000;
}

*html .Kolom {
	height:18px;
}



/*.blokCertL {
	width: 184px;
	min-height: 18px;
	float: left;
}
* html .blokCertL {
	height: 18px;
}

.blokCertL1 {
	width: 320px;
	min-height: 18px;
	float: left;
	margin-bottom: 20px;
}

* html .blokCertL1 {
	height: 18px;
}

.imgCert {
	margin-right: 40px;
}

.blokCertR {
	width: 353px;
	min-height: 18px;
	float: left;
	margin-top: 7px;
}
* html .blokCertR {
	height: 18px;
}*/

.blokCert a:link,
.blokCert a:active,
.blokCert a:visited {
	color: #7f7f7f;
}

.blokCert a:hover {
	color: #15396f;
	text-decoration: none;
}

.blokCert img {
	border: none;
}



/* Spotlightblok */
.kolomL .spotlight,
.kolomR .spotlight {
	width: 361px;
	min-height: 18px;
	margin: 0px 0px 25px 0px;
	border: 1px solid #c9c9c9;
	background: #f2f2f2;
}
* html .kolomL .spotlight {
	height: 18px;
}

.kolomL .spotlight {
	width: 361px;
}

.kolomR .spotlight {
	width: 251px;
}

.spotlight img {
	margin: 0px 0px 5px 0px;
	border: none;
	border-bottom: 1px solid #c9c9c9;
}

.spotlight .prodImg {
	width: 361px;
	height: 164px;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #c9c9c9;
}

.spotlightreferentie {
	width: 342px;
	height: 164px;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	background: white;
	border: 2px solid white;
}

.spotlight .prodImg img {
	border-bottom: none;
	margin: 0px;
}

.spotlight h4 {
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 0px 0px;
}

.spotlight p {
	padding: 0px 10px 10px 10px;
	margin: 0px;
}

.spotlight a:link,
.spotlight a:active,
.spotlight a:visited {
	color: #7f7f7f;
}
.spotlight a:hover {
	color: #24487c;
	text-decoration: none;
}

.spotlight.laatste {
	margin: 0px;
}

/* Cases */
.casesRij {
	width: 537px;
	min-height: 18px;
	margin: 0px 0px 20px 0px;
}
* html .casesRij {
	height: 18px;
}

.case {
	width: 169px;
	min-height: 18px;
	float: left;
	margin: 0px 15px 0px 0px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
}
* html .case {
	height: 18px;
}

.case.laatste {
	margin: 0px;
}

.case .img {
	width: 167px;
	height: 78px;
	border: 1px solid #c9c9c9;
	overflow: hidden;
	margin: 0px 0px 8px 0px;
}

.case img {
	border: none;
}

.case a:link,
.case a:active,
.case a:visited {
	color: #7f7f7f;
	text-decoration: none;
}
.case a:hover {
	color: #24487c;
}

.case h5 a:link,
.case h5 a:active,
.case h5 a:visited,
.case h5 a:hover {
	color: #133465;
}



/* Typelijst */
.typelijst {
	min-height: 18px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #c9c9c9;
}
* html .typelijst {
	height: 18px;
}

.blok2koloms .typelijst {
	width: 253px;
}

.blok3koloms .typelijst {
	width: 168px;
}

.typelijst a:link,
.typelijst a:active,
.typelijst a:visited {
	color: #7f7f7f;
	text-decoration: none;
}
.typelijst a:hover {
	color: #24487c;
}

.typelijst h4 a:link,
.typelijst h4 a:active,
.typelijst h4 a:visited {
	color: #24487c;
}
.typelijst h4 a:hover {
	text-decoration: underline;
}

/* Detailblok */
.prodDetailBlok {
	width: 361px;
	min-height: 18px;
	border: 1px solid #c9c9c9;
}
* html .prodDetailBlok {
	height: 18px;
}

.prodDetailBlok .img {
	width: 361px;
	height: 164px;
	overflow: hidden;
	border-bottom: 1px solid #c9c9c9;
}

.prodDetailBlok .img img {
	border: none;
	display: block;
}

.prodDetailBlok .tab01,
.prodDetailBlok .tab02,
.prodDetailBlok .tab03 {
	width: 361px;
	min-height: 18px;
	background: #f2f2f2;
}
* html .prodDetailBlok .tab01 {
	height: 18px;
	overflow-x:hidden;
}
* html .prodDetailBlok .tab02 {
	height: 18px;
	overflow-x:hidden;
}
* html .prodDetailBlok .tab03 {
	height: 18px;
	overflow-x:hidden;
}

.tabmenu {
	width: 361px;
	height: 27px;
	overflow: hidden;
}

.tabmenu a:link,
.tabmenu a:active,
.tabmenu a:visited {
	display: block;
	height: 26px;
	padding: 0px 10px;
	overflow: hidden;
	float: left;
	color: #898a8a;
	line-height: 24px;
	font-weight: bold;
	border-bottom: 1px solid #c9c9c9;
	background: url(images/bg-tab.gif) repeat-x left top;
}
.tabmenu a:hover {
	color: #15396f;
	text-decoration: none;
}

.tab02,
.tab03 {
	display: none;
}

.tabmenu #item01 {
	width/**/:/**/99px; /* 119px */
	border-right: 1px solid #c9c9c9;
}
.tabmenu #item02 {
	width/**/:/**/100px; /* 120px */
	border-right: 1px solid #c9c9c9;
}
.tabmenu #item03 {
	width/**/:/**/100px; /* 120px */
}

.tab01 #item01,
.tab02 #item02,
.tab03 #item03 {
	height: 27px;
	color: #15396f;
	border-bottom: none;
	background: #f2f2f2;
}

.prodDetailBlok .content {
	width: 361px;
	min-height: 26px;
}

* html .prodDetailBlok .content {
	height: 26px;
}

.contentAll {
	width/**/:/**/341px; /*361px*/
	min-height: 26px;
	padding: 10px 10px 10px 10px;
	background: #f2f2f2;
}

* html contentAll {
	height: 26px;
}



.prodDetailBlok .contentL {
	width/**/:/**/139px; /* 154px */
	min-height/**/:/**/18px; /* 26px */
	padding: 4px 5px 4px 10px;
	float: left;
	font-weight: bold;
}
* html .prodDetailBlok .contentL {
	height/**/:/**/18px; /* 26px */
}

.prodDetailBlok .contentR {
	width/**/:/**/197px; /* 207px */
	min-height/**/:/**/18px; /* 26px */
	padding: 4px 10px 4px 0px;
	float: left;
}
* html .prodDetailBlok .contentR {
	height/**/:/**/18px; /* 26px */
}

.prodDetailBlok .content.laatste {
	border-bottom: none;
}


.disclaimerTussen {
	width: 100%;
	min-height: 100px;
	background: none;
}

* html .disclaimerTussen {
	height/**/:/**/100px; /* 26px */
}

#disclaimer {
	background: url(images/bg-disclaimer.jpg) repeat-x;
}

#disclaimer .text {
	padding: 0px 150px 20px 150px;
}

#disclaimer .containerHeader {
	margin: 0px auto 0px auto;
}

#disclaimer .containerHeader {
	margin: 0px auto 0px auto;
}

#disclaimer .containerBgFooter{
	background-color: white;
}



/* HACKS */
.containerBgMain:after,
.containerMain:after,
.containerWerkveld:after,
.kolomL:after,
.kolomR:after,
.blok2koloms:after,
.blokCert:after,
.casesRij:after,
.case:after,
.prodDetailBlok .content:after,
.prodDetailBlok .contentL:after,
.prodDetailBlok .contentR:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}



/* Styles voor de print variant */

@media print
{
    .NoPrint { 
    	display: none;
    }
	
	.containerHeader,
	.containerBgFooter {
		display: none;
	}
}