.bkpagenav_slideout_container{
	
}

.bkpagenav_slideout_handle { 
 cursor:pointer;
}

/* Allgemeine Angaben fuer die Slider */

.bkpagenav_slideout_top .bkpagenav_slideout_handle {
 border-radius: 0px 0px 10px 10px;
 border:1px solid rgba(0,0,0,0.1);
 border-top:0px solid rgba(0,0,0,0.1);
 background: rgba(0,0,0,0.2);
 height: 5px;
 padding: 10px 20px 10px 20px;
 font:bold 14px verdana, arial, helvetica;
 color: #000000;
 line-height: 5px;

}

.bkpagenav_slideout_top .bkpagenav_slideout_content {
 border:1px solid rgba(0,0,0,0.5);
 border-radius: 0px 0px 0px 10px;
 padding: 10px;
 background:rgba(0,0,0,0.8);
 width:auto;
 font:13px verdana, arial, helvetica;
 text-decoration:none;
}

.bkpagenav_slideout_top .bkpagenav_slideout_handle, 
.bkpagenav_slideout_top .bkpagenav_slideout_content,
#bkslideout-edit .bkpagenav_slideout_handle {
 box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
 -o-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
 -ms-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);

}

.bkpagenav_slideout_top .bkslideout_content_inner { 
 margin: 10px;
 color: #ffffff;
 width: 220px;
 padding: 0px 10px 10px 10px;
  }

.bkpagenav_slideout_top .bkpagenav_slideout_handle:active,
.bkpagenav_slideout_top .bkpagenav_slideout_handle:hover,
.bkpagenav_slideout_top .bkpagenav_slideout_container:active .bkpagenav_slideout_handle,
.bkpagenav_slideout_top .bkpagenav_slideout_container:hover .bkpagenav_slideout_handle,
.bkpagenav_slideout_top .bkpagenav_slideout_container.expanded .bkpagenav_slideout_handle {
background:rgba(0,0,0,0.8);
color:#ffffff;
}

/* ENDE Allgemeine Angaben fuer die Slider */

/*BUTTON*/

.bkpagenav_slideout_top .bkbutton {
 padding: 4px 40px 4px 40px;
 width:200px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 border-radius: 20px; 
 -moz-border-radius: 20px; 
 -webkit-border-radius: 20px;
 box-shadow: 4px 4px 16px rgba(0,0,0,0.6); 
 overflow: hidden;
 xbackground: -moz-linear-gradient(left,  rgba(193,193,193,0.6) 0%, rgba(45,45,45,0.9) 100%); /* FF3.6+ */
 
 background: rgb(193,193,193); /* Old browsers */
 background: -moz-linear-gradient(-45deg,  rgba(193,193,193,1) 0%, rgba(94,94,94,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(193,193,193,1)), color-stop(100%,rgba(94,94,94,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(-45deg,  rgba(193,193,193,1) 0%,rgba(94,94,94,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(-45deg,  rgba(193,193,193,1) 0%,rgba(94,94,94,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(-45deg,  rgba(193,193,193,1) 0%,rgba(94,94,94,1) 100%); /* IE10+ */
 background: linear-gradient(135deg,  rgba(193,193,193,1) 0%,rgba(94,94,94,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#5e5e5e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.bkpagenav_slideout_top .bkbutton:hover { box-shadow: 6px 6px 16px  rgba(0,0,0,0.6); }

#bkslideout_impressum .bkbutton_linktext,
#bkslideout_data .bkbutton_linktext {
 display: table-cell;
 -moz-font-smoothing: antialiased; /* none - subpixel-antialiased moeglich */
 -webkit-font-smoothing: antialiased; /* none - subpixel-antialiased moeglich */
 text-shadow: 0 0 1px rgba(0,0,0,0.1); 
 height: 30px;
 vertical-align : middle;
 text-align: center;
 font: bold 14px Verdana, Arial, Helv;
 color: #ffffff; 
}

/*ENDE BUTTON*/

/* IMPRESSUM-SLIDER */

div#bkslideout_impressum {
 position:absolute;
 left:auto;
 right:183px;
 z-index:200000;

 }

#bkslideout_impressum.bkpagenav_slideout_top .bkpagenav_slideout_handle { 
 width:85px;

}
/* ENDE IMPRESSUM-SLIDER */

/* SLIDER FUER GESPEICHERTE DATEN */

div#bkslideout_data{
position:absolute;
left:auto;
right:335px;
z-index:200001;
width: auto;
}

#bkslideout_data.bkpagenav_slideout_top .bkpagenav_slideout_handle { 
 width: 105px;
}

#bkslideout_data .bkwidget_status-storage-area {
 margin:10px 0 10px 0;
}

/* Unterschiedliche Darstellungsformen des Toggles in verschiedenenen Zustaenden */

#bkslideout_data .bkwidget_status-storage-area .info-toggle img.bkslideout_data-info {
height: 31px;
}

#bkslideout_data .bkwidget_status-storage-area .info-toggle img.bkslideout_data-info_active {
display:none;
}

#bkslideout_data .bkwidget_status-storage-area .info-toggle:hover img.bkslideout_data-info {
display:none;
}

#bkslideout_data .bkwidget_status-storage-area .info-toggle:hover img.bkslideout_data-info-active {
height: 31px;
display:inline-block;
}

