/* ================================================================ 
Startseite-Navigation:
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/menu_map.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#map p {font-size: 12px; color: #696969; margin: 5px;}
#map {position:relative; margin:0 auto; width:600px; height:600px; overflow:hidden;}
#map ul {padding:0; margin:0; list-style:none;}

#map ul li a.tl {text-decoration:none; display:block; width:150px; height:150px; background:url(transparent.gif); text-indent:-9999px;}

#map ul li#jac1 a.tl:hover, #map ul li#jac1:hover a.tl {background:url('../images/startnavi/jacqueline-jeske-1.jpg');}
#map ul li#jac2 a.tl:hover, #map ul li#jac2:hover a.tl {background:url('../images/startnavi/jacqueline-jeske-2.jpg');}
#map ul li#jac3 a.tl:hover, #map ul li#jac3:hover a.tl {background:url('../images/startnavi/jacqueline-jeske-3.jpg');}
#map ul li#jac4 a.tl:hover, #map ul li#jac4:hover a.tl {background:url('../images/startnavi/jacqueline-jeske-4.jpg');}
#map ul li#jac5 a.tl:hover, #map ul li#jac5:hover a.tl {background:url('../images/startnavi/jacqueline-jeske-5.jpg');}
#map ul li#jac6 a.tl:hover, #map ul li#jac6:hover a.tl {background:url('../images/startnavi/jacqueline-jeske-6.jpg');}
#map ul li#jac7 a.tl:hover, #map ul li#jac7:hover a.tl {background:url('../images/startnavi/jacqueline-jeske-7.jpg');}
#map ul li#jac8 a.tl:hover, #map ul li#jac8:hover a.tl {background:url('../images/startnavi/jacqueline-jeske-8.jpg');}
#map ul li#jac9 a.tl:hover, #map ul li#jac9:hover a.tl {background:url('../images/startnavi/jacqueline-jeske-9.jpg');}

.xsnazzy {display:block; position:absolute; height:auto; background:#201919; width:150px; height:250px; text-align:center;}

#map ul li .xsnazzy,
#map ul li a.tl .xsnazzy
{visibility:hidden;}

#map ul li a.tl:hover .xsnazzy {visibility:visible;}

#map ul li:hover .xsnazzy {visibility:visible; z-index:500;}

/* style all backgrounds with bottom location to make IE7 correctly interpret the z-index */
#jac1 .xsnazzy {left:149px; bottom:-100px; background:url(../images/startnavi/right.gif); color:#696969;}
#jac2 .xsnazzy {left:149px; bottom:-100px; background:url(../images/startnavi/right.gif); color:#696969;}
#jac3 .xsnazzy {left:-149px; bottom:-100px; background:url(../images/startnavi/left.gif); color:#696969;}
#jac4 .xsnazzy {left:149px; bottom:-50px; background:url(../images/startnavi/right_middle.gif); color:#e696969;}
#jac5 .xsnazzy {left:149px; bottom:-50px; background:url(../images/startnavi/right_middle.gif); color:#696969;}
#jac6 .xsnazzy {left:-149px; bottom:-50px; background:url(../images/startnavi/left_middle.gif); color:#696969;}
#jac7 .xsnazzy {left:149px; bottom:0; background:url(../images/startnavi/right_bottom.gif); color:#696969;}
#jac8 .xsnazzy {left:149px; bottom:0; background:url(../images/startnavi/right_bottom.gif); color:#696969;}
#jac9 .xsnazzy {left:-149px; bottom:0; background:url(../images/startnavi/left_bottom.gif); color:#696969;}

.xsnazzy h1, .xsnazzy p, .xsnazzy h2 {margin:0; padding:10px;}

.xsnazzy h1, .xsnazzy h2 {font-size:16px;}

#map ul li a:hover .xsnazzy a,
#map ul li:hover .xsnazzy a
{color:#696969; display:block; width:95px; margin:8px 25px; height:40px; border: 1px solid #696969; font-size:12px; line-height:40px; text-decoration:none;}

#map ul li a:hover .xsnazzy a:hover,
#map ul li:hover .xsnazzy a:hover {background:url(../images/startnavi/hintergrund.gif);}

/* cache the hover images */
img.cache {width:0; height:0; overflow:hidden;}