/* CSS Document */
/*-----------------------------------------------------------------------------
[www.cluster-forstholz-bw.de] Screen Stylesheet

version:   1.3
date:      30/10/2010
last
update:		02/05/2011
author:    [Harald Gress]
email:     [gress@die-marketingmacher.de]
website:   [http://www.die-marketingmacher.de]
-----------------------------------------------------------------------------*/

#kooperationen {
	background-image: url(../img/karte-BW.gif);
	background-repeat: no-repeat;
	position:relative;
  	list-style:none;
  	width:640px;
  	height:775px;
}
#kooperationen li a{
	position:absolute;
	display:block;
	text-decoration:none;
	/*text-indent:-9999px;*/
	width:19px;
	height:32px;
	background-image: url(../img/gmap-pin.png);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}
#kooperationen li#button_kfz a{
	position:absolute;
	display:block;
	width:90px;
	height:24px;
	background-image: url(../img/button_kfz.jpg);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}

#button_kfz a {top:0px; left:560px;}
/*#button1 a {top:0px; left:260px;}*/ /* Frankfurt */
/*#button2 a {top:0px; left:190px;}*/ /* Wiesbaden */
#button3 a {top:106px; left:260px;} /* Heidelberg */
#button4 a {top:420px; left:330px;} /* Mössingen */
#button5 a {top:400px; left:380px;} /* Reutlingen */
#button6 a {top:290px; left:546px;} /* Aalen */
#button7 a {top:120px; left:340px;} /* Mosbach */
#button8 a {top:470px; left:120px;} /* Mühlenbach */
#button9 a {top:440px; left:90px;} /* Ohlsbach */
#button10 a {top:550px; left:60px;} /* Freiburg */
#button11 a {top:530px; left:70px;} /* Freiburg */
#button12 a {top:540px; left:120px;} /* St. Märgen */
#button13 a {top:500px; left:100px;} /* Winden */
#button14 a {top:492px; left:85px;} /* Freiamt */
#button15 a {top:682px; left:104px;} /* Bad Säckingen */
#button16 a {top:610px; left:460px;} /* Leutkirch */
#button17 a {top:540px; left:420px;} /* Bad Schussenried */
#button18 a {top:570px; left:150px;} /* Bernau */
#button19 a {top:90px; left:380px;} /* Buchen */
#button20 a {top:206px; left:432px;} /* Oberrot */
#button21 a {top:520px; left:500px;} /* Biberach */
#button22 a {top:650px; left:150px;} /* Zell im Wiesental */

#button23 a {top:390px; left:95px;} /* Renchen*/
#button24 a {top:545px; left: 125px;} /* St. Märgen */

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

/* move the link background image to position 0 0 when hovered */
/*#kooperationen a#button1:hover, #kooperationen a#button2:hover, #kooperationen a#button3:hover, #kooperationen a#button4:hover, #kooperationen a#button5:hover {background-position:0 0;}*/

/* define the common styling for the span text */
#kooperationen a:hover span {position:absolute; left:16px;  width:180px; height:auto; display:block; font-family:arial; font-size:12px; background:#CF9; color:#000; border:1px solid #000; padding:3px;}
/* define the common styling for the span text KFZ */
#kooperationen #button_kfz a:hover span {position:absolute; left:16px;  width:280px; height:auto; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:3px;}

/* the hack for IE pre IE6 */
* html #kooperationen a:hover span {width:186px; w\idth:180px;}