/* #### Layout #### */

body, html {
	text-align:center;   /* workarond IE5 BUG with auto margin */
	margin: 0px;
    padding: 0px;
	background: #FFFFFF;
	font-family:arial;
	font-size:11px;
	color:#4C4C4C;
	}

div.container {
	margin-right:auto;
	margin-left:auto;
	text-align:left;      /* change inherited center for workarond IE5 BUG with auto margin */
    width:755px;             /* only for IE5, this is the box hack */
	/*border:1px solid red;*/
	}
div.header {float:left; height:116px; display:block;}
div.header div#contact {width:130px; height:81px; padding:35px 0px 0px 0px; float:left;}


div.header div#home {width:232px; height:116px; float:left; background-image:url(../images/background-hamerboven.jpg); background-repeat:no-repeat; background-position:-1px 0px;}
div.header div#diensten {width:232px; height:116px; float:left; background-image:url(../images/background-diensten.jpg); background-repeat:no-repeat; background-position:-1px 0px;}
div.header div#referenties {width:232px; height:116px; float:left; background-image:url(../images/background-kraan.jpg); background-repeat:no-repeat; background-position:-2px 0px;}
div.header div#route {width:232px; height:116px; float:left; background-image:url(../images/background-route.jpg); background-repeat:no-repeat; background-position:-2px 0px;}
div.header div#contact2 {width:232px; height:116px; float:left; background-image:url(../images/background-contact.jpg); background-repeat:no-repeat; background-position:-2px 0px;}

div.menu {
	width:221px;
	height:191px;
	float:left;
	display:block;
	background-image:url(../images/background-menu.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#FFFFFF;
}
div.menu ul {width:177px; margin:30px 0px 0px 20px; padding:0px; /*border:1px solid yellow;*/}
div.menu ul li {list-style:none; border-bottom:1px solid #8AC2D9; padding:3px 0px 3px 0px; text-align:right;}
div.menu ul li.onder {list-style:none; border:0px; text-align:right;}
div.menu a {
	color:#FFFFFF;
	font-size:16px;
	font-weight:600;
	width:200px;
	padding:0px 0px 0px 10px;
	/*border:1px solid green;*/
}
div.menu a.active {
	text-decoration:none;
	width:200px;
	background-image:url(../images/pijltje.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}
div.menu a:hover {
	text-decoration:none;
	width:200px;
	background-image:url(../images/pijltje.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}
div.footer {float:left; display:block; margin-top:-14px;}
div.footer div.left {float:left;}
div.footer div.left p#tip {background-image:url(../images/background-tip.jpg); background-repeat:repeat-y; background-position:left; width:173px; padding:0px 15px 0px 33px;}

div.footer div.right {float:left; width:502px; padding:15px; border-bottom:15px solid #009BDB;}
div.footer div.right p#content  {margin:0px 0px 0px 25px; width:477px; /*border:1px solid red;*/}
table.content {padding:0px 0px 0px 25px; width:477px; /*border:1px solid red;*/}
div#footer-contact {margin:0px 0px 0px 221px; padding:8px 0px 0px 0px; display:block; width:530px; height:20px; font-size:10px; /*border:1px solid red;*/}


/* #### Standard tags #### */

p {margin:0px 0px 0px 0px;}
p#bold {font-weight:600; color:#4C4C4C; margin:0px;}
p#ico-tel {padding:0px 0px 0px 14px; background-image:url(../images/ico-tel.jpg); background-repeat:no-repeat; background-position:left; margin:2px 0px 0px 0px;}
p#ico-fax {padding:0px 0px 0px 14px; background-image:url(../images/ico-fax.jpg); background-repeat:no-repeat; background-position:left; margin:2px 0px 0px 0px;}

h1 {
	font-size: 20px;
	line-height: 20px;
	margin-top:10px;
	margin-bottom:10px;
	}

h2 {
	font-size: 14px;
	color:#767676;	
	margin-top:12px;
	margin-bottom:0px;
	}

h3 {
	font-size: 12px;
	color:#767676;	
	margin-top:3px;
	margin-bottom:0px;
}

a 	{
	text-decoration:none;	
	color:#767676;
	}
	
a:hover {
    text-decoration:underline;
    }

ul {

}

img {margin:0px; border:0px; display:block;}
.img {margin:0px; border:0px; float:left;}
img#knop {float:right;}
.blue
{
	color: #3366FF;
}