html {
	height: 100%;
}

body {
	margin: 0px;
	background: #130a35 url(images/bg-main.gif) left top repeat-x;
}

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

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

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

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

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

p {
	margin: 0px 0px 15px 0px;
}
p.laatste {
	margin: 0px 0px 0px 0px;
}



/* KOPPEN */
h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font: normal 30px/24px "Times New Roman", Times, serif;
	color: #ff6c00;
}

h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font: normal 24px/22px "Times New Roman", Times, serif;
	color: #ff6c00;
}

h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font: normal 18px/18px "Times New Roman", Times, serif;
	color: #ff6c00;
}

span {
	color: #ff6c00;
}
span a:link,
span a:active,
span a:visited,
span a:hover {
	color: #ff6c00;
}



/* CONTAINERS */
.containerMain {
	width/**/:/**/875px; /* 895px */
	_height/**/:/**/525px; /* 545px */
	min-height/**/:/**/525px; /* 545px */
	padding: 10px 10px 10px 10px;
	margin: 40px auto 0px auto;
	display: table;
	background: #fff;
}



/* MENU */
.containerMenu {
	width: 875px;
	height: 175px;
	overflow: hidden;
}

.containerMenu span {
	display: none;
}

.item1 a:link,
.item1 a:active,
.item1 a:visited,
.item1 a:hover {
	display: block;
	width: 175px;
	height: 175px;
	background: url(images/but-menu-overons.gif) left bottom no-repeat;
}
.item2 a:link,
.item2 a:active,
.item2 a:visited,
.item2 a:hover {
	display: block;
	width: 175px;
	height: 175px;
	background: url(images/but-menu-referenties.gif) left bottom no-repeat;
}
.item3 a:link,
.item3 a:active,
.item3 a:visited,
.item3 a:hover {
	display: block;
	width: 175px;
	height: 175px;
	background: url(images/but-menu-kwaliteit.gif) left bottom no-repeat;
}
.item4 a:link,
.item4 a:active,
.item4 a:visited,
.item4 a:hover {
	display: block;
	width: 175px;
	height: 175px;
	background: url(images/but-menu-contact.gif) left bottom no-repeat;
}

/* Home */
.pagHome .item1 {
	background: url(images/menu-01.jpg) left top no-repeat;
}
.pagHome .item2 {
	background: url(images/menu-02.jpg) left top no-repeat;
}
.pagHome .item3 {
	background: url(images/menu-03.jpg) left top no-repeat;
}
.pagHome .item4 {
	background: url(images/menu-04.jpg) left top no-repeat;
}

/* Over ons */
.pagOverons .item1 {
	background: url(images/menu-02.jpg) left top no-repeat;
}
.pagOverons .item2 {
	background: url(images/menu-05.jpg) left top no-repeat;
}
.pagOverons .item3 {
	background: url(images/menu-06.jpg) left top no-repeat;
}
.pagOverons .item4 {
	background: url(images/menu-07.jpg) left top no-repeat;
}

/* Referenties */
.pagReferenties .item1 {
	background: url(images/menu-08.jpg) left top no-repeat;
}
.pagReferenties .item2 {
	background: url(images/menu-09.jpg) left top no-repeat;
}
.pagReferenties .item3 {
	background: url(images/menu-03.jpg) left top no-repeat;
}
.pagReferenties .item4 {
	background: url(images/menu-10.jpg) left top no-repeat;
}

/* Kwaliteit */
.pagKwaliteit .item1 {
	background: url(images/menu-06.jpg) left top no-repeat;
}
.pagKwaliteit .item2 {
	background: url(images/menu-11.jpg) left top no-repeat;
}
.pagKwaliteit .item3 {
	background: url(images/menu-02.jpg) left top no-repeat;
}
.pagKwaliteit .item4 {
	background: url(images/menu-03.jpg) left top no-repeat;
}

/* Contact */
.pagContact .item1 {
	background: url(images/menu-02.jpg) left top no-repeat;
}
.pagContact .item2 {
	background: url(images/menu-12.jpg) left top no-repeat;
}
.pagContact .item3 {
	background: url(images/menu-06.jpg) left top no-repeat;
}
.pagContact .item4 {
	background: url(images/menu-13.jpg) left top no-repeat;
}



/* SUBMENU */
.submenu {
	width/**/:/**/170px; /* 175px */
	height/**/:/**/165px; /* 175px */
	padding: 5px 0px 5px 5px;
	overflow: hidden;
	float: left;
	background: #fff;
}
.pagKwaliteit .submenu {
	background: #b0aac4;
}

