body {
font:.82em Verdana, Arial, Sans-Serif;
line-height:1.6em;
padding:0 6%;
}

#content {
margin:0 auto;
}

#header {
background:#FFF;
color:#111;
height:82px;
margin:0 auto;
padding:0;
}

#header h1 {
color:#BF1238;
font-size:166%;
padding:10px 0 0 13px;
}

#header .portside {
height:82px;
}

#header .bowside {
float:right;
height:82px;
width:5em;
}

#intro {
background:#bdf;
border-bottom:1px dotted #888;
border-top:1px dotted #888;
clear:both;
color:#303030;
margin:15px 8px 10px;
padding:1em;
}

#intro a {
border-bottom:1px dashed #0066B3;
text-decoration:none;
}

#navbar {
background:#BF1238;
height:35px;
margin:0 8px;
padding:0;
}

#navbar .portside {
height:35px;
padding-left:5px;
}

#navbar .bowside {
float:right;
height:35px;
width:8px;
}

#navbar li a {
color:#FFF;
font-weight:700;
padding-left:10px;
padding-right:15px;
text-align:left;
text-decoration:none;
}

#navbar li a:hover,#navbar li a:active {
background:#EE3;
color:#BF1238;
}

#navbar li a.inactive {
background:#BF1238;
color:#EE3;
}

#navbar li {
float:left;
font-size:11px;
line-height:35px;
list-style-type:none;
margin:0;
padding:0;
white-space:nowrap;
width:auto;
}

#main {
background:#FFF;
color:#111;
margin:25px 0 15px;
}

#main #right {
background:#FFF;
color:#111;
float:right;
margin-right:8px;
width:220px;
}

#main #right .box {
background:#efefef;
color:#111;
margin-bottom:10px;
padding:5px;
}

#main #right h2 {
background:#CDCDCD;
color:#222;
font:bold 1em Arial, Sans-Serif;
height:18px;
padding:3px;
}

#left {
background:#FFF;
color:#333;
margin-left:8px;
margin-right:255px;
padding-left:8px;
}

#left h2 {
color:#330;
}

#footer {
background:#FFF;
clear:both;
color:#111;
font-size:75%;
height:46px;
margin-left:8px;
margin-right:8px;
}

#footer p {
padding:5px;
}

#footer .rside {
display:inline;
float:right;
padding:5px;
text-align:right;
}

#imprintbox {
background:#EF9;
border-bottom:1px dotted #888;
border-top:1px dotted #888;
clear:both;
color:#222;
font-size:111%;
line-height:132%;
margin:15px 8px 10px;
padding:.8em;
}

#imprintbox a {
text-decoration:none;
}

a {
color:#33C;
text-decoration:none;
}

a:hover,a:active {
color:#33C;
text-decoration:underline;
}

h1 {
font:bold 1.9em Arial, Sans-Serif;
}

h2 {
font:bold 1.2em Arial, Sans-Serif;
margin:0;
padding:0;
}

li {
list-style-type:none;
margin-left:1.5em;
}

#main #left ul,#main #left ol {
margin:1.4em .2em 1em .3em;
}

#main #left ul li {
list-style-type:square;
}

#main #left ul ul li,#main #left ol ul li {
list-style-type:disc;
}

#main #left ul ul ul li {
list-style-type:circle;
}

#main #left ol li {
list-style-type:decimal;
}

#main #left ol ol li,#main #left ul ol li {
list-style-type:lower-alpha;
}

#main #left ol ol ol li {
list-style-type:lower-roman;
}

#main #left li p {
list-style-type:none;
}

.note {
border-top:1px solid #e5e5e5;
margin-bottom:25px;
margin-top:5px;
text-align:right;
}

#main #left .note a,#main #right a {
border:0;
text-decoration:none;
}

#main #right .box a:visited {
color:#060;
}

#left textarea {
border:1px solid #bbb;
width:85%;
}

#main #left fieldset {
background:#FFF;
border:1px solid #ccc;
color:#000;
float:left;
margin:0 10px 8px 0;
padding:10px 8px;
width:95%;
}

#main #left fieldset p {
width:95%;
}

#main input {
border:1px solid #bbb;
margin:0;
padding:3px;
}

p {
margin-top:5px;
}

#header h2,#header p {
color:#543;
font-size:80%;
padding:10px 0 0 13px;
}

pre.screen {
background:navy;
color:#0FF;
font:bold 120% "Courier New" monospace;
padding:1em;
}

pre.screen em {
color:#FF0;
font-style:normal;
}

pre.screen strong {
color:#FFF;
font-style:normal;
}

*,ul {
margin:0;
padding:0;
}

#imprintbox h2,#main #right .box a:hover,#main #right .box a:active {
color:#BF1238;
}