/* General styles */
html, body {padding:0; margin:0; width:99%; min-height:100%; background:url(../grafik/pano04.jpg) no-repeat;}}
.wrapper {width:100%; height:100%;}
.page {width:100%; margin:0 auto; margin-top:10px; margin-left:10px; padding-left:7px; padding-top:3px; background:url(../grafik/back-1.jpg) no-repeat; height:794px;}
/* .whitediv {width:100%; height:831px; position:absolute; left:8px; background:url(../grafik/back-1.jpg) no-repeat;} */
.credits {position:absolute; left:20px; top:730px; width:615px; height:70px; z-index:110;}

/* Image map styles */
.imageMap {width:100%; position:relative; margin-bottom:50px; max-width:620px;}
.imageMap img {display:block; width:100%; border-radius:3px;}
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMap a {display:block; position:absolute; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid transparent; border-radius:30px; background:#fff;}
.imageMap a.p1 {left:53%; top:9%; width:8%; height:8%;}
.imageMap a.p2 {left:64%; top:18%; width:8%; height:8%;}
.imageMap a.p3 {left:73%; top:19%; width:8%; height:8%;}
.imageMap a.p4 {left:77%; top:29%; width:8%; height:8%;}
.imageMap a.p5 {left:69%; top:37%; width:8%; height:8%;}
.imageMap a.p6 {left:61%; top:63%; width:8%; height:8%;}
.imageMap a.p7 {left:58%; top:89%; width:8%; height:8%;}
.imageMap a.p8 {left:48%; top:68%; width:8%; height:8%;}
.imageMap a.p9 {left:32%; top:65%; width:8%; height:8%;}
.imageMap a.p10 {left:33%; top:57%; width:8%; height:8%;}
.imageMap a.p11 {left:36%; top:38%; width:8%; height:8%;}

.imageMap a + p {position:absolute; left:102%; top:0%; width:100%; color:#000; display:none; background:#fff; height:595px;}
.imageMap p.permahover {display: block; width: 390px;}
.imageMap p.back {position:absolute; left:102%; top:0%; width:100%; color:#000; visibility:visible; padding-right:4px;}

.wpix_slide:hover { background-image: url(../grafik/WPixSlide01.png); background-repeat: no-repeat; background-position:center center; z-index:160;}
.wpix_slide { background-image: url(../grafik/WPixSlide.png); background-repeat: no-repeat; background-position:center center;}

.imageMap:hover .hotspots {visibility:visible;}
.imageMap p strong {display:block; padding:0; margin:0; font: bold 15px/26px 'georgia',serif; color:#000; padding-top:4px;}
.imageMap p { padding:0; margin:0; font: normal 14px/18px 'georgia',serif; color:#444; padding-right:4px;}
.imageMap span.dir { font: normal 14px/18px 'georgia',serif; color:#cc0000;}

.imageMap b {display:block; position:absolute; background:url(trans.gif); z-index:200; opacity:0.2; filter: alpha(opacity=20); padding:1px;
-webkit-transition:0.75s;
-moz-transition:0.75s;
-o-transition:0.75s;
transition:0.75s;
}
.imageMap b.b1 {left:53%; top:9%; width:8%; height:8%;}
.imageMap b.b2 {left:64%; top:18%; width:8%; height:8%;}
.imageMap b.b3 {left:73%; top:19%; width:8%; height:8%;}
.imageMap b.b4 {left:77%; top:29%; width:8%; height:8%;}
.imageMap b.b5 {left:69%; top:37%; width:8%; height:8%;}
.imageMap b.b6 {left:61%; top:63%; width:8%; height:8%;}
.imageMap b.b7 {left:58%; top:89%; width:8%; height:8%;}
.imageMap b.b8 {left:48%; top:68%; width:8%; height:8%;}
.imageMap b.b9 {left:32%; top:65%; width:8%; height:8%;}
.imageMap b.b10 {left:33%; top:57%; width:8%; height:8%;}
.imageMap b.b11 {left:36%; top:38%; width:8%; height:8%;}

.imageMap .hotspots div:hover b {width:0; padding:0;}
.imageMap .hotspots div:hover p {display:block; width:390px; }
.imageMap .hotspots p.back {display:block; width:390px;}
.imageMap .hotspots div:hover a {z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #cc0000; background:#fff;}

.imageMap a.text {display:inline; position:relative; z-index:96; border:none; width:auto; border-radius:0px;}
.imageMap .hotspots div:hover a.text {display:inline; position:relative; z-index:96; border:none; width:auto; border-radius:0px;}