#bkslideout_data .bkwidget_status-storage-area .info-toggle.on img.bkslideout_data-info {
 display:none;
}

#bkslideout_data .bkwidget_status-storage-area .info-toggle.on img.bkslideout_data-info-active {
 display:none;
}

#bkslideout_data .bkwidget_status-storage-area .info-toggle img.bkslideout_data-info-on {
height: 34px;
display:none;
}

#bkslideout_data .bkwidget_status-storage-area .info-toggle img.bkslideout_data-info-active {

height:34px;
display: none;
}

#bkslideout_data .bkwidget_status-storage-area .info-toggle.on img.bkslideout_data-info-on {
height: 31px;
display:inline-block;
}

#bkslideout_data .bkwidget_status-storage-area .saved-data {
display:none;
}

#bkslideout_data .bkwidget_status-storage-area.changed .nodata {
display:none;
}

#bkslideout_data .bkwidget_status-storage-area.changed .saved-data {
display:inline-block;
}





  
/* SPRECHBLASE MIT DEN INFOS */

#bkslideout_data .info-content {
 display:none;
 position: absolute;
 margin-top: 10px;
 margin-left: -150px;
 
 font: 12px verdana, arial, helvetica;
 letter-spacing: 1px;
 
 background: none repeat scroll 0 0 #FFFFFF;
 border: 2px solid #064EAA;
 border-radius: 30px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 -o-border-radius: 30px;
 color: #333333;
 padding: 10px;

 min-height: 170px;

 box-shadow: 4px 4px 15px rgba(0,0,0,0.7);
-moz-box-shadow: 4px 4px 15px rgba(0,0,0,0.7);
-webkit-box-shadow: 4px 4px 15px rgba(0,0,0,0.7);

 z-index: 5000;
}

#bkslideout_data .bkwidget_status-storage-area.changed .info-content {
 display:none;
 }

#bkslideout_data .info-content:before {
 border-color: #064EAA rgba(0, 0, 0, 0);
 border-style: solid;
 border-width: 0 16px 16px;
 top: -16px;
 content: "";
 display: block;
 left: 146px;
 position: absolute;
 width: 0;
}

#bkslideout_data .info-content:after {
 border-color: #FFFFFF rgba(0, 0, 0, 0);
 border-style: solid;
 border-width: 0 13px 13px;
 top: -13px;
 content: "";
 display: block;
 left: 149px;
 position: absolute;
 width: 0;
}


#bkslideout_data table {
display:inline-block;

}

#bkslideout_data td {
border-spacing: 0px;
min-width: 180px;
vertical-align: top;
border-collapse:collapse;
font: 12px arial;
padding: 5px;
}

#bkslideout_data tr:nth-child(even) {
   background-color: #c3c3c3;
}

#bkslideout_data tr:nth-child(odd) {
   background-color: #ffffff;
}

#bkslideout_data tr:nth-child(6) {
display:none;
}

#bkslideout_data .bkwidget_reset-storage-area {
width: 230px;
margin:10px 0 5px 0;
padding: 0;
display:none;
}


#bkslideout_data .bkwidget_reset-storage-area.changed {
display:inline-block;
 }

 
#bkslideout_data .bkwidget_reset-storage-area.gadget_panel.changed,
#bkslideout_data .bkwidget_status-storage-area.gadget_panel.changed {
width: 40px;
display:inline-block;
}
 

/* Data Delete */

#bkslideout_data .bkslideout-delete_inactive {
 width: 25px;
 display:inline-block;
 }

#bkslideout_data .bkslideout-delete_active{
 width: 25px;
 display:none;
 }

#bkslideout_data .bkwidget_reset-storage-area:hover .bkslideout-delete_inactive{
 display:none;
 }

#bkslideout_data .bkwidget_reset-storage-area:hover .bkslideout-delete_active{
 display:inline-block;
 }

/* Data Delete Ende */




/* ENDE SLIDER FUER GESPEICHERTE DATEN */


