.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;
}
.boxblue{
 border:1px solid #009;
 padding:5px 10px;
 background:#EEF ;
 font-size:12px;
}
.boxblue:hover{
 background:#DDF ;
}
.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-vb-sdk{
 position:relative;
 height:200px; /*3*/
}
.pic-vb-sdk div{
 position:absolute;
 overflow: hidden;
 z-index:1;
 background-color:#CCC;
 border-top: 3px dashed #999;
 border-right: 3px dashed #999;
 border-bottom: 3px dashed #999;
 top:0px;
 left:0px;
 width:468px; /*1*/
 height:200px; /*3*/
}
.pic-vb-sdk div:hover{
 z-index:99;
 top:-10px;
 width:765px; /*2*/
 left:-263px; /*2-1*/
 height:305px; /*3*/

 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;
}


/*Daten 468-790x570*/
.pic-tabelle{
 position:relative;
 height:260px; /*3*/
}
.pic-tabelle div{
 position:absolute;
 overflow: hidden;
 z-index:1;
 background-color:#CCC;
 border-right: 3px dashed #999;
 border-bottom: 3px dashed #999;
 top:0px;
 left:0px;
 width:468px; /*1*/
 height:260px; /*3*/
}
.pic-tabelle div:hover{
 z-index:99;
 border-bottom:3px solid #999;
 top:-10px;
 width:735px; /*2*/
 left:-232px; /*2-1*/
 height:570px; /*3*/

 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;
}


/*Datensatz 468-925x319*/
.pic-dialog-datensatz{
 position:relative;
 height:260px; /*3*/
}
.pic-dialog-datensatz div{
 position:absolute;
 overflow: hidden;
 z-index:1;
 background-color:#CCC;
 border-right: 3px dashed #999;
 border-bottom: 3px dashed #999;
 top:0px;
 left:0px;
 width:468px; /*1*/
 height:260px; /*3*/
}
.pic-dialog-datensatz div:hover{
 z-index:99;
 width:735px; /*2*/
 left:-232px; /*2-1*/
 top:-10px;
 height:319px; /*3*/

 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;
}


/*Datenfilter 468-732x540*/
.pic-dialog-datenfilter{
 position:relative;
 height:260px; /*3*/
}
.pic-dialog-datenfilter div{
 position:absolute;
 overflow: hidden;
 z-index:1;
 background-color:#CCC;
 border-right: 3px dashed #999;
 border-bottom: 3px dashed #999;
 top:0px;
 left:0px;
 width:468px; /*1*/
 height:260px; /*3*/
}
.pic-dialog-datenfilter div:hover{
 z-index:99;
 border-right:3px solid #999;
 border-bottom:3px solid #999;
 width:735px; /*2*/
 left:-232px; /*2-1*/
 top:-10px;
 height:540px; /*3*/

 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;
}


/*Positionen 468-487x209*/
.pic-dialog-positionen{
 position:relative;
 height:150px; /*3*/
}
.pic-dialog-positionen div{
 position:absolute;
 overflow: hidden;
 z-index:1;
 background-color:#CCC;
 border-right: 3px dashed #999;
 border-bottom: 3px dashed #999;
 top:0px;
 left:0px;
 width:468px; /*1*/
 height:150px; /*3*/
}
.pic-dialog-positionen div:hover{
 z-index:99;
 border-right:3px solid #999;
 width:487px; /*2*/
 width:735px; /*2*/
 left:-232px; /*2-1*/
 top:-5px;
 height:209px; /*3*/

 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;
}


/*Tab. PLZ-Bereiche 468-840x378*/
.pic-tab-plz{
 position:relative;
 height:260px; /*3*/
}
.pic-tab-plz div{
 position:absolute;
 overflow: hidden;
 z-index:1;
 background-color:#CCC;
 border-right: 3px dashed #999;
 border-bottom: 3px dashed #999;
 top:0px;
 left:0px;
 width:468px; /*1*/
 height:260px; /*3*/
}
.pic-tab-plz div:hover{
 z-index:99;
 width:735px; /*2*/
 left:-232px; /*2-1*/
 top:-10px;
 height:378px; /*3*/

 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;
}


/*Postleitregionen 468-734x560*/
.pic-dialog-plz{
 position:relative;
 height:260px; /*3*/
}
.pic-dialog-plz div{
 position:absolute;
 overflow: hidden;
 z-index:1;
 border-right: 3px dashed #999;
 border-bottom: 3px dashed #999;
 top:0px;
 left:0px;
 width:468px; /*1*/
 height:260px; /*3*/
}
.pic-dialog-plz div:hover{
 z-index:99;
 border:0px;
 width:734px; /*2*/
 left:-228px; /*2-1*/
 top:-140px;
 height:560px; /*3*/

 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;
}


/*Sortieren 468-533x428 275x428*/
.pic-dialog-01{
 position:relative;
 height:428px; /*3*/
}
.pic-dialog-01 div{
 position:absolute;
 overflow: hidden;
 z-index:1;
 top:0px;
 left:-60px;
 width:533px; /*1*/
 height:428px; /*3*/
}
.pic-dialog-01 div:hover{
 z-index:99;
 left:-264px;
 width:774px; /*2*/

 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;
}
.pic-dialog-01 div:hover .pic-dialog-01e{
 visibility:visible;
}
.pic-dialog-01e{
 position:absolute;
 top:0px;
 left:499px;
 visibility:hidden;
}