/* ALLGEMEIN */
body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #91a1b7; background-image: url(/media/media_css/bodyhg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; margin-top: 0; }
#obenlinks { background-color: #e6e5e5; height: 20px; }
#obenrechts { background-color: #fff; height: 20px; }
#logo { background-color: #c5c4c4; }
#complete { width: 900px; margin-right: auto; margin-left: auto; }
img { border: 0; }

/* SPALTE */
#spalte { text-align: left; vertical-align: top; width: 250px; }
#spalte h1 { color: #454545; font-size: 0.75em; text-transform: uppercase; padding-right: 20px; padding-left: 20px; }
#spalte p { color: #454545; font-size: 0.7em; line-height: 1.8; padding-right: 20px; padding-left: 20px; }
#spalte a:link, #spalte a:visited { color: #f00; text-decoration: none; }
#spalte a:hover { color: black; }
#navlist { width: 250px; margin: 30px 0 0 0; padding: 0; border-bottom: 1px solid #d8d6d6; }
#navlist li { list-style: none; margin: 0; padding: 4px; border-top: 1px solid #d8d6d6; }
#navlist li a:link, #navlist li a:visited { color: #335580; font-size: 0.7em; text-decoration: none; }
#navlist li a:hover { color: #62605b; }
#subnavlist { width: 250px; margin: 50px 0 0 0; padding: 0; }
#subnavlist li { list-style: none; margin: 0; padding: 4px; }
#subnavlist li a:link, #subnavlist li a:visited { color: white; font-size: 0.7em; text-decoration: none; }
#subnavlist li a:hover { color: #62605b; }
.current { background-color: #white; }

/* CONTENT */
#content { background-color: #fff; text-align: left; vertical-align: top; width: 650px; padding-bottom: 30px; }
#content h1 { color: #335580; font-size: 1.2em; background-color: #fff; padding: 30px 30px 10px 40px; }
#content h2 { color: #6a7686; font-size: 0.75em; background-color: #fff; letter-spacing: 2px; padding-right: 30px; padding-bottom: 20px; padding-left: 40px; }
#content h3 { color: #6a7686; font-size: 0.85em; font-weight: normal; background-color: #fff; letter-spacing: 2px; padding: 10px 30px 10px 40px; }
#content p, #content ul { color: #555; font-size: 0.75em; line-height: 2.2em; background-color: #fff; padding-right: 30px; padding-left: 40px; }
#content a:link, #content a:visited { color: #335580; font-weight: 700; }
#content a:hover { color: #74848f; text-decoration: none; }

/* FUSS */
#fuss { text-align: right; padding-top: 20px; padding-right: 30px; padding-bottom: 10px; }
#fuss p { color: #f3f2f2; font-size: 0.7em; line-height: 1.4em; text-align: right; }
#fuss a:link, #fuss a:visited { color: white; text-decoration: none; }
#fuss a:hover { color: #e6e5e5; }

/* RAIKATABLE */
#raikatable { color: #555; font-size: 0.75em; line-height: 1.8; width: 560px; margin-top: 20px; margin-right: 30px; margin-left: 40px; }
#raikatable td { vertical-align: top; padding-right: 20px; padding-bottom: 30px; }

/* BILDERKLASSEN */
.bira { border: solid 5px #e6e5e5; }
.birali { margin-right: 8px; margin-bottom: 5px; padding: 4px; float: left; border: solid 5px #e6e5e5; }
.birare { margin-bottom: 10px; margin-left: 10px; padding: 4px; float: right; border: solid 5px #e6e5e5; }
.bili { margin: 0 10px 1px 0; padding: 0; float: left }
.bire { margin-bottom: 5px; margin-left: 10px; float: right }

/* HELP */
#help { font-family: Georgia, serif; font-size: 12px; margin-top: 20px; margin-bottom: 20px; }
#help label { font-family: Verdana, sans-serif; font-weight: bold; color: #660000; }
#help fieldset { background: #fffafa; border: 1px solid #ccc; padding: 10px; }
#help legend { font-family: arial, sans-serif; font-weight: bold; font-size: 90%; color: #666; background: #f5f5f5; border: 1px solid #ccc; border-bottom-color: #999; border-right-color: #999; padding: 4px 8px; }
.minimi { color: #b0c4de; font-size: xx-small; font-weight: bold; padding-right: 30px; padding-left: 40px; }
