/* General styles */
html, body {padding:0; margin:0; width:100%; min-height:100%; background: url(../grafik/backkraut-1.png) 0 0;}
.wrapper {width:100%; height:100%;}
.page {width:100%; max-width:1024px; margin:0 auto;}
h1,h3,h4,p {margin:0; padding:3px 0;}

/* Image map styles */
.imageMap {width:100%; position:relative; margin-bottom:150px;}
.imageMap img {display:block; width:100%; border-radius:0px;}
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMap a {display:block; position:absolute; background:#CCCCCC; z-index:100; opacity:0.1; filter: alpha(opacity=20); border:1px solid #990000; border-radius:6px;}
.imageMap a.p1 {left:2%; top:3%; width:8.5%; height:11%;}
.imageMap a.p2 {left:84%; top:5%; width:11%; height:14%;}
.imageMap a.p3 {left:21.5%; top:26.5%; width:20%; height:17%;}
.imageMap a.p4 {left:3%; top:47%; width:17.5%; height:23%;}
.imageMap a.p5 {left:21.5%; top:74%; width:20.5%; height:16%;}
.imageMap a.p6 {left:42%; top:49.5%; width:18%; height:18%;}
.imageMap a + p {position:absolute; left:62%; top:23.2%; width:100%; color:#000; display:none;}

.imageMap:hover .hotspots {visibility:visible;}

.imageMap p strong {display:block; padding:0; margin:0; font: bold 23px/27px 'consolas',serif; color:#000;}
.imageMap p { padding:0; margin:0; font: normal 16px/20px 'consolas',serif; color:#444;}

.imageMap b {display:block; position:absolute; background:url(trans.gif); z-index:199; opacity:0.15; 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:2%; top:3%; width:8.5%; height:11%;}
.imageMap b.b2 {left:84%; top:5%; width:10.5%; height:14%;}
.imageMap b.b3 {left:21.5%; top:26.5%; width:20%; height:17%;}
.imageMap b.b4 {left:3%; top:47%; width:17.5%; height:23%;}
.imageMap b.b5 {left:21.5%; top:74%; width:20.5%; height:16%;}
.imageMap b.b6 {left:42%; top:49.5%; width:18%; height:18%;}

/*.imageMap b.b4:hover {background:url(grafik/shop_hover.png); z-index:60; }
.imageMap .hotspots div {cursor:url(grafik/wp_maus.cur)}*/
.imageMap .hotspots div:hover b {width:0; padding:0;}
.imageMap .hotspots div:hover p {display:block; width: 369px; }
.imageMap .hotspots div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=20); border:0px;}
.imageMap .hotspots div:hover a.p6 {background:url(../grafik/event_hover.png); background-repeat:no-repeat; opacity:2; filter: alpha(opacity=30); z-index:200;}
.imageMap .hotspots div:hover a.p5 {background:url(../grafik/paella_hover.png); background-repeat:no-repeat; opacity:2; filter: alpha(opacity=30); z-index:200;}
.imageMap .hotspots div:hover a.p4 {background:url(../grafik/shop_hover.png); background-repeat:no-repeat; opacity:2; filter: alpha(opacity=30); z-index:200;}
.imageMap .hotspots div:hover a.p3 {background:url(../grafik/imbiss_hover.png); background-repeat:no-repeat; opacity:2; filter: alpha(opacity=30); z-index:200;}
.imageMap .hotspots div:hover a.p2 {background:url(../grafik/kontakt_hover.png); background-repeat:no-repeat; opacity:2; filter: alpha(opacity=30); z-index:200;}
/*.imageMap .hotspots div:hover a.p1 {background:url(grafik/shop_hover.png); background-repeat:no-repeat; opacity:2; filter: alpha(opacity=30); z-index:200;}*/
.datalink {position:absolute; right:150px;}