.submenu a:link,
.submenu a:active,
.submenu a:visited {
	display: block;
	width/**/:/**/150px; /* 170px */
	padding: 5px 10px 5px 10px;
	line-height: 14px;
	background: #392b6c;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}

.submenu a:hover {
	color: #8f8b9f;
	text-decoration: none;
}



/* ALGEMEEN */
.content {
	width: 875px;
	_height: 350px;
	min-height: 350px;
	display: table;
	background: #fff url(images/bg-content.gif) left top repeat-y;
}

.links {
	width: 350px;
	_height: 350px;
	min-height: 350px;
	display: table;
	float: left;
}

.blok {
	width: 175px;
	height: 175px;
	overflow: hidden;
	float: left;
	background: #fff;
}

.foto05 {
	background: #fff url(images/menu-05.jpg) left top no-repeat;
}
.foto14 {
	background: #fff url(images/menu-14.jpg) left top no-repeat;
}
.foto15 {
	background: #fff url(images/menu-15.jpg) left top no-repeat;
}
.foto16 {
	background: #fff url(images/menu-16.jpg) left top no-repeat;
}

.amp {
	width: 350px;
	height: 175px;
	clear: both;
	background: url(images/logo-amp.gif) 85px 0px no-repeat;
}

.spacer {
	line-height: 7px;
	margin: 0px 0px 0px 0px;
}

.werkveld {
	width/**/:/**/495px; /* 525px */
	_height/**/:/**/330px; /* 350px */
	min-height/**/:/**/330px; /* 350px */
	padding: 20px 15px 0px 15px;
	float: left;
}
.pagHome .werkveld {
	_height/**/:/**/330px; /* 350px */
	min-height/**/:/**/330px; /* 350px */
	padding: 20px 0px 0px 15px;
}

.werkveldTxt {
	width: 345px;
	_height: 18px;
	min-height: 18px;
	float: left;
}

.werkveldImg {
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
}
.pagOverons .werkveldImg {
	background: url(images/img-spaarpot.gif) right top no-repeat;
}
.pagReferenties .werkveldImg {
	background: url(images/img-sleutelbos.gif) right top no-repeat;
}
.pagKwaliteit .werkveldImg {
	background: url(images/img-slak.gif) right top no-repeat;
}
.pagContact .werkveldImg {
	background: url(images/img-huisje.gif) right top no-repeat;
}



/* HOME */
.blokContact {
	width/**/:/**/305px; /* 500px */
	height/**/:/**/105px; /* 135px */
	padding: 15px 15px 15px 175px;
	background: #dad7e3 url(images/img-home-huisje.gif) 25px center no-repeat;
}

.blokContact h2 {
	margin: 0px 0px 4px 0px;
}



/* CONTACT */
.tblContact {
	width: 470px;
}

.tblContactL {
	width: 80px;
	vertical-align: top;
	padding: 1px 0px 0px 0px;
}
* html .tblContactL {
	padding: 2px 0px 0px 0px;
}
*:first-child+html .tblContactL {
	padding: 2px 0px 0px 0px;
}

.tblContactR {
	width: 390px;
	vertical-align: top;
	height: 26px;
}

.tblContactColspan {
	width: 470px;
	height: 10px;
	line-height: 10px;
}

.txtfield {
	width: 384px;
	height: 18px;
	line-height: 16px;
	border: 1px solid #c2bfd0;
	background: #f0eef6;
}

.txtarea {
	width: 384px;
	height: 100px;
	line-height: 16px;
	border: 1px solid #c2bfd0;
	background: #f0eef6;
}

.tblContactR a:link,
.tblContactR a:active,
.tblContactR a:visited {
	display: block;
	width: 75px;
	height: 24px;
	margin: 5px 0px 0px 0px;
	background: #ff6c00;
	color: #fff;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
}
.tblContactR a:hover {
	color: #ffb680;
}



/* SITEMAP */
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li{
	list-style-type: none;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 10px;
	background: url(images/list.gif) left 8px no-repeat;
}

.liNiveau2 {
	padding: 0px 0px 0px 30px;
	background: url(images/list.gif) 20px 8px no-repeat;
}



/* FOOTER */
.footer {
	width/**/:/**/875px; /* 895px */
	height: 18px;
	padding: 0px 10px 0px 10px;
	margin: 3px auto 32px auto;
	overflow: hidden;
	clear: both;
	font-size: 11px;
	color: #8f8b9f;
}
.footer a:link,
.footer a:active,
.footer a:visited {
	color: #8f8b9f;
	text-decoration: none;
}
.footer a:hover {
	color: #fff;
	text-decoration: underline;
}



/* Styles voor de print variant */

@media print
{
    .NoPrint { 
    	display: none;
    }
}