/* ========================================================
Navigation Stylesheet Site "m.yatplingx.com"  
wird in m_central.css IMPORTIERT  
File: 		m_imagemapvignette_tulli.css
Date: 		2o19o5o1
Author: 	yatplingx
   ======================================================== */

/* imagemapvignette_tulli */

ul#t_vignette {
	list-style: none;
	background: url('http://m.yatplingx.com/m_layout/map1_tulli.png') no-repeat 0 0;
	position: relative;
	width: 900px;
	/* GesamtHoehe der map1 */
	height: 506px;
	margin: 0px 20px 0px 20px;
	padding: 0;
}

ul#t_vignette li {
	position: absolute;
}

ul#t_vignette li a{
	display: block;
	height: 100%;
	text-decoration: none;
}


/* Beispiel: Gesamtbreite des Bildes - hier o95opx: dann
3 Bereiche t_1, t_2, t_3 ... die ersten Beiden t_1 & t_2 sind je 2oopx width ... dann:
o95o - o2oo - o2oo = o55o "RestWidth" */

/* Aktuell: Gesamtbreite des Bildes - hier o95opx: dann
3 Bereiche t_1, t_2, t_3 ... die ersten Beiden t_1 & t_2 sind je 2oopx width ... dann:
o95o - o2oo - o2oo = o55o "RestWidth" */

#t_hannibal {
	/* Breite des TaggingFeldes */
	width: 200px;
	/* Hoehe des TaggingFeldes */
	height: 506px;
	top: 0px;
	left: 0px;
}

#t_maulwurfn {
	width: 200px;
	height: 506px;
	top: 0px;
	left: 200px;
}

/* 2o19^- 2o11 */
#t_johann {
	width: 500px;
	height: 506px;
	top: 0px;
	left: 400px;
}

ul#t_vignette li a:hover {
	background: url('http://m.yatplingx.com/m_layout/map1_tulli.png') no-repeat 0 0;
}

ul#t_vignette li#t_hannibal a:hover {
	/* xPosition t_1 hier Start: 0px / yHoehenPosition -534px der map1 */
	background-position: 0px -506px;
}

ul#t_vignette li#t_maulwurfn a:hover {
	/* xPosition t_2 hier Start: 200px / yHoehenPosition -534px der map1 */
	background-position: -200px -506px;
}

ul#t_vignette li#t_johann a:hover {
	/* xPosition t_3 hier Start: 400px / yHoehenPosition -534px der map1 */
	background-position: -400px -506px;
}


ul#t_vignette li a span {
	display: none;
}

ul#t_vignette li a:hover span {
	display: block;
}

ul#t_vignette li a:hover span {
	display: block;
	padding: 5px;
	width: 150px;
	background: #ffffff;
	position: absolute;
	/* EinblendungsHoehe verändert t_1, t_2, t_3 */
	top: 350px;
	left: 110px;
	font: 11px Arial, Helvetica, sans-serif;
	opacity: .75;
	filter:alpha(opacity=75);
	color: #000000;
}

ul#t_vignette li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

/* ======================================================
   		E N D E   D E S   S T Y L E S H E E T S
   ====================================================== */