@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:100%;
  color:#000;
  background:#FFF;
  margin:0;
  padding:0;
  cursor: url(https://www.raspberry-maxx.nl/images/cursor_pointer.png),url(https://www.raspberry-maxx.nlimages/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;
}
h4.producten_white_link a {
  color: white;
}
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;
}
.column{
    position:relative;
        float:left;
        left:0;
        margin:0px 30px 30px 0px;
        width:450px;
        text-align:left;
}
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*/
.blockquote{
    width:250px;
    height:140px;
    padding:80px 25px;
    line-height:1.2;
    font-size:22px;    
}
.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;
  }
}
.unit_content{
    position:relative;
    float:left;
    left:0;
    top:0;
    width:300px;
    height:150px;
    overflow:hidden;
}

#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;
}
}
/*webshop*/
#container_items{
    position:relative;
    top:0;
    margin:20px auto;
    left:0;
    width:800px;
    height:auto;
    min-height:200px;
}      
.unit_container_item{
    position:relative;
    float:left;
    left:0;
    width:235px;
    margin:30px  43px;
    height:320px;  
}
.unit_container_item_img{
    position:absolute;
    left:5px;
    top:5px;  
    width:225px;
    height:195px;  
    overflow:hidden;
}
.unit_container_item_content{
    position:absolute;
    left:0px;
    bottom:0px;  
    width:215px;
    padding:10px;
    height:95px;  
}
.cart{
    position:absolute;
    left:10px;
    top:50px;  
    width:120px;
    height:42px;
    color:#000;
}
.container_mutatie{
    position:relative;
    float:left;
    left:0;
    top:15px;
    margin:5px;
    width:16px;
    height:32px;
    font-size:18px;
}
.container_mutatie_unit{
    position:relative;
    float:left;
    left:0;  
    width:14px;
    height:14px;
    border:1px solid #666;
    cursor:pointer;
}
.incr{
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-39px -89px;
    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:-39px -89px;
      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:-65px -89px;
}
@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:-65px -89px;
      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_item_overflow{
    position:absolute;
    left:-16px;
    top:160px;  
    width:246px;
    height:75px;
    overflow:hidden;
}
.unit_item_container{
    position:absolute;
    left:0;
    top:0;  
    width:100%;
    height:auto;  
}
.unit_item_driehoek{
    position:absolute;
    left:0;
    top:0;  
    width:16px;
    height:18px;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-94px -91px;
}
@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) {
  .unit_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:-94px -91px;
      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_item_titel{
    position:absolute;
    left:0px;
    top:16px;  
    width:150px;
    padding:10px;
    height:20px;  
    font-size:14px;
}
.unit_item_txt{
    position:absolute;
    left:21px;
    top:85px;  
    width:219px;
    padding:10px;
    height:auto;
    font-size:13px;  
}
.prijs{
    position:absolute;
    right:7px;
    bottom:-25px;  
    width:73px;
    height:71px;
    padding:17px 10px 3px 10px;
    background:url(https://www.raspberry-maxx.nl/images/sprite.png) no-repeat;
    background-position:-69px -185px;
    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) {
  .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:-69px -185px;
      background-size:750px 750px;
      -moz-background-size:750px 750px;
      -ie-background-size:750px 750px;
      -o-background-size:750px 750px;
      -webkit-background-size:750px 750px;
  }
}

.no_image{
    background:url(https://www.raspberry-maxx.nl/images/bg_item.jpg) 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) {
  .no_image{
      background:url(https://www.raspberry-maxx.nl/images/bg_item_hr.jpg)  no-repeat;
      background-image:url(https://www.raspberry-maxx.nl/images/bg_item_hr.jpg)  no-repeat;
      background-size:235px 300px;
      -moz-background-size:235px 300px;
      -ie-background-size:235px 300px;
      -o-background-size:235px 300px;
      -webkit-background-size:235px 300px;
  }  
}
/*einde webshop*/

.unit_photo_thumbs{
    position:relative;
    float:left;
    margin:20px;
    width:150px;
    height:150px;
    cursor:pointer;
}
.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;
}

/*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_green{background:#390;}
.bg_red{background:#F00;}
.bg_bordeaux{background:#800000;}
.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}
#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,.campagne_unit{
 -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: 638px) and (max-height: 740px) {

  .menu_unit  .header{    
      font-size:18px;
  }  
}

/* #Laptop
================================================== */ 
  @media only screen and (min-width: 1350px) and (max-width: 1500px) {

}
 

/* #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%;
  }
  .unit_container{
    margin:30px 38px;  
  }
    .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;
    }
  .unit_container,.unit{
      width:120px;
        height:140px;
        margin:10px;
      }
    .unit_content{
    width:120px;
    height:70px;font-size:10px;
      } 
    .column{
    position:relative;
        float:left;
        left:0;
        margin:0px 0px 20px 0px;
        width:100%;
  }         
    .datum,.interactive{
    position:absolute;
    top:50%;
         left:0;  
    width:45%;
    height:50%;
         margin-right:5%;
    }
    .interactive{
        left:50%;   
           margin:0;
           width:50%;
           padding:0;
        }
   .interactive .unit{
        width:60px;  
    }  
    .blockquote{width:100px;padding:10px;font-size:10px}
    
    .unit_container_item{
    position:relative;
    float:left;
    left:0;
    width:235px;
    margin:30px  32px;
    height:320px;  
    }
    
    .unit_container_item_img{
        position:absolute;
        left:5px;
        top:5px;  
        width:225px;
        height:195px;  
        overflow:hidden;
     }       
    #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;
  }    

}

/* #Mobile (Landscape)
================================================== */
    /* Note: Design for a width of 480px */

    @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-left:3%;
    padding-right:3%;
  }
  .unit_container,.unit{
      width:120px;
        height:140px;
        margin:13px;
      }
    .unit_content{
    width:120px;
    height:70px;font-size:10px;
      }
    .column{
    position:relative;
        float:left;
        left:0;
        margin:0px 0px 20px 0px;
        width:100%;
  }          
    .datum,.interactive{
    position:absolute;
    top:50%;
         left:0;  
    width:45%;
    height:50%;
         margin-right:5%;
    }
    .interactive{
        left:50%;   
           margin:0;
           width:50%;
           padding:0;
        }
   .interactive .unit{
        width:60px;  
    }  
    .blockquote{width:100px;padding:10px;font-size:10px}
    
    .unit_container_item{
    position:relative;
    float:left;
    left:0;
    width:195px;
    margin:30px  12px;
    height:320px;  
    }
    
    .unit_container_item_img{
        position:absolute;
        left:5px;
        top:5px;  
        width:185px;
        height:195px;  
        overflow:hidden;
     }

  .menu_unit{
    position:relative;
    width:92%;
  }  

  .menu_unit,.menu_unit a,.menu_bottom_unit{
        font-size:14px;
        line-height:1.7;
  }  

              
  }