/*************************************************************************
 *
 * Ontwikkeld door: Creative Dimension (http://www.creativedimension.be) 
 * In opdracht van: Joris Bleeker (http://www.jorisbleeker.nl)
 * Auteur: Ilvy Fauvarque (ilvy@creativedimension.be)
 * 
 * Deze code mag dienen als hulp of inspiratie maar mag niet exact
 * gekopieerd worden met de benodigde afbeeldingen zonder de geschreven
 * toestemming van Joris Bleeker (info@jorisbleeker.nl) 
 *
 ************************************************************************/

/**********************
 * BASIS
 *********************/
 
* {
border: 0px; 
margin: 0px;
padding: 0px; 
}

body {
color: #4e4e4e;
font: 12px Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Serif;
}

#container {

}
 
h1, h2, h3, h4, h5, h6 {
color: #ff6600;
}

h1 {
color: #ff5800;
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
}

h2 {
color: #646464;
font-size: 12px;
font-weight: bold;
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

p {
color: #4e4e4e;
font: 12px Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Serif;
line-height: 18px;
margin-bottom: 10px;
}

ul, ol {
list-style-type: none;
}

   ul li, ol li {
   }

a {
color: #454545;
}

   a:hover {
   }
   
   a.knop {
   background: url('/images/button_offerte.png') no-repeat;
   color: white;
   display: block;  
   font-style: normal;
   font-weight: bold;
   height: 25px; /*32*/
   margin: 0px 0px 0px 515px;
   padding: 7px 0px 0px 7px;
   position: absolute;
   text-decoration: none;
   width: 127px; /*134*/
   } 
   
   a.knop2 {
   background: url('/images/button_offerte.png') no-repeat;
   color: white;
   display: block;  
   font-style: normal;
   font-weight: bold;
   height: 25px; /*32*/
   margin: 0px 0px 0px 0px;
   padding: 7px 0px 0px 7px;
   position: absolute;
   text-decoration: none;
   width: 127px; /*134*/
   }         
   
form {
display: inline;
}

input, textarea, select {
color: #4e4e4e;
font: 12px Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Serif;
}

table {
}

   table th {
   }
   
      table th td {
      }

   table tr {
   }
   
      table tr td {
      }
      
hr {
}

.groen {
color: #008000;
}

.grijs {
color: #4e4e4e;
}

.oranje {
color: #ff5a00;
}

.lichtgrijs {
color: #b3b3b4;
}

.vet {
font-weight: bold;
}
 
/**********************
 * HEADER
 *********************/  

#header {
height: 87px;
margin: 0 auto;
overflow: hidden;
width: 1000px;
}

   #header_logo {
   display: inline;
   float: left;
   width: 230px;
   }
   
   #header_menu {
   display: inline;
   float: left;
   }
   
      #header_menu_talen {
      border-bottom: 1px solid #dedede;
      height: 46px;
      width: 770px;
      }
      
         #header_menu_talen ul {
         float: left;
         margin: 22px 0px 0px 20px;
         padding: 0px;
         }
         
            #header_menu_talen ul li {
            display: inline;
            float: left;
            margin: 0px;
            padding: 0px;
            }
            
               #header_menu_talen ul li a {
               background: url('/images/header_menu_talen_tab.png') no-repeat;
               display: block;
               font-size: 12px;
               font-weight: bold;
               height: 20px; /*25*/
               margin: 0px 5px 0px 0px;
               padding-top: 5px;
               text-align: center;
               text-transform: uppercase;
               width: 107px;
               }
               
                  #header_menu_talen ul li a:hover, #header_menu_talen ul li a.actief {
                  background: url('/images/header_menu_talen_tabhover.png') no-repeat;
                  color: #ff6600;
                  text-decoration: none;
                  }
                  
         #header_menu_talen h1 {
         float: left;
         font-size: 16px;
         font-weight: bold;
         margin: 10px 15px 0px 15px;
         }
         
            #header_menu_talen h1 a {
            text-decoration: none;
            color: #ff6600;
            }
         
         #header_menu_talen a.gewoon {
         color: #222222;
         float: left;
         font-size: 11px;
         text-decoration: none;
         margin: 30px 10px 0px 0px;
         } 
         
            #header_menu_talen a.gewoon:hover {
            color: #ff6600;
            text-decoration: underline;            
            }  
            
      #header_menu_submenu {
      margin-top: 15px;
      } 
      
         #header_menu_submenu ul {
         margin: 0px 0px 0px 0px;
         padding: 0px;
         }  
         
            #header_menu_submenu ul li {
            display: inline;
            float: left;
            margin: 0px;
            padding: 0px;
            }  
            
               #header_menu_submenu ul li a {
               background: url('/images/header_submenu_streepje.png') no-repeat;
               background-position: right;
               color: #454545;
               font-weight: bold;
               padding: 0px 15px 0px 15px;
               text-decoration: none;
               }
               
                  #header_menu_submenu ul li a.laatste {
                  background: none;
                  }               
               
                  #header_menu_submenu ul li a:hover, #header_menu_submenu ul li a.actief {
                  color: #ff6600;
                  text-decoration: none;
                  }                                                                          
   
