/* plaats je maatwerk CSS hieronder */

.st_homepage .lastViewedProduct_listing {
	display:none;
}

body.detector-plaza-activiteiten.pagebuilder-infopage,
body.st_homepage {
    background-color: #101010;
}

.detector-plaza-activiteiten.pagebuilder-infopage .lastViewedProduct_listing h2,
body.st_homepage .lastViewedProduct_listing h2,
.detector-plaza-activiteiten.pagebuilder-infopage .breadcrumbs-listing * {
	color: #fff;
}

/*
.st_homepage {
	--webshop-background-color: var(--grey-900);
}
.st_homepage .modal-content {
 	 --webshop-background-color: #fafafa;
}
*/

/*
body.detector-plaza-activiteiten {
	--webshop-background-color: var(--grey-900);
  	--body-text-color: #fff;
  	--heading-color: #fff;
}
*/

/*saletag*/
.productinfo-image-item .layover img, .productinfo-image-item #artikellayover img {
	max-width: 75% !important;  
}

.layover img, #artikellayover img{
  	bottom: unset;
}

/*Content artikelen - Emiel van Raaij*/

.blok{ /*bepaal vertikale ruimte tussen blokken*/
      margin-top: 10px;
      margin-bottom: 13px;
      max-width: 670px;
      }   
      
.startblok { /*opmaak voor het eerste blok tekst in artikeltekst*/
       font-size : 13px;
       font-weight: bold;
       font-style: italic;
       color: #4a4a4a;
      }
      
.tekst1 { /*opmaak voor tweede blok tekst in artikeltekst*/
}

.actietekst { /*opmaak voor opvallende actietekst*/
      font-weight: bold;
      color: #EE0000;
      max-width: 450px;
      padding: 5px;
      border: 1px solid #FFDDDD;
}
.vakantietekst { /*opmaak voor usp*/
      font-weight: normal;
      color: #EE0000;
      max-width: 450px;
      padding: 5px;
      border: 1px solid #FFDDDD;
}
.actietekst:hover {
      font-weight: bold;
      background-color: #FFE6E6; /* FFEEEE */
      color: #CC0000;   /* CC0000 */
      max-width: 450px;
      padding: 5px;
      border: 1px solid #FFDDDD;
}
.vakantietekst:hover {
      font-weight: normal;
      background-color: #FFE6E6; /* FFEEEE */
      color: #CC0000;   /* CC0000 */
      max-width: 450px;
      padding: 5px;
      border: 1px solid #FFDDDD;
}
/*logo als opsommingsteken*/
.dplogo {
      list-style-image: url("/images/checkbox-green.png"); /* /images/shoplogo.png  */
      list-style-position: outside;
}

.checkgreen {
      list-style-image: url("/images/checkbox-green.png");
      list-style-position: outside;
}

.tekst2 { /*opmaak voor optionele tekst onder de actietekst*/
}
      
.vet {
      font-weight: bold;
      }      

.k1 { /*opmaak kolom 1 in artikelteksttabel*/
      font-weight: normal;
      max-width: 250px;
  /*    color: #666666;    */
}
 
.k2 { /* opmaak kolom 2 in artikelteksttabel*/
      font-weight: bold;
     }
     
.k3 { /*opmaak kolom 3 in artikelteksttabel*/
  /*    color: #0000CC;   */
      font-style: normal;
      font-weight: normal;
      min-width: 70px;
      max-width: 400px;
      }     
     
.tabel { /* tabeleigenschappen artikelspecs  */
        max-width:   550px;
        }       

.hvrgl {/*
        border: 1px hidden #ffffff; 
  */      }      

.hvrgl:hover {
        background-color: #E8E8E8;    /* #EBEBEC; */
        color: #000000 !important;
 /*      border: 1px dotted #BBBBBB; */
        }

.form_section .tabel tr td, th { /* opmaak voor artikelspecstabel*/
        padding-bottom: 3px;
        padding-top: 3px;
        margin:0;
        line-height: 13px;
        padding-right:5px;
        vertical-align: top;
        }    
        
