/* 

Liga / The League 
alle Ergenisse, alle Tabellen
--
Theme Name: BTV lawn tennis
Version: 1.0
Author: Timo Wirth, Aperto AG
 
*/


#main { /* im liga bereich anders */
    /*padding: 0; /* kein padding top 20px */
}

#theleague h1 {
    margin: 0 20px 20px 20px;
    font: bold 160% arial, helvetica, verdana, sans-serif; 
}

#theleague .main-box h1 { /* im 2-splaten-bereich */
    margin: 20px 0 20px 0;
    font-size: 200%;
}

#theleague h2 { /* 1-spaltiges Layout */
    clear: both;
    overflow: hidden;
    margin: 12px 20px 2px 20px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    color: #747474;
    font: bold 150% arial, geneva, verdana, helvetica, sans-serif; 
}

#theleague h2 em { /* kleinere gruppenangabe */
    font-style: normal;
    text-transform: none;
    font-size: 80%;    
}

#theleague .main-box h2 { /* 2-spalten-bereich */
     margin: 20px 0 2px 0;
     
     width: auto;
}

.teaser+h2 { /* not for ie */
    float: left;
}


/* LIGA-NAVIGATION: extra Karteireiter  
--------------------------------------------------- */

#nav-liga {
    float: left;
    margin: 0;   
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0 0 10px 0; /* blauer rand unten */
    font-size: 110%;
    background:  #006BAE url(../../img/bg-theleaguenav.gif) 0 0 repeat-x;
    width: 738px;
    margin-top: -20px;
}

#nav-liga h1 {
    margin: 10px; 
    color: #fff;
    text-transform: uppercase;
}

/* 1. ebene ligen und klassen */

ol#klasse {
    float: left;
    display: inline; /* ANTI-IE-BUG: double-float-margin */
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0; 
}

ol#klasse li {
    float: left; 
    margin: 0;
    padding: 0;   
}

ol#klasse li a {
    float: left;
    display: block;
    margin-right: 3px;    
    padding: 3px 10px;
    color: #fff;
    background: #008CE3;
    font-size: 100%;
    text-decoration: none;
}


ol#klasse li a:hover,
ol#klasse li a:focus,
ol#klasse li a:active,
ol#klasse li a.standort {
    background: #fff;
    color: #000;
}


/* 2. ebene alter, damen, herren */

#nav-liga-sub {
   clear: left;
   float: left;
   display: inline; /* ANTI-IE-BUG: double-float-margin */
   margin: 0 10px;
   padding: 20px 0 10px 0;
   width: 720px;
   background: #fff;
}


#nav-liga-sub dl {
    float: left;
    display: inline;
    margin: 0 0 4px 10px; /* 1px vom a */
    width: 342px;
}

#nav-liga-sub dt {
    float: left;
    margin: 2px 0 0 0;
    width: 8em;
    color: #333;
    padding-bottom: 8px;    
    width: 6.2em;
}

#nav-liga-sub dd {
    float: left;
    margin-right: 5px;
    margin-bottom: 4px;
}

#nav-liga-sub dd a {
    display: block;
    border: 1px solid #ccc;
    margin: 0 0 1px 0;
    padding: 1px 9px;
}

#nav-liga-sub dl a:hover,
#nav-liga-sub dl a:active,
#nav-liga-sub dl a:focus,
#nav-liga-sub dl a.standort {
    background: #E3E3E3;
    color: #000;
    text-decoration: none;
    
    background: #0A86DC;
    color: #fff;
    border: 1px solid #0A86DC;
}



/* 3. ebene: gruppen */

#nav-liga-sub-sub {
    clear: left;
    float: left;
    display: inline; /* ANTI-IE-BUG: double-float-margin */
    margin: 10px 0 0 10px;
    padding: 0 0 10px 0;
    width: 700px;
    background: #E3E3E3;
}

#nav-liga-sub-sub dl {
    float: left;
    display: inline;
    margin: 10px 0 0 10px;
    padding: 0 10px 10px 10px;
    background: #fff;
    width: 128px; /* HACK box-model for IE 5x */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 108px /* for mose */
} 

#nav-liga-sub-sub dt {
    clear: left;
    float: none;
    border-bottom: 2px solid #E3E3E3;
    margin: 10px 0 5px 0;
    padding: 0 0 4px 0;
    color: #333;
    display: block;
    width: auto;
}

