/*//////////////////////////////////////////////////////////////////////////////
Body, Grundlegendes, Links, Tabellen
//////////////////////////////////////////////////////////////////////////////*/



body {

background-color: #666666;
background-position:top;
/*background-image:url(images/design/background_top.jpg);*/
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #E2E2E2;
font-color: #E2E2E2;
font-size: 11px;
}

font#xsmall {
font-size: 1px;
}

font#green {
color: #52B500;
}

font#red {
color: #FF0000;
}

a {
color: #AAAAAA;
text-decoration: none;
}

a:hover {
color: #E2E2E2;
text-decoration: underline;
}

table {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-color: #E2E2E2;
color: #E2E2E2;
}

table#content {
font-size: 11px;
font-color: #E2E2E2;
color: #E2E2E2;
font-family: Verdana, Arial, Helvetica, sans-serif;

border-color: #2B2B2B; /* Ursprünglich: 0C0C0C */
background-color: #2B2B2B;
}

/*//////////////////////////////////////////////////////////////////////////////
Headlines Standard
//////////////////////////////////////////////////////////////////////////////*/

tr#headline {
font-size: 11px;
background-image:url(images/design/headline_bg.gif);
}

td#headline {
font-size: 11px;
background-image:url(images/design/headline_bg.gif);
}

tr#headline_s {
font-size: 9px;
background-image:url(images/design/headline_bg.gif);
}

td#headline_s {
font-size: 9px;
background-image:url(images/design/headline_bg.gif);
}

tr#headline_news {
font-size: 11px;
background-image:url(images/design/headline_bg_news.gif);
}

td#headline_news {
font-size: 11px;
background-image:url(images/design/headline_bg_news.gif);
}

tr#headline_commandcenter {
font-size: 11px;


background-image:url(images/design/headline_bg_commandcenter.gif);
}

td#headline_commandcenter {
font-size: 11px;


background-image:url(images/design/headline_bg_commandcenter.gif);
}

tr#headline_community {
font-size: 11px;


background-image:url(images/design/headline_bg_community.gif);
}

td#headline_community {
font-size: 11px;


background-image:url(images/design/headline_bg_community.gif);
}

tr#headline_turniere {
font-size: 11px;


background-image:url(images/design/headline_bg_turniere.gif);
}

td#headline_turniere {
font-size: 11px;


background-image:url(images/design/headline_bg_turniere.gif);
}

tr#headline_sponsoren {
font-size: 11px;


background-image:url(images/design/headline_bg_sponsoren.gif);
}

td#headline_sponsoren {
font-size: 11px;


background-image:url(images/design/headline_bg_sponsoren.gif);
}

tr#headline_f4g {
font-size: 11px;


background-image:url(images/design/headline_bg_f4g.gif);
}

td#headline_f4g {
font-size: 11px;


background-image:url(images/design/headline_bg_f4g.gif);
}

tr#headline_error {
font-size: 11px;
color: #000000;


background-image:url(images/design/headline_bg_error.gif);
}

td#headline_error {
font-size: 11px;
color: #000000;


background-image:url(images/design/headline_bg_error.gif);
}

tr#headline_green {
font-size: 11px;


background-image:url(images/design/headline_bg_green.gif);
}

td#headline_green {
font-size: 11px;


background-image:url(images/design/headline_bg_green.gif);
}

tr#headline_red {
font-size: 11px;


background-image:url(images/design/headline_bg_red.gif);
}

td#headline_red {
font-size: 11px;


background-image:url(images/design/headline_bg_red.gif);
}

tr#headline_blue {
font-size: 11px;


background-image:url(images/design/headline_bg_blue.gif);
}

td#headline_blue {
font-size: 11px;


background-image:url(images/design/headline_bg_blue.gif);
}

tr#headline_yellow {
font-size: 11px;


background-image:url(images/design/headline_bg_yellow.gif);
}

td#headline_yellow {
font-size: 11px;


background-image:url(images/design/headline_bg_yellow.gif);
}

tr#headline_orange {
font-size: 11px;


background-image:url(images/design/headline_bg_orange.gif);
}

td#headline_orange {
font-size: 11px;


background-image:url(images/design/headline_bg_orange.gif);
}

/*//////////////////////////////////////////////////////////////////////////////
Normale Tabellenfelder
//////////////////////////////////////////////////////////////////////////////*/

tr#vote_balken {
background-color: #086BF7;
}

td#vote_balken {
background-color: #086BF7;
}

td#footer {
background-color: #555555;
/*background-image:url(images/design/css_data.gif);*/
}

tr#footer {
background-color: #555555;
/*background-image:url(images/design/css_data.gif);*/
}

tr#data {
background-color: #424242;
/*background-image:url(images/design/css_data.gif);*/
}

td#data {
background-color: #424242;
/*background-image:url(images/design/css_data.gif);*/
}

tr#datb {
background-color: #505050;
/*background-image:url(images/design/css_data.gif);*/
}

td#datb {
background-color: #505050;
/*background-image:url(images/design/css_data.gif);*/
}

tr#background {
background-color: #666666;
/*background-image:url(images/design/css_data.gif);*/
}

td#background {
background-color: #666666;
/*background-image:url(images/design/css_data.gif);*/
}

table#background {
background-color: #666666;
background-image:url(images/design/background_2dots.gif);
}

tr#data_s {
background-color: #424242;
font-size: 9px;
/*background-image:url(images/design/css_data.gif);*/
}

