/*--------------------------------------
basic stylesheet
version: 1.12
date   : 2010-05-04
author : uwe ruscheweyh - ubbeDESIGN.
website: http://www.tria-echterdingen.de
--------------------------------------*/

/* ### - Basic - ###
------------------------------------------------------------------------------------------------------------*/
/* Browser-Reset, Firefox-Scrollbalken, Basisschriftgröße */
* {margin: 0px; padding: 0px; border: 0px;}
html {height: 100.1%; font-size: 62.5%;}

body {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.7em;
  color: #333;
  background: #FFF url(top_bg.gif) repeat-x;
}

/* ### - Headers - ###
------------------------------------------------------------------------------------------------------------*/
h1, h2, h3 {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #333;
}
h1 {
  font-size: 1.20em;
  letter-spacing: 0.5px;
}
h2 {
  font-size: 1.15em;
  text-transform: uppercase;
}
h3 {
  font-size: 1.15em;
  color: #003366;
}
h1, h2, h3, p {
  padding: 0px;
  margin: 10px;
}



ul, ol {
  margin: 10px 20px;
  padding: 0px 20px;
}

/* ### - Links - ###
------------------------------------------------------------------------------------------------------------*/
a {
  color: #003366;
  background-color: inherit;
  text-decoration: none;
}
a:hover {
  color: #E3004F;
  background-color: inherit;
}

/* ### - Images - ###
------------------------------------------------------------------------------------------------------------*/
img {
  border: 0px solid #FFF;
}
img.float-right {
  margin: 0px 0px 5px 15px;            /* geändert für Thumbs auf berichte -> textumfluss  */
}
img.float-left {
  margin: 0px 15px 5px 0px;            /* geändert für Thumbs auf berichte -> textumfluss  */
}
div#header-logo div#logo img {
  border: 0px;
}

code img {
  display: block;
  float: left;
  margin-right: 10px;
  width: 41px;
  height: 41px;
}

div.usercontainer img {
  float: left;
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

div.profilcontainer img {
  float: left;
  margin-right: 10px;
  width: 100px;
  height: 100px;
}

img.captcha {
  display: block;
  margin: 0px;
  margin-top: 10px;
  border:1px solid #D4D4D4;
  height: 20px;
  1position: relative;
  1bottom: 1.85em;
  1left: 24em;
}

/* ### - Textauszeichnung - ###
------------------------------------------------------------------------------------------------------------*/
code {
  margin: 10px 0px 15px 0px;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
/*
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;      geändert, da für Kontakt verwendet
  letter-spacing: 1.0px;
*/
  font-family: Verdana, Tahoma, Arial, sans-serif;        /*     neu eingefügt    */
  /* white-space: pre; */
  background: #F4F4F4;
  border: 1px solid #D4D4D4;
  border-left: 4px solid #E4E4E4;
}

/* Design der Boxen der Profile auf intern */
div.usercontainer {
  height: 40px;
  margin: 10px 10px;
  padding: 10px;
  background: #F4F4F4;
  border: 1px solid #D4D4D4;
  border-left: 4px solid #E4E4E4;
}

/* linke div-box in usercontainer */
div.userbox_left {
  float: left;
  width: 50%;
}

/* rechte div-box in usercontainer */
div.userbox_right {
  float: left;
  padding-left: 10px;
  border-left: 1px solid #D4D4D4;
}

/* Tel.-Nummer in Profilbox auf intern */
span.tel {
  font-weight: bold;
  letter-spacing: 0.05em;
}

/* style fuer aktuelle Profile */
div.userbox_left span.updated {
    color: #E3004F;
}

/* Box fuer das Profil eines Users im Detail (in profile.php) */
div.profilcontainer {
  margin: 10px 10px;
  padding: 10px;
  background: #F4F4F4;
  border: 1px solid #D4D4D4;
  border-left: 4px solid #E4E4E4;
}

/* linke obere div-box in Profilcontainer */
div.profilbox_topleft {
  float: left;
  width: 80%;
  background: #F4F4F4;
  border-bottom: 1px solid #D4D4D4;
  height: 110px;
}

/* rechte obere div-box in Profilcontainer */
div.profilbox_topright {
  background: #F4F4F4;
  border-bottom: 1px solid #D4D4D4;
  height: 110px;
  text-align: right;
}

/* mittlere div-boxen in Profilcontainer */
div.profilbox_main {
  background: #F4F4F4;
  border-bottom: 1px solid #D4D4D4;
  1padding-top: 10px;
  1padding-bottom: 10px;
}

/* untere div-boxen in Profilcontainer */
div.profilbox_bottom {
  background: #F4F4F4;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
/*                                            alte Fassung
blockquote {
  margin: 10px;
  padding: 0px 0px 0px 32px;
  background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important;
  background-position: 8px 10px;
  border: 1px solid #F2F2F2;
  border-left: 4px solid #CC0000;
  font-weight: bold;
}                        */
blockquote {
  padding: 0px 0px 0px 0px;
  background: url(quote_l.gif) no-repeat 6px 0px;
  text-indent: 25px;
  font-style: italic;
  letter-spacing: 0.04em;
}

/* ### - Form elements - ###
------------------------------------------------------------------------------------------------------------*/
/* Formular allgemein */
body#login form, body#register form, body#pwchange form, body#pwlost form, body#kontaktform form, body#sendmail form, body#racecreate form {
  margin:10px; padding: 0px 5px;
  border: 1px solid #D4D4D4;               /*   <----   */
  background-color: #F4F4F4;
}
body#login label, body#register label, body#pwchange label, body#pwlost label, body#kontaktform label, body#sendmail label, body#racecreate label {
  display:block;
  font-weight:bold;
  margin:5px 0px;
}
body#login input, body#register input, body#pwchange input, body#pwlost input, body#kontaktform input, body#sendmail input, body#racecreate input {
  padding: 2px;
  border:1px solid #D4D4D4;
  1font: normal 1em Verdana, sans-serif;
  color:#777;
}
body#login textarea, body#register textarea, body#pwchange textarea, body#pwlost textarea, body#kontaktform textarea, body#racecreate textarea {
  width:400px;
  padding:2px;
  font: normal 1em Verdana, sans-serif;
  border:1px solid #D4D4D4;
  height:100px;
  display:block;
  color:#777;
}

