.button-off{
 background-color: #E0E0E0;
 background-image:url(img/bu-basis-bg-off.png);
}
.button-on{
 background-color: #E0E0E0;
 background-image:url(img/bu-basis-bg-on.png);
}
.basis-bg{
 background-color: #E0E0E0;
 background-image:url(img/sc-basis-bg.png);
}

.postit{
 position:relative;
 z-index:1;
 font-size:12px;
 line-height:130%;
 color:#000080;
 margin:3px;
 padding:20px 8px 5px 8px;
 border:1px solid;
 border-color:#FF6 #990 #990 #FF6;
 width:220px;
 float:left;
 background: url(img/pin.png) top center no-repeat #FFD;
}
.postit ul{
 line-height:120%;
 border:0px;
 padding:0px;
 padding-top:3px;
 margin:0px;
 margin-left:20px;
}
.postit div{
 visibility:hidden;
 font-weight:bold;
 padding-bottom:8px;
}
.postit:hover{
 margin:-3px;
 padding:26px 14px 11px 14px;
 z-index:2;
 background: url(img/ok.png) bottom right no-repeat #FFA;

 box-shadow: rgba(0,0,0,0.4) 0 0 50px;
 -webkit-box-shadow: rgba(0,0,0,0.4) 0 0 50px;
 -moz-box-shadow: rgba(0,0,0,0.4) 0 0 50px;
}
.postit:hover li{
 color:#000;
}
.postit:hover div{
 visibility:visible;
}
.postit:hover div li{
 color:#000080;
}
.postit a{
 color:#808080;
}
.postit:hover a{
 color:#C00;
}
.postit:hover a:hover{
 color:#F33;
 text-decoration:underline;
}
.email{
 padding:5px 10px;
 font-size:12px;
 border: 1px solid;
 border-color: #ddd #ccc #ccc #ddd;
 background: #eee;
}
.g{
 color:#808080;
}
.g:hover{
 color:#009;
}
.kg{
 font-size:12px;
 color:#808080;
}
.kfg{
 font-size:12px;
 font-weight:bold;
 color:#808080;
}
.uk{
/* font-style:italic;*/
 background:#FF3;
}
.b{
 font-weight:bold;
}

/*Makro 468-765x305*/
.pic-serienmail{
 position:relative;
}
.pic-serienmail div{
 position:absolute;
 overflow: hidden;
 z-index:1;
 background-color:#CCC;
 border-top: 1px solid #CCBB99;
 border-right: 3px dashed #999;
 border-bottom: 1px solid #DDCCAA;
 border-left: 1px solid #CCBB99;
 top:0px;
 left:-20px;
 width:488px; /*1*/

            transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;

 box-shadow: rgba(0,0,0,0.6) 1px 1px 5px;
 -webkit-box-shadow: rgba(0,0,0,0.6) 1px 1px 5px;
 -moz-box-shadow: rgba(0,0,0,0.6) 1px 1px 5px;
}
.pic-serienmail div:hover{
 z-index:99;
 width:765px; /*2*/
 left:-263px; /*2-1*/

 box-shadow: rgba(0,0,0,0.2) 5px 5px 30px;
 -webkit-box-shadow: rgba(0,0,0,0.2) 5px 5px 30px;
 -moz-box-shadow: rgba(0,0,0,0.2) 5px 5px 30px;
}