/* set up the font to be used for the page 
body {font-family: tahoma; arial, sans-serif;}
*/
/* set the size of the definition list <dl> and add the background image */
#imap {display:block; width:801x; height:230px; background:url('../images/1805_Strahl_Forex-F_nur-Bild.jpg') no-repeat; 
position:relative;
}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {display:block; width:801px; height:0; padding-top:230px; overflow:hidden; position:absolute; left:0; top:0; background:url('../images/1805_Strahl_Forex-F_nur-Bild.jpg') no-repeat 801px 801px; 
cursor:default;
}
/* the hack for IE pre IE6 */
* html #imap a#title {height:230px; he\ight:0;}

/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #dd01 {left:36px; top:46px; z-index:20;}
#imap #dd02 {left:113px; top:76px; z-index:20;}
#imap #dd03 {left:192px; top:50px; z-index:20;}
#imap #dd04 {left:262px; top:60px; z-index:20;}
#imap #dd05 {left:300px; top:60px; z-index:20;}
#imap #dd06 {left:340px; top:60px; z-index:20;}
#imap #dd07 {left:380px; top:60px; z-index:20;}
#imap #dd08 {left:420px; top:60px; z-index:20;}
#imap #dd09 {left:460px; top:60px; z-index:20;}
#imap #dd10 {left:500px; top:60px; z-index:20;}
#imap #dd11 {left:540px; top:60px; z-index:20;}
#imap #dd12 {left:580px; top:60px; z-index:20;}
#imap #dd13 {left:620px; top:60px; z-index:20;}
#imap #dd14 {left:660px; top:60px; z-index:20;}
#imap #dd15 {left:700px; top:60px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#a01, #imap a#a02, #imap a#a03, #imap a#a04, #imap a#a05, #imap a#a06, #imap a#a07, #imap a#a08, #imap a#a09, #imap a#a10, #imap a#a11, #imap a#a12, #imap a#a13, #imap a#a14, #imap a#a15 {display:block; width:30px; height:30px; background:url('../images/hover.gif') no-repeat -100px; 
text-decoration:none; z-index:20;
}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {display:none;}

/* move the link background image to position 0 0 when hovered */
#imap a#a01:hover, #imap a#a02:hover, #imap a#a03:hover, #imap a#a04:hover, #imap a#a05:hover, #imap a#a06:hover, #imap a#a07:hover, #imap a#a08:hover, #imap a#a09:hover, #imap a#a10:hover, #imap a#a11:hover, #imap a#a12:hover, #imap a#a13:hover, #imap a#a14:hover, #imap a#a15:hover {background-position:0 0;}

/* define the common styling for the span text */
#imap a:hover span {position:absolute;  width:789px; display:block; font-family:arial; font-size:14px; line-height:18px;background:#fff; color:#000; border:1px solid #000; padding:5px;}
/* the hack for IE pre IE6 */
* html #imap a:hover span {width:801px; w\idth:388px;}

/* move the span text to a common position at the bottom of the image map */
#imap a#a01:hover span {left:-40px; top:127px;}
#imap a#a02:hover span {left:-100px; top:154px;}
#imap a#a03:hover span {left:-144px; top:187px;}
#imap a#a04:hover span {left:-72px; top:185px;}
#imap a#a05:hover span {left:-200px; top:155px;}
#imap a#a06:hover span {left:-108px; top:94px;}
#imap a#a07:hover span {left:-199px; top:96px;}
#imap a#a08:hover span {left:-254px; top:208px;}
#imap a#a09:hover span {left:-284px; top:165px;}
#imap a#a10:hover span {left:-274px; top:82px;}
#imap a#a11:hover span {left:-466px; top:188px;}
#imap a#a12:hover span {left:-518px; top:188px;}
#imap a#a13:hover span {left:-437px; top:112px;}
#imap a#a14:hover span {left:-659px; top:143px;}
#imap a#a15:hover span {left:-641px; top:89px;}

/* add the style for the link span text - first line */
#imap a span:first-line {color:#72b94f; font-weight:bold; margin-bottom:8px;}

#ads {margin-top:150px;}