
#panoramaContainer{
    position:absolute;
   
     z-index:1000;
   

}
.showPanorama{
	  position:absolute;
	   top:0;
    left:0;
    width:100%;
    height:100%;
    
	
}
.hidePanorama{
	  position:absolute;
	   width:1px;
	  height:1px;
	  top:-9999px;
	  left:-9999px;
	
}
#infoPanel{
       position:absolute;
      z-index:900;
    bottom:-45px;
    left:0px;
    width:768px;
    background:#cccccc;
    text-align:center;
    padding-top:9px;
    height:36px;
    border-bottom:1px solid white;
      border-left:1px solid white;
        border-right:1px solid white;

}
#panoramaDecorator{
    position:absolute;
      z-index:1000;
    width:100%;
    height:100%;
    background:black;
    opacity: .5;
      -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=50)";
    filter: progid:dximagetransform.microsoft.alpha(opacity=50);
	*filter:alpha(opacity=50);
}
#panoramaPanel{

    position:absolute;
    z-index:1000;
   /* border:1px solid black;    */
    width:770px;
    height:390px;
   
    margin:0;
    padding:0;
     margin-top:-192px;
       margin-left:-383px;
    top:50%;
    left:50%;

}
#panoramaBox{   border-left: 1px solid white;}
.panorama_btn{ display:block; position:absolute; background:transparent url(blank.gif);border:0px solid red;}
#leftButton{top:20%;  right:0;height:60%; width:10%;}
#leftButton:hover{
    cursor:pointer;
    margin-right:6px;
    background:url(pfeil_rechts.png) no-repeat right center;
}

#rightButton{ top:20%;  left:0; height:60%; width:10%;}
#rightButton:hover{
    cursor:pointer;
    margin-left:6px;
    background:url(pfeil_links.png) no-repeat left center;
}
#rightUpButton{bottom:0;  left:0;height:20%; width:10%;}
#rightUpButton:hover{
    cursor:pointer;
    margin-left:6px;
     margin-bottom:6px;
    background:url(pfeil_links_unten.png) no-repeat left bottom;
}
#rightDownButton{ top:0;  left:0;height:20%; width:10%;}
#rightDownButton:hover{
    cursor:pointer;
    margin-left:6px;
     margin-top:6px;
    background:url(pfeil_links_oben.png) no-repeat left top;
}

#leftUpButton{ bottom:0;  right:0;height:20%; width:10%;}
#leftUpButton:hover{
    cursor:pointer;
    margin-right:6px;
     margin-bottom:6px;
    background:url(pfeil_rechts_unten.png) no-repeat right bottom;
}
#leftDownButton{ top:0;  right:0;height:20%; width:10%;}

#leftDownButton:hover{
    cursor:pointer;
    margin-right:6px;
     margin-top:6px;
    background:url(pfeil_rechts_oben.png) no-repeat right top;
}

#upButton{ bottom:0;  left:10%;cursor:s-resize;height:20%; width:80%;}
#upButton:hover{
    cursor:pointer;
    margin-bottom:6px;
    background:url(pfeil_unten.png) no-repeat center bottom;
}

#downButton{top:0;  left:10%; cursor:n-resize;height:20%; width:80%;}
#downButton:hover{
    cursor:pointer;
    margin-top:6px;
    background:url(pfeil_oben.png) no-repeat center top;
}
#centerButton{ top:20%;  left:10%;height:60%; width:80%;}

#plusButton{  z-index:1000;bottom:-34px;left:90px; height:30px; width:30px;  background:url(plus.png) no-repeat center center !important;}
#minusButton{  z-index:1000;bottom:-34px;left:60px; height:30px; width:30px; background:url(minus.png) no-repeat center center !important;}
