/*
gebruikte kleuren
Grijs: #51656F;
Blauw:#172983;
Rood: #D10019;
bruin: #9e5f22
*/

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	margin:10px;
	letter-spacing:1px;
	font-weight:normal;
	color: #FFFFFF;	
	border: 0px solid yellow;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color: #FFFFFF;	
	margin: 0px;
	margin-bottom:10px;
	padding: 0px;
	border: 0px solid blue;
}

a {text-decoration: none; color:#FFFFFF;}
a:hover {text-decoration:underline;}

#contentmiddle a {color:#FFFFFF; text-decoration:underline;}

img {border: 0px;}

ul {border: 0px solid red; margin-top: 0px;}



#navcontainer {
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	height:25px;
	margin-bottom:0px;
}	
	
#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background:#51656F;
	color: #FFFFFF;
	float: left;
	width:992px;
	border: 1px solid #FFFFFF;
	border-top:0px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	/*padding: 0.2em 2.9em;*/
	background:#51656F;
	color: #FFFFFF;
	/*padding:0.2em 34px;
	/*padding-right:0px;*/
	padding: 0.2em 0px;
	text-decoration: none;
	text-align:center;
	float: left;
	
}


ul #mainnav1 a {border-right: 1px solid #ffffff;}
ul #mainnav2 a {border-right: 1px solid #ffffff;}
ul #mainnav3 a {border-right: 1px solid #ffffff;}
ul #mainnav4 a {border-right: 1px solid #ffffff;}
ul #mainnav5 a {border-right: 1px solid #ffffff;}
ul #mainnav6 a {border-right: 1px solid #ffffff;}
ul #mainnav7 a {border-right: 1px solid #ffffff;}
ul #mainnav8 a {border-right: 0px solid #ffffff;}

#navcontainer ul li a:hover, #navcontainer ul li a:active, #navcontainer ul li a.active {
	background: #9e5f22;
	color: #FFFFFF;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding: 0px;
	margin: 0px;
	color:#FFFFFF;
	background:#51656F;
	border:0px solid blue;
	}

#container {
	margin: 0px auto;
	width: 994px;
	text-align:left;
	border: 0px solid green;
}

#heading1 .headingsmall {
	width: 300px;
	font-size:12px;
	border: 0px solid purple;
}

#heading2 {
	position:relative;
	background: url(../assets/Fotostrip_PVE.jpg) center top no-repeat;	
	width: 992px;
	height:79px;
	z-index:1;
	border: 1px solid #FFFFFF;
}

#heading2 a {
	position:absolute;
	top: -38px;
	right: 25px;
	cursor:hand;
	z-index:40;
	border: 0px solid red;
}
	
.dplusm {position:absolute; margin-left:980px; margin-top:-32px; width:10px; height:12px;}

#terms {margin-left:0px;
	margin-top:0px;
	width:10px;
	height:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	}

	
#navcontainer {
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	height:25px;
	margin-bottom:0px;
}	
	
#navcontainer table {
	padding-left: 0;
	margin-left: 0;
	background:#51656F;
	color: #FFFFFF;
	float: left;
	width:994px;
	border: 1px solid #FFFFFF;
	border-top:0px;
}

#navcontainer2 td { display: inline; }

#navcontainertd a {
	/*padding: 0.2em 2.9em;*/
	background:#51656F;
	color: #FFFFFF;
	/*padding:0.2em 34px;
	padding-right:5px;*/
	padding: 0.2em 0px;
	text-decoration: none;
	text-align:center;
	/*float: left;*/
	border-right: 1px solid #FFFFFF;
	
}


#navcontainertd ul li a:hover, #navcontainer ul li a:active, #navcontainer ul li a.active {
	background: #9e5f22;
	color: #FFFFFF;
}

#breadcrumb {
	position:relative;
	padding: 0px;
	/*line-height: 0px;*/
	height: 10px;
	width: 986px;
	/*text-align: right;*/
	margin: 0px;
	padding: 6px;
	/*padding-right:0px;*/
	/*color:#AAAAAA;*/
}

#breadcrumb a{
	padding: 0px;
	border: 0px solid blue;
	color:#CCCCCC;
}


#content {margin-top: 0px; border:0px solid green;}

#contentleft {
	float:left;
	width:240px;
	/*background:#00FF00;*/
}

#contentmiddle {
	float:left;
	width:474px;
	line-height:18px;
	padding: 0 16px;
	padding-bottom:20px;
	/*background:#00CCFF;*/
}