#nav-liga-sub-sub dt.space {
    border-bottom: 4px solid #E3E3E3;
    height: 10px;
    margin:  0 -10px 0 -10px;
    padding: 0 0 0 0;
}

#nav-liga-sub-sub dd {
   float: left;
   margin: 1px 0px 1px 0px;
   padding: 0;
}

#nav-liga-sub-sub dd a  {
    float: none;
    margin: 0;
    border: 0;
    padding: 2px 3px;
    display: block;
}

#nav-liga-sub-sub dd a:hover,
#nav-liga-sub-sub dd a:active,
#nav-liga-sub-sub dd a:focus,
#nav-liga-sub-sub dd a.standort {
    text-decoration: none;
    border: none;
    background: #0A86DC;
    color: #fff;
}


/* gruppen-boxen andere groessen */

/* one big box */
#nav-liga-sub-sub dl.xxl {
    width: 680px; /* HACK box-model for IE 5x */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 660px /* for mose */
}

/* kleiner */
#nav-liga-sub-sub dl.xs {
    width: 74px; /* HACK box-model for IE 5x */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 54px /* for mose */
}

/* groesser */
#nav-liga-sub-sub dl.xl {
    width: 215px; /* HACK box-model for IE 5x */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 146px /* for mose */
}



/* breadcrub - navaigationspfad */

ol#nav-pfad {
    clear: left;
    padding: 20px 0 20px 0;
    list-style: none;
    margin: 0;
}

ol#nav-pfad li em {
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
}

ol#nav-pfad li {
    font-size: 150%;
}



/* TABELLE 
----------------------------------------- */


/* volle Breite */

table {
    clear: left;
    margin: 0 20px 20px 20px;
    padding: 0;
    width: 700px;
    font-size: 110%;
    table-layout: auto;
    width: auto;
}

caption {
    margin: 0px 20px 0 20px; /* tabellen-abstand nach oben */
    padding: 3px 10px;
    background: #B6B6B6;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

tr {
    background: #F4F4F4;
    border-bottom: 1px solid #CACACA;   
}

tr.odd {
    background: #E8E8E8;
}

thead th { /* koepfe oben */
    padding: 10px 5px 5px 5px;
    color: #333;
    background: #DBDBDB;
}
  
td, th { /* th seitlich */
    padding: 5px 5px;
}


td em { /* datum */
    font-style: normal;
    margin-left: 5px;
    margin-right: 5px;
}


/* listen in Tabellen - allg. css ueberschreiben */

.main-box ul,
table ul {
    margin: 0;
    font-size: 100%;
}

.main-box li {
    background: transparent;
    padding: 0;
}

/* spaltenbreiten breite Tabellen */

th#datum { 
    width: 25%;
}

/* min-width: nur so groß wie nötig */
th.min,
th.nation,
th.sg, 
th.rang, 
th.matchpunkte,
th.saetze,
th.spiele,
th.bericht,
th.tabpkt, 
th.begegnungen {
    width: 1%;
}

/* tabelle schmal 1-spaltig - koepfe seitlich */

.main-box table {
    margin: 0;
    width: 480px;
}

.main-box caption {
    margin: 0;
}

th {
    background: #DBDBDB;
    /* width: 25%; */
    font-weight: bold;
}


/* hover */

tr:hover {
    background: #fff;
}



/* table Spielberichte
----------------------- */

p.functions {
    float: right;
    text-align: right;
}

/* spaltenbreiten */
.team1, .team2 {
    width: 40%;
}
.satz1, .satz2, .satz3, .matchpunkte, .saetze, .spiele {
    width: 1%; /* min-widht */
    white-space: nowrap;
}

.spielbericht td em { /* datum */
    font-style: normal;
    margin-left: 0px;
    margin-right: 5px;
}

/* zeile aufaddiert */
tr.zusammen {
    border-bottom: 0;    
}

tr.zusammen th {
    background: #fff;
}

tr.zusammen td {
    background: #fff;
    font-weight: bold;
} 

/* einzel und doppel */
tr.gesamt td, tr.gesamt th {
    border-top: 30px solid #fff;
    border-bottom: 0; 
}

tr.gesamt td {
    background: #0A86DC;
    color: #fff;
    font-weight: bold;
}


