@CHARSET "ISO-8859-1";

/* Stylesheets fuer die Elternvertreter Rubrik */

table#elternvertreter-liste tr td {vertical-align: top;}

table#elternvertreter-liste tr td div.elternvertreter {
	position: relative; 
	z-index: 2; 
	display: inline;
}

table#elternvertreter-liste tr td div.elternvertreter:hover {
	z-index: 3;
	cursor: pointer;
}

table#elternvertreter-liste tr td div.elternvertreter span {
	text-decoration: underline;
}

table#elternvertreter-liste tr td div.elternvertreter div {
	display: none;
	font-size: 0.8em;
}

table#elternvertreter-liste tr td div.elternvertreter:hover div {
	display: block; 
	position: absolute; 
	top: -30em; 
	left: 10em; 
	width: 44em;  /* entspricht ca. 450px; beachte: 80% Font-Size von 12.8px (100%) ! */ 
	border: 1px solid #707070; 
	background-color: #FFEB92; 
	color: #000000; 
	padding: 0.5em; 
}

table#elternvertreter-liste tr td div.elternvertreter:hover span {
	color: #000;
}

/* Es folgen allgemeine Angaben zu Dingen innerhalb des "PopUp"-Fenster */

table#elternvertreter-liste tr td div.elternvertreter div p {
	font-weight: bold;
	font-size: 1.25em;  /* Dies sind wieder 12.8px */	
}

table#elternvertreter-liste tr td div.elternvertreter div img.vertreter {
	height: 24.414em;  /* Bilder sind immer 250px hoch. Wir befinden uns hier in einem div mit font-size 0.8em, also 80% von 12.8px, d.h. (250 / 10,24) = 24.414em */
	float: right;
	margin-left: 1em;
}