html {
     overflow: -moz-scrollbars-vertical;
}

body {
	font-size:14px;
	font-family:Arial, sans-serif;
	line-height:21px;
	margin: 0;
	background-color:#ddd;
	background-image:url('../img/concrete_wascko.jpg');
	background-position:center center;
	background-attachment:fixed;
}
.clearDIV {
	clear: both;
}
* {
	margin: 0px;
}

h1 {
	font-size: 28px;
	line-height: 35px;
	font-family:Georgia, serif;
	font-weight:normal;
	color:#265543;
	margin: 0px 0px 0.5em 0px;	
}
h2 {font-size: 22px;line-height:28px;}
h3 {font-size: 18px;line-height:28px;}
h4 {font-size: 16px;line-height:21px;}
h5 {font-size: 12px;line-height:21px;}
h6 {font-size: 10px;line-height:14px;}

/* p+p {margin: 0px 0px 0px 0px;} */
p { margin: 0px 0px 21px 0px;}

pre {font-size: 10px;}

a {
	color:#265543;
	outline: none;
}
:focus
{
  -moz-outline-style: none;
}

img {
	border:0;
}

.fileTypeIcon {
	vertical-align: top;
}

.cleared {
	float:none; 
	clear:both;
}

#page {
	float: none;
	width: 965px;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#innerpage {
	background-color: #FFF;	
	float: left;
	clear: both;	
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	margin: 0px 0px 21px 0px;
	padding: 0px 0px 0px 0px;	
}
#pagecontent {
	float: left;
	clear: both;
	width: 100%;
	background-color: #fff;
	min-height: 500px;
	border-bottom: 1px solid #bbb;
	padding: 0px 0px 49px 0px ;
}
#innerpagecontent {
	margin: 28px 49px 49px 49px;
}


#printheader {
	display:none;
}

#searchContent {
	margin: 49px 49px 49px 49px;
}
#searchContent h4 {
	margin: 0px 0px 0.5em 0px;
	color: #BBB;
}
.zoekresultaat {
	margin: 0px 0px 0.5em 0px;
}
.zoekresultaat a {
	text-decoration: none;
}
.zoekresultaat a:hover {
	text-decoration: underline;
}






/* header ============================================================================== */

#header {
	margin: 0px 0px 21px 0px;
	float:left;
	clear:both;
	width:100%;
	background-color:#eee;
	background-image:url(/img/header_back.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#header #basemenu {
	width: 267px;
	float: left;
	margin: 7px 0px 0px 0px;
}
#header #basemenu .logoDIV {
	background-color:#eee;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#header #basemenu a.logo {
	width:188px;
	height:49px;
	margin: 14px 0px 7px 14px;
	padding:0;
	display:block;
}

#header #basemenu #taalwissel {
	float: left;
	clear: both;
	background-color:#eee;	
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;	
}

#header #basemenu #taalwissel a {
	color:#666;
	padding: 0px 3px 0px 3px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}

#header #basemenu #taalwissel a.taalactief {
	background-color:#bbb;
	color:#fff;
}

#header #basemenu #taalwissel a.taalnonactief:hover {
	background-color:#666;
	color:#fff;
}

#header #basemenu #taalwissel a.taalnonactief {
	
}

#header #basemenu .minimenu {
	float: left;
	clear: both;
	width: 250px;	
}
#header #basemenu .innerminimenu {
	float: left;
	clear: both;	
	margin: 14px 0px 0px 14px;
}
#header #basemenu .minimenu a {
	font-size:11px;
	margin-right:7px;
	text-transform:uppercase;
	text-decoration:none;
	padding: 0px 3px 0px 3px;
	border: 1px solid #7CAA9D;
	background-color:#7CAA9D;
	color:#fff;
}

#header #basemenu .minimenu a:hover {
	border: 1px solid #265543;
	background-color:#265543;
}

#header #basemenu .minimenu a.actief {
	border: 1px solid #265543;
	background-color:#265543;
}


#header #menu {
	float:left;
	width: 696px;
}

#header #menu a {
	display:block;
	height: 140px;
	float: left;
	clear: none;
	background-color:#eee;
	color:#666;
	margin-right: 1px;
	padding: 0px 7px 0px 7px;
	font-family:Georgia, serif;
	text-align:center;
	text-decoration: none;
	border-bottom: 4px solid #7CAA9D;
	font-size: 10px;
}
#header #menu a .menuP {
	display: block;
	width: 83px;
	margin: 70px 0px 0px 0px;
}


#header #menu a:hover {
background-color:#ccc;
color:#265543;
border-bottom:4px solid #999;
}

#header #menu a.selected {
background-color:#fff;
color:#265543;
border-bottom:4px solid #eee;
}



#header #menu a.dream {
background-image:url(../img/menu_dreamworks.png);
background-position:top center;
background-repeat:no-repeat;
}

#header #menu a.restoration {
background-image:url(../img/menu_restoration.png);
background-position:top center;
background-repeat:no-repeat;
}

