/***************************** Style info ******************************

Created by: Digital4u.nl
Created on: 02-09-2007
Contact: info@digital4u.nl

/***************************** basiselement ****************************/

html,body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: sans-serif, verdana, Trebuchet MS, Arial, Helvetica;
	font-size: 88%;
	line-height:20px;
	background-color:#142038;		
	}

/****************************** Structure **********************************/

.backholder {
	width:100%;
	background-color:#fff;
	background-image:url(images/overall_repeat.jpg);
	background-position:center;
	background-repeat:repeat-y;
	}
.topspace {
	width:100%;
	height:270px;
	background-image:url(images/topspaceback.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	top:0px;
	}
body.sloopendemontage .topspace { background-image:url(images/topspaceback-sloop.jpg); }
body.asbestsanering .topspace { background-image:url(images/topspaceback-milieu.jpg); }
body.afvalverwerking .topspace { background-image:url(images/topspaceback-reststoffen.jpg); }
.flashheader {
	width:950px;
	height:270px;
	position:relative;
	margin-left:-475px;
	left:50%;
	top:0px;
	}
/* IE7 hack */
.container {
	width:950px;
	min-height:600px;
	position:relative;
	margin-left:-475px;
	left:50%;
	top:0px;
	}
/* IE hack */
	* html .container { height:600px; }
.leftcol {
	width:213px;
	float:left;
	padding: 10px 0 80px 0;
	}
.midcol {
	width:657px;
	min-height: 459px;
	float:right;
	padding:0 45px 20px 25px;
	background-image:url(images/midcolback.jpg);
	background-position:right top;
	background-repeat: no-repeat;
	}
	* html .midcol { height: 459px; }
.center {
	width: 627px;
	padding: 30px 30px 0 0;
	text-align: center;
	}
.cleardiv {
	clear:both;
	}
.footer {
	width:100%;
	height:41px;
	background-image:url(images/footer.jpg);
	background-position:center top;
	background-repeat: repeat-x;
	}
.footholder {
	width:950px;
	height:31px;
	padding-top:10px;
	text-align:center;
	margin-left:-475px;
	position: relative;
	left:50%;
	top:0px;
	color:#fff;
	}
.contactlijn {
	color:#ddd; 
	height:1px; 
	width:100%;
	}
div.hidden { display: none; }
/****************************** Lay-out ******************************/

h1 {
	font-size: 130%;
	font-weight: bold;
	color:#142038;
	}
h2 {
	font-size: 110%;
	font-weight: bold;
	color:#142038;
	}
strong {
	font-weight: bold;
	color:#142038;
	}
#contentimage {
	margin: 10px;
	border: 0;
	}
img.border {
	margin-left: 5px;
	border: 1px solid #142038;
	}
img#welkom-img {
	border: 1px solid #142038;
	}
img.actueel {
	margin-left: 5px;
	border: 1px solid #142038;
	}
img.home-img {
	float: left;
	}
img#certificering {
	margin: 40px 0 0 20px;
	}
body.home div.midcol img, body.bedrijfsactiviteiten div.midcol img, body.afvalverwerking div.midcol img {
	margin-right: 10px;
	}
td.imageTd img {
	border: 1px solid #142038;
	}
ul { margin: 0 0 20px -20px; }
/* IE7 & IE6 hack */
	*:first-child+html ul { margin: 0 0 20px 20px; } * html ul { margin: 0 0 20px 20px; }
ul.archivelist {
	margin: 0 0 20px -40px;
	list-style: none;
	font-weight: bold;
	}
/* IE7 & IE6 hack */
	*:first-child+html ul.archivelist { margin: 0 0 20px 0; } * html ul.archivelist { margin: 0 0 20px 0; }
ul.archivelist a {	
	color:#142038;
	}
ul.archivelist a:hover {	
	color:#990000;
	}
div.ba ul {
	font-weight: bold;
	color: #142038;
	}
p.date {
	color: #999;
	font-weight: bold;
	margin-top: -15px;
	}
p#error {
	color: #f00;
	}
p#error strong {
	color: #f00;
	}
p#error a {
	color: #f00;
	}
div.hr {
	width: 100%;
	height: 1px;
	margin: 30px 0 20px 0;
	border-bottom: 1px solid #ABA688;
	}
div.hr2 {
	width: 100%;
	height: 1px;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #ABA688;
	}
div.hr3 {
	width: 100%;
	height: 1px;
	margin: 10px 0 10px 10px;
	border-bottom: 1px solid #ABA688;
	}
p { margin: 0 0 15px 0; }
img { border: 0; }
table#tablerca td.tdleft {
	padding: 0 80px 0 0;
	border-right: 1px solid #ccc;
	}
table#tablerca td.beschrijving {
	padding: 0 0 25px 0;
	}
table#tablerca td {
	padding: 0 0 0 80px;
	}
td.imageTd {
	width: 120px;
	}
div.welkom1 {
	width: 45%;
	float: left;
}
* html div.welkom1 {
	margin-top: -260px;
}
table.mediaProjecten td { padding: 0 0 5px 0; }

