/* 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#begehen {
	height: 100px;
	left: 0;
	top: 0;
	width: 210px;
	}
dd#faellen {
	height: 100px;
	left: 210px;
	top: 0;
	width: 210px;
	}
dd#hacken {
	height: 100px;
	left: 420px;
	top: 0;
	width: 210px;
	background-position: -500px;
	}
dd#shuttlen {
	height: 100px;
	left: 0;
	top: 100px;
	width: 210px;
	}
dd#transportieren {
	height: 100px;
	left: 210px;
	top: 100px;
	width: 210px;
	}
dd#verrechnen {
	height: 100px;
	left: 420px;
	top: 100px;
	width: 210px;
	}
dd a {
	display: block;
	height: 100%;
	width: 100%;
	}

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


dd#begehen a:hover,
dd#begehen a:focus,
dd#begehen a:active {
	background-position: 0 0;
	text-decoration: none;
	}
dd#faellen a:hover,
dd#faellen a:focus,
dd#faellen a:active {
	background-position: -210px 0;
	text-decoration: none;
	}	
dd#hacken a:hover,
dd#hacken a:focus,
dd#hacken a:active {
	background-position: -420px 0;
	text-decoration: none;
	}
dd#shuttlen a:hover,
dd#shuttlen a:focus,
dd#shuttlen a:active {
	background-position: 0 -100px;
	text-decoration: none;
	}
dd#transportieren a:hover,
dd#transportieren a:focus,
dd#transportieren a:active {
	background-position: -210px -100px;
	text-decoration: none;
	}
dd#verrechnen a:hover,
dd#verrechnen a:focus,
dd#verrechnen a:active {
	background-position: -420px -100px;
	text-decoration: none;
	}


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

dd#begehen span,
dd#faellen span,
dd#hacken span,
dd#shuttlen span,
dd#transportieren span,
dd#verrechnen span {
	top: 0;
	}

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

dd a:hover span {
	color:  #fff;
	}