body#sendmail textarea {
  width:507px;
  padding:2px;
  font: normal 1em Verdana, sans-serif;
  border:1px solid #D4D4D4;
  height:100px;
  display:block;
  color:#777;
}

body#login input.button, body#register input.button, body#pwchange input.button, body#pwlost input.button, body#kontaktform input.button, body#sendmail input.button, body#racecreate input.button {
  margin: 0px;
  font: bolder 12px Arial, sans-serif;
  border: 1px solid #CCC;
  padding: 1px;
  background: #FFF;
  color: #E3004F;
}

/* Formular auf profiledit.php (angeglichen an Tabelle in profile.php) */
body#profile form {
  1margin:0px;
  1padding: 0px;
  1border: 0px solid #D4D4D4;
  1background-color: #F4F4F4;
}
body.profile label {
  1display:inline;
  1font-weight:;
  1margin:5px 0px;
}
body#profile input {
  1padding: 2px;
  1border:1px solid #EEE;
  1border:1px solid #D4D4D4;
  font: normal 1em Verdana, sans-serif;    /* sonst in WinIE andere Schrift in profilansicht und profil bearbeiten */
  color: #666;
}
body#profile textarea {
  width:100%;
  height:7.5em;
  padding: 5px 0px;
  font: normal 1em Verdana, sans-serif;
  1border:1px solid #EEE;
  1display:block;
  color: #666;
}

body#profile select {
  width:101.5%;
  1height:7.5em;
  padding: -4px -4px;
  1font: normal 1em Verdana, sans-serif;
  1border:1px solid #EEE;
  1display:block;
  color: #666;
}

body#racecreate select {
  1width: 60%;
  1padding: -4px -4px;
  1font: normal 1em Verdana, sans-serif;
  1color: #666;
  padding: 2px;
  border:1px solid #D4D4D4;
  1font: normal 1em Verdana, sans-serif;
  color:#777;
}

body#profile input.button {
  margin: 0px;
  font: bolder 12px Arial, sans-serif;
  border: 1px solid #CCC;
  padding: 1px;
  background: #FFF;
  color: #E3004F;
}

/* Suchformular */
form.search {
  position: absolute;
  top: 12px; right: 5px;
  padding: 0px; margin: 0px;
  border: none;
  background-color: transparent;
}
form.search input.textbox {
  margin: 0px;
  width: 120px;
  border: 1px solid #CCC;
  background: #FFF;
  color: #333;
}
form.search input.searchbutton {
  margin: 0px;
  font-size: 1em;
  font-family: Arial, sans-serif;
  border: 1px solid #CCC;
  background: #FFFFFF url(search_bg.gif) repeat-x bottom left;
  padding: 1px;
  font-weight: bold;
  height: 23px;
  color: #333;
  width: 60px;
}