/**********************
 * TOP MENU
 *********************/ 

#menu {
background: url('/images/header_bg.png') repeat-x;
height: 24px; /*33*/
padding-top: 9px;
width: 100%;
}

   #menu_inhoud {
   width: 1000px;
   margin: 0 auto;
   }  
   
      #menu_inhoud ul {
      margin: 0px 0px 0px 140px;
      padding: 0px;
      } 
      
         #menu_inhoud ul li {
         display: inline;
         float: left;
         margin: 0px;
         padding: 0px;
         }
         
            #menu_inhoud ul li a {
            color: #454545;
            font-weight: bold;
            margin-right: 25px;
            text-decoration: none;
            }
            
            #menu_inhoud ul li a:hover, #menu_inhoud ul li a.actief  {
            text-decoration: underline;
            } 
            
/**********************
 * INHOUD
 *********************/ 

#inhoud {
margin: 0 auto;
width: 780px; /*1000*/
padding-right: 220px;
}

   /**********************
    * TABS
    *********************/  

   #inhoud_tabs {
   border-bottom: 1px solid #dedede;
   margin: 25px 0px 0px 115px;
   height: 25px;
   }  
   
      #inhoud_tabs ul {
      margin: 0px 0px 0px 25px;
      padding: 1px 0px 0px 0px;
      } 
      
         #inhoud_tabs ul li {
         display: inline;
         float: left;
         margin: 0px;
         padding: 0px;
         }  
         
            #inhoud_tabs ul li a {
            background: url('/images/inhoud_tabs_tab.png') no-repeat;
            color: #454545;
            display: block;
            font-weight: bold;
            height: 20px; /*25*/
            margin-right: 5px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            padding-top: 5px;
            width: 202px;
            }
            
               #inhoud_tabs ul li a:hover, #inhoud_tabs ul li a.actief {
               background: url('/images/inhoud_tabs_hover.png') no-repeat;
               color: #ff6600;
               } 
               
   /**********************
    * BEREKEN
    *********************/                
               
   #loader {
   display: none;
   position: absolute;
   }
   
      #loader.loader1 {
      margin-left: 160px;
      margin-top: 10px;
      }
      
      #loader.loader2 {
      margin-left: 160px;
      margin-top: 175px;
      }                       
               
   #inhoud_bereken {
   margin: 25px 0px 0px 115px;
   padding: 0px 0px 15px 45px;
   }  
   
      #inhoud_bereken_links {
      display: inline;
      float: left;
      margin-right: 25px;
      padding-top: 25px;
      width: 272px;
      }
      
         #inhoud_bereken_links .rij {
         height: 19px; 
         margin-bottom: 5px;
         width: 270px;
         } 
         
            #inhoud_bereken_links .rij .kolom {
            display: inline;
            float: left;
            }
            
               #inhoud_bereken_links .rij .kolom input {
               border: 1px solid #abadb3;
               height: 16px; /*17*/
               margin-right: 5px;
               padding: 0px 0px 0px 0px !important;
               text-align: center;
               width: 44px; /*46*/
               }
               
               #inhoud_bereken_links .rij .kolom select {
               border: 1px solid #abadb3;
               height: 19px; 
               width: 143px; 
               }               
               
               #inhoud_bereken_links .rij .kolom.kolom1 {
               padding-top: 3px;
               width: 60px;
               }
               
               #inhoud_bereken_links .rij .kolom.kolom2 {
               padding-top: 3px;
               margin-right: 13px;
               width: 14px;
               }  
               
               #inhoud_bereken_links .rij .kolom.kolom4 {
               padding-top: 3px;
               margin-right: 5px;
               width: 35px;
               }  
               
               #inhoud_bereken_links .rij .kolom.kolom5 {
               padding-top: 3px;
               color: #8b8b8b;
               width: 60px;
               }
               
               #inhoud_bereken_links .rij .kolom.kolom6 {
               padding-top: 3px;
               }                                            
      
      #inhoud_bereken_rechts {
      display: inline;
      float: left;
      font-size: 11px;
      width: 225px;
      }   
      
         #inhoud_bereken_rechts_opmerking {
         border: 1px solid #abadb3;
         position: absolute;
         padding: 5px 10px 5px 5px;
         width: 187px; /*212*/
         } 
         
         #inhoud_bereken_rechts_resultaat {
         color: black;
         margin-top: 70px;
         position: absolute;
         } 
         
            #inhoud_bereken_rechts_resultaat.stap2 {
            margin-top: 10px;
            position: relative;            
            }
         
            #inhoud_bereken_rechts_resultaat p {
            color: black;
            font-size: 11px;
            font-weight: bold;
            margin-bottom: 0px;
            }          
         
            #inhoud_bereken_rechts_resultaat .rij {
            height: 25px; /*25*/
            margin-bottom: 5px;
            } 
            
               #inhoud_bereken_rechts_resultaat .rij .kolom {
               display: inline;
               float: left;
               margin: 7px 15px 0px 0px;
               }
               
                  #inhoud_bereken_rechts_resultaat .rij .kolom.geenmargin {
                  margin-top: 0px;
                  }               
               
                  #inhoud_bereken_rechts_resultaat .rij .kolom.resultaat {
                  background: url('/images/input_resultaat.png') no-repeat;
                  font-size: 12px;
                  font-weight: bold;
                  height: 20px; /*25*/
                  padding-top: 5px;
                  text-align: center;
                  width: 63px;
                  }
                  
   /**********************
    * GA NAAR STAP2
    *********************/                
               
   #inhoud_stap2 {
   background: url('/images/inhoud_doos.png') no-repeat;
   background-position: 45px 0px;
   border-bottom: 1px solid #dedede;
   height: 153px;
   margin: 0px 0px 0px 115px;
   }  
   
      #inhoud_stap2 a.button {
      background: url('/images/button_stap2.png') no-repeat;
      color: white;
      display: block;
      float: right;
      font-weight: bold;
      height: 25px; /*33*/
      margin-right: 15px;
      padding: 8px 0px 0px 10px;
      text-decoration: none;
      width: 115px; /*125*/
      }                     
      
         #inhoud_stap2 a.button:hover {
         text-decoration: none;
         }
         
      #inhoud_stap2 a.print {
      background: url('/images/icon_print.png') no-repeat;
      background-position: right;
      display: block;
      font-size: 11px;
      height: 13px; /*16*/ 
      margin: 40px 0px 0px 557px;
      padding: 3px 25px 0px 0px;
      position: absolute;
      text-decoration: none;
      }                     
      
         #inhoud_stap2 a.print:hover {
         text-decoration: underline;
         }  
         
   /**********************
    * BANNER 1
    *********************/                
               
   #inhoud_banner1 {
   background-color: #ff5800;
   color: white;
   font-style: italic;
   font-weight: bold;
   margin: 25px 0px 15px 115px;
   padding: 15px 15px 5px 30px;
   } 
      
      #inhoud_banner1 ul {
      display: inline;
      float: left;
      list-style-type: square;
      margin: 0px;
      padding: 0px;
      width: 275px;
      } 
      
         #inhoud_banner1 ul li {
         margin: 0px 0px 10px 0px;
         padding: 0px;
         }
         
   /**********************
    * BANNER 2
    *********************/                
               
   #inhoud_banner2 {
   border: 1px solid #d7d7d7;
   color: #ff5800;
   font-style: italic;
   font-weight: bold;
   margin: 0px 0px 25px 115px;
   padding: 15px 15px 5px 30px;
   } 
   
      #inhoud_banner2 a.button {
      background: url('/images/button_offerte.png') no-repeat;
      color: white;
      display: block;  
      font-style: normal;
      height: 25px; /*32*/
      margin: 5px 0px 0px 480px;
      padding: 7px 0px 0px 5px;
      position: absolute;
      text-decoration: none;
      width: 129px; /*134*/
      }
      
         #inhoud_banner2 a:hover {
         text-decoration: none;
         }
   
      #inhoud_banner2 ul {
      display: inline;
      float: left;
      list-style-type: square;
      margin: 0px;
      padding: 0px;
      width: 275px;
      } 
      
         #inhoud_banner2 ul li {
         margin: 0px 0px 10px 0px;
         padding: 0px;
         }    
         
