body{
    /* background-image:url(images/back.png);    */
    background-color: gray;
    padding: 0px;
    margin: 0px ;
    
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#712c1d; 
}

.mailtable{
    
    height:auto;
    font-size:13px;
    color:#ffffff;
    
    border-collapse:separate  ;
}

.voorwaarden{
    height:auto;
    font-size:13px;
    color:#ffffff;
    border-collapse:separate  ;
    margin-top:20px; 
    margin-left:50px;
    margin-right:50px;  

}

.offerte{
    height:auto;
    font-size:20px;
    color:#ffffff;
}

.bedankt{
    height:auto;
    font-size:14px;
    color:#ffffff;
    
    margin-top:80px;
    margin-bottom:10px;
    margin-left:50px;
    margin-right:50px;
}

.maildiv{

    margin-top:80px;
    margin-bottom:10px;
    margin-left:50px;
    margin-right:50px;
    
    padding-left: 10px;
    padding-right: 10px;  
}


h1{
  font-size:12px; 
}

h2{
  font-size:12px;
  font-style: normal;
  font-variant: normal;
  font-weight: 100;
}

h3{
  font-size:12px;
  font-style: italic;
}

h4{
  font-size:22px; 
}

.master{
    width:  815px; 
    height: 900px; 
    text-align: left;
    
    background-color: #56453e; 
    
    border-color:#000000;
    border-style:solid;
    border-width:1px;
}

.header{
    background-color: #574440;
    background-image:url(images/workshopkop.jpg); 
    width:  100%;  
    height: 135px; 
}

.home{
    background-image:url(images/info.jpg);  
    margin-top:10px;
    margin-bottom:10px;
    margin-left:50px;
    margin-right:50px;

    padding-left: 10px;
    padding-right: 10px;   
    padding-top: 5px; 
    padding-bottom: 5px; 

    border-color:#877065;
    border-style:solid;
    border-width:4px;
}

.page{
    width:  815px;  
    height: 700px; 
    
   border-color:#000000;
   border-style:solid;
   border-width: 0px;
   border-top-width: 1px;
}

.leftbar{
    background-color: #443833; 
    width:  245px;  
    height: 700px; 
    text-align: center;
    float: left;  
    padding-top: 10px;
    padding-bottom: 10px; 
}

.rightbar{
    width:  570px;  
    height: 700px; 
    float: left;
}

.righthead{
    width:  570px;  
    height: 98px; 
}

.info{
    background-image:url(images/info.jpg);
    width:  570px;  
    height: 450px; 
    padding: 15px;
}

.balkje{
    background-image:url(images/offerte.jpg);  
    width:  570px;  
    height:  34px; 
    cursor: pointer;
}

.extra{
    background-color: white;
    width:  255px;  
    height: 118px;
    padding: 15px; 
    margin: 15px;
    float: left; 
    
    border-color:#000000;
    border-style:solid;
    border-width:1px;
}

.footer{
   background-color: #443833; 
   width:  815px;  
   height: 35px;
   text-align: center;
   padding: 10px;
   color: white;
   
   border-color:#000000;
   border-style:solid;
   border-width: 0px;
   border-top-width: 1px;
}


a:link {
    color:#FF0000;
}
a:visited {
    color:#FF0000; 
}
a:hover {
    color:#FF0000; 
}
a:active {
    color:#FF0000; 
}

.infoleft {
    width: 300px;
    height: 130px;
    float:left;
    margin-top:10px;
    margin-left:50px;
    margin-bottom:5px;  

    background-color:#ffffff;
    
    border-color:#877065;
    border-style:solid;
    border-width:4px;
    
    font-size:10px;
    color:#000000;

    text-align: justify;
    padding: 10px;
}


.inforight {
    width: 300px;
    height: 130px;
    float:right;
    margin-top:10px;
    margin-right:50px; 
    margin-bottom:5px;
    
    background-color:#ffffff;
    
    border-color:#877065;
    border-style:solid;
    border-width:4px;
    
    font-size:10px;
    color:#000000;

    text-align: justify;
    padding: 10px;
}