.bkpagenav_slideout_bottom .bkpagenav_slideout_handle {
   height: 20px;
   width:200px;
   padding:4px;
   font: bold 21px verdana, arial, helvetica;
   color:#000000;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius:10px 10px 0px 0px;
   background: rgba(255,255,255,0.4);
   cursor:pointer;

  }  
  
#bkbrickspanel {
 z-index:1;
} 

#bkbrickspanel.bkpagenav_centered_slideout.empty {
 display:none;

}

#bkbrickspanel.bkpagenav_centered_slideout.nonempty {
 display:block;

}
  
#bkbrickspanel .bkpagenav_slideout_bottom .bkpagenav_slideout_content {
   min-height:300px;
   width:500px;
   border-radius:10px 10px 0px 0px;
   background: rgba(0,0,0,0.8);
   border: 1px solid rgba(0, 0, 0, 0.2);
   padding-top: 10px;
  }
  
 #bkbrickspanel .bkpagenav_slideout_bottom .bkpagenav_slideout_container:hover .bkpagenav_slideout_handle,
 #bkbrickspanel  .bkpagenav_slideout_bottom .bkpagenav_slideout_container:active .bkpagenav_slideout_handle,
 #bkbrickspanel  .bkpagenav_slideout_bottom .bkpagenav_slideout_container:focus .bkpagenav_slideout_handle,
 #bkbrickspanel   .bkpagenav_slideout_bottom .bkpagenav_slideout_container.expanded .bkpagenav_slideout_handle   {
   background: rgba(0,0,0,0.8);
   color:#ffffff;

   }

/* GESPEICHERTE EINSTELLUNGEN LOESCHEN */   
#bkbrickspanel .bkwidget_reset-storage-area {
 display:none;
 margin:10px 5px 10px 0;
 padding: 3px;
 xbackground: #c3c3c3;
 xbackground: rgb(254,252,234); /* Old browsers */
 xbackground: -moz-linear-gradient(-45deg,  rgba(254,252,234,1) 0%, rgba(239,228,153,1) 100%); /* FF3.6+ */
 xbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(239,228,153,1))); /* Chrome,Safari4+ */
 xbackground: -webkit-linear-gradient(-45deg,  rgba(254,252,234,1) 0%,rgba(239,228,153,1) 100%); /* Chrome10+,Safari5.1+ */
 xbackground: -o-linear-gradient(-45deg,  rgba(254,252,234,1) 0%,rgba(239,228,153,1) 100%); /* Opera 11.10+ */
 xbackground: -ms-linear-gradient(-45deg,  rgba(254,252,234,1) 0%,rgba(239,228,153,1) 100%); /* IE10+ */
 xbackground: linear-gradient(135deg,  rgba(254,252,234,1) 0%,rgba(239,228,153,1) 100%); /* W3C */
xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#efe499',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 
 box-shadow: 3px 3px 9px rgba(0,0,0,1);
 transform: rotate(7deg);
 text-align:center;
 cursor:pointer;
 }
 
  #bkbrickspanel .bkwidget_reset-storage-area.changed {
  display:block;
 }
   
#bkbrickspanel .bkpagenav_slideout_bottom .bkwidget_add {
  display:inline-block;
 }
 
 #bkbrickspanel .bkslideout-delete_inactive {
 height: 34px;
 }

 
#bkbrickspanel .bkwidget_reset-storage-area p {
 font: 12px verdana, arial, helvetica;
 color: #ffffff;
 text-align: center;
 }
 
 /* ENDE GESPEICHERTE EINSTELLUNGEN LOESCHEN */
   
      /* fuer zentrierte Slideouts, volle Breite */
#bkbrickspanel.bkpagenav_centered_slideout   {
    width:100%;
}
#bkbrickspanel .bkpagenav_slideout {
    width:100%;
    z-index:1;
}
#bkbrickspanel.bkpagenav_centered_slideout  .bkpagenav_slideout_container {
    width:100% !important;
}
#bkbrickspanel.bkpagenav_centered_slideout  .bkpagenav_slideout_handle {
    margin-left: 60px;
    margin-right: auto;
    position:relative !important;
}
#bkbrickspanel.bkpagenav_centered_slideout   .bkpagenav_slideout_content {
    width:100%;
}


/* */

#bkbrickspanel .bkwidget_status-storage-area {
 display:none;
}

#bkbrickspanel .bkpagenav_slideout_content .min400px {
position:relative;
width: 95px;
}

#bkbrickspanel .bkpagenav_slideout_content .min400px>img {
margin-top:auto;
bottom: 0;
position:absolute;		
}


/* App-Buttons */

#bkbrickspanel .bkappbutton_image_panel {
box-shadow: 4px 4px 16px rgba(0,0,0,0.7);
text-align:center;
}

#bkbrickspanel .bkpagenav_slideout_bottom .bkappbutton_name {
color:#ffffff;
display:inline-block;
}

@media (max-width:900px) {
 #bkbrickspanel.bkpagenav_centered_slideout  .bkpagenav_slideout_handle { margin-left: 20px; }

}

@media (max-width:400px) {
#bkbrickspanel  .bkpagenav_slideout_bottom .bkpagenav_slideout_handle {
  bottom:0;
  }
 }

@media (max-width:360px) {
#bkbrickspanel.bkpagenav_centered_slideout  .bkpagenav_slideout_handle { 
 margin-left:auto;
 margin-right:auto;
 }
}