/**********************
 * FOOTER
 *********************/ 

#footer {
background: url('/images/footer_bg.png') repeat-x;
height: 24px; /*32*/
margin-bottom: 25px;
padding-top: 8px;
width: 100%;
}

   #footer_inhoud {
   margin: 0 auto;
   width: 810px;
   } 

      #footer_inhoud ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }            
      
         #footer_inhoud ul li {
         display: inline;
         float: left;
         margin-left: 20px;
         } 
         
            #footer_inhoud ul li.rechts {
            float: right;
            margin: 0px 125px 0px 0px;
            }  
         
            #footer_inhoud ul li a {
            color: white;
            font-size: 11px;
            text-decoration: none;
            } 
            
               #footer_inhoud ul li a.lichter {
               color: #ffba8c;
               }
            
               #footer_inhoud ul li a:hover {
               text-decoration: underline;
               } 
               
/**********************
 * GOOGLE HAPJES
 *********************/ 

#googlehapjes {
width: 100%;
margin-top: 10px;
}         

   #googlehapjes_inhoud {
   margin: 0 auto;
   width: 810px;
   color: #aaaaaa;
   font-size: 10px;     
   }
   
      #googlehapjes_inhoud p {
      color: #aaaaaa;
      font-size: 10px;      
      }
   
      #googlehapjes_inhoud a {
      color: #aaaaaa;
      text-decoration: underline;        
      }      
               
