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

/* ALLE CSS VOOR WINKEL-VOORBLAD */

ul.products  {max-width:22%;                       /* kader om li item */
              border:6px solid;
              border-color:#e7e8d8 ;
              background-color:#e7e8d8;
              text-align:center;
              overflow-x: hidden;
              overflow-y: hidden;
              margin:10px 10px 10px 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%;                            /*ruimte voor 1 product vanaf hier */
              background-color:#f3f3eb;   /*goed*/
	        border: 4px solid;
              border-color:#f3f3eb;
              text-align:center;
              padding-bottom:10px;
             }




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

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


#product-desc {width:90%;
               height: 18px;  
               border:0px solid;
               border-color:;
               text-align:center;
               margin-left:auto;
               margin-right:auto;
                } 

#a-kant       {width:100%;
               height:18px;  
               border:0px solid;
               border-color:#000000;
               text-align:center;
               padding-left:auto;
               padding-right:auto;
               margin-left:auto;
               margin-right:auto;
               margin-bottom:10px;


                }

#product-price {width:100%; 
                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:450px;
  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 { width:450px;
                  height:400px;
                  border: 0px solid;
                  background-color:#e7e8d8 ;
                  display: none;
                  float:right;
                  margin-top:0px;
                  text-align:left;
                  padding:0px 0px 0px 8px;
                  z-index:999;
                }

 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:900px;                            /*kader om volledige pop-up */
                   height:520px;
                   background-color:#e7e8d8 ;
                   border:1px solid;
                   border-color:white;
                   padding :1px;
                   z-index:999;
                   margin-left:auto;
                   margin-right:auto;
                  }


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


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

#frame100 { min-width:420px !important;
            min-height:420px !important;
            border: 0px solid;
            border-color: yellow;
            overflow:collapse;
          }

#product_info {width:40%;
               height:380px;                  
               border:0px solid;
               text-align:left;
               margin-top:10px;
               margin-left: 20px;
               float:right;
               padding-left:0px;
               padding-right: 15px;
               display: inline-block;
           }

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

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

#button-position  { width:200px;
                    height:30px;
                    border: 0px solid;
                    background-color:#a7c18a;
                    padding: 0px 0px 0px 0px;
                    margin-left:auto;
                    margin-right:auto;
                    margin-top:0px;
                 
                  }

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:#dc4343;
               }

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

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;}
         



/* EINDE PRODUCT OVERVIEW   */


















.product-description-overvieuw {width:420px;
                                height:305px;  
                                overflow:hidden;
                                border:0px solid;
                                text-align:left;
                                float:right;
                                margin-top:20px;
                                
              }






#object { background-color:#ffffff;
          overflow: hidden; }

#verder-winkelen { width: 300px; 
                   height:40px;
                   background:#959595;
                   border: 1px solid;
                   cursor: pointer;
                   font-weight: bold;
                   position:relative;
                   color: #ffffff;
                   float:right;
                   margin-top:300px;
                   margin-right:121px;
                   
              }



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;
}


.product_wrapper {
 float:left;
 padding: 10px;
 text-align: center;
 }
.product_wrapper:hover {
 box-shadow: 0 0 0 2px #e5e5e5;
 cursor:pointer;
 }
.product_wrapper .name {
 font-weight:bold;
 }
.product_wrapper .buy {
 text-transform: uppercase;
 background: #F68B1E;
 border: 1px solid #F68B1E;
 cursor: pointer;
 color: #fff;
 padding: 8px 40px;
 margin-top: 10px;
}
.product_wrapper .buy:hover {
 background: #f17e0a;
 border-color: #f17e0a;
}
.message_box .box{
 width:960px;
 margin: 10px 0px;
 border: 1px solid #2b772e;
 text-align: center;
 font-weight: bold;
 color: #2b772e;
 margin-top:0px;
 }



.table {width:960px; border:0px solid;}

.td {text-align:top; }






.message_box .box2{
 width:960px;
 border: 1px solid #2b772e;
 text-align: center;
 font-weight: bold;
 color: #2b772e;
 float:left;
 }


.table td {
 border-bottom: #F0F0F0 1px solid;
 padding: 8px;
 }

.cart_div {
 float:right;
 font-weight:bold;
 position:relative;
 }

.cart_div a {
 color:#000;
 } 
.cart_div span {
 font-size: 12px;
 line-height: 14px;
 background: #F68B1E;
 padding: 2px;
 border: 2px solid #fff;
 border-radius: 50%;
 position: absolute;
 top: -1px;
 left: 13px;
 color: #fff;
 width: 20px;
 height: 20px;
 text-align: center;
 }
.cart .remove {
 background: none;
 border: none;
 color: #0067ab;
 cursor: pointer;
 padding: 0px;
 }

.cart .remove:hover {
 border: none;
 text-decoration:underline;
 }




.name  { font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size:20px;
         color:#000000;
         font-weight:normal; 
         margin-top:20;
         
} 

.voorraad { height:20px;
            border:0px solid;
            text-align:left;
            
            margin-bottom: 12px; 
          }

p.text {  font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size:14px;
          color:#000000;
          font-weight:normal; 
          margin-top:0;
          padding-left:30px;
}

p.text-artiest { font-family: Verdana, Arial, Helvetica, sans-serif;
	           font-size:16px;
                 color:#434343 !important;
                 font-weight:normal; 
                }

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

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;
          
}








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




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

p.tekst { font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size:18px;
          color:red;
          font-weight:normal; 
          margin-top:0;
}



p.emptycart   { font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size:18px;
                color:#000000;
                font-weight:normal; 
                margin-left:8px;
}
        



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; }