/****************************** Links ******************************/

a:link, a:active, a:visited { color:#000; }
a:hover { color:#990000; }
.footer a:link, .footer a:active, .footer a:visited { color:#D3CEAA; }
.footer a:hover { color:#fff; }
table#certitable a { text-decoration: none; }
.midcol h1 a { color:#142038; text-decoration: none; cursor: text; }
.midcol h1 a:hover { color:#142038; }
body.projecten .midcol h1 a { cursor: pointer; }
.midcol h2 a { color:#142038; text-decoration: none;  }
.midcol h2 a:hover { color:#990000; }

/****************************** Sub-menu Login ******************************/

div.loginsub {
	height: 30px;
	margin-bottom: 20px;
	}
div.loginsub ul {
	margin: 0 0 0 -40px;
	}
/* IE6 hack */
	* html div.loginsub ul { margin-left: 0px; }
div.loginsub li {
	margin: 0 2px 0 0;
	list-style-type: none;
	float: left;
	display: inline;	
	}
div.loginsub a {
	height: 20px;
	width: 130px;
	padding: 0 10px;
	display: block;
	position: relative;
	background-color:#D2CEA9;
	color:#142038;
	text-decoration:none;
	font-weight:bold;
	}
div.loginsub a:hover { background-color:#ABA688; }
body.fotos div.loginsub a.link1 { background-color:#ABA688; }
body.informatief div.loginsub a.link2 { background-color:#ABA688; }

/****************************** Sub-menu Bedrijfsactiviteiten ******************************/

div.basub {
	height: 30px;
	padding-top: 10px;
	margin-bottom: 40px;
	}
div.basub ul {
	margin: 0 0 0 -40px;
	}
/* IE6 hack */
	* html div.basub ul { margin-left: 0px; }
div.basub li {
	margin: 0 2px 2px 0;
	list-style-type: none;
	float: left;
	display: inline;	
	}
div.basub a {
	height: 20px;
	width: 160px;
	padding: 0 10px;
	display: block;
	position: relative;
	background-color:#D2CEA9;
	color:#142038;
	text-decoration:none;
	font-weight:bold;
	}
div.basub a:hover { background-color:#ABA688; }
body.sloopendemontage div.basub a.link1 { background-color:#ABA688; }
body.asbestsanering div.basub a.link2 { background-color:#ABA688; }
body.afvalverwerking div.basub a.link3 { background-color:#ABA688; }
body.industrieleprojecten div.basub a.link4 { background-color:#ABA688; }
body.designanddemolish div.basub a.link5 { background-color:#ABA688; }
body.materieel div.basub a.link6 { background-color:#ABA688; }

/****************************** Sub-menu Bedrijfsprofiel ******************************/

div.bpsub {
	height: 30px;
	padding-top: 10px;
	margin-bottom: 40px;
	}
div.bpsub ul {
	margin: 0 0 0 -40px;
	}
/* IE6 hack */
	* html div.bpsub ul { margin-left: 0px; }
div.bpsub li {
	margin: 0 2px 2px 0;
	list-style-type: none;
	float: left;
	display: inline;	
	}
div.bpsub a {
	height: 20px;
	width: 120px;
	padding: 0 10px;
	display: block;
	position: relative;
	background-color:#D2CEA9;
	color:#142038;
	text-decoration:none;
	font-weight:bold;
	}
div.bpsub a:hover { background-color:#ABA688; }
body.bedrijfsprofiel-historie div.bpsub a.link1 { background-color:#ABA688; }
body.bedrijfsprofiel-filosofie div.bpsub a.link2 { background-color:#ABA688; }
body.bedrijfsprofiel-organisatie div.bpsub a.link3 { background-color:#ABA688; }
body.bedrijfsprofiel-50jaar div.bpsub a.link4 { background-color:#ABA688; }

/******************************formulier*******************************/

.invulveld {
	width:300px;
	border:1px solid #ccc;
	}
.invulveld-medium {
	width:200px;
	margin-right: 15px;
	border:1px solid #ccc;
	}
.invulveld-short {
	width:80px;
	margin-right: 15px;
	border:1px solid #ccc;
	}
.tekstveld {
	width:300px;
	height:60px;
	border:1px solid #ccc;
	}
body.contact td {
	height: 21px;
	}

/******************************** Gallery *********************************/

img.gllry_onMouseOut {
	float:left;
	border:8px solid #eee;  
	}
img.gllry_onMouseOver {
	float:left; 
	border:8px solid #ccc; 
	}
table.gllry_outerTable { width: 100%; }
table.gllry_outerTable img { float: none; }
table.gllry_outerTable h1 a {
	color:#142038;
	text-decoration:none;
	}
table.gllry_outerTable h1 a:hover { color:#900; }
td.gllry_pageHeader, td.gllry_pageDevider {
	padding: 0 5px;
	background-color:#ddd;
	}
td.gllry_pageHeader a {
	font-weight:bold;
	text-decoration:none;
	}

.publisherItemImage {
	padding-right:10px;
}