/**********************
 * RECLAME
 *********************/ 

#reclame {
margin: 0 auto;
width: 780px;
} 

   #reclame a {
   margin-bottom: 25px;
   }

      #reclame a.rechts {
      display: inline; 
      float: right;
      margin-right: 110px;
      } 
      
/**********************
 * STAP 2
 *********************/
 
   /**********************
    * OVERZICHT
    *********************/   

#inhoud_bereken_links.stap2 {
padding-top: 0px;
} 

   #inhoud_bereken_links.stap2 p {
   color: black;
   font-size: 11px;
   font-weight: bold;
   margin-bottom: 0px;
   }    
   
   #inhoud_bereken_links .rij.stap2_eerste {
   margin-top: 15px;
   } 
   
      #inhoud_bereken_links .rij .kolom.stap2_kolom2 {
      padding-top: 3px;
      width: 40px;
      } 
      
      #inhoud_bereken_links .rij .kolom.stap2_kolom3 {
      padding-top: 3px;
      width: 200px;
      } 
      
   /**********************
    * RESULTAAT STAP2
    *********************/
    
#inhoud_bereken_rechts.stap2 {
padding-top: 7px;
width: 320px;
} 

   #inhoud_bereken_rechts a.wijzig {
   
   background: url('/images/icon_wijzig.png') no-repeat;
   background-position: right;
   color: #535353;
   display: block;
   font-size: 11px;
   height: 14px;
   margin: 125px 0px 0px 275px;
   padding-right: 20px;
   position: absolute;
   text-decoration: none;
   }
   
      #inhoud_bereken_rechts a.wijzig:hover {
      text-decoration: underline;
      }

   #inhoud_bereken_rechts_stap2_gratis {
   color: #ff5800;
   font-size: 14px;
   font-style: italic;
   font-weight: bold;
   height: 30px;
   margin: 0 auto;
   margin-bottom: 36px;
   width: 120px;
   } 
   
   /**********************
    * CONTACTGEGEVENS STAP2
    *********************/  

