h1, h2, p, ul, li { margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: normal; list-style: none; }

body { background: #FFF; color: #111; font-family: Times, "Times New Roman", serif; width: 600px; margin: 36px auto; overflow-y: scroll; }

header { display: block; clear: both; margin-bottom: 24px; }
header p { font-size: 24px; line-height: 36px; text-align: center; text-shadow: none; }

h1 { display: none; }

a { color: #33E; background: rgba(255, 255, 255, 0); text-decoration: none; -webkit-transition-duration: 0.2s; -webkit-border-radius: 2px; }
a:visited { color: #99F; }
a:hover { color: #99F; background: #EEF; }

header a, header a:visited { color: #00F; border-bottom: 1px solid #FFF; }
header a:hover { background: none; color: #55F; border-color: #55F; }

#spiel { height: 300px; position: relative; padding: 12px 324px 0 12px;
  overflow: hidden; background: #F9F9F9; margin-bottom: 24px; }
#spiel p { font-size: 22px; line-height: 36px; margin-bottom: 18px; }
#spiel .amp { font-family: Baskerville; font-style: italic; }
#spiel #portrait { width: 300px; position: absolute; right: 0px; top: 12px;
  font-size: 14px; line-height: 18px; color: #555; text-indent: -999px; }
#spiel #portrait img { width: 288px; display: block; }

#preamble { text-align: center; margin-bottom: 24px; }
#preamble span { white-space: nowrap; }

#projects { overflow : hidden; }
#projects dt, dd { margin: 0; padding: 0; width: 300px; font-size: 18px; line-height: 24px; }
#projects dt { float: left; clear: both; font-size: 24px; overflow: hidden; }
#projects dt a { display: block; overflow: hidden; margin-right: 12px; height: 48px; background: #FFF; overflow: hidden; }
#projects dt a:hover { background: #EEF; }
#projects dt a span { background: inherit; padding-right: 6px; }
#projects dt a:after { content: " "; display: block; margin-top: -6px;
  border-bottom: 1px dashed #CCF; }
#projects dd { float: right; margin-bottom: 12px; }