/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 25 2019 | 11:00:51 */
/* css list with numeber circle background -------------- */

.numberlist{
    width: 75%;

}

.numberlist ol{
                counter-reset: li;
                list-style: none;
                *list-style: decimal;
                font: 15px 'trebuchet MS', 'lucida sans';
                padding: 0;
                margin-bottom: 4em;

}

.numberlist ol ol{
                margin: 0 0 0 2em;
            }
 
.numberlist a{
                position: relative;
                display: block;
                padding: .4em .4em .4em 2em;
                *padding: .4em;
                margin: .5em 0;
                background: #FFF;
                color: #444;
                text-decoration: none;
                -moz-border-radius: .3em;
                -webkit-border-radius: .3em;
                border-radius: .3em;
            }

.numberlist a:hover{
                background: #cbe7f8;
                text-decoration:underline;
            }

.numberlist a:before{
                content: counter(li);
                counter-increment: li;
                position: absolute;
                left: -1.3em;
                top: 50%;
                margin-top: -1.3em;
                background: #87ceeb;
                height: 2em;
                width: 2em;
                line-height: 2em;
                border: .3em solid #fff;
                text-align: center;
                font-weight: bold;
                -moz-border-radius: 2em;
                -webkit-border-radius: 2em;
                border-radius: 2em
                color:#FFF;
            }
/* End css list with numeber circle background -------------- */



/*Bol.com widget netter maken*/
.product_details_mini{
line-height: 1.0;
}

.bol_pml_box_inner{
margin-top: -40px; 
}

/*Bottun CSS*/
.button {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    background-color: #111111; /* dark gray */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.button:hover {
    background-color: #FFCA27; /* Yellow */
    color: #111111;
  	font-weight: normal;
}


/* Tekst over afbeelding plaatsen 
.container123 {
  position: relative;
  text-align: center;
  color: white;
}*/

/* Bottom left text 
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}*/

/* Top left text 
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}*/

/* Top right text 
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}*/

/* Bottom right text 
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}*/

/* Centered text
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/

/*Opmaak homepage afbeeldingen*/
#Image1 {
 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*color: #262626;*/
  color: #616161;
  font-size: 200%;
  text-shadow: 2px 2px 2px 2px #ffffff;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
}

@media screen and (max-width: 1078px) {
  #Image1 {
   font-size: 150%;
  }

@media screen and (max-width: 504px) {
  #Image1 {
   font-size: 100%;
  }
 
 @media screen and (max-width: 360px) {
  #Image1 {
   font-size: 80%;
  }