/* imagemap projektablauf */


dl {
	background: url(../medias/linien_gelb.gif);
	height: 200px;
	width: 630px;
	position:relative;
	margin-top: 20px;
	margin-bottom: 20px;
	}
dt {
	display: none;
	}
dd {
	position: absolute;
	}
dd#mfaeller {
	height: 200px;
	left: 0;
	top: 0;
	width: 210px;
	}
dd#mhacker {
	height: 200px;
	left: 210px;
	top: 0;
	width: 210px;
	}
dd#mshuttle {
	height: 200px;
	left: 420px;
	top: 0;
	width: 210px;
	background-position: -500px;
	}

dd a {
	display: block;
	height: 100%;
	width: 100%;
	}

dd a:hover,
dd a:focus,
dd a:active {
	background: url(../medias/linien_gelb.gif);
	}


dd#mfaeller a:hover,
dd#mfaeller a:focus,
dd#mfaeller a:active {
	background-position: 0 0;
	text-decoration: none;
	}
dd#mhacker a:hover,
dd#mhacker a:focus,
dd#fmhacker a:active {
	background-position: -210px 0;
	text-decoration: none;
	}	
dd#mshuttle a:hover,
dd#mshuttle a:focus,
dd#mshuttle a:active {
	background-position: -420px 0;
	text-decoration: none;
	}

dd a {
	color: #fff;
	text-decoration: none;
	}

dd#mfaeller span,
dd#mhacker span,
dd#mshuttle span {
	top: 0;
	}

dd a span {
	color: #fff;
	padding: 5px 0 0 10px;
	cursor: pointer;
	position: absolute;
	}

dd a:hover span {
	color:  #4D4D4D;
	}