body {
    text-align:center;
    margin: 0px;
    padding: 0px;
    background: #46361F url(../images/body_bg.jpg) repeat left top; 
    font-family:Verdana, Arial;
    font-size: 13px;
    color:#575757;
    height:100%;    
} 
#blue {background: #46361F url(../images/body_bg_blue.jpg) repeat left top;}
#brown {background: #46361F url(../images/body_bg.jpg) repeat left top;}
#green {background: #46361F url(../images/body_bg_green.jpg) repeat left top;}
#red {background: #46361F url(../images/body_bg_red.jpg) repeat left top;}

#page {
   text-align:left;  
   width: 940px;
   margin: 0px auto;     
   min-height:100%;
}
 
  
#lijstonder { background: url(../images/vloerdonker.jpg) no-repeat center bottom; }
#zijlijstonder { background: url(../images/zijkant_bottom_bg.jpg) repeat-x left bottom; }    

#logo { margin:0;padding:0; width: 940px; height:176px;}


#kolombg { width: 940px;   background:url(../images/column1_bg_1.jpg) repeat-y top left;}
 
#noa {
     background: url(../img/noa.jpg) no-repeat bottom left; 
     height:100%;  
     width:940px;
}
.column1 {
    float: left; 
    width: 236px;     
    border-top: 1px solid #534729;  
}

.column2 {
    float: left;
    width: 684px;
    padding-left: 20px;
    padding-top:24px;
    padding-bottom: 20px;
    height:auto;
    border-top: 1px solid #534729; 
    background: url(../images/column2_bg.jpg) repeat-y left top;   
    background-color: #fff;
}


#content {
height:auto;
width: 664px;
margin-right:20px; 
line-height: 140%; 
color:#535353;    
font-size: 12px;
margin-bottom:15px;   
}

#content h1 {
  font-size: 19px; 
  color:#976610; 
  font-weight: normal;
  line-height: 100%;
  letter-spacing: 1px; 
  display: inline;  
}
#content h2 {
  font-size: 14px;
  color:#c5a46b;
  font-weight: normal; 
  margin:0;   
}
#content h3 {
  font-size: 14px;
  color:#976610; 
  font-weight: normal; 
  margin:0;   
}
#content h4 {
  font-size: 12px;
  color:#c5a46b;
  font-weight: bold; 
  margin:0;   
}
#content h2.header {
  margin-left:220px;
  padding-top:5px;
  font-size: 15px;    
}
#content p { margin-top:3px;}

#inhoud {  margin-top: 15px;  }

#content a {color:#976610;}

#content img  {border: 1px solid #A38048; }
#content img.noborder  {border: 0px; }      

#menu ul {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    text-align: left;
    list-style: none;
    width:236px;
    background-color:#846632;
}

#menu li {
list-style: none;
height:24px;  
}
#menu li.sub_off ,#menu li.sub_on  {


}
/** MENU */

#menu {padding-bottom:10px;}

#menu a {
padding: 0px 0px 0px 19px;
margin:0;
    text-decoration: none;
    display            : block;
    cursor            : pointer; 
    background: url(../images/button_bg.jpg) no-repeat left top; 
    height:24px;
    font-weight: normal;
    font-size: 12px;
    text-transform:uppercase; 
    white-space: nowrap;
    color:#FFF;
    line-height:24px;
    vertical-align: middle;
}
#menu a.sub {
      background: url(../images/sub_button_bg.jpg) no-repeat left top;       
      padding-left:30px;
      color:#5f512f;
      text-transform:none;
}
#menu a.subselected,#menu a.sub:hover,#menu a.subselected:hover {
      background: url(../images/sub_button_selected_bg.jpg) no-repeat left top;       
      padding-left:30px;
      color:#fff;
      text-transform:none;
}  


#menu a:hover {
    background: url(../images/button_selected_bg_normal.jpg) no-repeat left top; 
}
#menu a.selected {
    background: url(../images/button_selected_bg_normal.jpg) no-repeat left top;  
}
#menu a.hassubselected {
    background: url(../images/button_selected_bg.jpg) no-repeat left top;  
}


#footer {
    clear: both;
    height: 56px;
    width:940px;
    font-family:Verdana, Arial;
    font-size: 11px;
    text-align: right;
    color: #7b7b7b;
    font-weight: normal;
    margin-top:32px;
    padding-top:0px;
    margin-left:auto;
    margin-right:auto;
    padding-right:15px;
}
#footer .footer1,#footer .footer2 {
margin-top:0px;
}       
#footer A {
color:#7b7b7b;
text-decoration: none;
}
#footer .footer2 {
margin-left:240px;
}
#content ul {
margin-left: 0px;
padding-left: 0px;
padding-right:20px;
list-style: none;
line-height:100%;
}

#content li {
    list-style: none;
    padding-left: 20px;
    padding-bottom : 7px; 
    background: url(../images/li_blokje.jpg) no-repeat left 3px;
}
/* formulieren */
input.sendbutton
{                                  
 float: right;
  font-weight: 500;
  height: 27px;
  font-size: 15px;
  color: #fff;
  border : 1px double #404040;
  background-color:#A38048;
}
.okay {
color: #6B6B6B;
}
.not_okay {
color: Red;
font-weight : bold;
}
/* toegevoegd om geen randje om een link te krijgen in Firefox */
a:active {outline: none;}
:-moz-any-link:focus {outline: none;}

div.offerte { margin-bottom: 150px; }

A.pdf {                              
    padding: 2px 0px 0px 25px;
    background: url(/icoons/pdf.jpg) no-repeat left bottom;
}
A.xls {
    padding: 2px 0px 0px 25px;
    background: url(/icoons/xls.jpg) no-repeat left  bottom;
}
A.doc {
    padding: 2px 0px 0px 25px;
    background: url(/icoons/doc.jpg) no-repeat left  bottom;
}
A.txt {
    padding: 2px 0px 0px 25px;
    background: url(/icoons/txt.jpg) no-repeat left  bottom;
}
A.zip {
    padding: 2px 0px 0px 25px;
    background: url(/icoons/zip.jpg) no-repeat left  bottom;
}