#gruppe1{
	padding: 10px 0;   	
	margin-top:20px;
}
html>body #gruppe1{width: 704px; }

#gruppe1 a {
	padding-right:10px;
	background-image: url(url(../img/empty.gif));
	background-color: #E8E8E8;
}
#gruppe1 a,#gruppe1 a:visited{
	text-decoration:none;
	color:#627081;
	background-image: url(../img/dotted.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
#gruppe1 a:hover{ text-decoration:underline; color:#0000FF;}


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


html>body #gruppe1 dl, dl#gruppeSeminare {
	max-width: 660px ;}
#gruppeSeminare dt{
	font-weight: bold;
	text-transform: uppercase;padding-top:30px;
 margin-bottom:15px; }
#gruppeSeminare dd{ margin:0; padding:0;}
#gruppeSeminare dd img{
	border:1px solid grey;
	float: left;
	width:150px;
	padding:0; margin:0 20px 10px 0;
}
#gruppeSeminare dd.uImg{clear:both; margin-top:1.5em;}
#gruppeSeminare dd.extra {
	padding:10px 0;
	
}
#gruppeSeminare dd.kosten {
	margin-top:20px;
	padding:10px 0;
	border-bottom:1px solid #999999;
}
#gruppeSeminare b{ width:8.5em; position:absolute; font-weight:bold; }
#gruppeSeminare i{
	margin-left:8.7em;
	font-style: normal;
}
#gruppe1 dt, .praxisangebot ul li{
	margin:10px 0 0 0; 	    
	width: 200px;   
	padding:0;
	font-size:110%;
	letter-spacing:1px;
	color:#627081;
	text-align:left;
	background:url(../img/dotted.gif) 0 98% repeat-x;
}
/* 
Praxisangebot */
.praxisangebot #gruppe1 dt,#link8 ul li {background:none; font-size:100%; font-weight:bold; width:220px;} 
.praxisangebot #gruppe1 dd{
    margin: -1.5em 0 0 250px; }
.praxisangebot ul{ margin: 30px 0; padding:0;}
.praxisangebot ul li{ width: 300px; list-style:none; text-indent:0; } 

.sprechzeiten h3{font-size:0.9em;margin:30px 0 0;}
.sprechzeiten ul{ position:relative;margin: 20px 0 50px ; padding:0; font-size:1.1em;}
.sprechzeiten ul li{ position:relative; list-style:none; text-indent:0; display:block; height:1.2em; line-height:1.2em; margin-bottom:15px; padding-left:5px;} 
html>body .sprechzeiten ul li{ width: 600px; }

.sprechzeiten li b{position:absolute;  width:12em; left:8em;font-weight: normal;}
.sprechzeiten li i{
	position:absolute;
	width:10em;
	left:20em;
	font-style: normal;
}
.sprechzeiten li:hover{background:#CCCCCC;}
#gruppe1 dd{
    margin: -1.5em 0 0 220px; 
	padding:0;
	font-size:90%;
	line-height:1.5em;
	color:#666;
	}

div.pic{ float:left; height: 13em; padding:16px; width:135px; background:white; margin:5px 3px; background:url(../img/Dia.gif) 0 0 no-repeat;}
div.pic img{border:1px solid; border-color:#444 #aaa #aaa #444;}
div.pt img{height: 129px; width:93px; margin:0 16px;}
div.pic ul {margin:2em 0 0; padding:0;font: 0.9em Arial, Verdana, sans-serif;  }
div.pic li{list-style:none;}
li.Person{color: #000066; font-weight:bold; text-align:center;} 
li.Position{text-align:center;} 

#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 img{width:100px;}
#bildGruppe2.linkliste .banner img{width:468px; margin-left:-120px;}
#bildGruppe2.linkliste .banner dt{text-indent:-9000em; 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 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.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 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;}