* {
margin: 0;
padding: 0;
}

html {
background: #EEE;
color: #000;
font: 68.75%/1.2 verdana, arial, helvetica, sans-serif;
}

body {
padding: 30px;
}

dl, dd a:focus, dd a:hover, dd a:active {
background: url(bilder/siegestor.jpg);
}

dl {
border: 2px solid;
height: 410px;
position: relative;
width: 550px;
}

dt {
display: none;
}

dd {
position: absolute;
}

dd#relief {
height: 100px;
left: 104px;
top: 236px;
width: 220px;
}

dd#relief a:focus, dd#relief a:hover, dd#relief a:active {
background-position: -104px -646px;
}

dd#relief span {
top: 105px;
}

dd#quadriga {
height: 103px;
left: 213px;
top: 10px;
width: 229px;
}

dd#quadriga a:focus, dd#quadriga a:hover, dd#quadriga a:active {
background-position: -213px -420px;
}

dd#quadriga span {
top: 105px;
}

dd#medaillon {
height: 100px;
left: 330px;
top: 150px;
width: 220px;
}

dd#medaillon a:focus, dd#medaillon a:hover, dd#medaillon a:active {
background-position: -330px -560px;
}

dd#medaillon span {
top: 75px;
}

dd a {
color: #FFF;
display: block;
height: 100%;
text-decoration: none;
width: 100%;
}

dd a span {
background: #000;
cursor: pointer;
border: 2px solid;
padding: .5em;
position: absolute;
}

div {
display: none;
}