/* ============== Stylesheet aanvullend op style.css ============== */

/* ============== CONTACT ============== */
.contact 
{
   width: 100%;
   font-size: 1em;
	float: left;
	margin-top: 0px;
	overflow: hidden;
}

.contact img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.contact .content
{
   float: left;
   width: 420px;
   margin-right: 0;  
}
.contact .links
{
   float: right;
   width: 243px;
}

.contact .links hr
{
   background-color: #13B53D;
   height: 1px;
   margin: 15px 0;
   border: none;
}

.contact .links a
{
   color: #474747;
   display: block;
   margin-bottom: 6px;
}

.contact form
{
   margin: 10px 0px 10px 0;
}
.contact td, .contact th { font-size: 0.9em; }
.contact th { text-align: left; padding: 30px 0 5px 0; font-weight: bold;}

.contact label { display: block; font-weight: bold; margin-bottom: 2px;}
.contact input, .contact textarea { display: block; background-color: #CFF0D5; width: 100%; border: none;}
.contact .green { padding-left: 10px; color: #13B53D; }
.contact .red { color: #FF0000; }

.contact .Button {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url( http://www.bamwegen.nl/portalen/BAM_Wegen/content/images/frameset/default-button.gif ) center center no-repeat;

	height: 20px;
	width: 51px;

	color: #ffffff;
	font-size: 0.9em;
	font-family: Arial;

	cursor: pointer;
}

/* ============== Projecten ============== */
div.projectlist
{
	width: 644px;
	overflow: visible;
}

div.projectlist img
{
   float: left;
   width: 74px;
   height: 74px;
}

div.projectlist div.img
{
   float: left;
	margin: 0px 10px 0px 0px;
}

div.projectlist div.content
{
   float: left;
}

div.projectlist h3
{
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

hr.projectlist
{
	float: left;
	width: 100%;
	height: 0;
	color: #0DB02B;
	background-color: #0DB02B;
	border: 1px solid #0DB02B;
	border-bottom: 0;
	padding: 0; 
	margin-top: 15px;
	margin-bottom: 15px;
}

div.project
{
	width: 100%;
	overflow: visible;
}

div.project img
{
   float: left;
   width: 275px;
   height: 275px;
}

div.project div.img
{
   float: left;
	margin: 0px 10px 0px 0px;
}

div.project div.content
{
   float: left;
}

div.project h3
{
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

hr.project
{
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #0DB02B;
	border: solid 1px #0DB02B;
}

/* ============== Algemeen ============== */
a.readmore {
	color: #FF6600;
	text-decoration: none;
}

a.readmore:hover {
	text-decoration: underline;
}

a.BWElink
{
	text-decoration: none;
	padding-left: 7px;
	color: #4c474b;
	font-weight: bold;
	background: url( http://www.bamwegen.nl/portalen/BAM_Wegen/style/images/bullet_enkel.gif ) left center no-repeat;
}
/* ============== Regio en specialiteiten ============== */
div#companyDetailWegen {width: 100%;}
div#companyDetailWegen table {width: 100%; font-size: 1.0em; margin: 0px 0px 20px 0px;}
div#companyDetailWegen a {text-decoration: none; color: #FF6600; font-weight: bold;}
div#companyDetailWegen td {text-align: left; vertical-align: top;}
div#companyDetailWegen td.col1 {width: 150px;}
div#companyDetailWegen td.col2 {width: 225px;}
div#companyDetailWegen td.col3 {}
div#companyDetailWegen td.header {font-size: 1.0em; font-weight: bold;}
div#companyDetailWegen img.icon {border: none; padding: 0px 5px 0px 0px;}

/* ============== 2 kolommen lijst ============== */
div.collist
{
	width: 322px;
	overflow: visible;
	float: left;
}

div.collist img
{
   float: left;
   width: 74px;
   height: 74px;
}

div.collist div.img
{
   float: left;
	margin: 0px 10px 0px 0px;
}

div.collist div.content
{
   float: left;
}

div.collist h3
{
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

hr.collist
{
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #0DB02B;
	border: solid 1px #0DB02B;
}