.dteam span {
    float: left;
    display: block;
    color: #666;
    padding: 0;
}

.dteam ul {
    float: left;
    margin-left: .5em; /* for ie */
}




/* ANZEIGEN - BANNER 
------------------------------------ */

.banner-full {
    margin: 0 0 0 0;
    clear: left;
    float: left;
    padding: 0 0 0 0;
} 
.banner-full:after {
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden;
}

.banner-xxl {
    margin: 0 0 20px 20px;
}

#lk-table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#lk-table td,#lk-table th {
    vertical-align: bottom;
    width: 64px;
    padding: 0 1px 0 0;
    border: 0;

}

#lk-table div.lk {
    position: relative;
    background-color: #e0e0e0;
}

#lk-table div.inactive {
    background-color: #e0e0e0;
}

#lk-table div.lk div {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: transparent;
    padding-left: 2px;
}

#lk-table div.inherited { 
    background-color:#c0c0c0; 
}

.lk8-meter div {
    background-color: #fc730d;
}

.active-lk8 div.lk {
    background-color: #fc730d !important;
    font- weight: bold;
}

.lk7-meter div {
    background-color: #f8b808;
}

.active-lk7 div.lk {
    background-color: #f8b808 !important;
    font- weight: bold;
}

.lk6-meter div {
    background-color: #f3e81b;
}

.active-lk6 div.lk {
    background-color: #f3e81b !important;
    font- weight: bold;
}

.lk5-meter div {
    background-color: #b1cd0b;
}

.active-lk5 div.lk {
    background-color: #b1cd0b !important;
    font- weight: bold;
}

.lk4-meter div {
    background-color: #86bd0a;
}

.active-lk4 div.lk {
    background-color: #86bd0a !important;
    font- weight: bold;
}

.lk3-meter div {
    background-color: #76b302;
}

.active-lk3 div.lk {
    background-color: #76b302 !important;
    font- weight: bold;
}

.lk2-meter div {
    background-color: #52ae0e;
}

.active-lk2 div.lk {
    background-color: #52ae0e !important;
    font- weight: bold;
}

.lk1-meter div {
    background-color: #329e0e;
}

.active-lk1 div.lk {
    background-color: #329e0e !important;
    font- weight: bold;
}

.point {
    height: 5px;
    width: 100%;
    overflow: hidden;
    font-size: 1px;
    line- height: 1px;
}

.win {
    height: 5px;
    margin-bottom: 1px;
    width: 100%;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
}

.lk-text td {
    padding: 2px 0 2px 2px;
    font-size: 11px;
    line-height: 20px;
}

.lk-text th {
    padding: 2px 0 2px 2px;
    font-size: 11px;
    line-height: 20px;
    text-align: left;
    font-weight: normal;
}

div#main p.main-text {
    margin:0 14px 0 20px;
}

div#main ul.main-text {
    list-style-type: disc;
    margin:0 14px 0 40px;
}


/* Turnier Gegner Baumdarstellung */
.table-tree { margin:16px 0 16px 0px; border:none; }
.table-tree tr { border:none; }
.table-tree th { padding:0 8px 0 0px; }
.table-tree td { padding:0 4px 0 4px; background-color:transparent; }

.line-bo { border-bottom:1px solid #000000; }
.line-bore { border-bottom:1px solid #000000; border-right:1px solid #000000; }
.line-re { border-right:1px solid #000000; }

.sub-text-h4 { margin-left:20px; }

/* Turnier Gegner Matrixdarstellung */
.table-matrix { margin:16px 0 16px 0px; border-collapse:collapse; }
.table-matrix th { padding:0 4px 0 1px; font-weight:normal; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc }
.table-matrix td { padding:0 1px 0 1px; border:1px solid #cccccc; background-color:#efefef; text-align:center; vertical-align:middle; }
.table-matrix td.disabled { background-color:#ffffff; }
.table-matrix td.hidden, .table-matrix th.hidden { visibility:hidden; border:0; background-color:transparent; }
.table-matrix tr.table-split td, .table-matrix tr.table-split th   { background-color:transparent; border:0; height:3em; }
.table-matrix abbr[title] { font-style: normal; cursor: help; background-color:#FFCC00; padding:1px; color:#000000; border-bottom: 0px; }

