DIV.speech {
  position: absolute;
  top: 320px;
  left: 200px;
  z-index: 101;
}
DIV.speech P {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  color: white;
}
@media only screen and (max-width: 900px) {
  DIV.speech {
    top: 280px;
    left: 230px;
  }
}
@media only screen and (max-width: 767px) {
  DIV.speech {
    top: 180px;
    left: 140px;
  }
}
@media only screen and (max-width: 592px) {
  DIV.speech {
    top: 200px;
    left: 44px;
  }
}
.speech-bubble {
  position: relative;
  background: #ed2149;
  border-radius: .4em;
}

.speech-bubble:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top-color: #ed2149;
  border-bottom: 0;
  border-left: 0;
  margin-left: -10px;
  margin-bottom: -20px;
}
.speech-bubble DIV {
  width: 220px;
  height: 100px;
}
.speech-bubble DIV P {
  padding: 8px;
}


@font-face {
  font-family: 'AT';
  src: url('https://www.raspberry-maxx.nl/fonts/AmericanTypewriterStd-Med.eot');
  src: url('https://www.raspberry-maxx.nl/fonts/AmericanTypewriterStd-Med.eot?#iefix') format('embedded-opentype'),
    url('https://www.raspberry-maxx.nl/fonts/AmericanTypewriterStd-Med.woff') format('woff'),
    url('https://www.raspberry-maxx.nl/fonts/AmericanTypewriterStd-Med.ttf') format('truetype'),
    url('https://www.raspberry-maxx.nl/fonts/AmericanTypewriterStd-Med.svg#AmericanTypewriterStd-Med') format('svg');
  font-weight: normal;
  font-style: normal;
}     

html,body {
  height:10%;
  color:#000;
  background:#FFF;
  margin:0;
  padding:0;
  cursor: url(https://www.raspberry-maxx.nl/images/cursor_pointer.png),url(https://www.raspberry-maxx.nl/images/cursor_pointer.png),default;    
}

body{
  font-family: 'Raleway', sans-serif;
  font-size:14px;
  letter-spacing:0.02em;
  word-spacing:0;
  line-height:1.5;
  font-weight:500;          
}

h1,h2,h3,h4,h5{    
  font-family: 'AT';
  font-size:45px;
  font-weight:300;
  letter-spacing:0.0em;
  line-height:1;
}

h1{      
  font-size:65px;
  padding:10px 30px 50px 0px;
  margin:0;
}
h3,h4,h5{    
  font-size:27px;
  font-weight:300;
  letter-spacing:0.001em;
  padding:10px 0px 0px 0px;
  margin:0;
}
h4{    
  font-size:24px;
  padding:10px;
  line-height:1.2;
}
h5{    
  font-size:19px;
}

#start{
  position:relative;
  float:left;
  width:100%;
  height:153px;
        
  top:0;
  left:0; 
}

#back1,#back2{
  position:fixed;-webkit-backface-visibility: hidden;
  width:100%;
  height:100%;
  margin:0;
  left:0;
  top:0;
  background:no-repeat center center; 
} 
.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  padding-top: 30px; /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: -4%;
  left: -4%;
  width: 112%;
  height: 112%;
}

.cover_frame{
  position:relative;
  float:left;
  width:100%;
  height:100%;
}

#logo{
  position:absolute;  
  background:url(https://www.raspberry-maxx.nl/images/logo.jpg) no-repeat;
  width:150px; 
  height:150px; 
  left:10%;
  top:0;
  cursor:pointer;  
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #logo{
    background:url(https://www.raspberry-maxx.nl/images/logo_hr.jpg)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/logo_hr.jpg)  no-repeat;
    background-size:150px 150px;
    -moz-background-size:150px 150px;
    -ie-background-size:150px 150px;
    -o-background-size:150px 150px;
    -webkit-background-size:150px 150px;
  }
}



/*document opmaak*/

.container{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}

.container_center{
  position:relative;
  width:964px;
  height:auto;
  padding:2% 20px;
  margin:20px auto;
  letter-spacing:0em;
}

input[type="text"],textarea, input[type="password"], select{
  background:none;
  font-family: 'Raleway', sans-serif;
  font-size:14px;
  line-height: 20pt;
  text-indent:10px;
  color:#FFF;
  border:none;
  border-bottom:dotted 1px #FFF;
  margin-bottom:10px;
  letter-spacing:0.01em;
  height:30px;
}
input[type="text"],input[type="password"],select{
  height:30px;
}
input[type="radio"], input[type="radio"]:checked{
  font-size:14px;
}
input:focus{
    outline: none;
}