/* SEITE EDITIEREN */

#bkslideout-edit {
 display: inline-block; 
 position:absolute;
 left:auto;
 right:0px;
 top:0px;
 z-index:200000;
}

#bkslideout-edit .bkpagenav_slideout_handle { 
 display:block;
 height: auto;
 max-height: 61px;
 width:30px;
 border-radius: 0px 0px 0px 30px;
 border:1px solid rgba(0,0,0,0.1);
 border-top:0px solid rgba(0,0,0,0.1);
 background: rgba(0,0,0,0.2);
 color: #000000;

 padding: 5px 5px 10px 15px;
 line-height: 5px;
 }

#bkslideout-edit .bkslideout-edit_inactive {
 width: 30px;
 margin-top:-1px;
}

#bkslideout-edit .bkslideout-edit_active {
 width: 30px;
 display:none;
 margin-top:-1px;
 }

#bkslideout-edit .bkpagenav_slideout_handle:hover,
#bkslideout-edit .bkpagenav_slideout_handle:active { 
 background:rgba(0,0,0,0.8);
 color:#ffffff;
}

#bkslideout-edit .bkpagenav_slideout_handle:hover .bkslideout-edit_inactive,
#bkslideout-edit .bkpagenav_slideout_handle:active .bkslideout-edit_inactive,
#bkslideout-edit .bkpagenav_slideout_handle.active .bkslideout-edit_inactive { 
 display:none;
}

#bkslideout-edit .bkpagenav_slideout_handle:hover .bkslideout-edit_active,
#bkslideout-edit .bkpagenav_slideout_handle:active .bkslideout-edit_active,
#bkslideout-edit .bkpagenav_slideout_handle.active .bkslideout-edit_active { 
 display:block;
}

#bkslideout-edit #bkslideout-delete .bkwidget_reset-storage-area {
display:none;
}

#bkslideout-edit #bkslideout-delete .bkwidget_reset-storage-area.changed {
 display:block;
}

#bkslideout-edit #bkslideout-delete {
 display: none;
} 
#bkslideout-edit #bkslideout-delete.clicked {
 display: block;
} 
#bkslideout-edit:active #bkslideout-delete,
#bkslideout-edit:hover #bkslideout-delete {
 display: block;
} 

#bkslideout-edit .bkslideout-edit-description {
    position: absolute;
    right: 32px;
	margin-top:-8px;
    width: 80px;
    display:none;
}

.bkpage.isphone #bkslideout-edit .bkslideout-edit-description {
    display:none;
}

.bkpage.isphone #bkslideout-edit:hover .bkslideout-edit-description {
    display:block;
}
 
#bkslideout-edit #bkslideout-delete:hover.changed .bkslideout-delete-description {
    display:block;
}  
 
#bkslideout-edit .bkslideout-delete-description,
#bkslideout-edit .bkslideout-edit-description {

 font: 14px courier;
 color:#4a4a4a;
 background:#FFFFCC;
 border: 1px solid #EFEFC6 #E5E5B1 #E5E5B1 #EFEFC6;
 box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
 -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
 -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
 -ms-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
 padding:10px;
 text-align: right;
 -moz-transform:rotate(-3deg);
 -webkit-transform:rotate(-3deg);
 -ms-transform:rotate(-3deg);
 -o-transform:rotate(-3deg);
 transform:rotate(-3deg);
} 


 
#bkslideout-edit .bkslideout-delete-description {
 display:block;
 margin: 7px 5px 0 -90px; 
 width:100px;
 -moz-transform:rotate(-8deg);
 -webkit-transform:rotate(-8deg);
 -ms-transform:rotate(-8deg);
 -o-transform:rotate(-8deg);
 transform:rotate(-8deg);
}
 
#bkslideout-delete img {
 width:30px;
 margin: 8px 2px 0 0;
}

#bkslideout-edit .bkslideout-delete_active {
 display:none;
}

#bkslideout-edit:hover .bkslideout-delete_inactive {
 display:none;
 }

#bkslideout-edit:hover .bkslideout-delete_active {
 display:block;
}
 

#bkslideout-edit .bkpagenav_slideout_handle:hover .bkslideout-delete_active,
#bkslideout-edit .bkpagenav_slideout_handle:active .bkslideout-delete_active,
#bkslideout-edit .bkpagenav_slideout_handle.active .bkslideout-delete_active { 
 display:block;
 opacity: 0.9;
}


/* ENDE SEITE EDITIEREN */

 @media (max-width:400px){
.bkpagenav_slideout_top.bkpagenav_slideout.enabled {
  display:none;
  visibility:hidden;
  }
 }
 




