/*----------------------------------------------------------------------------*/
/* stylesheet fuer Cocktail                     ------------------------------*/
/* Author: M.Scharfenberg                       ------------------------------*/
/* Version:1.0                                  ------------------------------*/
/* Datum: 16.04.2010                            ------------------------------*/
/* letzte Ae„nderung: 18.04.2010                 ------------------------------*/
/*----------------------------------------------------------------------------*/

/* zum IV - fuer Karte Bier */
div#zum-IV{
	position: absolute;
	left:720px;
	top:280px;
	width:60px;
	height:60px;
}

a.zum-IV-1{
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	background-position:top;
	width: 60px;
	height: 60px;
	display: block;
}


a.zum-IV-1:hover{
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	background-position:bottom;	
}

#cont-cock-oben{
	position:absolute;
	background-image: url(../images/karte/cock-bg-oben.jpg);
	background-repeat:no-repeat;
	left:0px;
	top:443px;
	width:1050px;
	height:135px;
}

#cont-cock-mitte{
	position:absolute;
	background-image: url(../images/karte/cock-bg-mitte.jpg);
	background-repeat: no-repeat;
	left:0px;
	top:578px;
	width:1050px;
	height:140px;
}

#cont-cock-unten{
	position:absolute;	
	background-image: url(../images/karte/cock-bg-unten.jpg);
	background-repeat: no-repeat;
	left:0px;
	top:718px;
	width:1050px;
	height:135px;
}

/*-------------------- Tooltip ------------------------*/
a.tooltip{
position: relative;
z-index: 20;
color: #404040;
}

a.tooltip:hover{
z-index: 25;
/*color:#a70f0f;*/
}

a.tooltip span{ /* Span Element nicht anzeigen */
display: none;
}

a.tooltip:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: #bbb; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -5em; /* abstand von oben */
left: 7em; /* abstand von links */
width: 15em; /* breite */
padding: 4px; /* Innenabstand */
padding-bottom:0px;
margin:0px;
border: 2px solid #244e71; /* Rahmenfarbe */
color: #252525; /* Textfarbe */
text-align: left; /* Textausrichtung */
font-size: 0.8em;
}

a.tooltip:hover h6{
font-weight:bold;
font-size:1.2em;
color:#244e71;
}

a.tooltip p{font-size: 0.7em;}

#cock1-text{
	position:absolute;
	left:140px;
	top:95px;
	width:75px;
	height:75px;
}

#cock2-text{
	position:absolute;
	left:330px;
	top:95px;
	width:75px;
	height:75px;
}

#cock3-text{
	position:absolute;
	left:520px;
	top:95px;
	width:75px;
	height:75px;
}

#cock4-text{
	position:absolute;
	left:140px;
	top:245px;
	width:75px;
	height:75px;
}

#cock5-text{
	position:absolute;
	left:330px;
	top:245px;
	width:75px;
	height:75px;
}

#cock6-text{
	position:absolute;
	left:520px;
	top:245px;
	width:75px;
	height:75px;
}