#contactgegevens_stap2 {
font-size: 11px;
margin: 5px 0px 0px 115px;
padding-left: 45px;
} 

   #contactgegevens_stap2 p {
   font-size: 11px;
   margin: 0px;
   }  

   #contactgegevens_stap2_links {
   display: inline;
   float: left;
   margin-bottom: 15px;
   width: 300px;
   }  
   
      #contactgegevens_stap2_links dl {
      height: 200px;
      }
      
         #contactgegevens_stap2_links dl dt {
         display: inline;
         float: left;
         height: 17px; /*20*/
         margin: 0px 20px 5px 0px;
         padding-top: 3px;
         text-align: right;
         width: 105px;
         }
         
         #contactgegevens_stap2_links dl dd {
         display: inline;
         float: left;
         height: 20px;
         margin-bottom: 5px;
         width: 173px;
         }  
         
            #contactgegevens_stap2_links dl dd a {
            background: url('/images/icon_pijltje.png') no-repeat;
            background-position: right;
            font-size: 11px;
            padding-right: 10px;
            text-decoration: underline;
            }          
         
            #contactgegevens_stap2_links dl dd select {
            border: 1px solid #848484;
            font-size: 11px;
            height: 20px;
            width: 173px;
            }    
            
            #contactgegevens_stap2_links dl dd input, #tekstpagina input {
            border: 1px solid #848484;
            font-size: 11px;
            height: 17px; /*20*/
            padding: 3px 0px 0px 3px !important;
            width: 168px; /*171*/
            }  
            
               #contactgegevens_stap2_links dl dd input.input1 {
               display: inline;
               float: left;
               margin-right: 5px;
               width: 70px;
               }
                
               #contactgegevens_stap2_links dl dd input.input2 {
               display: inline;
               float: left;
               width: 88px;
               }
               
               #contactgegevens_stap2_links dl dd input.input3 {
               display: inline;
               float: left;
               margin-right: 5px;
               width: 60px;
               }  
               
      #contactgegevens_stap2_links ul {
      list-style-type: none;
      margin: 15px 0px 0px 25px;
      padding: 0px
      } 
      
         #contactgegevens_stap2_links ul li {
         margin: 0px 0px 5px 0px;
         padding: 0px;
         }                                                                                
   
   #contactgegevens_stap2_rechts {
   display: inline;
   float: left;
   margin-bottom: 15px;
   width: 300px;
   } 
   
      #contactgegevens_stap2_rechts a.bestel {
      background: url('/images/button_stap2.png') no-repeat;
      color: white;
      display: block;
      float: right;
      font-size: 12px;
      font-weight: bold;
      height: 25px; /*33*/
      margin-top: 60px;
      padding: 8px 0px 0px 10px;
      text-decoration: none;
      width: 115px; /*125*/
      }                     
      
         #contactgegevens_stap2_rechts a.bestel:hover {
         text-decoration: none;
         }
         
      #contactgegevens_stap2_rechts a.print {
      background: url('/images/icon_print.png') no-repeat;
      background-position: right;
      display: block;
      font-size: 11px;
      height: 13px; /*16*/ 
      margin: 105px 0px 0px 205px;
      padding: 3px 25px 0px 0px;
      position: absolute;
      text-decoration: none;
      }                     
      
         #contactgegevens_stap2_rechts a.print:hover {
         text-decoration: underline;
         }   
   
   
      #contactgegevens_stap2_rechts dl {
      height: 200px;
      }
      
         #contactgegevens_stap2_rechts dl dt {
         display: inline;
         float: left;
         height: 17px; /*20*/
         margin: 0px 20px 5px 0px;
         padding-top: 3px;
         text-align: right;
         width: 105px;
         }
         
         #contactgegevens_stap2_rechts dl dd {
         display: inline;
         float: left;
         height: 20px;
         margin-bottom: 5px;
         width: 173px;
         }   
            
            #contactgegevens_stap2_rechts dl dd input {
            border: 1px solid #848484;
            font-size: 11px;
            height: 17px; /*20*/
            padding: 3px 0px 0px 3px;
            width: 168px; /*171*/
            }   
            
            #contactgegevens_stap2_rechts dl dd textarea {
            border: 1px solid #848484;
            font-size: 11px;
            height: 110px;
            padding: 5px;
            width: 161px; /*171*/
            }    
            
