/* CSS Document - Faasautomatisering*/

html,body {
    margin: 0;
    padding: 0;}

body {
    color: #fff;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 120%;
    background-color: #008083;
    margin-top: 0px;
    margin-bottom: 20px;}

/* standaard html tags */
a {
    text-decoration: underline;
   
    color: #068083;}

a:hover {
    text-decoration: none;}

h1 {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: bold;}
h3 {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: bold;}
h2 {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 30px;
    color: #000000;
    font-weight: bold;}
/* horizontaal centreren van de site */
.center_all {
    margin-left: auto;
    margin-right: auto;
    width: 892px;
    text-align: center;
    background-color: #fff;}

/* top */
.header {
    width: 889px;
    margin-bottom: 0px;
    text-align: middle;
    background-color: #000000;
    color: #F4ED3D;
    border-left: 2px solid #F4ED3D;
    border-right: 2px solid #F4ED3D;}

/* stuk onder de header en boven de footer */
.middle {
    float: left;
    display: block;
    width: 891px;
    border-right: #F4ED3D solid 2px;
    background-color: #F4ED3D;}

/* navigatie */
.left {
   
    width: 113px;
    float: left;
    bottom: 0px;
    min-height: 100%;
    height: 350px;
    
    background-color: #F4ED3D;
    border-left: 4px solid #F4ED3D;}

#hmenu{ 
   
    border-top: 3px solid #068083;
    padding-top: 50px;
    bottom: 0px;
    padding-left: 0px;
    width: 104px;
    background-color: #068083;}

#hmenu a{  
    font: bold 12px Verdana;
    padding: 0px;
    padding-left: 4px;
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    border-bottom: 4px solid #CFBA36;}
html>body #hmenu a
{    width: auto;}
#hmenu a:hover
{   background-color: #CFBA36;
    color: #fff;}

/* midden van content */
.center {
    width: 774px;
    float: left;}

/* content */
.content {


    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    width: 734px;
    float: left;
    display: block;
    line-height: 28px;
 color: #000000;
    text-align: left;
    overflow: auto;
    height: 330px;}

.content img{
    border: 0px;}

.content table {
border: 2px;
border-collapse: collapse;
border-color: #000000;
}
.content table th{
border: 2px;

border-collapse: collapse;
border-color: #000000;
}
.content table td {
border: 1px;
padding-left: 10px;
padding-right: 10px;
border-collapse: collapse;
border-color: #000000;
}

.index {
margin-top: -20px; 
padding: 15px;
margin-left: -20px;
margin-right: -20px;
background-image: url(foto/achtergrond.jpg);

}
.foto {
margin-top: -20px; 
padding-top: 0px;
overflow: hidden;
margin-left: -20px;
margin-right: -20px;}
/* footer */
.footer {
    text-align: center;
    float: left;
    font-weight: bold;
    font-size: 16px;
    display: block;
    color: black; 
    width: 893px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #F4ED3D;}