/*
*********************************
* Website: www.tri226.de        *
* Autor:   Marc Münz            *
* Version: 1.0, 2008            *
*********************************
*/

body {
  font-weight:normal; color:#000000; text-align:center;
  background-color:#141414; background-image:url(../images/bg_dark.gif); background-repeat:repeat-x;
  margin:0px; padding:0px; } /* margin:0px und padding:0px ist wichtig für Opera, damit Layout-Tabelle am linken Rand ausgerichte wird */

html,body,div
p,th,td,ul,li
h1,h2,
span,a,.button { font-family:Verdana,Arial,Helvetica,Sans-Serif; font-weight:normal; font-style:normal; text-decoration:none; }

/****************
 * TEXT-Formate *
 ****************/
td,p,div,legend { font-size:10px; color:#505050; }
td,p,div,       { font-weight:normal; }
p               { margin-top:10px; margin-bottom:10px; line-height:150%; }

.big       { font-size:11px; }
.small     { font-size:9px; }
.fat       { font-weight:bold; }
.grey      { color:#999; }
strong     { font-weight:normal; }
.bullet    { font-family:Verdana; font-size:11px; font-weight:bold; color:#DC0014; }
acronym    { border-bottom:1px dashed #000; cursor:help; }

.img_right { float:right; border:1px solid #666; margin-top:3px; margin-bottom:1px; margin-left:10px; margin-right:0px; }
.img_left  { float:left; border:1px solid #666; margin-top:3px; margin-bottom:1px; margin-right:10px; margin-left:0px; }

ul { padding:0px 0px 0px 20px; margin:0; line-height:120%; border:0px solid #CC0033; list-style-image:url(../images/film.gif); }
li { margin-bottom:3px; }

legend       { font-family:Trebuchet MS,Verdana,Arial,Sans-Serif; font-weight:bold; font-size:12px;
               letter-spacing:1px; color:#333;
               padding:0px; margin:0px 0px 0px 0px; text-indent:0px; }
fieldset     { border:1px solid #CCC; background-color:#FAFAFA;
               text-align:left; width:465px; padding:0px 0px 0px 5px; margin-top:30px; margin-bottom:0px; }

/*************
 * MELDUNGEN *
 *************/

/* DIV-Bereich für FEHLER-Meldung */
.errormsg {
  font-weight:normal;
  color:#CC0033;
  text-align:left;
  margin-top:15px; margin-bottom:10px;
  width:90%;
  border:2px solid #CC0033;
  background-color:#FFFFFF;
  padding:5px; }

.dberror {
  font-weight:bold;
  color:#CC0033;
  text-align:center;
  margin-top:30px; margin-left:auto; margin-right:auto;
  width:100%;
  border:2px solid #CC0033;
  background-color:#FFFFFF;
  padding:5px; }

/* FEHLER-Meldung */
.error {
  font-weight:bold;
  color:#CC0033;
  text-align:center; }

/* BESTÄTIGUNG (tellafriend.php) */
.rcpt {
  font-weight:bold;
  color:#505050;
  margin-top:15px; margin-bottom:10px;
  width:90%;
  border:2px solid #E1E1E1;
  background-color:#FAFAFA;
  padding:5px; }

/***************************
 * TABELLEN & DIV-Bereiche *
 ***************************/
table { border-collapse:collapse; }

/* Die 3 HAUPT-BERIECHE der Website */
#head         { position:relative; margin:auto; top:0px; width:980px; height:340px; padding:0px;
                border-top:0px solid #333; border-left:0px solid #333; border-right:0px solid #333;
                background-color:#FFFFFF; background-image:url(../images/bg_head20.jpg); background-repeat:no-repeat; }
#logo         { position:absolute; top:25px; left:17px; border:0px solid #660000; }

#corpus       { position:relative; margin:0px auto; top:0px; padding-top:40px; padding-bottom:170px;
                width:980px;
                text-align:left;
                border-left:0px solid #333; border-right:0px solid #333;  border-bottom:0px solid #333;
                background-color:#FAFAFA; background-image:url(../images/bg_corpus5.jpg); background-repeat:no-repeat; }
#main         { margin-top:0px; margin-left:222px; margin-bottom:0px;
                width:740px;
                border:1px solid #CCC; background-color:#FFF; -moz-border-radius:10px; opacity:0.95; filter:alpha(opacity=95); }

#foot         { position:absolute; bottom:0px; left:0px; width:980px; height:120px; text-align:center;
                border:0px solid #FF0000; background-color:#000; background-image:url(../images/bg_foot.gif); background-repeat:no-repeat; }
#support      { position:absolute; bottom:25px; left:0px; width:100%; border:0px solid #000000; }

.navileft     { text-align:left; margin-top:40px; margin-bottom:40px; width:100%; border-collapse:separate; border-spacing:0px;
                border:1px solid #CCC; background-color:#EBEBEB; background-image:url(../images/bg_navi_left.if); background-repeat:repeat-x; }
.navileft th  { font-family:Trebuchet MS,Verdana,Arial,Sans-Serif; color:#666666; font-size:14px; letter-spacing:0px; font-weight:bold; text-align:left; border-top:1px solid #FAFAFA; border-bottom:1px solid #D7D7D7; padding-top:15px; padding-bottom:2px; padding-left:3px; }
.navileft td  { font-size:10px; font-weight:normal; border-top:1px solid #FAFAFA; border-bottom:1px solid #D7D7D7; padding-top:5px; padding-bottom:5px; padding-left:5px; }

.box          { border:1px solid #E1E1E1; margin-bottom:15px; }
.box th       { font-size:11px; color:#28333C; text-align:left; font-weight:bold; letter-spacing:1px; padding:4px; background-color:#DCDCDC; background-image:url(../images/bg_box_th.gif); background-repeat:repeat-x; }
.box td       { font-size:11px; padding-left:4px; padding-right:4px; padding-top:10px; padding-bottom:0px; background-color:#FFFFFF; }

#boxes_left   { position:absolute; top:0px; left:15px; width:190px; text-align:center; margin-bottom:220px; border:0px solid #000; z-index:3; }
#boxes_right  { position:absolute; top:60px; right:30px; width:195px; height:auto; padding-left:0px; padding-right:0px; border:0px solid #CCC; }

.info { border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCC; background-color:#FAFAFA; line-height:200%; }
.news { background-color:#F5F5F5; margin-top:0px; margin-bottom:0px; width:100%; }

.ad_11 { margin-top:5px; margin-bottom:30px; text-align:center; }
.ad_12 { padding:20px; background-color:#F5F5F5; text-align:center; margin-top:40px; margin-bottom:40px; } /* ironman-entstehung: */
.ad_14 { margin-top:20px; margin-bottom:30px; }                    /* ironman-ergebnisse: */

/* ==============================================================================
   Die Tabelle "content" befindet sich innerhalb des DIV-Containers "main_content".
   Die Zeilen der Tabelle "content":
   1. Zeile: Google-AdSense-Anzeige
   3. Zeile: Überschrift und Text bzw. die Tabelle "contentbox" */
#content { margin-top:20px; margin-bottom:30px; margin-left:20px; padding-right:25px;
           width:470px; border-right:1px solid #EBEBEB; }

/* Die Tabelle "contenttable" befindet sich in der Tabelle "content".
   In der Tabelle "contenttable" wird die Tabelle "db" (Content z.B. in Form von Tabellen aus der DB) angezeigt
   Die Zeilen der Tabelle "contentbox":
   1. Zeile (th): Überschrift (z.B. "Top-10 des Jahres 2007")
   2. Zeile (td): Content(Tabellen) aus der DB
   3. Zeile (th): Interaktiver Link: TABELLE DRUCKEN */
.contenttable    { width:100%; border:1px solid #997866; border-collapse:separate; background-color:#FFF; }
.contenttable th { font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; text-align:left; color:#997866; padding:5px; background-color:#F5EBD7; }
.contenttable td { padding-top:30px; background-color:#FFF; }

.records    { margin-top:10px; margin-bottom:10px; }
.records td { padding:2px; }

/* Die Tabelle "db" befindet sich innerhalb der Tabelle "contentbox".
   In der Tabelle "db" wird Content aus der DB angezeigt */
.db    { margin-bottom:30px; }
.db th,
.db td { font-family:Arial,Helvetica,Sans-Serif,Verdana; font-size:10px; border-bottom:1px solid #EBEBEB; }
.db th { letter-spacing:0px; font-weight:normal; color:#FFFFFF; text-align:center; text-transform:uppercase; background-color:#333333; padding:2px; }
.db td { text-align:center; background-color:#FFFFFF; padding:2px; }

.genderdef { font-family:Verdana,Arial,Sans-Serif; font-size:11px; letter-spacing:1px; text-align:left; margin:0px; padding:0px 0px 10px 0px; }

/* ============================================================================== */


/* ironman-hawaii-statistik.php */
.selectbox    { width:100%; border:1px solid #A59987; border-collapse:separate; background-color:#FFFFFF; margin-bottom:0px; }
.selectbox td { background-color:#FFFFFF; }

/* Tabelle "form_select.php" */
.contentbox_light { border:1px solid #DCD299; background-color:#FFFFF0; padding:10px; }

/* Tabelle "Alle Top-10-Platzierungen eines Athleten" */
.tab_lined td { border-top:1px solid #997866; border-bottom:1px solid #997866; padding:2px; }

.tab    { margin-bottom:20px; }
.tab td { padding:2px; }

/*****************
 * ÜBERSCHRIFTEN *
 *****************/
h1,h2,h5 { font-family:Trebuchet MS,Verdana,Arial,Sans-Serif; font-weight:normal; letter-spacing:0px; }

h1 {
  font-size:20px;
  color:#DC0014;
  margin-top:30px; margin-bottom:25px; }
h2 {
  font-size:15px;
  font-weight:bold;
  color:#333333;
  margin-top:30px;
  margin-bottom:0px;
  padding-bottom:3px;
  border-bottom:1px dotted #999999; }
h4 { /* Überschrift für "News & Ergebnisse" und im-interviews.php */
  font-size:12px;
  font-weight:bold;
  color:#333;
  letter-spacing:0px;
  line-height:120%;
  margin-top:0px; margin-bottom:5px; }
/* h5 = Überschrift für InfoBoxen (rechts) */
h5 {
  font-size:14px;
  font-weight:bold;
  color:#333333;
  margin-top:0px;
  margin-bottom:0px; }



.genderdef td {
letter-spacing:2px;
font-size:12px;
font-weight:bold;
padding-bottom:10px;
background-color:#CC0033;
text-align:left; }

/*********
 * LINKS *
 *********/
a:active, a:focus { outline:none; }		/* Link-Rahmen in FireFox unterdrücken */
/* Primär-Navigation (oben) */
a.navilink:link    { font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:12px; font-weight:normal; letter-spacing:1px; color:#CCC; }
a.navilink:visited { font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:12px; font-weight:normal; letter-spacing:1px; color:#CCC; }
a.navilink:hover   { font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:12px; font-weight:normal; letter-spacing:1px; color:#FFF; }
a.navilink:active  { font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:12px; font-weight:normal; letter-spacing:1px; color:#CCC; }

.no_navilink { font-family:Arial,Verdana,Helvetica,Sans-Serif; font-size:12px; font-weight:normal; letter-spacing:1px; color:#FFFFFF; }

/* Sekundär-Navigation (links) */
a.navileftlink:link,
a.navileftlink:visited,
a.navileftlink:active {
  font-size:10px;
  font-weight:normal;
  letter-spacing:0px;
  color:#505050; }
a.navileftlink:hover  {
  color:#DC0033; }

.no_navileftlink { font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:6px; font-weight:bold; letter-spacing:0px; color:#000000; border-top:1px solid #FFF; border-bottom:1px solid #EBEBEB; }

/* Interaktive-Elemente (Seite drucken, -weiterempfehlen usw.) */
a.interactlink:link    { font-size:10px; font-weight:normal; color:#666; padding:2px; }
a.interactlink:visited { font-size:10px; font-weight:normal; color:#666; padding:2px; }
a.interactlink:hover   { font-size:10px; font-weight:normal; color:#333; padding:2px; }
a.interactlink:active  { font-size:10px; font-weight:normal; color:#666; padding:2px; }

/* Überschrift-Link */
a.hl_link:link    { font-size:12px; font-weight:bold; color:#333; text-decoration:none; }
a.hl_link:visited { font-size:12px; font-weight:bold; color:#333; }
a.hl_link:hover   { font-size:12px; font-weight:bold; color:#DC0014; }
a.hl_link:active  { font-size:12px; font-weight:bold; color:#333; }

/* Standard-Text-Links (rot) */
a.textlink:link    { font-size:10px; font-weight:normal; color:#DC0014; text-decoration:none; }
a.textlink:visited { font-size:10px; font-weight:normal; color:#999; }
a.textlink:hover   { font-size:10px; font-weight:normal; color:#F03; }
a.textlink:active  { font-size:10px; font-weight:normal; color:#DC0014; }

/* Ergebnislisten-Links (rot) */
a.listlink:link,
a.listlink:visited,
a.listlink:active {
  font-size:10px;
  font-weight:normal;
  color:#CC0033;
  letter-spacing:1px;
  text-decoration:none; }
a.listlink:hover {
  color:#FF0033; }

a.boxlink:link    { font-size:10px; font-weight:normal; color:#333; letter-spacing:0px; text-decoration:none; }
a.boxlink:visited { font-size:10px; font-weight:normal; color:#333; letter-spacing:0px; text-decoration:none; }
a.boxlink:hover   { font-size:10px; font-weight:normal; color:#DC0014; letter-spacing:0px; text-decoration:none; }
a.boxlink:active  { font-size:10px; font-weight:normal; color:#333; letter-spacing:0px; text-decoration:none; }

a.spezlink:link    { font-size:10px; font-weight:bold; color:#333; letter-spacing:0px; text-decoration:none; }
a.spezlink:visited { font-size:10px; font-weight:bold; color:#333; letter-spacing:0px; text-decoration:none; }
a.spezlink:hover   { font-size:10px; font-weight:bold; color:#DC0014; letter-spacing:0px; text-decoration:none; }
a.spezlink:active  { font-size:10px; font-weight:bold; color:#333; letter-spacing:0px; text-decoration:none; }

a.toplink:link    { font-size:12px; font-weight:bold; color:#000; letter-spacing:0px; text-decoration:none; }
a.toplink:visited { font-size:12px; font-weight:bold; color:#000; letter-spacing:0px; text-decoration:none; }
a.toplink:hover   { font-size:12px; font-weight:bold; color:#FFF; letter-spacing:0px; text-decoration:none;  }
a.toplink:active  { font-size:12px; font-weight:bold; color:#000; letter-spacing:0px; text-decoration:none; }

/* Links in Daten-Tabelle */
a.tablink:link,
a.tablink:active {
  font-family:Arial,Helvetica,Sans-Serif,Verdana;
  font-size:10px;
  font-weight:normal;
  color:#DC0014;
  letter-spacing:0px; }
a.tablink:visited {
  color:#999999;
  letter-spacing:0px; }
a.tablink:hover {
  color:#FF0033; }

a.tri2b:link    { color:#FFF; }
a.tri2b:visited { color:#FFF; }
a.tri2b:hover   { color:#CCC; }
a.tri2b:active  { color:#FFF; }

/*********************************
 * FORMULAR-ELEMENTE (Gästebuch) *
 *********************************/
input,select,textarea {
  font-family:Arial,Helvetica,sans-serif,Verdana; font-style:normal; font-weight:normal; font-size:11px; color:#505050;
  border-top:1px solid #999; border-bottom:1px solid #DCDCDC; border-left:1px solid #999; border-right:1px solid #DCDCDC;
  padding:1px; }

input,select {
  height:18px; }

.radiobutton {
  background-color:#FFFFFF;
  border:none; }

.button_1 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:bold;
  letter-spacing:1px;
  color:#505050;
  height:17px;
  background-color:#CCCCCC;
  background-image:url(../images/bg_button.gif); background-repeat:repeat-x;
  padding-top:0px;
  padding-bottom:4px;
  border-top:1px solid #FFFFFF;
  border-left:1px solid #FFFFFF;
  border-bottom:1px solid #333333;
  border-right:1px solid #333333; }

.button_1:hover {
/*font-size:10px;
  font-weight:bold;
  letter-spacing:1px; */
  color:#000000;
  background-color:#FFFFFF;
  background-image:url(../images/bg_button_hover.gif); background-repeat:repeat-x;
  border-top:1px solid #333333;
  border-left:1px solid #333333;
  border-bottom:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF; }

.button_2 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:normal;
  letter-spacing:1px;
  color:#505050;
  height:20px;
  background-color:#CCCCCC;
  background-image:url(../images/bg_button.gif); background-repeat:repeat-x;
  padding-bottom:2px;
  border-top:1px solid #FFFFFF;
  border-left:1px solid #FFFFFF;
  border-bottom:1px solid #333333;
  border-right:1px solid #333333; }

.button_2:hover {
/*font-size:10px;
  font-weight:bold;
  letter-spacing:1px; */
  color:#000000;
  background-color:#FFFFFF;
  background-image:url(../images/bg_button_hover.gif); background-repeat:repeat-x;
  border-top:1px solid #333333;
  border-left:1px solid #333333;
  border-bottom:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF; }

/* DIV-Bereich für Werbung */
.bg-img_left {
  position:absolute; top:10px; left:780px;
  border:0px;
  width:120px; height:600px;
  background-color:#FFFFFF;
  background-image:url(../images/ad.jpg); background-repeat:repeat; }






#topnav {
  position:absolute; top:80px; left:1px;
  width:700px;
  margin:0px;
  padding:0px;
  clear:both;
  border:0px solid #00FFFF; }

/*
.topnavinactivebox {
  height:25px;
  float:left;
  border:0px solid #9999FF; }
*/

.topnavinactive {
  height:20px;
  padding:9px 20px 0px 20px;
  float:left;
  border:0px solid #FFFF66; }

.topnavdivider {
  width:2px;
  height:26px;
  margin-top:0px;
  padding:0px;
  background-image:url(../images/topnavdivider.gif);
  background-repeat:repeat-y;
  float:left;
  border:0px solid #FFFF66; }

.topnavdivideractiv {
  width:2px;
  height:22px;
  margin-top:0px;
  padding:0px;
  background-image:url(../images/topnavdivider.gif);
  background-repeat:repeat-y;
  float:left;
  border:0px solid #FFFF66; }

/*
#topnavactivebox {
  height: 30px;
  float: left; }
*/

#topnavactive {
  height:22px;
  padding:9px 20px 0px 20px;
  background-image:url(../images/bg_topnav_active.gif);
  background-repeat:repeat-x;
  float:left;
  border:0px solid #CC0033; }

#topnavactiveleft {
  width:5px;
  height:30px;
  margin:0px;
  padding:0px;
  background-image:url(../images/topnav_divider_active_left_2.gif);
  background-repeat:no-repeat;
  float:left; }

#topnavactiveright {
  width:5px;
  height:30px;
  margin:0px;
  padding:0px;
  background-image:url(../images/topnav_divider_active_right_2.gif);
  background-repeat:no-repeat;
  float:left; }