body{
	margin: 0px;
	padding: 0px;
	
     }


/* ALLE CSS VOOR WINKEL-VOORBLAD */




ul.products  {max-width:16%;                    /* kader om li item */
              border:6px solid;
              border-color:#f3f3eb;                     
              background-color:#d5d5d5;
              text-align:center;
              overflow-x: hidden;
              overflow-y: hidden;
              margin:10px 18px 5px 8px;
              padding: 0px 0px 0px 0px;
              display:inline-block; 
               }


ul.products li h3 {
	margin: -10px -10px 10px -10px;
	padding: 10px;
      text-align: center;
	background-color: #F5F5F5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #5A5A5A;
}

ul.products li fieldset {
	border: none;
	padding: 5px 5px 5px 0px;
	margin: 0;
}
ul.products li fieldset label{
	display:block;
	margin-bottom: 4px;
}
ul.products li fieldset label span{
	width: 80px;
	float: left;
}
ul.products li fieldset label select{
	min-width: 100px;
}

ul a:link { color:black; text-decoration: none; }
ul a:visited { color:black; text-decoration: none; }
ul a:active { color:black; text-decoration: none; }
ul a:hover { color:black; text-decoration: none; }

li.products  { max-width:100%;
               max-height:310px;
               background-color:#f3f3eb;   /*goed*/
               border:7px solid;
               border-color:#f3f3eb; 
	         text-align:center;
               padding-bottom:10px;
               display:inline-block;
             }



#product-thumb {max-width: 100%;            
                height:auto; 
               }  

#product-thumb img {width: 200px;
                    height: auto;
                      
                   }    


#product-desc {width:90%;                        /*naam van de artiest */
               height:18px;
               border:0px solid;
               text-align:center;
               margin-left:auto;
               margin-right:auto;
               } 

#a-kant       {width:90%;
               height:18px;  
               border:0px solid;
               border-color:blue;
               text-align:center;
               padding-left:auto;
               padding-right:auto;
               margin-left:auto;
               margin-right:auto;
               margin-bottom:20px; }

#product-price {width:90%; 
                height:20px;                  
                border:0px solid;
                text-align:center;
                margin-left:auto;
                margin-right:auto;
                margin-bottom:5px;
                
                 } 










input[type='checkbox']{ display:none; }



/* EINDE VORMGEVING RUIMTE 1 PRODUCT  */


/* EINDE ALLE CSS VOOR WINKEL-VOORBLAD */




/* BEGIN PRODUCT OVERVIEW   */

.tooltip2 { width:50%;
  height: 12px;
  border:0px solid;
  position: relative;
  float:right;
  text-align:right !important;
  cursor: pointer;
  
}



#submenu2:hover > ul {display: block; 
                      background-color:#e7e8d8;
 }


.dropdown-menu2 {min-width:98%;
                 height:400px;
                 background-color:#e7e8d8;
                 display: none;
                 float:left;
                 margin:0px 0px 0px 0px;
                 text-align:left;
                 padding:0px 0px 0px 8px;
                 }





 li{ margin:0px 0px 0px 0px;
     list-style-type: none;
     font-family: 'Roboto', sans-serif;
    }




.dropdown-menu2 a:link { color:black; text-decoration: none; }
.dropdown-menu2 a:visited { color:black; text-decoration: none; }
.dropdown-menu2 a:active { color:black; text-decoration: none; }
.dropdown-menu2 a:hover { color:blue; text-decoration: none; }

object{width:100%;
       height:100vh;
       overflow:hidden;}





#product_result   {width:100%;                            /*kader om volledige pop-up */
                   height:520px;
                   border:1px solid;
                   background-color:#e7e8d8 ;
                   border-color:#ffffff;
                   text-align:top;
                   padding-top:8px;
                   z-index:999;
                  }

#product_image    {width:100%;
                   height:auto;
                   border:0px solid;
                   border-color:green;
                   background-color:;
                   padding :4px;
                   
                   
                  }


#product_image_thumb_row    {width:49%;
                             height:98%;
                             border:0px solid;
                             border-color:green;
                             background-color:;
                             padding :4px;
                             float:left;
                             clear:right;
                  }

#frame100 { min-width:425px;           /*frame met product image */      
            height: 420px;
            border: 0px solid;
          }

#product_info {width:45%;
               height:400px;
               border:0px solid;
               text-align:left;
               margin:0px 0px 0px 8px;
               float:left;
               padding-left:10px;
               padding-top: 0px;
               display: inline-block;
           }

#thumb-row    {width:100%;
               height:auto;
               border:0px solid;
               margin-top:0px;
               margin-bottom:5px;
               overflow:hidden;
               text-align:top;
               
              }

#frame2 {width:90%;           /* balkje met daarin de thumbs  */
         height:60px;
         text-align:top;
         border: 0px solid;
         padding: 0px 10px 0px 0px;
        }

#button-position  { width:100%;
                    height:30px;
                    border:0px solid;
                    text-align:center;
                    margin-left:auto;
                    margin-right:auto;
                    margin-bottom:20px;
                   
                 
                  
                  }

button.product-overview  { height:30px;
                           width:200px;
                           border:none;
                           background-color:#da5a33;
                           text-align:center;
                           text-decoration: none;
                           cursor: pointer;
                         }

button.product-overview  { border:0px solid;
                           font-weight:bold;
                           font-size:15px;
                           color:#ffffff;
                         }




.name p { border: 0px solid;
          font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size:16px;
          color:#da5a33 !important;}




p.prod-code   {font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size:14px;
               color:#000000;
               }
p.product-name {font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size:30px;
                color:#red !important;
               }
p.song-titel {font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size:18px;
               color:#000000;
               }

p.label-prefix {font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size:16px;
               color:#434343;
               }

p.price-overview        {font-family: Verdana, Arial, Helvetica, sans-serif;
                         font-size:18px;
                         color:#000000;
               }

p.button-text-overview   {border:0px solid;
                          font-weight:bold;
                          font-size:15px;
                          color:#ffffff;
                         
                
              }



p.serif { border: 1px solid;
          width:200px;
          font-family: "Times New Roman", Times, serif;
	    font-size:18px;
          color:blue;
          font-weight:normal; 
          margin-left: auto;
          margin-right: auto;
       }

p.kop-cat  { font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size:16px;
          color:#000000;
          font-weight:bold; 
          margin-top:0;
          padding-left:25px;
          
}




/* EINDE PRODUCT OVERVIEW   */





p.header  { font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size:12px;
          color:#000000;
          font-weight:bold; 
          margin-top:0;
}




p.overlay {
	font-family: Verdana, Arial, Helvetica, sans-serif;
      color:#000000;
	font-size:24px;
      font-weight:bold;
      float:right;
      margin: 40px 50px 0px 0px;
	}






*,*:focus,*:hover{
    outline:none;
}


a img {border:none; outline:none;}

a:link { text-decoration: none; outline:0; }