#contentmiddle img{
	margin-bottom:10px;
	float:left;
	border: 3px solid #FFFFFF;
}


#contentright {
	float:right;
	width:240px;
	/*background:#FF33FF;*/
}

#contentright img{border: 3px solid #FFFFFF;}


#actueel_home {
	height:370px;
	color:#000000;
	padding:0px 6px;
	padding-right:20px;
	background:#FFFFFF;
}

#actueel_home h3 {
	font-size:13px;
	margin: 0px;
	padding: 0px;
	text-transform:uppercase;
}

#actueel_home p {
	margin:0px;
	padding-bottom:10px;
	border:0px solid red;
}

.leesverder {color:#9e5f22; color:#FFFFFF; float:right; border:0px solid yellow;}

#actueel_home .leesverder {color:#9e5f22;}


#content_home {
	margin:0px;
	padding:0px;
	height:576px;
}

#contentleft .imagekader {margin-bottom: 25px;}


.imagekader {
	margin:0px;
	float:left;
	width:234px;
	top: 200px;
	border:3px solid #FFFFFF;
}

.imagekader img {border: 0px solid red; }

.productgroup, .productgroup1, .productgroup2 {
	height: 200px;
	float:left;
	margin-left:6px;
	width: 240px;
	/*background:#003366;*/
	}
	
.productgroup1 {height:200px; margin: 0px;}	
.productgroup2 {height:60px; margin: 0px;}


#first {margin: 0px; margin-right:1px;}

#first_actueel {height: 370px;}

.imageoverlay, .imageoverlay2 {
	background:#51656F; 
	margin-top:-30px; 
	width:234px; 
	border:0px solid red; 
	height:30px; 
	opacity: .9;	
	filter: alpha(opacity=90);
}

.imageoverlay2 {height:22px; margin-top:-15px}

.arrow {
	/*background:url(../assets/arrowdivision.png) no-repeat; */
	position:absolute;
	opacity: 100%;
	float:left;
	z-index:20;
	margin-top:-24px;
	margin-left:10px;
	width:30px;
	height:45px;
}


.divisontext {
	position:absolute;
	padding:7px;
	width:180px;
	text-align:right;
	margin-left:40px;
	margin-top:-30px;
	z-index:30;
	border: 0px solid red;
	text-transform:uppercase;
}



#tt1, #tt2, #tt3, #tt4 {
	position:absolute;
	width:211px;
	padding: 0px;
	margin-top:18px;
	margin-left:24px;
	z-index:100;
	background: #9e5f22;
	border: 1px solid #FFFFFF;
	border-bottom:none;
	/*border:1px solid #FFFFFF;*/
	visibility:hidden;
	
}

#ttsub11, #ttsub21, #ttsub31, #ttsub32 {
	position:absolute;
	width:211px;
	padding: 0px;
	margin-top:-14px;
	margin-left:120px;
	z-index:100;
	background:#999999;
	border: 1px solid #FFFFFF;
	border-bottom:none;
	/*border:1px solid #FFFFFF;*/
	visibility:hidden;
	
}



.imagekader ul {margin:0px; padding: 0px;}

.imagekader ul li{
	list-style-type:none;
	border-bottom: 1px solid #FFFFFF;		
}

.imagekader ul li a{
	display:block;
	padding: 3px 10px;
}

#content_text {
	margin-left:10px;
	float:right;
	width:742px;
	border: 0px solid #009933;
}

#content_text #text {
	float:left; 
	margin: 10px 0px; 
	margin-bottom:20px; 
	/*background: yellow; */
	padding-left:28px; 
	padding-right:10px;
	width:452px;
}



#content_text #quote {
	float:right;
	margin-right:0px;
	margin-left:12px;
	text-align:center;
	padding: 0 0px;
	width: 234px;
	height:150px;
	border:3px solid #FFFFFF;
	background:#9e5f22;
	font-size:14px;
}

/*begin projects*/


#content_projects, #content_nieuws {
	float:left;
	width:734px;
	line-height:18px;
	padding: 0 20px;
	padding-right:0px;
	/*background:#00CCFF;*/
}

.projects{height:145px; overflow:hidden;}
.project {overflow:auto;}

.projects h3{font-size:12px; margin:0px; float:left; padding:0px; width:560px; }

.projecttxt {width:560px; }

.projects img {
	float: right;
	margin-left:20px;
	border: 3px solid #FFFFFF;
}

