/*************************************************************************
 *
 * 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) 
 *
 ************************************************************************/

/**********************
 * PRODUCT
 *********************/
 
#product {background-color: #f0f1f1;padding: 20px;width: 897px; /*897*/}

/**********************
* PRODUCT FOTO
*********************/

#product_foto {background: url('/images/product_foto_bg.png') no-repeat;display: inline;float: left;height: 484px; /*500*/margin-right: 18px;padding: 8px;width: 351px; /*367*/}   
#product_foto_klein {margin-top: 16px;} 
#product_foto_klein a {display: inline;float: left;margin-right: 13px;}
#product_foto_klein a.laatste {margin-right: 0px;}

   /**********************
    * PRODUCT INFO
    *********************/  
    
   #product_info {
   display: inline;
   float: left;
   } 
   
      #product_info h1 {
      margin-bottom: 10px;
      } 
   
         #product_info h1 span.groot {
         font-size: 16px;
         margin: 0px 10px 0px 10px;
         }  
      
      #product_info a.tab {
      background: url('/images/product_tab.png') no-repeat;
      color: #1c2f81;
      display: block;
      float: left;
      height: 21px; /*28*/
      margin-right: 5px;
      padding: 7px 0px 0px 15px;
      width: 153px; /*168*/
      }             
      
         #product_info a.tab.actief, #product_info a.tab:hover {
         background: url('/images/product_tab_actief.png') no-repeat;
         }
         
      #product_info_kader {
      clear: both;
      margin-bottom: 10px;
      width: 512px;
      }          
         
         #product_info_kader_top {
         background: url('/images/product_info_kader_top.png') no-repeat;
         font-size: 0px;
         height: 12px;
         width: 512px;
         }   
         
         #product_info_kader_mid {
         background: url('/images/product_info_kader_mid.png') repeat-y;
         padding: 5px 20px 5px 20px;
         width: 472px; /*512*/
         min-height:195px;
         height:auto !important;
         height:195px;
         } 
         
            #product_info_kader_mid .tekstvak {
            height: 172px;
            overflow: hidden;
            }
            
            #product_info_kader_mid .tekstlink {
            height: 25px;
            }
            
               #product_info_kader_mid .tekstlink a {
               padding-left: 30px;
               float: right;
               margin-top: 10px;
               background-position: 0px 2px;
               font-weight: bold;
               }
         
            #product_info_kader_mid p {
            margin-bottom: 10px;
            }
            
            #product_info_kader_mid ul {
            margin: 0px;
            padding: 0px;
            margin-left: 30px;
            }
            
               #product_info_kader_mid ul li {
               margin: 0px 0px 5px 0px;
               padding: 0px;
               }
         
         #product_info_kader_bot {
         background: url('/images/product_info_kader_bot.png') no-repeat;
         font-size: 0px;
         height: 13px;
         width: 512px;
         } 
         
      #product_checkbox {
      background-color: white;
      border: 1px solid #c7c7c8;
      display: inline;
      float: left;
      font-weight: bold;
      padding: 5px;
      width: 205px; /*185*/
      }    
      
         .input_hoogte {
         height: 15px;
         margin-top: 5px;
         }
      
         .input_hoogte input {
         display: inline;
         float: left;
         margin: 1px 5px 0px 0px;
         } 
         
         .input_hoogte span.float {
         display: inline;
         float: left;   
         }  
         
      #product_prijs {
      display: inline;
      float: left;
      font-size: 14px;
      margin-left: 15px;
      }    
      
         #product_prijs span.groot {
         font-size: 18px;
         }
      
         #product_prijs span.klein {
         font-size: 11px;
         }  
         
         #product_prijs .prijs {
         margin-bottom: 15px;
         } 
         
      #product_link {
      margin: 25px 0px 0px 330px;
      position: absolute;
      } 
      
         #product_link a {display: block; width: 170px; height: 22px; margin-top: 5px; background: url('/images/product_toevoegen_over.png') no-repeat; color: white; padding-top: 6px; padding-left: 10px; font-weight: bold;}
         #product_link a:hover {background: url('/images/product_toevoegen_out.png') no-repeat; text-decoration: none;}
      
      #product_link_verder {
      float: right;
      margin-top: 80px;
      }
      
         #product_link_verder a {float: left;margin-left: 5px;}
      
         #product_link_verder a.verder {display: block; width: 134px; height: 18px; margin-top: 5px; background: url('/images/knop_links_out.png') no-repeat; color: white; padding-top: 2px; padding-left: 10px; font-weight: bold;}
         #product_link_verder a.verder:hover {background: url('/images/knop_over_links.png') no-repeat; text-decoration: none;}
         
         #product_link_verder a.winkelwagen {display: block; width: 134px; height: 18px; margin-top: 5px; background: url('/images/knop_rechts_out.png') no-repeat; color: white; padding-top: 2px; padding-left: 10px; font-weight: bold;}
         #product_link_verder a.winkelwagen:hover {background: url('/images/knop_over_rechts.png') no-repeat; text-decoration: none;}         
      
   /**********************
    * PRODUCT FOOTER
    *********************/
   
   #product_footer {
   border-top: 1px solid #cfcfcf; 
   margin-top: 20px;
   padding-top: 20px;
   }           
    
      #product_footer .kolom_info {
      display: inline;
      float: left;
      margin-right: 15px;
      overflow: hidden;
      width: 220px;
      }   
      
         #product_footer .kolom_info.gerelateerd {
         margin-right: 18px;
         width: 130px;
         }
         
            #product_footer .kolom_info.gerelateerd.laatste {
            margin-right: 0px;
            }         
   
         #product_footer .kolom_info ul {
         background: none;
         list-style-type: none;
         margin: 0px;
         padding: 0px;
         }    
         
            #product_footer .kolom_info ul li {
            background: url('/images/icon_vink_grijs.png') no-repeat;
            background-position: 0px 3px;
            margin: 10px 0px 0px 0px;
            padding: 0px 0px 0px 15px;
            }    
            
         #product_footer .kolom_info img {
         margin-top: 15px;
         }    
         
            #product_footer .kolom_info.bijpassend {
            }     
            
               #product_footer .kolom_info.bijpassend img {
               /* border: 1px solid #c2c8dc; */
               }  
               
               #product_footer .kolom_info.bijpassend h2 {
               color: #1c2f81;
               font-size: 12px;
               font-weight: normal;
               margin-bottom: 5px;
               }  
               
               #product_footer .kolom_info.bijpassend span {
               color: #464648;
               display: inline;
               float: left;
               font-size: 14px;
               margin-right: 20px;
               }  
               
               #product_footer .kolom_info.bijpassend a.pijl_rechts.bekijk {
               background-position: right;
               display: inline;
               float: left;
               font-size: 11px;
               padding-right: 30px;
               }                                
                                                                  
                                                                  
#product_levering {
position: absolute;
margin-top: 10px;
font-weight: bold;
color: #787878;
}