select{
  min-width:55px;
}

/*einde document opmaak*/
/*webwinkel*/
#canvas_item{
  position:relative;
  left:0;
  top:0px;
  width:800px;
  height:500px;
  margin:0 auto;  
}
#canvas_item_img{
  position:absolute;
  left:0;
  top:0px;
  width:400px;
  height:500px;
  overflow:hidden;
  cursor:pointer;  
}
.no_image{
  background:url(https://www.raspberry-maxx.nl/images/bg_item_hr.jpg) no-repeat;
}

#canvas_item_txt DIV.beschrijving {
  overflow-y: auto;
  max-height:180px;
}
#canvas_item_txt{
  position:absolute;
  left:400px;
  top:0px;
  width:350px;
  height:450px;
  padding:25px;  
}

#canvas_item_overflow{
  position:absolute;
  left:-32px;
  top:300px;
  width:400px;
  height:auto;
  min-height:150px;  
}
#canvas_item_driehoek{
  position:absolute;
  left:0;
  top:0;  
  width:32px;
  height:30px;
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-126px -82px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #canvas_item_driehoek{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-126px -82px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
#canvas_item_titel{
  position:absolute;
  left:3px;
  top:24px;
  width:400px;
  height:auto;
  min-height:45px;    
  padding:20px 40px 20px 50px;        
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;  
}

