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

body {
  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,h4,h5,
span,a,
legend, fieldset,
.button           { font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:11px; font-weight:normal; font-style:normal; color:#333; text-decoration:none; letter-spacing:0px; }

/****************
 * TEXT-Formate *
 ****************/

p          { margin-top:6px; margin-bottom:6px; line-height:140%; }

.big       { font-size:12px; }
.small     { font-size:10px; }
.fat       { font-weight:bold; }
.grey      { color:#999; }
.justy     { text-align:justify; }
strong     { font-weight:normal; }
.bullet    { font-family:Verdana; font-size:12px; font-weight:bold; color:#DC0014; }
acronym    { border-bottom:1px dashed #999; cursor:help; }

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

ul { padding:0px 0px 0px 15px; margin:10px 0px 0px 0px; line-height:140%; list-style-type:square; }
li { margin-bottom:5px; }

legend       { font-weight:normal; font-size:14px;
               letter-spacing:1px; color:#000;
               padding:5px; margin:0px 0px 0px 0px; text-indent:0px; }
fieldset     { border:1px solid #999;
               text-align:left; width:470px; padding:0px 0px 0px 5px; margin-top:20px; margin-bottom:40px; }

.info { border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; background-color:#FAFAFA; line-height:160%; padding:4px; }
.news { background-color:#F0F0F0; margin-top:0px; margin-bottom:0px; width:100%; }

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

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

div.errormsg span { color:#CC0033; font-size:14px; letter-spacing:1px; font-weight:bold; }


.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:#000;
  margin-top:15px; margin-bottom:10px;
  width:90%;
  border:1px solid #000;
  background-color:#F5F5F5;
  padding:10px;
  -moz-border-radius:7px; }

/***************************
 * TABELLEN & DIV-Bereiche *
 ***************************/

div.infobox       { margin-top:0px; margin-bottom:15px; width:196px; overflow:hidden; border:1px solid #000; background-color:#000;
                    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
div.infobox table { margin-bottom:5px; width:100%; }
div.infobox th    { padding:2px 0px 2px 5px; }
div.infobox td    { padding:0px 0px 0px 5px; background-color:#FFF; }
div.infobox h5    { color:#FFF; text-align:left; }

div.disclaimer    { text-align:justify; }
div.disclaimer h6 { margin-top:0px; margin-bottom:15px; font-weight:normal; font-size:12px; letter-spacing:2px; text-transform:uppercase; }
div.disclaimer h7 { margin:0px; font-weight:normal; font-size:10px; letter-spacing:1px; text-transform:uppercase; }
div.disclaimer p  { margin-bottom:15px; font-weight:normal; font-size:10px; }

.comment       { padding:2px 2px 0px 2px; margin-top:0px; margin-bottom:0px; background-color:#FAFAFA; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }
.comment_hl    { letter-spacing:1px; color:#999; margin-top:0px; margin-bottom:5px; }
.comment_autor { margin-top:5px; margin-bottom:0px; padding-top:5px; color:#999; border-top:1px solid #FFF; }
.comment_text  { margin-top:2px; margin-bottom:0px; padding-bottom:5px; }

table { border-collapse:collapse; }

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

#corpus       { position:relative; margin:0px auto; top:0px; padding-top:20px; padding-bottom:150px;
                width:900px;
                text-align:left;
                border-left:0px solid #CCC; border-right:0px solid #CCC; border-bottom:0px solid #CCC;
                background-color:#FFF; background-image:url(../images/bg_corpus.jpg); background-repeat:no-repeat; }

#foot         { position:absolute; bottom:0px; left:0px; width:900px; height:120px; text-align:center;
                border-top:1px solid #CCC; 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; }

.navi         { margin-top:0px; margin-bottom:15px; width:100%; border:1px solid #999; background-color:#F5F5F5; -moz-border-radius:5px;
                background-image:url(../images/bg_navi_th.gif); background-position:right; background-repeat:repeat-y; }
.navileft     { margin-top:10px; margin-bottom:10px; text-align:left; width:100%; border-collapse:separate; border-spacing:0px;
                border-bottom:1px solid #FFF; }
.navileft th  { color:#000; font-size:12px; letter-spacing:1px; font-weight:bold; text-align:left;
                border-top:0px solid #FFF; border-bottom:1px solid #EBEBEB; padding-top:0px; padding-bottom:5px; padding-left:5px; }
.navileft td  { padding-top:5px; padding-bottom:5px; padding-left:5px;
                background-color:#FAFAFA;  background-image:url(../images/bg_navi_td.gif); background-position:right; background-repeat:repeat-y;
                border-top:1px solid #FFF; border-bottom:1px solid #EBEBEB; }
.navileft td:hover { background-color:#F5F5F5; background-image:url(../images/bg_navi_td_hover.gif); background-position:right; background-repeat:repeat-y; }
/*   background-image:url(../images/bg_navi_td.gif); background-position:right; background-repeat:repeat-y;        */

.lastnews    { width:480px; margin-bottom:20px; border-top:2px solid #DC0014; border-bottom:6px solid #DC0014; }
.lastnews th { color:#666; font-size:9px; text-transform:uppercase; text-align:left; letter-spacing:1px; padding:3px; background-color:#CCC; }
.lastnews td { padding:2px; background-color:#F0F0F0; }

.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:20px; left:10px; width:160px; text-align:center; margin-bottom:0px; border:0px solid #000; z-index:3; }
#boxes_right  { position:absolute; top:20px; right:10px; width:200px; height:auto; padding-left:0px; padding-right:0px; border:0px solid #3CC; }

.img_top    { margin-top:20px; margin-bottom:10px; background-color:#F0F0F0; }
.img_top p  { padding:2px; margin:0px; font-style:italic; color:#666; }
.img_text   { float:right; background-color:#F0F0F0; width:180px; margin-top:10px; margin-bottom:2px; margin-left:10px; vertical-align:top; }
.img_text p { padding:2px; margin:0px; font-style:italic; color:#666; }

.ad_11 { margin-top:0px; margin-bottom:30px; text-align:center; }
.ad_12 { padding:20px; background-color:#F0F0F0; text-align:center; margin-top:20px; margin-bottom:20px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }   /* ironman-entstehung: */
.ad_14 { margin-top:40px; margin-bottom:10px; text-align:center; border:0px solid #F03; }                                                                               /* ironman-ergebnisse: */

/* ==============================================================================
   DIV-Container der den Hauptinhalt in der Mitte der Webseite beinhaltet.
   Die Zeilen der Tabelle "content":
   Am Anfang befindet sich (bei den Webseiten auf Deutsch) eine Anzeige (Format 468x60) */
#content { margin-top:0px; margin-bottom:10px; margin-left:190px; padding:0px; width:480px; border:0px dotted #666; }

/* Die Tabelle "contenttable" befindet sich innerhalb des DIV-Container "content".
   In der Tabelle "contenttable" wird die Tabelle "db" (Inhalt 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): Tabellen aus der DB
   3. Zeile (th): Interaktiver Link: TABELLE DRUCKEN */
.contenttable    { width:100%; border:2px solid #999; border-collapse:separate; background-color:#FFF; }
.contenttable th { font-size:12px; color:#666; letter-spacing:1px; text-transform:uppercase; text-align:left; padding:5px; background-color:#F0F0F0; }
.contenttable td { padding-top:30px; padding-bottom: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-size:10px; border-bottom:1px solid #EBEBEB; }
.db th { color:#FFF; text-align:center; text-transform:uppercase; background-color:#333; padding:2px; }
.db td { text-align:center; padding:2px; }
.db tr:hover { background-color:#33F5F5; }

.genderdef { font-size:11px; font-weight:bold; letter-spacing:2px;
             text-align:left; text-transform:uppercase;
             margin:0px; padding:0px 0px 5px 0px; }

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

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

/* 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 #CCC; border-bottom:1px solid #CCC; }

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

/*****************
 * ÜBERSCHRIFTEN *
 *****************/
h1 {
  font-size:20px;
  color:#DC0014;
  margin-top:0px; margin-bottom:25px; }

h2 {
  font-size:14px;
  color:#000;
  margin-top:20px;
  margin-bottom:0px;
  padding-bottom:2px;
  border-bottom:1px dotted #666; }
h4 { /* Überschrift für "News & Ergebnisse" und im-interviews.php */
  font-size:17px;
  color:#000;
  line-height:120%;
  margin-top:0px; margin-bottom:5px; }
/* h5 = Überschrift für InfoBoxen (rechts) */
h5 {
  font-size:14px;
  color:#333;
  margin-top:0px;
  margin-bottom:0px; }

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

.no_navilink { font-size:12px; font-weight:normal; letter-spacing:1px; color:#FFF; }

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

.no_navileftlink       { font-size:11px; font-weight:normal; letter-spacing:0px; color:#666; border-top:0px; border-bottom:0px; }

/* 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:#000; 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:11px; font-weight:normal; color:#DC0014; text-decoration:none; }
a.textlink:visited { font-size:11px; font-weight:normal; color:#666; text-decoration:none; }
a.textlink:hover   { font-size:11px; font-weight:normal; color:#F03; text-decoration:underline; }
a.textlink:active  { font-size:11px; font-weight:normal; color:#F03; text-decoration:none; }

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


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

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

a.lastnewslink:link    { font-size:11px; font-weight:normal; color:#999; text-decoration:none; }
a.lastnewslink:visited { font-size:11px; font-weight:normal; color:#999; text-decoration:none; }
a.lastnewslink:hover   { font-size:11px; font-weight:bold; color:#666; text-decoration:none; }
a.lastnewslink:active  { font-size:11px; font-weight:bold; color:#666; text-decoration:none; }

/* Links in Daten-Tabelle */
a.tablink:link    { font-size:10px; font-weight:normal; color:#DC0014; letter-spacing:0px; text-decoration:none; }
a.tablink:visited { font-size:10px; font-weight:normal; color:#999999; letter-spacing:0px; text-decoration:none; }
a.tablink:hover   { font-size:10px; font-weight:normal; color:#FF0033; letter-spacing:0px; text-decoration:underline; }
a.tablink:active  { font-size:10px; font-weight:normal; color:#DC0014; letter-spacing:0px; text-decoration:none; }



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

/*********************
 * FORMULAR-ELEMENTE *
 *********************/
input,select,textarea {
  font-family:Arial,Helvetica,sans-serif; font-size:11px; color:000;
  border-top:1px solid #666; border-bottom:1px solid #CCC; border-left:1px solid #666; border-right:1px solid #CCC;
  padding:1px; }

input  { height:18px; }
select { height:18px; }

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

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

.button_1:hover {
  font-size:11px; font-weight:bold; letter-spacing:0px; color:#000;
  padding-bottom:3px;
  height:18px;
  background-color:#999; background-image:url(../images/bg_button_hover.gif); background-repeat:repeat-x;
  border-top:1px solid #333; border-left:1px solid #333;
  border-bottom:1px solid #FFF; border-right:1px solid #FFF; }

.button_2 {
  font-size:10px; font-weight:normal; letter-spacing:1px; color:#505050;
  height:20px;
  background-color:#CCC;
  background-image:url(../images/bg_button.gif); background-repeat:repeat-x;
  padding-bottom:2px;
  border-top:1px solid #CCC; border-left:1px solid #CCC;
  border-bottom:1px solid #666; border-right:1px solid #666; }

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

/* 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 15px 0px 15px;
  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 15px 0px 15px;
  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; }