/**********************
 * TEKSTPAGINA
 *********************/
 
#tekstpagina {
border-bottom: 1px solid #dedede;
margin: 25px 0px 0px 115px;
padding: 0px 0px 50px 0px;
} 

   #tekstpagina ul {
   margin-left: 25px;
   list-style-type: disc;
   }

   #tekstpagina p {
   color: #878787;
   }

   #tekstpagina_top {
   background: url('/images/tekstpagina_top.png') no-repeat;
   font-size: 0px;
   height: 9px;
   width: 671px;
   }
   
   #tekstpagina_inhoud {
   border-left: 1px solid #e2e2e2;
   border-right: 1px solid #e2e2e2;
   overflow: hidden;
   padding: 7px 15px 0px 15px;
   width: 639px; /*669*/
   }
   
   #tekstpagina_bottom {
   background: url('/images/tekstpagina_bottom.png') no-repeat;
   font-size: 0px;
   height: 9px;
   margin-bottom: 20px;
   width: 671px;
   }                     
   
      #contactgegevens_stap2_rechts a.bestel:hover {
      text-decoration: none;
      }
      
/**********************
 * OFFERTE PAGINA
 *********************/                                                          
      
#offerte {
margin: 25px 0px 0px 115px;
padding: 0px 0px 50px 0px;
}   
               
#aanvraag_afbeeldingen {
width: 530px;
padding-left: 15px;
margin-left: 65px;
float: left;
display: inline;
}

   #aanvraag_afbeeldingen .aanvraag_afbeeldingen_apart {
   width: 115px;
   float: left;
   display: inline;
   margin-right: 15px;
   margin-bottom: 20px;
   }  
   
      #aanvraag_afbeeldingen .aanvraag_afbeeldingen_apart input {
      margin-right: 5px;
      margin-left: 5px;
      }        
                                 
#aanvraag_formulier {
padding-left: 50px;
padding-top: 10px; 
}            

#aanvraag_formulier select{
border: 1px solid #848484;
font-size: 11px;
height: 24px; /*20*/
padding: 3px 0px 0px 3px !important;
width: 168px; /*171*/
}                   

#aanvraag_formulier textarea, #contact textarea {
width: 168px; /*145*/
padding-left: 3px;
height: 90px; 
padding-top: 3px;
border: 1px solid #848484;
font-size: 11px;
font-family: Arial, Verdana;
color: #7B7A7A;
}

#aanvraag_formulier input, #contact input {
border: 1px solid #848484;
font-size: 11px;
height: 17px; /*20*/
padding: 3px 0px 0px 3px !important;
width: 168px; /*171*/
}                
            
   #aanvraag_formulier input.checkbox, #contact input.checkbox {
   border: none;
   width: 20px;
   margin-right: 15px;
   height: 10px;
   margin-left: 5px;
   }  

   #aanvraag_formulier div.kader {
   padding-top: 10px;
   float: left;
   display: inline;
   width: 300px;
   }  
   
      #aanvraag_formulier dl {
      height: 170px;
      width: 310px;
      } 
   
         #aanvraag_formulier dl dd {
         width: 110px;
         float: left;
         display: inline;
         margin-bottom: 10px;
         height: 15px; /*17*/
         text-align: right;
         margin-right: 10px;
         padding-top: 2px;
         } 
         
         #aanvraag_formulier dl dt {
         width: 175px;
         float: left;
         display: inline;
         height: 17px; /*17*/
         margin-bottom: 10px;   
         }
         
