/* ------- Kurse ------- */
.kurs	{ margin-top: 12px; border: solid 1px #7582a6; padding: 10px; }
.datum	{ width: 70px; float: left; padding: 0px 0px 10px 5px; text-align: right; }
.beschreibung	{ width: 625px; float: left; padding: 0px; margin-left: 10px;   }
.preis	{ width: 80px; float: right;  margin-left: 10px; padding: 0px 5px 10px 5px; text-align:center; }
.rechts	{ text-align: right; float: right; }
.details { margin-left: 20px; }
.strich { text-decoration: underline;}
.mehr 	{ margin-left: 22px; }


.toggle_container .block {
	padding: 20px; border-top: solid 1px #ebcdea;
}




h2.trigger {
	padding: 0 0 0 22px;
	margin: 0 0 0px 0;
	background: url(../../img/kurseheadline.gif) no-repeat;
	height: 43px;
	line-height: 20px;
	width: 390px;
	font-size : 16px;
	font-weight : bold;
	float: left;
}
h2.trigger a {
	color: #343b5d;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #803780;
}
h2.active {background-position: left bottom;}


/* ------- tooltip ------- */
.tooltip {
	border-bottom: 0px dotted #000000; color: #000000; outline: none;
	cursor: pointer; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -4000px;
	position: absolute; text-decoration: none;
}
.tooltip:hover span {
	-moz-box-shadow: 8px 8px 20px #051815;
	-webkit-box-shadow: 8px 8px 20px #051815;
	box-shadow: 8px 8px 20px #051815; 
	position: absolute; left: 10px; top: -200px; z-index: 99;
	margin-left: -200px; width: 250px; text-align: left; text-decoration: none;
}
.tooltip:hover img {
	border: 0; margin: -25px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-size: 16px; font-weight: bold; color:#803780;	
	display: block; padding: 0px 20px 0px 0px;
}

.tooltip br { /* Alle Zeilenumbrüche in tooltip auswählen */
  margin-top: -10px;
}
* html a:hover { background: transparent; }
.service { background: #eeeff3; border: 1px solid #7582a6;  padding: 20px 20px 20px 20px; color:#7582a6; font-weight: 400; text-decoration: none;  }