/* ### - Layout - ###
------------------------------------------------------------------------------------------------------------*/
div#wrap {
  margin: 0px auto;
  width: 800px;
}
div#header {
  position: relative;
  margin: 0px; padding: 0px;
  height: 60px;
}
div#header span#motto {
  z-index: 3;
  position: absolute;
  left: 3px; bottom: 7px;
  font: bold 1.2em Verdana, Arial, Tahoma,  sans-serif;
  1color: #FFF;
  color: #FFFF64;
}
div#header-logo {
  position: relative;
  clear: both;
  height: 100px;
  margin: 0px; padding: 0px;
}
div#header-logo div#logo {
  position: absolute;
  top: 18px; left: 4px;
  margin: 0px; padding: 0px;
}

/* Navigation */
div#header ul {
  position: absolute;
  margin:0px;
  list-style:none;
  right:-18px ; bottom: 0px;
  font: bold 13px 'Trebuchet MS', Arial, sans-serif;
}
#header li {
   display:inline;
   margin:0px; padding:0px;
}
#header a {
   float:left;
   background: url(tableft.gif) no-repeat left top;
   margin:0px;
   padding:0px 0px 0px 4px;
   text-decoration:none;
}

#header a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
  color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}

/* Spalte Main */
#main {
  float: right;
  margin: 0px; padding: 0px;
  width: 565px;
}
#main h1 {
  margin: 10px 0px;
  padding: 4px 0px 4px 8px;
  font-size: 105%;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #858481;
  background: #FFF url(main_bg.gif) repeat-y;
}

/* Spalte Sidebar */
#sidebar {
  float: left;
  width: 220px;
  margin: 0px; padding: 0px;
  background-color: #FFF;
}
#sidebar h1 {
  margin: 10px 0px 0px 0px;
  padding: 4px 0px 4px 8px;
  font: bold 105% Arial, sans-serif;
  color: #FFF;
  text-transform: uppercase;
  background: #333;
  letter-spacing: 1px;
  background: #FFF url(sidebar_bg.gif) repeat-x;
}
#sidebar .left-box {
  1border: 1px solid #EBEBEB;
  border: 1px solid #D4D4D4;               /*   <----   */
  margin: 0px 0px 5px 0px;
  1background: #FAFAFA;               /*   <----   */
  background: #F4F4F4;
}
#sidebar ul.sidemenu {
  list-style: none;
  text-align: left;
  margin: 3px 0px 8px 0px; padding: 0px;
  text-decoration: none;
}
#sidebar ul.sidemenu li {
  1border-bottom: 1px solid #F2F2F2;
  border-bottom: 1px solid #E6E6E6;               /*   <----   */
  background: url(bullet.gif) no-repeat 3px 5px;
  padding: 3px 5px 3px 25px;
  margin: 0px;
}
#sidebar ul.sidemenu a {
  font-weight: bolder;
  padding: 3px 0px;
  background: none;
}

