body
{
background-color: #f7f4ed;
font-family: verdana, arial, tahoma;
font-size: 100%;
margin: 25px;
}

H2{
	font-size: 150%;
	color: #b9a584;
	margin-top: 10pt;
	font-weight : normal;
	margin-left : 20px;
	letter-spacing : 2px;
}

*{
margin: 0px;
padding: 0px;}

a:active, a:visited, a:link
{
color: #6f5724;
text-decoration: none;
border-bottom: 1px dotted #625f53;
}

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

a img {
 border : 0px;
}

#container
{ 
width: 800px;
height: auto;
margin: 0 auto 20px auto;
background: #F4F4F4;
border: 1px solid #6f5724;
background-color: #f4f4f4;
}

#menu
{
margin-right: 15px;
text-align: right;
color: #6f5724;
margin-top: 8px;
height: 12px;
letter-spacing: 2px;
text-decoration: none;
}

#menu a
{
font-size: 12px;
border-bottom: 1px dotted #5b4313;
}

#header
{
	border-top: 1px solid #5b4313;
	border-bottom: 1px solid #5b4313;
	color: #3A4925;
	width: 100%;
	margin-top: 20px;
	height: 225px;
	background-color: #02ffc7;
	background-image: url('images/ruter1.jpg');
	background-position: right;
	background-repeat: no-repeat;
	text-align: left;
}

#header p
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	font-size: 3.0em;
	color: Olive;
	text-align: left;
}

#lead
{
	font-size: 110%;
   color: #AAAAAA;
	margin-top: 45px;
	margin-left: 20px;
	margin-bottom : 40px;
	width: 144px;
	border-bottom: 1px dotted #5b4313;
}

#title
{
color: #3A4925;
font-size: 150%;
letter-spacing : 2px;
line-height: 30px;
}

#main
{
margin-left: 75px;
color: #3A4925;
padding: 5px;
padding-right: 15px;
line-height: 120%;
width: 650px;
}

#main h2
{
font-size: 120%;
padding-bottom: 5px;
color: #a88d58;
letter-spacing : 2px;
width: 500px;
}

#main h3
{
font-size: 100%;
margin-left: 10px;
color: #a88d58;
letter-spacing : 2px;
width: 500px;
}

p
{
color: #3A4925;
margin-top: 5px;
font-size: 0.9em;
margin-left: 10px;
}

#right
{
	color: #905E00;
	background-color: #bcfad6;
	width: 465px;
	float: right;
	padding: 5px;
	line-height: 120%;
	margin-left: 0px;
	text-align: left;
	font-size: 0.9em;
	padding: 10px;
}

#right h2
{
	font-size: 120%;
	margin-top: 10px;
	margin-left: 0px;
	width: 465px;
}

#right p
{
width: 465px;
color: #905E00;
margin-top: 15px;
margin-left: 0px;
}

#note
{
margin-left: 20px;
color: #888888;
font-size: 0.7em;
text-align: left;
letter-spacing: 1px;
}

#ruter
{
margin-right: 10px;
margin-bottom: 15px;
color: #888888;
font-size: 0.7em;
text-align: right;
letter-spacing: 2px;
}
table
{
	width : auto;
	border: 0px;
}
th {
	text-align: left;
	padding-left : 5px;
	height : 18px;
}

td {
	background: #F4F4F4;
	vertical-align: top;
	padding-left : 5px;
	padding: 3px;
	width: 100px;
}

.rand {
	border: 2px solid Green;
	padding : 4px;
}

#red {
	font-size: 12px;
	color: Green;
	border-top: 1px dotted Green;
}

#contact
{
	clear : both;
	float : right;
	margin-right : 80px;
	margin-top : 110px;
	font-size: 0.9em;
}


#gra1
{
	background-image: url('images/ontwerp1.gif');
	background-position: left;
	background-repeat: no-repeat;
	height : 130px;
	width : 200px;
	margin-left : 100px;
}
#gra2
{
	background-image: url('images/bouw1.gif');
	background-position: left;
	background-repeat: no-repeat;
	height : 130px;
	width : 200px;
	margin-left : 20px;
}
#gra3
{
	background-image: url('images/onderhoud1.gif');
	background-position: left;
	background-repeat: no-repeat;
	height : 130px;
	width : 200px;
	margin-left : 190px;
}

#left
{
	float : left;
	width : auto;
	height : auto;
}

#pic
{
	float : left;
	padding-right : 30px;
	padding-bottom: 30px;
	width : auto;
	height : auto;
}