.tabkop { /* gekleurde kop in tabel*/
       font-weight: bold;
       font-size : 14px;
       color: #BB0000;    
       padding-bottom:5px  !important;
       padding-top: 12px !important;   
       }

.tabtussenkop {
       font-weight: bold;
       }

.kop {
       font-weight: bold; 
       color: #222222;
       font-size : 14px;
       }

.advies {
        border: 1px solid #87CEFA;
        background-color: #e6f9ff;
        max-width: 300px;
        padding: 10px;
        font-size: 13px;
        font-weight: normal;  
        }

.doorklik {
        font-size: 12px;
        font-weight: bold;
        color: #0066cc;
        }
        
.doorklik:hover     {
        text-decoration: underline;
        color: #0066cc;
        }
         
.batterijtip {
        color: #000000;
        background-color: #d2f9d2;
        padding: 5px;
        border: 1px dotted #006400;
        font-weight: normal;
        font-style: normal;
        }        
    
/*.onder td{ 
       padding-bottom: 15px  !important;
       }   */
       
.credits {
      font-size: 10px;
      color: #000000;
      font-style: italic;
      background-color: #FFFFFF;
    /*  padding: 7px;
      border: 1px dotted #000000;   */
      }
/* opmaak voor informatiepagina's */

.paginahoofd {
		font-weight: bold;
       font-size : 20px  !important;
       color: #0066cc;    
       padding-bottom:5px  !important;
       padding-top: 5px !important;   
}
.infokop {
		font-weight: bold;
       font-size : 14px  !important;
       color: #0066cc;    
       padding-bottom:10px  !important;
       padding-top: 8px !important;   
}
.infokop2  {
       font-weight: normal;
       text-decoration: underline;
       font-size : 12px  !important;
       color: #000000;    
       padding-bottom:0px  !important;
       padding-top: 4px !important;   
}

/* opmaak voor contactpagina */

.contactkolom {
      width 350px;     
       float: left;
       margin-right: 15px;
}
.blokdefc  { /*bepaal vertikale ruimte tussen en breedte van blokken*/
      margin-top: 10px;
      margin-bottom: 13px;
      max-width: 450px;
      }   
.zweefclear { 
       clear: left;
 }
.contacttabel {       
        max-width: 500px;
}

.contacttabel td,th { /* opmaak voor contacttabel*/
        padding-bottom: 3px !important;
        padding-top: 3px !important;
        margin:0;
        line-height: 14px;
        padding-right:5px;
        vertical-align: top;
        }    

/* opmaak voor definitiepagina*/
.blokdef  { /*bepaal vertikale ruimte tussen en breedte van blokken*/
      margin-top: 10px;
      margin-bottom: 13px;
      max-width: 600px;
      }   

.begrip {
       font-weight: bold;
       font-size : 14px;
       color: #0066cc;
     }

.uitleg {
       margin-left: 4px;
       padding-left: 5px;
       border-left: 1px dotted #0066cc;
}

 /*hoofdpagina*/    
.forceerlinks {
  clear: left;
}


 /*OPMAAK VAN RODE BUTTONS OP HOOFDPAGINA*/ 
.dpbutton {     
       font-size: 16px; 
   /*    display: inline;*/
     float: left;
       border-radius: 7px;
       width: 140px !important;
       padding: 6px;
       margin: 0px 15px 25px 45px;
       text-align: center;
       color: #EE0000 !important; /*4a4a4a*/
       background-color: #ffffff;
       font-weight: bold;
       border: 2px solid #ee0000; /*4a4a4a*/
}

.dpbutton:hover {
       color: #ffffff !important; /*ffffff*/
       background-color: #cc0000; /*4a4a4a*/
       border: 2px solid #cc0000; /*4a4a4a*/
       font-weight: bold;
}

.spaceRight{ 
        padding: 0px 10px 0px 0px;
}

.spaceSpecial{
        padding: 5px 5px 2px 0px;
        }
        
.spaceRound{
        padding: 10px 10px 10px 10px;
        }