/* Footer */
#footer {
  clear: both;
  background: #FFF url(footer_bg.gif) repeat-x;
  padding: 8px 0px 5px 0px;
  text-align: center;
  line-height: 1.5em;
  font-size: 95%;
}
#footer a {
  text-decoration: none;
  font-weight: bold;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.ubbe_hellgrau {color: #999;}
.ubbe_dunkelgrau {color: #444;}
/*.grau {background-color: #FBFBFB;}               <----   */
.grau {background-color: #F8F8F8;}

.clear {  clear: both; }
.comment {
  margin: 10px 10px 15px 10px;
  padding: 3px 0;
  1border-bottom: 1px dashed #EEE;
  1border-top: 1px dashed #EEE;
  border-bottom: 1px dashed #DDD;               /*   <----   */
  border-top: 1px dashed #DDD;               /*   <----   */
}
/* Newsticker-Darstellung */
.ticker {
  margin: 15px 0px 20px 10px;
  padding: 5px;
  /* text-align: justify;             entfernt...        */
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  letter-spacing: 1.0px;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #F2F2F2;
  border-left: 4px solid #EEE;
}

/* Berichte-Darstellung */
.report {
  text-align: justify;
}

a.rep {
  border-bottom: 1px solid #003366;             /* nicht im Gebrauch */
}

/* Auszeichnung fuer externe/interne Links (derzeit nur in Berichte und Ticker */
a.ext {
  background: url(link_ext.gif) no-repeat right 55%;
  padding-right: 16px;
}

a.int {
  background: url(link_int.gif) no-repeat left 55%;
  padding-left: 16px;
}

/* Styling Ueberschriften auf Site Berichte     */
.rep_titel {
  font-size: 1.25em;
  font-weight: bold;
  color: #003366;
  margin: 0px;
}
.rep_footer {
  font-size: 0.9em;
  color: #888;
  text-align: right;
}

/* Feine Trennlinie */
.line {
  margin: 20px 10px 30px 10px;
  border-bottom: 1px dashed #BBB;
}

/* Zeilenabstände/linebreak*/
.lb06 { display: block; margin-top: 0.6em; }

/* Hervorhebung rot */
.wichtig {
  color: #E3004F;
  font-weight: bold;
  letter-spacing: 0.8px;
  background: #FAFAFA;
  border-bottom: 1px solid #EBEBEB;
  border-top: 1px solid #EBEBEB;
}

.achtung {
  color: #E3004F;
  font-weight: bold;
  letter-spacing: 0.8px;
}

/* Auszeichnung von Fehlermeldungen */
.error {
  color: #E3004F;
  1font-weight: bold;
  1letter-spacing: 0.8px;
}

/* Fuer Formular in register */
.warning {
  color: #E3004F;
  padding-left: 6.5em;
}

/* Schriftzug TRIA Echterdingen */
.tria {
  font-weight: bold;
  color: #555;
}
p .align-right {
  text-align: right;
}

/* Anker [^] Ausrichtung */
div#main span.up {
  float: right;
  margin-top: -10px;
  margin-right: 10px;
}

body#erfolge div#main span.up {
  float: right;
  margin-top: -10px;
  margin-right: 10px;
}

body#press div#main span.up {
  float: right;
  margin-top: -10px;
  margin-right: 10px;
}

div#swim {
  width: auto;
  height: 180px;
  background: #FFF url(../training/swim.gif) no-repeat 8px 0px;
}

div#bike {
  width: auto;
  height: 180px;
  background: #FFF url(../training/bike.gif) no-repeat 8px 0px;
}

div#run {
  width: auto;
  height: 180px;
  background: #FFF url(../training/run.gif) no-repeat 8px 0px;
}

div#gym {
  width: auto;
  height: 180px;
  background: #FFF url(../training/gym.gif) no-repeat 8px 0px;
}

/* table auf erfolge */

body#erfolge table {
  margin-left: 10px;           /* Abstand links auf Seite Erfolge, analog der Überschriften */
  table-layout: auto;
  width: 545px;
  table-layout: auto;
  1border-collapse: collapse;
  border-collapse: separate;
  border: 1px solid #EBEBEB;
}

body#erfolge td.col1 {width: 25%;}
body#erfolge td.col2 {width: 50%;}
body#erfolge td.col3 {width: 25%;}



body#erfolge tr {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

body#erfolge td {
  padding: 6px;
  background: #F4F4F4;
  }

body#erfolge tr.odd td{
  background: #E4E4E4;
}

/* table auf training */
body#training table {
  table-layout: auto;
  width: auto;
  margin-left: 10px;
  border-collapse: collapse;
  border: 0px;
}

body#training tr {
  border: 0px;
}

body#training td {
  padding: 0px;
  background: transparent;
  }

/* Ausrichtung Login-Link in div#header-logo */
div#header-logo div.login {
  float: right;
  margin-right: 14px;
  margin-top: 72px;
}

/* table auf profile.php */
body#profile table {
  table-layout: fixed;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-collapse: separate;
  border-spacing: 0px 10px;
}

body#profile td.col1 {width: 25%;}    /* fuer 2 Spalten (linke Spalte) */
body#profile td.col2 {width: 75%;}    /* fuer 2 Spalten  (rechte Spalte) */

body#profile td {
  padding: 0px;
  vertical-align: top;
}

body#profile td.highlighted {
  1padding: 0px;
  1vertical-align: top;
  color: #E3004F;
  1font-weight: bold;
}

body#profile td.data {
  background: white;
  color: #666;
  padding-left: 5px;
  padding-right: 5px;
}

