/* CSS Document */

A:link {text-decoration: none ; color: #6C9A6D;}
A:visited {text-decoration: none ; color: #D29964;}
A:hover {text-decoration: underline; color: #6B9A9C;}
A:active {text-decoration: none ; color: #51291D;}



 
#mainContainer { 
width: 758px; 
margin: 0 auto; /* We are going to center this design */ 
text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */ 
} 
#header { 
background: #fff; 
color: #ccc; 
} 
#content { 
float: right; /* Our content is going to be left aligned */ 
width: 578px; /* And it's going to have a 500px width - 486*/ 
background: #fff;
border-left: 1px #a5a5a5 solid;

} 
#contentNoLine { 
float: right; /* Our content is going to be left aligned */ 
width: 578px; /* And it's going to have a 500px width - 486*/ 
background: #fff;
} 
#contentContact { 
/* float: center;  Gebruik in index.contact, geen menu */ 
width: 578px; /* And it's going to have a 500px width - 486*/ 
background: #fff;
} 

#column { 
float: left; /* Our column is going to be left aligned */ 
width: 160px; /* Our total width - content width is 260px */ 
margin-top: 18px; /* gelijk plaatsen met IFrame */
margin-left: 2px;
background: #fff; 
} 
#footer { 
clear: both; /* We have to clear our floats */ 
width: 758px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */ 
margin: 0 auto; /* We need to center the footer also */ 
background: #fff; 
text-align: center;
}