.cart{
  position:absolute;
  left:10px;
  top:50px;  
  width:120px;
  height:42px;
  color:#000;
}
#container_mutatie{
  position:absolute;
  bottom:4px;
  right:275px;
  margin:5px;
  width:32px;
  height:64px;
  font-size:18px;
}
.container_mutatie_unit{
  position:relative;
  float:left;
  left:0;  
  width:30px;
  height:30px;
  border:1px solid #666;
  cursor:pointer;
}
.incr{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-17px -129px;
  border-bottom:none;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .incr{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-17px -129px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
.decr{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-72px -128px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .decr{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-72px -128px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
#price_cart {
  position:absolute;
  bottom:38px;
  right:165px;
  width:100px;
  height:32px;
  color:#000;
  font-size:22px;
}

#amount_cart{
  position:absolute;
  bottom:6px;
  right:165px;
  width:100px;
  height:32px;
  color:#000;
  font-size:22px;
}

.prijs {
  position: absolute;
  right: 2px;
  bottom: -60px;  
  width: 130px;
  height: 109px;
  padding: 47px 3px 0px 0px;
  background: url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position: -165px -170px;
  cursor: pointer;
  letter-spacing:0.001em;
  z-index: 100;
}
.prijs SPAN {
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .prijs{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-165px -170px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
#container_categorie{
  position:relative;
  left:0;
  top:0;
  width:750px;
  height:auto;
  margin:20px auto;
}
#container_stats{
  position:relative;
  float:right;
  text-align:right;
  top:0px;
  right:20px;
  width:65px;
  height:80px;
  color:#000;
}  
#hart_large,#visit_large,#gesprek_large{
  position:relative;
  float:left;
  height:25px;
  width:25px;
}
#hart_large{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-30px -450px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #hart_large{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-30px -450px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
#visit_large{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-30px -421px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #visit_large{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-30px -421px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
#gesprek_large{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-30px -395px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #gesprek_large{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-30px -395px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
.canvas_item_img_small{
  position:relative;
  float:left;
  left:0;
  top:0;
  width:200px;
  height:200px;
  margin:15px;
  overflow:hidden;
  cursor:pointer;  
}

#btn_like{
  width:220px;
  height:30px;
  padding-top:10px;
  cursor:pointer;
  font-size:15px;
}
.hart_like{
  position:relative;
  width:25px;
  height:22px;
  margin:0px 15px 5px 15px;
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-28px -450px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .hart_like{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-30px -450px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
.reactie{
  padding:20px 0%;
  width:100%;
  margin:5px 0px;
}
.blockquote_left,.blockquote_black_left,.blockquote_left_small,.blockquote_black_left_small{
  position:relative;
  float:left;
  left:-5px;
  top:-20px;
}

.blockquote_right,.blockquote_black_right,.blockquote_right_small,.blockquote_black_right_small{
  position:relative;
  float:right;
  right:-5px;
  bottom:-10px;  
}
.blockquote_left,.blockquote_right,.blockquote_black_left,.blockquote_black_right{
  width:38px;
  height:35px;  
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-40px 0px;  
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .blockquote_left,.blockquote_right{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-40px 0px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
.blockquote_black_left,.blockquote_black_right{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-40px -32px;  
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .blockquote_black_left,.blockquote_black_right{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-40px -32px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}

.blockquote_left_small,.blockquote_right_small,.blockquote_black_left_small,.blockquote_black_right_small{
  width:27px;
  height:22px;  
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-2px -35px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .blockquote_left_small,.blockquote_right_small{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-2px -35px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
.blockquote_black_left_small,.blockquote_black_right_small{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-2px -56px;  
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .blockquote_black_left_small,.blockquote_black_right_small{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-2px -56px;  
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
/*einde webwinkel*/

#social{
  position:relative;
  left:0;
  top:5px;
  margin:0 auto;
  width:150px;
  height:25px;  
}
.social_icon{
  position:relative;  
  float:left;
  left:0;
  height:30px;
  width:30px;
  cursor:pointer;
}

.icon_twitter,.icon_twitter_black,.icon_twitter:hover{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-416px -65px;
  background-repeat:no-repeat;    
}
.icon_twitter_black,.icon_twitter:hover{
  background-position:-416px -35px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .icon_twitter,.icon_twitter_black,.icon_twitter:hover{  
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-416px -65px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .icon_twitter_black,.icon_twitter:hover{  
    background-position:-416px -35px;
  }
}
.icon_facebook,.icon_facebook_black,.icon_facebook:hover{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-379px -65px;
  background-repeat:no-repeat;    
}
.icon_facebook_black,.icon_facebook:hover{
  background-position:-379px -35px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .icon_facebook,.icon_facebook_black,.icon_facebook:hover{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-379px -65px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
  }
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .icon_facebook_black,.icon_facebook:hover{  
    background-position:-379px -35px;
  }
}

.icon_pinterest,.icon_pinterest_black,.icon_pinterest:hover{
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-520px -65px;
  background-repeat:no-repeat;    
}
.icon_pinterest_black,.icon_pinterest:hover{
  background-position:-520px -35px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .icon_pinterest,.icon_pinterest_black,.icon_pinterest:hover{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-520px -65px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .icon_pinterest_black,.icon_pinterest:hover{  
    background-position:-520px -35px;
  }
}


.icon_youtube,.icon_youtube_black,.icon_youtube:hover{
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-556px -65px;
    background-repeat:no-repeat;    
}
.icon_youtube_black,.icon_youtube:hover{
    background-position:-556px -35px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .icon_youtube,.icon_youtube_black,.icon_youtube:hover{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-556px -65px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.icon_youtube_black,.icon_youtube:hover{  
      background-position:-556px -35px;
}
}

.icon_google,.icon_google_black,.icon_google:hover{
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-485px -65px;
    background-repeat:no-repeat;    
}
.icon_google_black,.icon_google:hover{
    background-position:-485px -35px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.icon_google,.icon_google_black,.icon_google:hover{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-485px -65px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;  
      -webkit-background-size:750px 750px;
}
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.icon_google_black,.icon_google:hover{  
    background-position:-485px -35px;
}
}

.icon_linkedin,.icon_linkedin_black,.icon_linkedin:hover{
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-452px -65px;
    background-repeat:no-repeat;    
}
.icon_linkedin_black,.icon_linkedin:hover{
    background-position:-452px -35px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.icon_linkedin,.icon_linkedin_black,.icon_linkedin:hover{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-452px -65px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
}
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.icon_linkedin_black,.icon_linkedin:hover{  
    background-position:-452px -35px;
}
}

.icon_tumblr,.icon_tumblr_black,.icon_tumblr:hover{
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-594px -65px;
    background-repeat:no-repeat;    
}
.icon_tumblr_black,.icon_tumblr:hover{
    background-position:-594px -35px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.icon_tumblr,.icon_tumblr_black,.icon_tumblr:hover{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-594px -65px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
}
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.icon_tumblr_black,.icon_tumblr:hover{  
      background-position:-594px -35px;
}
}


.ballon{
    position:absolute;
        left:10px;
        top:-33px;
        width:100px;
        height:35px;
        background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
        background-position:-652px 0px;
        overflow:hidden;
        display:none;
        color:#FFF;
        text-align:center;
        font-family: 'Raleway', sans-serif;
        font-size:10px;
        padding:2px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.ballon{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-652px 0px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
}
}
.icon_cart{
        height:30px;
        width:30px;  
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-3px -83px;
        overflow:hidden;    
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .icon_cart{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-3px -83px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
.btn_prev,.btn_next{
    cursor:pointer;  
    width:49px;
    height:60px;  
    top:45%;  
}
.btn_prev{
    position:fixed;-webkit-backface-visibility: hidden;
    left:0;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-23px -480px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .btn_prev{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-23px -480px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
.btn_next,.btn_next:hover{
    position:fixed;-webkit-backface-visibility: hidden;
    right:0;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-74px -480px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .btn_next{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-72px -480px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
.btn_next:hover,.btn_prev:hover{
    width:60px;
}
.btn_prev:hover{
    width:60px;
    background-position:-14px -480px;
}

/*top*/
#top{
    position:absolute;
    right:140px;
    width:450px; 
    height:120px; 
    top:7px;  
}
/*winkelwagen*/
#cart{
  position:absolute;
    right:0px;
    top:0px;
  height:25px;
  width:180px;
}
.icon_cart,#in_cart{
  position:relative;
  float:right;
  right:0;
  top:0;
}
#in_cart{
  right:5px;
    padding-top:5px;
}
.icon_cart,#icon_cart_add{
        height:30px;
        width:30px;  
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-3px -83px;
        overflow:hidden;    
}
#icon_cart_add{
    background-position:-256px -83px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .icon_cart,#icon_cart_add{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-3px -83px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #icon_cart_add{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-256px -83px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
#comment_cart{
  position:absolute;
    right:0px;
    top:33px;
  height:25px;
  width:100%;
  display:none;
}
/*einde winkelwagen*/

/*breadcrumbs*/
#breadcrumbs{
        position:absolute;
        right:0px;
        height:auto;
        top:75px;
        width:100%;
}
/*einde breadcrumbs*/
/*intuitief zoeken*/

#container_zoeken{
        position:absolute;
        right:0px;
        height:auto;
        top:35px;
        width:250px;
}
#zoeken{
    position:absolute;
        right:30px;
    height:30px;
        top:0;
    width:0px;  
}
#zoekresultaten{
    position:absolute;
        right:30px;
    height:auto;
        top:30px;
    width:160px;  
}
#zoeken{
    height:25px;
}
#icon_zoeken{
            position:absolute;
            right:0;
            height:30px;
            top:0px;
            width:30px;  
            background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
            background-position:-220px -81px;
            overflow:hidden;
            cursor:pointer;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #icon_zoeken{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-220px -81px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
.unit_zoekresultaat{
    position:relative;
    float:left;
    height:120px;
    left:0;
    width:180px;
        margin-bottom:10px;
        border:5px solid #FFF;
}
.unit_zoekresultaat_titel{
    position:relative;
        float:left;
    left:0px;
    width:160px;
    padding:10px;
        height:auto;
    min-height:20px;
        font-size:12px;        
      overflow:hidden;
        white-space: nowrap;
      text-overflow: ellipsis;
}


/*einde intuitief zoeken*/



/*einde top*/

/*menu*/
#menu_fader{
    position:fixed;
    height:100%;
    width:100%;
        top:0;
    display:none;
}
#menu_container{
    position:fixed;-webkit-backface-visibility: hidden;
    width:100%;
    height:auto;
    left:0;
    top:0;
    padding:0;
    margin:0;  
}
#menu{
    position:relative;
    left:0;
    top:0;
    margin:0;
    width:100%;  
    height:100%;
}
.menu_unit{
    position:relative;
    float:left;
    left:0;
    top:10px;
    height:auto;
    padding:10px 1% 0px 1%;  
    width:17%;
    margin:5px 3% 20px 3%;
    left:0;
    font-size:12px;
    letter-spacing:0.08em;
}
.container .menu_unit{
  width:25%;
}  
.menu_unit a,.menu_unit a:hover{
    color:#FFF;  
    letter-spacing:0.06em;
    margin:2px 0px;
}
.menu_unit a:hover{
    color:#861241;
}
.menu_unit .header{
    font-size:22px;
    margin-bottom:5px;    
}
#btn_menu_more{
    position:relative;
        float:left;
        left:4%;
        top:0;
        width:65px;
        height:22px;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-225px -372px;
        cursor:pointer;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .phone,.phone_black{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:0px -125px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
}
}

.phone, .mobile, .email,.phone_black, .mobile_black, .email_black{
    position:relative;
    float:left;
    width:15px; 
    height:15px;
}
.phone,.phone_black{
    position:relative;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-7px -582px;
}
.phone_black{
    position:relative;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-26px -582px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .phone,.phone_black{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-7px -582px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
}
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .phone_black{
    background-position:-26px -582px;
}
}
.mobile,.mobile_black{
    position:relative;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-7px -628px;
}
.mobile_black{
    position:relative;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-26px -628px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .mobile,.mobile_black{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-7px -628px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
}
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .mobile_black{
    background-position:-26px -628px;
}
}

.email,.email_black{
    position:relative;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-7px -612px;
}
.email_black{
    position:relative;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-26px -612px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .email,.email_black{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-7px -612px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
}
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .email_black{
    background-position:-26px -612px;
}
}
#btn_menu_container{
    position:absolute;
    width:100%;
    height:0px;
    left:0;
    bottom:0px;
    padding:0;
    margin:0;  
    cursor:pointer;
    
}
#btn_menu_down,#btn_menu_up{
    position:relative;
    left:0;
    top:0;
    margin:0 auto;
    width:66px;  
    height:60px;
    cursor:pointer;  
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-78px -372px;
}
#btn_menu_up{
    position:relative;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-145px -372px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #btn_menu_down{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-78px -372px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
}
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #btn_menu_up{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-145px -372px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
}
}
#logo_menu_lemonstart{
    position:absolute;
    right:0px;
    bottom:-65px;
    height:70px;
    width:200px;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-580px -680px;  
    display:none;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