p.topspace20 {
  margin-top: 20px;
}

*.topspace10 {
  margin-top: 10px;
}

.bottomspace20 {
  margin-bottom: 20px;
}

/* table auf downloads.php */

body#downloads table {
  margin-left: 10px;           /* Abstand links auf Seite Erfolge, analog der Überschriften */
  table-layout: auto;
  width: 545px;
  table-layout: auto;
  border-collapse: collapse;
  1border-collapse: separate;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}

body#downloads td.col1 {width: 70%;}
body#downloads td.col2 {width: 20%;}
body#downloads td.col3 {width: 10%;}



body#downloads tr{
    1border-top: 1px solid #EBEBEB;
    border-top: 1px dashed #CDCDCD;
    border-bottom: 1px dashed #CDCDCD;
    1border-bottom: 1px dashed #EBEBEB;
}

body#downloads td {
  padding: 12px;
  1background: #F4F4F4;
  1background: #FFF;
}

/* table auf bestoflist.php */

body#bestoflist table {
  margin-left: 10px;           /* Abstand links auf Seite Erfolge, analog der Überschriften */
  table-layout: auto;
  width: 545px;
  table-layout: auto;
  border-collapse: collapse;
  1border-collapse: separate;
  1border-top: 1px solid #CDCDCD;
  1sborder-bottom: 1px solid #CDCDCD;
  1border: 1px solid #CDCDCD;
}

body#bestoflist td.col1 {width: 10%;}
body#bestoflist td.col2 {width: 40%;}
body#bestoflist td.col3 {width: 50%;}


body#bestoflist td {
  padding: 1px 10px;
  1border: 1px solid #CDCDCD;
}

div#best10k {
  width: auto;
  height: 220px;
  background: #FFF url(10k.gif) no-repeat 8px 0px;
}

div#best42k {
  width: auto;
  height: 220px;
  background: #FFF url(42k.gif) no-repeat 8px 0px;
}

div#best226k {
  width: auto;
  height: 220px;
  background: #FFF url(226k.gif) no-repeat 8px 0px;
}

/* table auf press.php */

body#press table {
  margin-left: 10px;           /* Abstand links auf Seite Presse, analog der Überschriften */
  table-layout: auto;
  width: 545px;
  border-collapse: collapse;
}

body#press td.col1 {width: 15%;}
body#press td.col2 {width: 30%;}
body#press td.col3 {width: 45%;}
body#press td.col4 {width: 10%;}

body#press td {
  padding: 4px 8px;
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

body#press td img {vertical-align: middle;} /* PDF-Icon vertikal mittig in Zeile ausrichten */

/* style fuer gallery.php */

div.gal-leftbox1 {
  float: left;
  clear: right;
  width: auto;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 8px 8px 2px 8px; /* orul */
  1background: green;
}

div.gal-leftbox2 {
  float: left;
  width: auto;
  1padding: 0px 0px 0px 0px; /* orul */
  1background: orange;
  text-align: left;
}

div.gal-rightbox1 {
  float: right;
  clear: left;
  width: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 8px 8px 2px 8px; /* orul */
  1background: green;
}

div.gal-rightbox2 {
  float: right;
  width: auto;
  1padding: 14px 8px 8px 8px; /* orul */
  1background: orange;
  text-align: right;
}


img.gal {
  1margin: 8px 8px 2px 8px; /* orul */
  padding: 6px;
  border: 1px solid #DEDEDE;
}

span.nickname {
  color: #888;
}

/* thumbs in galleries like sides */
img.slide {
  padding: 17px 3px 16px 3px; /* orul */
  1margin-right: -4px; /* thumbs without horizontal space */
  margin-right: 1px;
  margin-bottom: 8px;
  1background-color: black;
  background: url(slide.jpg) repeat-x;
}

/* half horizontal line */
div.hr-half {
  width: 200px;
  height: 1px;
  margin: 0 auto 10px 10px;
  background: #DEDEDE;
}

div.hr-half hr {
  display: none;
}

/* horizontal line */
div.hr {
  clear: both;
  width: 545px;
  height: 1px;
  margin: 0px auto 10px 10px;
  background: #DEDEDE;
}

div.hr hr {
  display: none;
}

/* design of videos.php */

div#flashcontent {
  float: left;
  margin-left: 10px;
  margin-bottom: 30px;
}

