/* Teaser aside */


BODY A {
color: #000000;
}

#bkteasering-row-right {
 padding-top: 20px;
 margin-bottom:50px;
 border-left: 6px dotted rgba(0,0,0,0.1);
 margin-left: -6px;
}

#bkteasering-row-right .bkaura {
 margin-top:30px;
}

.bkteaser-aside-title {
 display:block;
 background: url("/bkimages/bkteaser-aside/tesa.png") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
 color: #000000;
 font: bold 16px/3 courier;
 text-align: center;
 transform: rotate(6deg);
 vertical-align: middle;
 width: 180px;
 height: 49px;
 margin-top:10px;
}

.bkteaser-aside  a:link {
 text-decoration:none;
 color: #000000;
 letter-spacing: 1;
 }

.bkteaser-aside {
 width:198px;
 min-height:200px;
 margin:10px 0 30px 0;
 padding:0;
 position:relative;

 }

.bkteaser-aside p {
 margin:7px 0 5px 0;
 }
 

.bkteaser-aside-image {
 padding:4px;
 background: #ffffff;
 box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
 -o-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
 -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
 -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
 position:absolute;
 z-index:2;
}

.bkteaser-aside-image.bkimage-circle {
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px;
 -ms-border-radius: 100px;
 -o-border-radius: 100px;
 border-radius: 100px;
}


.bkteaser-pin {
 position:absolute;
 z-index: 2;

 }

/*post-it*/

.post-it-box {
 position:absolute;

}


.post-it {
 width:140px;
 box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
 -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
 -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
 -o-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
 letter-spacing: 1px;
 font: 14px verdana, arial, helvetica;
 line-height: 1.4;
 font: 14px verdana, arial, helv;
 background: url(http://www.blinde-kuh.de/bkimages/linepaper.png);
 position:relative;
 margin-top:0;

}

.bkteaser-aside-description {
 display:block;
 padding: 10px 5px 5px 5px;
}
 
.bkteaser-aside .shadoweffekt { 
 padding: 0 10px 10px 10px;

}

.shadoweffekt:before, .shadoweffekt:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 2px;
  width:50%;
  top: 80%;
  max-width:198px;
  background: rgba(f,f,f,0.1);
  -webkit-box-shadow: 0px 35px 20px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 35px 20px rgba(0,0,0,0.4);
  box-shadow: 0px 35px 20px rgba(0,0,0,0.4);
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}


.shadoweffekt:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 1px;
  left: auto;
}


/* Ende post-it */

.bkteaser-aside:hover .bkteaser-aside-image,
.bkteaser-aside:hover .post-it-box {
 transform: rotate(0deg);
 }