/* CSS Document */
/* elephant the foodclub -------------------*/

/* Website Konzept, Design und Realisierung */
/* metome.design - crossmedia communication */

a.tooltip {
	text-decoration: none;
	color: #fff;
	background: url(../images/icon_document.gif) no-repeat left center;
	padding-left: 20px;
	z-index: 1000;
	}
a:hover {
	text-decoration:none;
	color: #d6de23;
	} /*BG color is a must for IE6*/

a.tooltip span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:220px;
	z-index: 1000;
	}

a.tooltip:hover span {
	display:inline; 
	position:absolute; 
	background:#d6de23; 
	border:1px solid #cccccc; 
	color:#302d2b;
	z-index: 100;
	left: 10px;
	top: 40px;
	z-index: 1000;
}



/* ------------------------ */
a.tooltip-0 {
	text-decoration: none;
	color: #fff;
	background: url(../images/icon_document.gif) no-repeat left center;
	padding-left: 20px;
	z-index: 1000;
	}
a.tooltip-0:hover {
	text-decoration:none;
	color: #d6de23;
	} /*BG color is a must for IE6*/

a.tooltip-0 span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:90px;
	z-index: 1000;
	}

a.tooltip-0:hover span {
	display:inline; 
	position:absolute; 
	background:#d6de23; 
	border:1px solid #cccccc; 
	color:#302d2b;
	z-index: 100;
	left: 10px;
	top: 40px;
	z-index: 1000;
}

/* ------------------------ */
a.tooltip-1 {
	text-decoration: none;
	color: #fff;
	background: url(../images/link-intern.gif) no-repeat left center;
	padding-left: 13px;
	}
a.tooltip-1:hover {
	text-decoration:none;
	color: #d6de23;
	} /*BG color is a must for IE6*/

a.tooltip-1 span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:90px;
	z-index: 100;
	}

a.tooltip-1:hover span {
	display:inline; 
	position:absolute; 
	background:#d6de23; 
	border:1px solid #cccccc; 
	color:#302d2b;
	z-index: 100;
	left: 100px;
	top: 60px;
}

/* ------------------------ */
a.tooltip-2 {
	text-decoration: none;
	color: #fff;
	background: url(../images/link-intern.gif) no-repeat left center;
	padding-left: 13px;
	}
a.tooltip-2:hover {
	text-decoration:none;
	color: #d6de23;
	} /*BG color is a must for IE6*/

a.tooltip-2 span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:90px;
	z-index: 100;
	}

a.tooltip-2:hover span {
	display:inline; 
	position:absolute; 
	background:#d6de23; 
	border:1px solid #cccccc; 
	color:#302d2b;
	z-index: 100;
	left: 60px;
	top: 20px;
}