div#flashcontent img {
  float: left;
  margin-right: 10px;
}

div.videobox {
  float: left;
  clear: left;
  width: 478px;
  margin: 0px 0px 10px 10px;
  border: 1px solid #D4D4D4;
  background: #F4F4F4;
}

div.videobox span.subtitle {
  font-weight: bold;
  color: #444;
}

div.videobox img {
  display: block;
  float: left;
  border: 2px solid #FFF;
  margin: 5px 10px 5px 5px;
}

div.videobox a {
  font-weight: bold;
}

body#videos span.up {
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* design fuer videoanalyse videos auf videos.php */
body#videos div.shortitem {
  float: left;
  clear: left;
  margin: 0px 0px 0px 10px;
  margin-bottom: 10px;
}

div.shortitem h3 {
  margin-left: 0px;
  background: #F4F4F4;
}

/* table auf swimtrain.php */

body#swimtrain table {
  margin-left: 10px;
  margin-bottom: 45px;
  table-layout: fixed;
  width: 545px;
  border-collapse: collapse;
  border: 1px solid #CDCDCD;
}

body#swimtrain td.col1 {width: 100px;}
body#swimtrain td.col2 {width: auto;}
body#swimtrain td.col3 {width: auto;}
body#swimtrain td.col4 {width: auto;}

body#swimtrain td {
  padding: 4px;
  border: 1px solid #CDCDCD;
}

img.swimtrain {
  float: right;
  border: 1px solid #CDCDCD;
  margin: 4px 0px 30px 10px;
}

body#swimtrain h3 {
  clear: both;
}

body#swimtrain span.up {
  clear: both;
  margin: 0px 0px 20px 0px;
}

/* Design fuer racelist.php */

p.border {
  border: 1px solid #D4D4D4;
  padding: 1px 2px 1px 6px;
}

div.race-box {
  float: left;
  width: 545px;
  margin: 0px 0px 0px 10px;
  border: 1px solid #D4D4D4;
  background: #F4F4F4;
  1background: #E4E4E4;
  padding: 2px 0px 2px 6px;
}

div.race-box span.title {
  float: left;
  font-weight: bold;
  color: #444;
}

/* Links in black on racelist.php*/
div.race-box span.title a {
  color: #333;
  background-color: inherit;
  text-decoration: none;
}

div.race-box span.title a:hover {
  color: #E3004F;
  background-color: inherit;
}

div.race-box span.sign-in, div.race-box span.edit{
  float: right;
  padding-right: 6px;
}

div.starter-box {
  float: left;
  width: 545px;
  margin: 0px 0px 20px 10px;
  border-left: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  border-right: 1px solid #D4D4D4;
  1background: #F4F4F4;
  background: #FFF;
  padding: 3px;
}

img.flag {
  float: left;
  padding: 5px 5px 0px 1px;

}

div.starter-box table {
  width: 545px;
  table-layout: fixed;
  1border-collapse: collapse;
  border-collapse: separat;
}

div.starter-box td {
  padding: 0px 4px;
  1border-bottom: 1px solid #D4D4D4;
  1background: green;
}

div.starter-box td.col1 {width: 80%;}
div.starter-box td.col2 {width: 20%;}

/* table auf statistics.php */
body#statistics h4 {
  margin-left: 10px;
}

body#statistics table {
  margin-left: 10px;
  margin-bottom: 20px;

  table-layout: auto;
  border-collapse: collapse;
  border: 1px solid #CDCDCD;
}

body#statistics caption {
  text-align: left;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}

body#statistics td {
  border: 1px solid #CDCDCD;
  padding: 0px 12px;
}


body#statistics td.right {
  text-align: right;
}

/* table auf dates.php */
body#dates table {
  width: 545px;
  margin-left: 10px;
  margin-bottom: 16px;
  table-layout: auto;
  border-collapse: collapse;
  text-align: center;
}

body#dates td {
  border: 1px solid #D4D4D4;
  padding: 0px 10px;
}

body#dates td.col1 {width: 10%;}

body#dates td.col2 {
  width: 88%;
  text-align: left;
  background-color: #F4F4F4;
}

body#dates td.col3 {
  width: 2%;
  background-color: #FFFF94;
}

body#dates td.month {
  border: 1px solid #CDCDCD;
  background-color: #D4D4D4;
}

body#dates td.date {
  border: 1px solid #CDCDCD;
  font-weight: bold;
}