#header #menu a.pipeline {
background-image:url(../img/menu_pipeline.png);
background-position:top center;
background-repeat:no-repeat;
}

#header #menu a.civil {
background-image:url(../img/menu_civil.png);
background-position:top center;
background-repeat:no-repeat;
}

#header #menu a.water {
background-image:url(../img/menu_water.png);
background-position:top center;
background-repeat:no-repeat;
}

#header #menu a.tunnel {
background-image:url(../img/menu_tunnel.png);
background-position:top center;
background-repeat:no-repeat;
}

#header #menu a.international {
background-image:url(../img/menu_international.png);
background-position:top center;
background-repeat:no-repeat;
}


/* ================= */
/* = company = */
/* ================= */
#company_menu {
	background-color: #eee;
	float: left;
	padding: 0;
	margin: 28px 49px 21px 0px;
	border-top: 1px solid #bbb;
}
#company_menu ul {
	font-size: 12px;
	list-style: none;
	padding: 0;
	margin: 0;
}
#company_menu li {
	display: inline;
	padding: 0;
	margin: 0;
}
#company_menu ul a {
	background-color: #FFF;
	display:block;
	text-decoration:none;
	border-top:1px solid #fff;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	padding: 2px 0px 2px 14px;
}
#company_menu ul a span {
	display: block;
	width: 217px;
}
#company_menu ul a.actief,
#company_menu ul a:hover {
	background-color:#666;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	color:#fff;
}
#company_content {
	float: left;
	width: 647px;
	margin: 28px 0px 0px 0px;
}






/* ================= */
/* = body.listview = */
/* ================= */


body.listview .sidecolumn {
float:left;
width:336px;
margin:7px;
background-color:#bbb;
aborder:1px solid #ddd;
padding:7px;
abackground-image:url('../img/concrete_darker.gif');
}

body.listview .sidecolumn .title {
color:#fff;
text-align:center;
border-bottom:1px dotted #eee;
border-top:1px dotted #eee;
display:block;
}

body.listview .sidecolumn .shortcuts {
font-size:12px;
margin:21px 0;
padding:0 0 0 21px;
color:#fff;
}
	
body.listview .sidecolumn .shortcuts a {
color:#333;
text-decoration: none;
}

body.listview .sidecolumn .shortcuts a:hover {
color:#333;
text-decoration: underline;
}

body.listview ul.listing {
	border-top: 1px SOLID #7CAA9D;
	border-bottom: 1px SOLID #7CAA9D;
	background-color: #FFF;
	float: left;
	clear: both;
	width: 963px;
	list-style: none;
	margin: 14px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}

body.listview ul.listing li {	
	display:inline;
	background-color: #FFF;	
	float:left;
	clear: none;
	width: 232px;
	margin: 0px 0px 7px 7px;
	padding: 0px;
}

body.listview ul.listing li a {
	display:block;
	text-decoration:none;
	min-height:280px;
}

body.listview ul.listing li:hover {
	background-color:#eee;
}

body.listview .thumbnail {
	width: 232px;
	height: 130px;
	background-color: #ccc;
}

body.listview ul.listing span.info {
	display: block;
	padding: 7px 7px 7px 7px;
}

body.listview ul.listing span.info span.title {
	display: block;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 7px;
}

body.listview ul.listing span.info span.description {
	display: block;
	font-size: 11px;
	line-height: 17px;	
	color: #666;
}


/* =========================================== */
/** columns  */

body .maincolumn {
	float:left;
	clear: left;
	width: 577px;
	margin: 0px;	
	font-family:Georgia, serif;
	background-color: #FFF;
}

body .maincolumn .innermaincolumn {
	margin: 7px 28px 21px 35px;
	font-family:Georgia, serif;
}
body .sidecolumn {
	float: left;
	width: 351px;
	margin: 7px 0px 21px 0px;
	padding: 0px 0px 4px 0px;	
	background-color:#bbb;
	padding: 0px;
}
body .innersidecolumn {
	margin: 7px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
}
body h1.maintitel {
	margin: 21px 35px 21px 35px;
}



/* =================== */
/* = body.detailview = */
/* =================== */


body.detailview #slideshow {
	width: 514px;
	display: none;
	padding-bottom: 42px;
	background-color:#FFF;
}

#slideshow .slide {
	width: 512px;
	height: 512px;
	text-align:center;
	background-color:#eee;
	border:1px solid #ddd;
}

#slideshow .slide table {
	width:512px;
	height:512px;
}

#slideshow .slide table td{
	width:512px;
	height:512px;
	vertical-align: middle;
	text-align: center;
}

#slideshow .slide img {
	margin:auto;
	vertical-align: middle;
}

#slideshow .slidecaption {
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:16px;
	margin:7px 0;
	color:#666;
}

body.detailview .maincolumn .intro {
font-size:18px;
line-height:28px;
padding-bottom:35px;
float:left;
width:100%;
}

body.detailview .maincolumn .body {
float:left;
width:100%;
}