/**********************
 * CONTACT PAGINA
 *********************/         

#contact {
margin: 25px 0px 0px 115px;
padding: 0px 0px 50px 0px;
}

   #gegevens {
   height: 70px;
   border-bottom: 1px solid #dedede;
   margin-bottom: 20px;
   }  

   #gegevens div.kader {
   float: left;
   width: 250px;
   }
   
      #gegevens div.kader ul li {
      margin-bottom: 5px;
      }
   
      #gegevens div.kader dl {
      width: 300px;
      }
      
         #gegevens div.kader dl dt {
         color: #BCBCBC;
         float: left;
         width: 70px;
         margin-bottom: 5px;
         }

         #gegevens div.kader dl dd {
         float: left;
         width: 230px;
         margin-bottom: 5px;
         }
         
   
   #contactformulier div.kader {
   float: left;
   width: 330px;
   } 

      #contactformulier div.kader dl {
      width: 300px;
      }    
      
         #contactformulier div.kader dl dt {
         height: 21px;
         padding-top: 4px;
         float: left;
         width: 100px;
         }
         
         #contactformulier div.kader dl dd {
         height: 25px;
         float: left;
         width: 200px;
         }  
         
            #contactformulier div.kader dl dd input.checkbox {
            margin-top: 4px;
            }
            
            #contactformulier div.kader dl dd textarea {
            border: 1px solid #848484;
            font-size: 11px;
            height: 118px;
            padding: 5px;
            width: 168px; /*171*/            
            }                    
   
   #contact_knoppen {

   }
   
/**********************
 * KLANTENREACTIES
 *********************/  
 
#klantenreacties_links {
float: left;
width: 195px;
height: 310px;
margin-bottom: 10px;
}   

   #klantenreacties_links input {
   margin-bottom: 5px;
   }

   #klantenreacties_links textarea {
   border: 1px solid #848484;
   font-size: 11px;
   height: 118px;
   padding: 5px;
   width: 161px; /*171*/       
   }
   
   #klantenreacties_links a {
   margin-top: 10px;
   margin-left: 40px;
   }
   
#klantenreacties_rechts {
float: left;
width: 440px;
height: 310px;
overflow: auto;
margin-bottom: 10px;
}

/**********************
 * PAKKETZEGELS BOX
 *********************/  

div.box {
	background:url("/images/box-background.png") no-repeat scroll 0 0 #E0E0E0;
	color:#444444;
	height:1%;
	margin:0px 0px 15px 0px;
	padding:12px 12px 0px 12px;
	position:relative;
	width:160px !important;
	font-size:11px;
}

div.box h2 {
	background:none repeat scroll 0 0 transparent;
	color:#EE5500;
	font-size:135%;
	font-weight:normal;
	line-height:130%;
	margin:0 0 0.1em;
}

div.box ul {
	background:url("/images/box-list-background.gif") repeat-x scroll 0 100% transparent;
	clear:both;
	height:1%;
	list-style:none outside none;
	margin:0.4em 0px 1em 0px;
	padding:4px 0px 4px 0px;
}

div.box ul li {
	background:url("/images/box-list-background.gif") repeat-x scroll 0 0 transparent;
	height:1%;
	line-height:150%;
	margin:0;
}

div.box ul li p {
	margin-bottom:5px !important;
}

div.box div.foot {
	background:url("/images/box-foot.gif") no-repeat scroll 0 10px transparent;
	clear:both;
	height:12px;
	margin:0 -12px;
	overflow:hidden;
	width:183px;
}