td#data_s {
background-color: #424242;
font-size: 9px;
/*background-image:url(images/design/css_data.gif);*/
}

tr#datb_s {
background-color: #505050;
font-size: 9px;
/*background-image:url(images/design/css_data.gif);*/
}

td#datb_s {
background-color: #505050;
font-size: 9px;
/*background-image:url(images/design/css_data.gif);*/
}

/*//////////////////////////////////////////////////////////////////////////////
Tabellenfeldgröße
//////////////////////////////////////////////////////////////////////////////*/

td#s {
font-size: 9px;
}

tr#s {
font-size: 9px;
}

/*//////////////////////////////////////////////////////////////////////////////
Gefärbter Tabellenhintergrund
//////////////////////////////////////////////////////////////////////////////*/

tr#content {
background-color: #2B2B2B;
}

td#content {
background-color: #2B2B2B;
}

tr#content_s {
background-color: #2B2B2B;
}

td#content_s {
background-color: #2B2B2B;
}

tr#green {
background-color: #385038;
}

td#green {
background-color: #385038;
}

tr#green_s {
background-color: #385038;
font-size: 9px;
}

td#green_s {
background-color: #385038;
font-size: 9px;
}

tr#red {
background-color: #503838;
}

td#red {
background-color: #503838;
}

tr#red_s {
background-color: #503838;
font-size: 9px;
}

td#red_s {
background-color: #503838;
font-size: 9px;
}

tr#yellow {
background-color: #7D762D;
}

td#yellow {
background-color: #7D762D;
}

tr#yellow_s {
background-color: #7D762D;
font-size: 9px;
}

td#yellow_s {
background-color: #7D762D; /* 736B15 877F23 altes Yellow */
font-size: 9px;
}




tr#blue {
background-color: #383850;
}

td#blue {
background-color: #383850;
}

tr#blue_s {
background-color: #383850;
font-size: 9px;
}

td#blue_s {
background-color: #383850;
font-size: 9px;
}

/*//////////////////////////////////////////////////////////////////////////////
Formularfelder
//////////////////////////////////////////////////////////////////////////////*/

input {
background-color: #555555;
border: 1px solid #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF
}

select{
background-color: #555555;
border: 1px solid #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF
}

textarea {
background-color: #555555;
border: 1px solid #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF
}

/*//////////////////////////////////////////////////////////////////////////////
Scroll-Container (z.B. Matchdata)
//////////////////////////////////////////////////////////////////////////////*/

.container
{        position: relative;
        width: 38.9em;

        height: 4.3em;
        overflow: auto;

}



/*//////////////////////////////////////////////////////////////////////////////
Grid
//////////////////////////////////////////////////////////////////////////////*/

.a{
background-image:url(images/design/headline_bg.gif);
border-color:#2B2B2B;
font-size:9px;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
}
.b{
border-color:#2B2B2B;
border-right-style: solid;
border-right-width: 1px;
}
.c{
background-image:url(images/design/headline_bg.gif);
font-size:9px;
border-color:#2B2B2B;
border-right-style: solid;
border-right-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
}
.head_runde_right{
background-image:url(images/design/headline_bg_turniere.gif);
border-color:#2B2B2B;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
}
.head_runde_both{
background-image:url(images/design/headline_bg_turniere.gif);
border-color:#2B2B2B;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-left-style: solid;
border-left-width: 1px;
}

.border_RBT{
border-color:#2B2B2B;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
}

.border_RLBT{
border-color:#2B2B2B;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-left-style: solid;
border-left-width: 1px;
}

.border_R{
border-color:#2B2B2B;
border-right-style: solid;
border-right-width: 1px;

}

/*//////////////////////////////////////////////////////////////////////////////
Tabs
//////////////////////////////////////////////////////////////////////////////*/

ul.tabs {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        height: 20px; /*--Set height of tabs--*/
        border-bottom: 1px solid #2B2B2B;
        border-left: 1px solid #2B2B2B;
        width: 100%;
}
ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 19px; /*--Subtract 1px from the height of the unordered list--*/
        line-height: 19px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #2B2B2B;
        border-left: none;
        margin-bottom: -1px; /*--Pull the list item down 1px--*/
        overflow: hidden;
        position: relative;
        background: #424242;
}
ul.tabs li a {
        text-decoration: none;
        color: #E2E2E2;
        display: block;
    font-weight:bold;
        font-size: 1.0em;
        padding: 0 10px;

        outline: none;
}
ul.tabs li a:hover {
        background: #2B2B2B;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
        background: #505050;
        border-bottom: 1px solid #505050; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
        border: 1px solid #2B2B2B;
        border-top: none;
        overflow: hidden;
        clear: both;
        float: left; width: 100%;
        background: #505050;
}
.tab_content {
        padding: 2px;
        font-size: 1.2em;
}

/*//////////////////////////////////////////////////////////////////////////////
Navigation
//////////////////////////////////////////////////////////////////////////////*/

div#Rahmen {
    width: 97,5%;
    height: 24px;
    padding: 0.6em;
    border: 1px solid black;
    background-color: #2B2B2B;
    align: left;
  }
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 100%;
    w\idth: 47.1em;
  }
  div#Rahmen div {
     clear: left;
  }
  ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
    width: 100%;
  }

  ul#Navigation li {
    list-style: none;

    height: 100%;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.2em; padding: 0;
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: 0 em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }

/*//////////////////////////////////////////////////////////////////////////////
Buttons
//////////////////////////////////////////////////////////////////////////////*/

  button
         {
         background-color:#424242;
         border:0;
         }