* { margin: 0; padding: 0 }
body { font: 1em Copperplate Gothic Light, arial, helvetica, sans-serif; text-transform: uppercase; text-align: center; background: #0000cd url(bg-body.png) no-repeat fixed center; min-width: 100%; min-height: 100% }

h1 { font-size: 140%; font-family: Copperplate Gothic Bold; font-weight: bold; text-align: center; margin: 40px 0 0 0; width: 100% }
h2 { font-weight: normal; font-size: 80%; margin: 5px 0 40px 0 }
p { font-size: 80%; margin: 0 0 10px 0 }
ul { margin: 0 0 15px 15px; font-size: 85% }
li { list-style-type: circle }
a:link, a:visited { color: #fff; text-decoration: underline; text-transform: none; font-weight: normal }
a:hover, a:active  { color: #fff; text-decoration: none; text-transform: none; font-weight: normal }

#container { position: absolute; top: 50%; left: 50%; margin-left: -245px; margin-top: -137px; width: 490px; height: 275px }

#content { background: url(bg-card.png) no-repeat top left; padding: 20px; width: 450px; height: 230px }

.imprint { clear: both; text-align: right; margin-right: 22px }

#impressum { font: 1em arial, helvetica, sans-serif; background: #fff }
#impressum h1 { background: #fff; font-family: arial, helvetica, sans-serif; font-size: 100%; color: #000; text-align: left; margin: 20px 0 20px 0; height: 30px }
#impressum h2 { font-weight: bold; font-size: 85%; margin: 15px 0 0 0 }
#impressum p { font-size: 85% }
#impressum a:link, #impressum a:visited { color: #0000cd }
#impressum a:hover, #impressum a:active  { color: #0000cd }
#impressum #container { margin-top: -250px; height: 500px }
#impressum #content { background: #fff; text-transform: none; text-align: left; padding: 0; height:500px }