.projectimagekader { 
	float:right; 
	width:140px;
	margin-left:20px;
	border: 3px solid #FFFFFF;
	text-align:center;
}

.project img {
	border-bottom: 3px solid #FFFFFF;
}

/**einde projects**/


/**begin news**/

#nieuwsbericht { margin-bottom:40px;}
#actueel .leesverder {clear:both;}

#actueel h3 {font-size:12px; margin: 0px;}

/**einde news**/


.craneimagekader { 
	float:right; 
	width:234px;
	margin-left:0px;
	border: 3px solid #FFFFFF;
	text-align:center;
}

#contentright .craneimagekader img{border: 0px; border-bottom: 3px solid #FFFFFF;}

/*begin cranes*/

#cranes_middle {
	float:left;
	width:220px;
	line-height:18px;
	padding: 0 20px;
	padding-bottom:8px;
	/*background:#00CCFF;*/
}


#contentmiddle_piling { /*overzicht piling*/
	float:left;
	width: 714px;
	line-height:18px;
	padding: 0 20px;
	padding-bottom:8px;
	/*background:#00CCFF;*/
}

#cranes_right {
	float:right;
	width: 741px;
	/*width:494px;*/
	/*background:#FF33FF;*/
}

#crane {
	width:235px;
	border:3px solid #FFFFFF;
	margin-left:6px;
	margin-bottom:6px;
	float:left;
	color:#000000;
	/*border:1px solid red;*/
	
}
#crane a {color:#000000;}

#craneimg { width:100px; float:left; border-right: 1px solid #FFFFFF;}

#cranetxt {float:left; width:134px; height:130px; overflow:hidden; background:#CCCCCC; border:0px solid #00CC66;}

.cranetxtheading {border-bottom:1px solid #FFFFFF; padding:5px; letter-spacing:1px; text-transform:uppercase;}
.cranetxtbody {font-size:11px;padding:5px;}

.craneleft {width:250px; float:left;}
.craneright {width:100px; float:left;}

#specs .specleft {width:160px; vertical-align:top; }
#specs .specright {width:350px; vertical-align:top; }

/**einde cranes**/

#contactphotos {
	margin:10 0px;
	padding: 0px; 
	border:0px solid red; 
	height:190px;
}

.contactphoto {
	width:116px;
	margin: 0px;
	margin-right:2px;
	padding: 0px; 
	float:left;
	text-align:center;
}

#contactphotos .name {
	color:#FFFFFF;
	float:left;	
	margin-left:3px;
}

.contactphoto img{
	border: 3px solid #FFFFFF;}


/*contactform begin*/
.formlabel {
 clear:both;
 line-height: 22px;
 width: 120px;
 display: inline-block;
 float: left;
 font-size:11px;
 margin-bottom:-3px;
}

.VeldLargeN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color:#D6D6D6;
	border-width:1px;
	background-color: #FFFFFF;
	border-style: solid;
	width: 234px;
	color: #B2B2B2;
}

.VeldLargeA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color:#540D38;
	border-width:1px;
	background-color: #FFFFFF;
	border-style: solid;
	width: 234px;
	color: #000000;
}

.VeldMediumN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color:#D6D6D6;
	border-width:1px;
	background-color: #FFFFFF;
	border-style: solid;
	width: 152px;
	color: #B2B2B2;
}

.VeldMediumA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color:#540D38;
	border-width:1px;
	background-color: #FFFFFF;
	border-style: solid;
	width: 152px;
	color: #000000;
}

.VeldSmallN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color:#D6D6D6;
	border-width:1px;
	background-color: #FFFFFF;
	border-style: solid;
	width: 74px;
	color: #B2B2B2;
}

.VeldSmallA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-color:#540D38;
	border-width:1px;
	background-color: #FFFFFF;
	border-style: solid;
	width: 74px;
	color: #000000;
}

.knop {
	font-size: 9px;
	background-color: #9e5f22;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
	height: 18px;
	width: 80px;
}


/*contactform end*/



#footer {
	position:relative;
	background:#FFFFFF;
	clear:both;
	bottom: -45px;
	margin: 0px;
	margin-top:0px;
	width: 100%;	
	clear:both;
	height: 20px;
	border: 0px solid red;
}

#footer p {margin: 0px; padding:0px;}

.lichtkrant_item {margin: 0px 46px;}

#footer ul { margin: 0px; padding: 0px; padding-left:8px;}	
#footer li { list-style-type:none; display:inline; padding:0 27px; }	
	
