/************************************************************************************************/
/*template block*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px;}
img{border:0px;}
.clear{clear:both; font-size:0px;}
body{background:#000001 url(../images/background.gif) repeat-x center top; padding-bottom:10px;color:#d7d7d7}
ul{list-style:none;}


/************************************************************************************************/
/*header*/
/************************************************************************************************/
#header{height:70px; position:relative;}
#header h1 a{width:315px; height:126px; top:0px; left:0px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/logo.png) no-repeat top left; }

/*blockmenu*/
.blockmenu ul{width:300px; top:127px; left:76px; position:absolute;}
.blockmenu ul li a{ padding:6px 0px 2px 20px; font-size:12px; color:#c8c8c8; font-weight:bold; text-decoration:none; display:inline-block; background:url(../images/ico_block.gif) no-repeat 0px 9px;}
.blockmenu ul li a{display:block;}
.blockmenu ul li a:hover {color:#fff;}

/*menu*/
.menu ul{position:absolute; top:2px; right:1px;}
.menu ul li{float:left;}
.menu ul li a{height:30px; display:block; text-indent:-4000px; overflow:hidden;}
.menu ul li.home a{background:url(../images/menu_home.gif); width:133px;}
.menu ul li.home a{height: 35px;background:url(../images/menu_home.gif); width:133px;}
.menu ul li.transport a{background:url(../images/menu_transport.gif); width:133px;}
.menu ul li.milieu a{background:url(../images/menu_milieu.gif); width:133px;}
.menu ul li.recycling a{background:url(../images/menu_recycling.gif); width:133px;}
.menu ul li.zand-grind a{background:url(../images/menu_zand_grind.gif); width:133px;}

.menu ul li a:hover{height:35px;}

.menu ul li.home a {background:url(../images/menu_home_on.gif);}
.menu ul li.home a:hover{background:url(../images/menu_home_on.gif);}
.menu ul li.transport a:hover{background:url(../images/menu_transport_on.gif);}
.menu ul li.milieu a:hover{background:url(../images/menu_milieu_on.gif);}
.menu ul li.recycling a:hover{background:url(../images/menu_recycling_on.gif);}
.menu ul li.zand-grind a:hover{background:url(../images/menu_zand_grind_on.gif);}


/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container.truck{background:url(../images/truck.png) no-repeat 0px 250px;}
#container.truck .truck{background:none;}
.truck{background:url(../images/truck.png) no-repeat 0px 70%; bottom:100px; left:0px;}
.recycle{background:url(../images/recycle.png) no-repeat 28% 85%;}
.crane{background:url(../images/crane.png) no-repeat 100% 100%;}
.truck_grey{background:url(../images/truck_grey.png) no-repeat; width:282px; height:298px; top:65px; left:320px; position:absolute;}


/************************************************************************************************/
/*division*/
/************************************************************************************************/
#division{padding-bottom:500px; zoom:1; width:935px; margin-left:auto;}
#division.subpage{padding-bottom:0px;}

/*blocks*/
.blocks.fixedheight{height:320px;}
.blocks .right{width:300px; float:right; margin-left:35px; margin-right:10px; text-align:right;}
.blocks .left{width:600px; float:right; text-align:left;}
.leesverder{position:absolute; top:350px; right:10px; height:22px; width:100px;}

/*standaard tekst*/
h3{background:url(../images/h3.gif) no-repeat top right; height:20px; padding:0px 0px 0px 0px; position:relative;}
h3 span{top:-15px; right:5px; position:absolute; font-size:24px; color:#fff;}

h3 {
	background:url("../images/h3.png") no-repeat scroll right bottom transparent;
	font-weight:normal;
	height:20px;
	padding:0 10px 0 0;
	position:relative;
	top:-20px;
background-repeat:no-repeat;
color:#FFFFFF;
font-family:trebuchet MS,"Times New Roman",Times,serif;
font-size:21px;
font-weight:bold;
letter-spacing:1px;
line-height:32px;
margin-top:0;
padding-top:0;
text-align:right;
}

p{color:#d7d7d7; text-align:right; line-height:20px;}
p span, a.alt{font-size:11px; text-align:right}
a{color:#fff; }
a.alt{color:#7c7c7c; font-weight:bold;}
a.alt:hover{color:#ffffff; font-weight:bold;}

.left p {
	margin-right:15px;
}

.left p strong {
	font-size:1.5em;
	color:#fff;
}

ul.list{}
ul.list li{padding:7px 0px 7px 25px; color:white; background:url(../images/ico_block.gif) no-repeat 0px 9px;}

/*submenu*/
.submenu{width:280px; margin:14px 20px 0px 0px;}
.submenu li a{ padding:0px 4px 10px 25px; font-size:16px; color:#7c7c7c; text-decoration:none; text-align:right; display:inline-block; background:url(../images/submenu.gif) no-repeat bottom right;}
.submenu li a{display:block;}
.submenu li a:hover{font-weight:bold; color:white;}

/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{padding-left:15px;}
#footer p{text-align:left; color:#868688; font-size:10px;}
#footer a{text-decoration: none; text-align:left; color:#868688; font-size:10px; border-bottom: 1px dotted}
#footer a:hover{text-decoration: none; text-align:left; color:#ffffff; font-size:10px; border-bottom: 1px solid}

h5 {font-size:16px;text-align:right;color:#ffffff;margin-right:0px;}


.copyright {
	padding-left:20px;
	color:#666;
	line-height:0.9em;
	padding-top:50px;
	font-size:0.8em;

}

.copyright a {
	color:#666;
	font-size:0.9em;
	line-height:2.0em;
	border-bottom:1px dotted #666;
}

.copyright a:hover {
	color:#fff;
	border-bottom:1px dotted #fff;
}