#logo_menu_lemonstart{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:-580px -680px;  
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
}
}
/*einde menu*/

/*language*/

#language{
  position:fixed;-webkit-backface-visibility: hidden;
  right:0px;
  height:auto;
  top:5px;
  width:120px;  
}
#language_options{
  position:absolute;
  left:0;
  height:23px;
  top:0px;
  width:58px;
  overflow:hidden;
}
#language_options a{margin:0;padding:0;}
.language_unit{
  position:relative;
  float:left;
  height:23px;
  top:0px;
  left:0px;
  width:60px;  
}
#it{

  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:0px -183px;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #it{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:0px -183px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
#nl{

  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:0px -206px;

}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #nl{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:0px -206px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
#de{

  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:0px -229px;

}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #de{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:0px -229px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
#en{

  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:0px -253px;

}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #en{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:0px -253px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}
#fr{

  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:0px -277px;

}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #fr{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:0px -277px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}  
#sp{

  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:0px -301px;

}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #sp{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:0px -301px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}  
#da{

  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:0px -325px;

}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #da{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:0px -325px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}  
#pl{

  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:0px -349px;

}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  #pl{
      background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
      background-position:0px -349px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }      
}

#language_arrow{
  position:absolute;
  left:49px;
  height:17px;
  top:2px;
  width:26px;
  background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
  background-position:-29px -369px;
  cursor:pointer;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
