/* general */
.rb {font-weight:bold; color:#C00000}
.f8, .f8 a {font-size:8pt}
.f10, .f10 a {font-size:10pt}
.f10j, .f10j a {font-size:10pt}
.f10b, .f10b a {font-size:10pt; font-weight:bold}
.r10, .r10 a {font-size:10pt; color:#C00000}
.r10b, .r10b a {font-size:10pt; font-weight:bold; color:#C00000}
.f12, .f12 a {font-size:12pt}
.f12b, .f12b a {font-size:12pt; font-weight:bold}
.r12, .r12 a {font-size:12pt; color:#C00000}
.r12b, .r12b a {font-size:12pt; font-weight:bold; color:#C00000}
.f14, .f14 a {font-size:14pt}
.f14b, .f14b a {font-size:14pt; font-weight:bold}
.red {color:#C00000}
.grey {color:#808080}
.green {color:#00C000}
.error {color:#FF0000}

/* background-images */
body {margin:0; font:9pt Tahoma,Arial,sans-serif}
body.runners {background:#FFFFFF url('images/bgrunners.jpg') no-repeat fixed 150px 100px}
body.images td.main {background:#FFFFFF url('images/bgmain.jpg') no-repeat}
body.news {background:#FFFFFF url('images/bgnews.jpg') no-repeat fixed 180px 30px}

/* links */
a {cursor:pointer; font-size:9pt}
a:link, a:visited {color:black}
a:focus, a:hover, a:active {color:#C00000; text-decoration:none}
/* table.news a, td#news a {text-decoration:none} */
table.news a:link, table.news a:visited, .box a:link, .box a:visited {text-decoration:none}
table.news a:focus, table.news a:hover, table.news a:active, .box a:focus, .box a:hover, .box a:active {text-decoration:underline}

/* top */
td.top {background:#FFFFFF url('images/top.jpg') no-repeat; border-bottom:1px solid black; padding:0}
td.top table {height:80px; width:100%}
td.top td {vertical-align:middle; padding:5px}

/* menu */
td.menu {padding:0 10px; border-right:1px solid black; vertical-align:top}
td.menu td {vertical-align:middle; padding:0}
td.menu td table {width:150px}
td.menu a {display:block; text-decoration:none; width:146px; padding:3px 5px}
td.menu td.topitem a {background:url('images/arrow.gif') no-repeat 95% center}
td.menu a:link, td.menu a:visited {border:1px solid white; color:#C00000}
td.menu a:focus, td.menu a:hover, td.menu a:active {border:1px solid #C00000; background-color:#FFF0E0; color:#C00000}
td.menu td.topitem a:focus, td.menu td.topitem a:hover, td.menu td.topitem a:active {background:#FFF0E0 url('images/arrow.gif') no-repeat 95% center}
td.menu td.item, td.menu td.topitem {border-top:1px solid black; padding:4px 0; font-weight:bold}
td.menu td.subitem {text-align:right; padding:0 0 4px}
td.menu td.subitem a {font-size:8pt}
td.menu td.item span, td.menu td.topitem span, td.menu td.subitem span {display:block; width:146px; padding:3px 5px; border:1px solid white; color:#808080; text-align:right; font-size:8pt}
td.menu tr.mactive a:link, td.menu tr.mactive a:visited {border-color:#C00000}
td.menu tr.mactive span {border-color:#C00000}

td.menu td.edit {border-top:1px solid black; padding:4px 0}
td.menu td.edit a {padding:2px 5px; font-size:8pt}
td.menu td.edit a:link, td.menu td.edit a:visited {color:#808080}
td.menu td.edit a:focus, td.menu td.edit a:hover, td.menu td.edit a:active {border:1px solid #404040; background-color:#EEEEEE; color:#404040}

/* tables */
table {border-width:0}
td {border-width:0; vertical-align:top; font-size:9pt}
th {border-width:0; text-align:left; padding:1px 4px; font-size:9pt; font-weight:bold}
td.main {vertical-align:top; padding:5px 10px; width:100%}
td.main td {padding:1px 4px}
td.main td.box {background-color:white; border:1px solid #808080; padding:4px 6px}
table.thumbs td {text-align:center; vertical-align:top; width:245px}
td.tbleft {border:solid #C00000; border-width:1px 0 1px 1px; padding:3px}
td.tbright {border:solid #C00000; border-width:1px 1px 1px 0; padding:3px; vertical-align:top; width:500px}
td.left {border-left:1px solid #C00000}
td.right {border-right:1px solid #C00000}
table.classic td {vertical-align:top; border-style:solid; border-color:#C00000; border-top-width:1px; padding:3px 6px 3px 3px}
tr.head td {font-weight:bold}
td.vhead {border-left:1px solid #C00000; border-right:1px solid #C00000; background-color:#FFF0E0}
table.frame {border:solid #C00000; border-width:1px 1px 1px 0; width:600px}
table.frame td {vertical-align:top; padding:2px 6px 2px 3px}
table.frame tr.text td {border-top:1px solid #C00000}
table.blind td, table.blind th {padding:2px 8px 1px 0}
form.simple tr.std td {padding:1px 6px 1px 0; vertical-align:top}
td.ca {text-align:center; padding:5px}
td.ra, th.ra, form td.ca {text-align:right}

/* forms */
input, select, textarea {font:9pt Tahoma,Arial,sans-serif}
.std input, .std textarea, input.std, textarea.std {border:1px solid #C00000; padding:2px; margin:0}
.std select, select.std {border:1px solid #C00000; padding:1px; margin:0}
form {padding:0; margin:0}
form.simple {width:600px}
form.simple .std input {width:200px}
form.simple textarea {width:400px; height:100px}
td.ca input {width:100px}

/* misc */
p {margin:2px 0 5px 0; padding:0; width:600px}
div.yellowbox {border:1px solid black; padding:3px 6px; background:#FFFF80}
div.news {text-align:justify; width:700px; margin:0; padding:0}
div.news div {text-align:right; width:700px; font-size:8pt}
span.headline {display:block; text-align:left; font-size:12pt; font-weight:bold; color:#C00000}
span.sponsor {color:#C00000}
span.sponsor img {padding:2px}
span.thumb, span.thumb_left { clear:left; float:left; margin:4px 6px 4px 0; font-size:8pt; text-align:left; color:#666666; display:inline-block; }
span.thumb_right { clear:right; float:right; margin:4px 0 4px 6px; font-size:8pt; text-align:left; color:#666666; display:inline-block; }
/* span.thumb img, span.thumb_left img, span.thumb_right img { margin-bottom:2px; } */
a img {border:0}
td.box img {margin:3px 0}
table.thumbs img {margin:2px}
ul {list-style-image:url('images/list-l0.gif'); padding-left:23px}
ul ul {list-style-image:url('images/list-l1.gif')}
li {padding:5px 0 0 0}
hr {height:1px; color:#A00000; background-color:#A00000; border-width:0}

/* Druck-Layouts */
@media print {
  body.runners {background:none}
  td.top {background:none}
  td.top img {display:none}
  td.top a img {display:inline}
  td.menu {display:none}
  td.main {padding-top:20px}
}