body
{
    margin: 0;
    padding: 0;
    background: black;
    color: white;
    text-align: center; /* ie hack */
}

/* center content */
#contentbox
{
    position: relative;
    width: 90%;
    margin: 0.5em auto;
    text-align: left; /* ie hack */
}

/* link styling */
a:link, a:hover, a:active, a:visited
{
    text-decoration: none;
    color: red;
    font-weight: bold;
}
a:hover { border-bottom: dotted 2px white; }
a img { border: none; }

/* round corners in nice browsers */
.round
{
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;	
    border-radius: 1em;
}

/* logos */
div.logo
{
    position: absolute;
    width: 268px;
    height: 284px;
    background: no-repeat left top url(jc_hamburg_moon.jpg);
}
#logolink
{
    position: absolute;
    width: 268px;
    height: 284px;
    z-index: 1;
}
#smalllogo
{
    position: absolute;
    top: 50%;
    left: 2em;
}

/* this div holds the content and the logo at the bottom right */
div.content
{
    position: absolute;
    padding: 2em;
    margin-bottom: 1em;
    border: solid 2px white;
}

/* heading styles */
h1 { font-size: 250%; margin: 1em 0 0 0; }
h2 { font-size: 200%; margin: 0 0 3em 0; }
h3.caption
{
    font-style: italic;
    float: left;
    width: 30%;
    text-align: right;
}

/* format content */
div.clear { clear: both; }
p, ul, dl
{
    clear: left;
    padding-left: 35%;
}

/* content is floated to the right, headings to the left */
li, dd { margin-bottom: 1em; }
.right { float: right; }
.left { float: left; }
.clear { clear: right; }