*               { margin: 0; padding: 0; }
body            { font: normal 90% Helvetica, Arial, sans-serif; line-height: 1.7em; color: #222; }
#head           { position: relative; height: 95px; padding: 0 5px; background: #DCDCDC url(../images/bg_head.png); }
#navi           { position: absolute; bottom: 0.1em; left: 70px; width: 36em; list-style: none; margin: 0; }
#navi li        { float: left; margin-right: 0.4em; }
#navi a         { color: #222; padding: 0.6em 0.5em 0.5em 0.5em; }
#navi a:focus,
#navi a:hover   { color: #F50012; }
#navi li.act a  { color: #222; background: #FFF; border-top: 2px solid #F50012; }
.wrap           { padding-left: 77px; padding-right: 1.5em; width: 33.5em; }
#main           { padding-top: 1.5em; padding-bottom: 3em; background: #FFF url(../images/stufe.png) no-repeat; color: #000; }
#main li        { margin: 0; border-bottom: 1px dotted #CCC; padding: 0.5em 0; }
#main ul        { list-style: none; }
#foot           { margin-bottom: 1em; padding-top: 0.4em; padding-bottom: 0.3em; background: #DCDCDC url(../images/bg_head.png); }
#foot p         { font-size: 0.9em; margin: 0; }
#foot a         { text-decoration: underline; color: #222; }
h2              { margin: 0 0 0.5em 0; font-size: 1.4em; font-weight: bold; color: #F50012; }
h3              { margin: 0; font-size: 1.1em; font-weight: bold; }
h3 .note        { margin-left: 0.3em; }
form h3         { margin: 0 0 0.5em 0; }
p, pre          { margin-bottom: 1.2em; }
ul              { margin: 0 0 1.7em 0; }
a               { color: #F50012; text-decoration: none;  }
img             { border: 0; }
small           { font-size: 0.8em; font-weight: normal; }
table           { margin: 0 0 1.7em 0; width: 100%; }
th              { font-weight: normal; padding: 0.2em 2em 0.2em 0; text-align: left; color: #888; vertical-align: top; }
th.disclosure   { width: 6.5em; }
td              { padding: 0.2em 2em 0.2em 0; vertical-align: top; }
form            { margin: 1em 0 1.7em 0; border: 1px dotted #CCC; border-top: 2px solid #AAA; padding: 1em; }
form p          { margin-bottom: 0.5em; }
input           { padding: 0.2em; }
select          { width: 20.7em; }
input[type=text],
input[type=password]    { width: 20em; }
input[type=checkbox],  
input[type=radio]       { position: relative; top: -0.2em; }
input.space             { margin-right: 0.7em; }
select#persona_birth_date_1i   { width: 6em; }
select#persona_birth_date_2i   { width: 10em; }
select#persona_birth_date_3i   { width: 4em; }
div.row                 { margin: 0 0 0.7em 0; clear: both; }
div.space               { margin: 0 0 1.7em 0; }
label                   { display: block; }
label.check             { display: inline; margin: 0 2em 0 0.2em; }
label.note              { display: inline; margin: 0 0 0 0.4em; }
div.inline label        { float: left; width: 8.5em; }
.labelspace             { margin-left: 9.5em; }
.options a              { margin-right: 0.7em; }
.note                   { font-size: 0.9em; color: #666; font-weight: normal; }
.note a,
a#forgot_password       { color: #888; margin: 0 0.3em; text-decoration: underline; font-weight: normal; }
#openid_identifier      { background: url(/images/openid_symbol.png) 2px 50% no-repeat; padding-left: 25px; }
.clear                  { clear: both; }
.notice                 { margin: 0 0 1.7em 0; border: 1px solid #60964f; padding: 0.5em; background: #B3DCA7 url(../images/accept.png) 0.5em 0.7em no-repeat; padding-left: 30px; }
.error p,
.notice p               { margin: 0; }
.fieldWithErrors label  { color: #F50012; }
.error,
#errorExplanation       { margin: 0 0 1.7em 0; padding: 0.5em 1em 0.5em 30px; border: 1px solid #F50012; background: #FF8080 url(../images/exclamation.png) 0.5em 0.7em no-repeat; }
#errorExplanation h2    { font-size: 1em; color: #222; font-weight: normal; }
#errorExplanation ul    { margin: 0 0 0 1.2em; list-style: square; }
#errorExplanation ul li { padding: 0; border: 0; }