#gruppe1{
	float:left;
 	width: 704px; 
	padding: 10px 0;   	
	margin-top:20px;
}
#gruppe1 dl{
	float:left;
	width: 660px;
	margin:10px 20px; 	
	padding:0;
	display: inline;
	border-bottom: 1px solid #999999;
	padding-bottom:20px;
	text-align:left;
}

#gruppe1 dt{
	margin:10px 0 0 0; 	    
	width: 250px;   
	padding:0;
	font-size:130%;
	letter-spacing:1px;
	color:#627081;
	text-align:right;
}
#link5 #gruppe1 dt{ width: 290px;  font-size:100%;} /* Todesfälle */


#gruppe1 dd{
    margin: -2em 0 0 273px; 
	padding:0;
	font-size:90%;
	line-height:1.5em;
	color:#666;
	}

#link5 #gruppe1 dd{  margin-top:-1.5em; margin-left: 330px;}/* Todesfälle */

#bildGruppe2{
	margin:20px 0 20px 20px;
	float:left;
 /* width: 300px; */
 	width: 504px; /* siehe S. 121 */
	padding: 10px 0;   	/*  Der IE berechnet die Boxenbreite falsch, daher den Listen Ränder geben statt 
							dem Container-<div> Padding, der eine feste Breite hat */
	border: 2px solid #c8cdd2;
	background:url(img/hg.jpg) no-repeat top left;
}
#bildGruppe2.buecher{ width: 554px;}
#bildGruppe2 img{width:100px;}
#bildGruppe2.buecher img{width:150px;}
#bildGruppe2.linkliste .banner { }
#bildGruppe2.linkliste .banner img{width:468px; position:relative; left:-120px; }
#bildGruppe2.linkliste dt.banner {color: transparent; text-indent:-1000em;  height:0.1em; line-height:0.1em; }
#bildGruppe2.linkliste dd a{font-size:1.1em; }
#bildGruppe2 dl{
	float:left;
	width:: 460px; /* nötig für den IE/Mac */
	margin:20px 20px; 	/* 	siehe Kommentar BlidGruppe1 */
	padding:0;
	display: inline; /* fixt den Bug der Randverdoppelung im IE/Win */
}
#bildGruppe2.buecher dl{ width:: 510px;  border-bottom:1px solid #999999; padding-bottom:20px;/* nötig für den IE/Mac */}
#bildGruppe2 dt{
	float:right;
/*  width: 180px;*/ /*  ges. Box-Breite minus 2xRänder der Definitionsliste, minus Breite des Bildes */
	margin:0; 	    /* 	siehe Kommentar bildGruppe2 */
	width: 342px;   /*  Pixel abziehen, damit ein Abstand zum Bild entsteht => siehe S. 114 */
	padding:0 0 20px 0;
	font-size:130%;
	letter-spacing:1px;
	color:#627081;
}
#bildGruppe2.buecher dt	{width: 510px;  text-align:left; font-weight:bold; }
#bildGruppe2.linkliste dt{ padding-top:2px; padding-bottom:7px;}
#bildGruppe2 dd{
 /* margin:0; */ 	/* 	siehe Kommentar BlidGruppe1 */
    margin: 0 50px 0 122px; /* für Spaltenoptik => siehe S. 118 */
	padding:0;
	font-size:85%;
	line-height:1.5em;
	color:#666;
	text-align:left;
}

#bildGruppe2.buecher dd{ margin: 0 0 0 172px; /* für Spaltenoptik => siehe S. 118 */}

#bildGruppe2.buecher dd{ font-size: 0.9em; margin-bottom:10px;}
#bildGruppe2.buecher dd.intro{margin:0; padding:0; color:#999999;}
#bildGruppe2.buecher dd.intro.author{ font-style: italic;margin-bottom:10px;}
#bildGruppe2.buecher dd.intro.isbn{font-weight:bold; font-size:1em;}
#bildGruppe2.buecher dd.text{ font-size: 1em; }
#bildGruppe2.buecher .img{margin-top:20px; }
#bildGruppe2 dd.info{

	color:#999999;
	margin-top:10px;
	font-style: italic;
}
#bildGruppe2 dd.link{
	margin-top:5px;
	margin-bottom:0;
	
}
#bildGruppe2 dl dd.img{
	margin: 0; /* siehe S. 118/119 */
}
#bildGruppe2 dd.img img{
	float:left;
	margin: 0 8px 0 0;
	padding:4px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background:#fff;
}
/* umgekehrter float */
#bildGruppe2 .alt dt{
	float:left;
	text-align:right;
}
#bildGruppe2 .alt dd{
	margin: 0 122px 0 50px; /* siehe S. 118/119 */
	text-align:right;
}
#bildGruppe2 .alt dd.img img{
	float: right;
	margin: 0 0 0 8px;
}
#bildGruppe2 .alt dd.info{text-align:right;margin-top:10px;}