#language_arrow{
    background:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/sprite_hr.png)  no-repeat;
    background-position:-29px -369px;
    background-size:750px 750px;
    -moz-background-size:750px 750px;
    -ie-background-size:750px 750px;
    -o-background-size:750px 750px;
    -webkit-background-size:750px 750px;
}
}
/*einde language*/

.button,.button:hover,.button_inline,.button_inline:hover{
    position:relative;
    float:left;
    left:0;
    font-family: 'AT';
        
    margin:15px 5px;
          
    width:auto;
    height:auto;
        min-height:27px;
    padding:10px 8px 3px 8px;
    cursor:pointer;
    font-size:15px;
    background:#D8005B;
    color:#FFF;      
}
.button_inline,.button_inline:hover{
    position:relative;
    float:left;
    width:100%;
        
    height:25px;
}
.button:hover,.button_inline:hover{
    background:#861241;  
}

.button .social_icon{
    position:relative;
    padding:0;
    left:0px;
    top:-5px;
}
a, a:hover{
    color:#861241;
    text-decoration:none;
    border:none;
}

.acenter{text-align:center}
.aleft{text-align:left}
.aright{text-align:right}
.bg_white{background:#FFF;}
.bg_black{background:#000;}
.bg_roze{background:#D8005B;}
.bg_none{background:none;}
.bg_paars{background:#861241;}
.bg_opacity50{background:url(https://www.raspberry-maxx.nl/images/opacityb50.png) repeat;}
.bg_linnen{background:url(https://www.raspberry-maxx.nl/images/pattern_linnen.jpg) repeat;}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .bg_linnen{
      background:url(https://www.raspberry-maxx.nl/images/pattern_linnen_hr.jpg)  repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/pattern_linnen_hr.jpg)  repeat;
      background-size:200px 200px;
      -moz-background-size:200px 200px;
      -ie-background-size:200px 200px;
      -o-background-size:200px 200px;
      -webkit-background-size:200px 200px;
  }
}

.bg_pattern{background:url(https://www.raspberry-maxx.nl/images/pattern_black.png) repeat;}
.centreren{position:relative;margin-left:auto;margin-right:auto;}
.fright{float:right;}
.fleft{float:left;}
.black{color:#000}
.white{color:#FFF}
.roze{color:#D8005B;}
.paars{color:#861241;}
.bg_white{background:#FFF;}
.bg_black{background:#000;}
.bg_roze{background:#D8005B;}
.bg_none{background:none;}
.bg_paars{background:#861241;}
.padding_10px{padding:10px;}
.padding_3px{padding:3px;}
.vpad{padding:15px 0px;}
.padding_3pc{padding:3%;}
.vmar{margin-top:15px;margin-bottom:15px;}
.margin_10px{margin:10px;}
.bold{font-weight:bold}
.border_white{border:3px solid #FFF;}
.border_paars{border:5px solid #861241;}
.border_top_paars{border-top:5px solid #861241;}
.border_roze{border:5px solid #D8005B;} 
.border_top_roze{border-top:5px solid #D8005B;}
.border_bottom_paars{border-bottom:5px solid #861241;}
.border_groove_right{border-right:2px groove #FFF}
.border_bottom_groove_roze{border-bottom:2px groove #ff1a5d;}
.border_bottom_black{border-bottom:1px solid #000;}
.border_bottom_white{border-bottom:1px solid #FFF;}
.rw{font-family: 'Raleway', sans-serif;letter-spacing:0.03em;}
.at{font-family: 'AT';letter-spacing:0.01em;}
.text_shadow{text-shadow:2px 2px 5px #000;}
.h100px{height:auto;min-height:100px;padding: 30px 0px}
.h250px{height:auto;min-height:250px;padding: 30px 0px}
.h350px{height:auto;min-height:350px;padding: 30px 0px}
.h100pc{height:auto;min-height:100%;}
.w60pc{width:60%;padding-left: 20%;padding-right: 20%;}
.w80pc{width:80%;padding-left: 10%;padding-right: 10%;}
.w90pc{width:90%;padding-left: 5%;padding-right: 5%;}
.wauto{width:auto;}
.w50pc{width:50%;}
.w100pc{width:100%;}
.w25px{width:25px;}
.w100px{width:100px;}
.w150px{width:150px;}
.w180px{width:180px;}
.w200px{width:200px;}
.w300px{width:300px;}
.mini{font-size:11px}
.size35{font-size:35px}
.size18{font-size:18px}
#header_photo{position:absolute;right:1%;bottom:1%;width:auto;height:auto;}
.inline_block{position:relative;left:0;float:left;height:auto;width:100%;display:block;}

.radius_fine{    
    border-radius:3px;
    -0-border-radius:3px;
    -icab-border-radius:3px;
    -khtml-border-radius:3px;
    moz-border-radius:3px;
    webkit-border-radius:3px;          
}

.shadow{
    -webkit-box-shadow:1px 1px 3px #161616;
    -moz-box-shadow:1px 1px 3px #161616;
    box-shadow:1px 1px 3px #161616;
}
.shadow_up{
    -webkit-box-shadow:8px -5px 15px #333;
    -moz-box-shadow:8px -5px 15px #333;
    box-shadow:8px -5px 15px #333;
}
#cookie{
    position:fixed;-webkit-backface-visibility: hidden;
    bottom:0;
    left:0;
    background:#000;
    margin:0;
    width:100%;
    height:30px;
    padding:10px;
    font-size:16px;
    color:#FFF;
    cursor:pointer;
    z-index:auto;
}

#loader{
    position:fixed;-webkit-backface-visibility: hidden;
    width:100%;
    height:100%;
    margin:0;
    background:#FFF;
    color:#000;
    top:0;
    left:0;display:none;
}
#loader_img{
    position:relative;
    margin:0 auto;
    left:0;
    top:160px;
    width:200px;
    height:200px;
    background:url(https://www.raspberry-maxx.nl/images/animation.gif) no-repeat;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
#loader_img{
    background:url(https://www.raspberry-maxx.nl/images/animation_hr.gif) no-repeat;
    background-image:url(https://www.raspberry-maxx.nl/images/animation_hr.gif) no-repeat;
    background-position:0px 0px;
    background-size:200px 200px;
    -moz-background-size:200px 200px;
    -ie-background-size:200px 200px;
    -o-background-size:200px 200px;
    -webkit-background-size:200px 200px;
}
}
.loader{
    position:relative;
    margin:0 auto;
    left:0;
    top:30%;
    width:64px;
    height:64px;
    background:url(https://www.raspberry-maxx.nl/images/preloader.gif) no-repeat;
}
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .loader{
    background:url(https://www.raspberry-maxx.nl/images/preloader_hr.gif) no-repeat;
    background-image:url('https://www.raspberry-maxx.nl/images/preloader_hr.gif') no-repeat;
    background-size:64px 64px;
    -moz-background-size:64px 64px;
    -ie-background-size:64px 64px;
    -o-background-size:64px 64px;
    -webkit-background-size:64px 64px;
  }
}
  
.button,.button_inline, .unit_button{
 -webkit-transition-property:color, background;  
 -webkit-transition-duration: 0.4s, 0.4s;  
 -webkit-transition-timing-function: linear, ease-in;  
 -moz-transition-property:color, background;  
 -moz-transition-duration: 0.4s, 0.4s;  
 -moz-transition-timing-function: linear, ease-in; 
 -o-transition-property:color, background;  
 -o-transition-duration: 0.4s, 0.4s;  
 -o-transition-timing-function: linear, ease-in; 
 -transition-property:color, background;  
 -transition-duration: 0.4s, 0.4s;  
 -transition-timing-function: linear, ease-in;    
}
.social_icon{
 -webkit-transition-property:color, background;  
 -webkit-transition-duration: 0.1s, 0.1s;  
 -webkit-transition-timing-function: linear, ease-in;  
 -moz-transition-property:color, background;  
 -moz-transition-duration: 0.1s, 0.1s;  
 -moz-transition-timing-function: linear, ease-in; 
 -o-transition-property:color, background;  
 -o-transition-duration: 0.1s, 0.1s;  
 -o-transition-timing-function: linear, ease-in; 
 -transition-property:color, background;  
 -transition-duration: 0.1s, 0.1s;  
 -transition-timing-function: linear, ease-in;    
}
::-webkit-scrollbar {
        width: 5px;      
}
/* Track */
::-webkit-scrollbar-track {
        background:#FFF;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(216,7,92,0.9); 
    -webkit-box-shadow: inset 3px 3px 6px rgba(90,90,90,1.0); 
}

  
/* #Mackbook pro
================================================== */ 
@media only screen and (min-height: 738px) and (max-height: 740px) {
  #menu .header{    
      font-size:18px;
  }  
}

/* #Laptop
================================================== */ 
  @media only screen and (min-width: 1350px) and (max-width: 1500px) {
  #menu .header{    
      font-size:18px;
  }  
}
 

/* #Tablet (Portrait)
================================================== */    
/* Note: Design for a width of 768px */  
  
    @media only screen and (min-width: 768px) and (max-width: 959px) {

  h1,h2,h3,h4,h5{    
    font-size:35px;
      
  }
  h1{      
      font-size:50px;
  }
  h3,h4,h5{    
      font-size:25px;
      font-weight:300;
      letter-spacing:0.001em;
      padding:10px 0px 0px 0px;
      margin:0;
  }
  h4{    
      font-size:22px;
      padding:10px;
      line-height:1.2;
  }
  h5{    
      font-size:17px;
  }  
  .container_center{
    position:relative;
    width:94%;
    padding-left:3%;
    padding-right:3%;
  }
    .column{
    position:relative;
        float:left;
        left:0;
        margin:0px 0px 20px 0px;
        width:100%;
  }

  #canvas_item{
    width:700px;
    }
    #canvas_item_img{
            position:absolute;
            left:0;
            top:0px;
            width:350px;
    }

    
    #canvas_item_txt{
            left:350px;
            top:0px;
            width:300px;
            padding:25px;  
    }
    
    #canvas_item_overflow{
            position:absolute;
            left:-32px;
            top:300px;
            width:400px;
            height:auto;
            min-height:150px;  
    }
    .unit_photo_thumbs{
    margin:18px;
    }    
  .menu_unit{
    position:relative;
    width:42%;
  }  
  }
  
  
/* #Tablet (landscape)
================================================== */  

@media only screen and (min-width: 959px) and (max-width: 1350px) {
  #menu .header{    
      font-size:18px;
  }
    
  h5{    
      font-size:16px;
  }  
}
/*  #Mobile (Portrait)
================================================== */

   

    @media only screen and (max-width: 480px) {
  
    body{
    font-size:13px;
  }
    h1,h2,h3,h4,h5{    
    font-size:22px;
      
  }
  h1{      
      font-size:25px;
  }
  h3,h4,h5{    
      font-size:20px;
      font-weight:300;
      letter-spacing:0.001em;
      padding:10px 0px 0px 0px;
      margin:0;
  }
  h4{    
      font-size:18px;
      padding:10px;
      line-height:1.2;
  }
  h5{    
      font-size:14px;
  }  
  .container_center{
    position:relative;
    width:94%;
    padding-left:3%;
    padding-right:3%;
    margin:0% auto;
    }

    .blockquote{width:100px;padding:10px;font-size:10px}       
     #canvas_item{
            position:relative;
            margin:0 auto;
            left:0;
            width:100%;
            height:400px;
            font-size:9px
    }
    #container_stats{
    top:0px;
    right:0px;
    width:49px;
  }
    #canvas_item_img{
            position:absolute;
            left:0;
            top:0px;
            width:50%;
            height:400px;
            overflow:hidden;
            cursor:pointer;  
    }
    
    #canvas_item_txt DIV.beschrijving {
  max-height:140px;
    }
    #canvas_item_txt,#canvas_item_overflow{
            width:44%;
            height:350px;
            padding:3%;
            padding-top:15px;
    }
  #canvas_item_txt{
            left:50%;
            width:40%;
    }    
    #canvas_item_titel,#canvas_item_driehoek{
      display:none;
    }
    #container_mutatie,#amount_cart,#price_cart{
    position:relative;
        float:left;
        left:0;
        top:0;
     } 
    #container_mutatie,#amount_cart,#price_cart{
    font-size:16px;
  }
  .prijs {
    bottom: -118px;  
    padding-top: 43px;
  }
  .prijs SPAN {
  }
  #container_categorie{
    width:100%;
  }
  #reactie_veld {
    width:100%;
    overflow:hidden;
  }
    
  .canvas_item_img_small{
     width:40px;
     height:40px;
     top:30px;
     margin:2px;
     margin-bottom:20px;
  }               
  #menu_bottom{
     height:50px;
  }     
  .menu_bottom_unit{
    top:5px;
  }  
  .menu_unit,.menu_unit a{
    position:relative;
    width:92%;
    font-size:14px;
    line-height:1.7;
  }  
  .menu_unit a h4{
    font-size:15px;
    font-weight:bold;
  }    

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  body{
    font-size:9px;
  }
  h1,h2,h3,h4,h5{    
    font-size:25px;
  }
  h1{      
    font-size:30px;
  }
  h3,h4,h5{    
    font-size:20px;
    font-weight:300;
    letter-spacing:0.001em;
    padding:10px 0px 0px 0px;
    margin:0;
  }
  h4{    
    font-size:18px;
    padding:10px;
    line-height:1.2;
  }
  h5{    
    font-size:14px;
  }  
  .container_center{
    position:relative;
    width:94%;
    padding:0% 3%;
  }   
  .blockquote {
    width:100px;
    padding:10px;
    font-size:10px;
  }
 
  #canvas_item{
    position:relative;
    margin:0 auto;
    left:0;
    width:90%;
    height:350px;
  }
  #container_stats{
    top:0px;
    right:0px;
    width:49px;
  }
  #canvas_item_img{
    position:absolute;
    left:0;
    top:0px;
    width:50%;
    height:350px;
    overflow:hidden;
    cursor:pointer;  
  }
  #canvas_item_txt,#canvas_item_overflow{
    width:50%;
    height:300px;
  }
  #canvas_item_txt{
    left:50%;
    width:40%;
  }    
  #canvas_item_titel,#canvas_item_driehoek{
    display:none;
  }
  #container_mutatie,#amount_cart,#price_cart{
    position:relative;
    float:left;
    left:0;
    top:0;
  } 
  #container_mutatie,#amount_cart,#price_cart{
    font-size:16px;
  }
  .prijs {
    bottom: -80px;  
    padding-top: 43px;
  }
  .prijs SPAN {
  }
  #container_categorie{
    width:100%;
  }
  #reactie_veld {
    width:100%;
    overflow:hidden;
  }
  .canvas_item_img_small{
    width:100px;
    height:100px;
  }
  #btn_like {
    margin: 10px;
  }
  .menu_unit{
    position:relative;
    width:92%;
  }  
  .menu_unit,.menu_unit a,.menu_bottom_unit{
    font-size:13px;
  }  
  .menu_unit a h4{
    font-size:15px;
    font-weight:bold;
  }    
}


/* superkleine toestellen   */
@media only screen and (max-width: 480px) {
  #btn_like {
    margin: 10px;
  }
}