body.detailview .sidecolumn .title {
	color: #fff;
	text-align: center;
	border-bottom: 1px dotted #eee;
	border-top: 1px dotted #eee;
	display: block;
	float: left;
	width: 337px;
}

body.detailview .sidecolumn ul {
font-size:12px;
padding:0 0 0 21px;
color:#fff;
list-style:none;
padding:0;
margin:7px 0 21px;
float:left;
width:100%;
}

body.detailview .sidecolumn ul a {
text-decoration: none;
color:#333;
}

body.detailview .sidecolumn ul a:hover {
text-decoration: underline;
color:#333;
}

body.detailview .sidecolumn ul.rel_images {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;	
	float:left;
	clear: both;	
	width:100%;
}

body.detailview .sidecolumn ul.rel_images li {
	float:left;
}

body.detailview .sidecolumn ul.rel_images li a {
	float:left;
	display:block;
	line-height:1px;
}
body.detailview .sidecolumn ul.rel_images li a:focus {
	border-width: 0; 
}


body.detailview .sidecolumn ul.rel_images a img {
	width: 78px;
	height: 78px;
	background-color: #ccc;
	margin: 0px 3px 3px 0px;
	border: 2px solid #ccc;
}

body.detailview .sidecolumn ul.rel_images a:hover img,
body.detailview .sidecolumn ul.rel_images a.selected img {
border:2px solid #fff;
}



body.detailview .bottomnav {
float:none;
clear:both;
margin:49px 0 0;
border-top:4px solid #7CAA9D;
padding:21px 7px;
}

body.detailview .bottomnav strong.title {
padding:0 42px;
}

body.detailview .bottomnav ul {
list-style:none;
padding:0;
margin:14px 0 0;
border-top:1px solid #7CAA9D;
}

body.detailview .bottomnav li {
border-bottom:1px solid #7CAA9D;
}

body.detailview .bottomnav li a {
text-decoration:none;
display:block;
padding:0 42px;
}

body.detailview .bottomnav li a:hover {
background-color:#eee;
}










.piechart {
	text-align: left;
	width: 100%;
	float: left;
	clear: both;
	margin: 0px 0px 24px 0px;
}
.zakencijferTable TD {
	padding: 0px 20px 0px 0px;
}



/* home ============================================================================================= */
.homeA {
	float: left;
	clear: left;
	width: 500px;
	background-color: #FFF;
	margin: 0px 0px 21px 0px;	
}
.innerhomeA {
	padding: 28px 49px 0px 49px;	
}

.homeB {
	background-color: #FFF;	
	float: left;
	clear: none;
	width: 463px;
	padding: 0px;
	margin: 28px 0px 49px 0px;
}

.news {	
	width: 337px;
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
}
.news .intro {
	font-size: 11px;
	line-height: 17px;
	margin: 0px 0px 7px 0px;
	padding: 0px;
}
.news h4 {
	
}
.news h4 a {
	text-decoration: none;
}
.news h4 a:hover {
	text-decoration: underline;
}
.news .newsMainThumb {
	vertical-align: top;
}

#jobs {
	margin: 0px;
	padding: 21px 49px 21px 49px;
	background-color: #FFF;
	float: left;
	clear: both;
}
.job {
	background-color: #FFF;
	float: left;
	clear: both;
	width: 865px;
}

/* news
============================================================================================= */
.KolA {
	margin: 28px 0px 0px 0px;
	width: 468px;
	float: left;
}
.innerKolA {
	padding: 0px 49px 0px 49px;
}
.KolB {
	margin: 28px 0px 0px 0px;
	float: left;	
	font-family:Georgia, serif;	
	width: 456px;
}

/*** relatedFilesUl ========================================================================================================================================================================================== ***/
.relatedFilesUl {
	
}
.relatedFilesTitle {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	float: none;
}
.relatedFilesUl img.fileTypeIcon {
	vertical-align: middle;
}

/*** relatedImagesDiv ========================================================================================================================================================================================== ***/
.relatedImagesDiv {
	width: 100%;
	float: left;
	clear: both;
	margin: 10px 0px 7px 0px;
}


/* downloads ============================================================================== */
.listitem {
	margin: 0px 0px 0.5em 0px;
}
.listitem a {
	text-decoration: none;
}
.listitem a:hover {
	text-decoration: underline;
}


/* footer
============================================================================================= */
#footer {
	float: left;
	width: 100%;
	background-color: #bbb;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #bbb;
	margin: 0px;
	font-size: 11px;
	line-height: 17px;
	padding: 0px;
}

#footer .left {
	width: 300px;
	float: left;
	margin: 0px;
}
#footer .midden {
	width: 363px;	
	float: left;
	margin: 0px;
	text-align: center;	
}
#footer .right {
	width: 300px;	
	float: left;
	margin: 0px;
}
#footer .right p {
	text-align: right;
}
#footer a {
	text-decoration: none;
}
#footer p {
	margin: 14px;
}
#footer form {
	margin: 14px;
}
#footer fieldset {
	border: 0px;
}