/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
==============================================================

    FCGH.net Stylesheet
    Copyright © 2007 James Barrante
    $ CSS.Client.Spiele.Global.php $
    $ Tue, 25 Dec 2007 14:18:41 +0100 $

==============================================================
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media screen {
    
    #D {
        background: red;
    }
    
    #C {
        background: white url(../../IMG/Spiele.UI.BG.png) scroll repeat-y;
    }

    #M {
        background: transparent url(../../IMG/Spiele.Subnav.MBG.png) scroll repeat-x;
        font: normal 11px Verdana, sans-serif;
        padding: 0 0 16px;
    }
    
    DIV.RELCNTNR {
        position: relative;
        width: 100%;
    }
    
    
    #SPIELBERICHTTITEL {
        color: blue;
        width: 100%;
        height: 76px;
        margin: 0 0 16px;
        cursor: default;
    }
    
        #SPIELBERICHTTITEL DIV.HDR0,
        #SPIELBERICHTTITEL DIV.HDRA,
        #SPIELBERICHTTITEL DIV.HDRB,
        #SPIELBERICHTTITEL DIV.HDRC
        {
            top: 0;
            left: 0;
            z-index: 16;
            position: absolute;
            font: normal 11px Tahoma, sans-serif;
        }
        
        #SPIELBERICHTTITEL DIV.HDR0,
        #SPIELBERICHTTITEL DIV.HDRA,
        #SPIELBERICHTTITEL DIV.HDRB
        {
            width: 532px;
        }
        
        #SPIELBERICHTTITEL DIV.HDR0 {
            z-index: 15;
            height: 74px;
            background: transparent url(../../IMG/Base.Alpha.White.050vH.png) scroll repeat;
            border: 1px solid white;
            border-width: 1px 1px 1px 0;
        }
        
        #SPIELBERICHTTITEL DIV.HDRB,
        #SPIELBERICHTTITEL DIV.HDRC
        {
            top: 42px;
            height: 32px;
        }
        
        #SPIELBERICHTTITEL DIV.HDRA {
        }
            #SPIELBERICHTTITEL DIV.HDRA H2 {
                text-align: right;
                color: black;
                margin-top: 0;
                padding-top: 0;
                padding-right: 28px;
                font: normal 32px Cambria, Georgia, serif;
            }
            #SPIELBERICHTTITEL DIV.HDRA STRONG {
                margin: 0 21px;
            }
            #SPIELBERICHTTITEL DIV.HDRA A {
                color: lightsteelblue;
                text-decoration: none;
            }
                #SPIELBERICHTTITEL DIV.HDRA A:hover {
                    color: #005090;
                    text-decoration: underline;
                }
                
        #SPIELBERICHTTITEL DIV.HDRB {
        }
            #SPIELBERICHTTITEL DIV.HDRB H3 {
                text-align: right;
                margin-top: 0;
                padding-top: 0;
                padding-right: 7px;
                padding-bottom: 4px;
                font: normal 23px 'Lucida Sans Unicode', Tahoma, sans-serif;
                color: dimgray;
            }
            #SPIELBERICHTTITEL DIV.HDRB H3 TT {
                font: normal 23px 'Lucida Console', monospace;
                border-bottom: 2px solid indigo;
            }
                #SPIELBERICHTTITEL DIV.HDRB H3 TT.N { border-bottom-color: darkorange;  }
                #SPIELBERICHTTITEL DIV.HDRB H3 TT.S { border-bottom-color: yellowgreen; }
                #SPIELBERICHTTITEL DIV.HDRB H3 TT.U { border-bottom-color: gray;        }            
        
        #SPIELBERICHTTITEL DIV.HDRC {
            left: 548px;
            width: 240px;
        }
            #SPIELBERICHTTITEL DIV.HDRC H3 {
                font: normal 23px 'Lucida Sans Unicode', Tahoma, sans-serif;
                color: #474747;
                margin: 0;
                padding: 0;
                padding-top: 3px;
            }
            #SPIELBERICHTTITEL DIV.HDRC H3 STRONG {
                font-weight: normal;
                color: black;
            }
            
    
    
    
    

    #SUBNAV_M {
        background: transparent;
        padding: 0;
        margin: 0;
    }

        #SUBNAV_C {
            height: 64px;
            background: transparent url(/IMG/Spiele.Subnav.BG.png) scroll no-repeat top center;
        }
            
        #SUBNAV_T {
            margin: 0 auto;
            width: 720px;
            table-layout: fixed;
        }
        
            #SUBNAV_T TD {
                vertical-align: bottom;
            }
            
        
            #SUBNAV_CL {
                text-align: left;
                padding-left: 12px;
            }
            
                #SUBNAV_CL A {
                    display: block;
                    width: 352px;
                    height: 32px;
                    background: transparent url(../../IMG/Mannschaft.Main.InfoBttn.png) scroll no-repeat;
                    text-decoration: none;
                    border-bottom: 1px solid transparent;
                }
                
                #SUBNAV_CL A:hover {
                    border-bottom: 1px solid royalblue;
                }
                
                #SUBNAV_CL A SPAN {
                    display: none;
                }
        
            #SUBNAV_CR {
                text-align: right;
                padding: 12px 8px 0;
            }
            
                #SUBSEL_SEL {
                    width: 100%;
                    font: bold 11px Verdana, sans-serif;
                }
                
                    #SUBSEL_SEL OPTION {
                        font: bold 11px Verdana, sans-serif;
                    }

            #SUBNAV {
                padding: 12px 8px 0;
            }
            
            #SUBSEL {
                display: none;
            }
            
            #SUBSEL > DIV {
                width: 288px;
                height: 384px;
                overflow: auto;
                overflow-x: hidden;
                overflow-y: scroll;
                background: whitesmoke;
                color: black;
                border: 1px solid orange;
            }
            
                #SUBSEL A,
                #SUBSEL A:link,
                #SUBSEL A:hover,
                #SUBSEL A:active,
                #SUBSEL A:visited
                {
                    display: block;
                    text-decoration: none;
                    background: transparent;
                    color: black;
                }

                #SUBSEL A:hover {
                    background: beige;
                    color: mediumblue;
                }


                    #SUBSEL A.CUR,
                    #SUBSEL A.CUR:link,
                    #SUBSEL A.CUR:hover,
                    #SUBSEL A.CUR:active,
                    #SUBSEL A.CUR:visited
                    {
                        background: rgb(255,229,0);
                        color: black;
                        border: 1px solid silver;
                        border-width: 1px 0;
                    }
            
                #SUBSEL UL {
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                }
                
                #SUBSEL UL LI UL {
                    padding: 0 0 0 8px;
                    background: white url(../../IMG/Spiele.UI.Ordnerstriche.png) scroll no-repeat bottom left;
                    border-bottom: 1px solid gainsboro;
                }
                
                    #SUBSEL UL LI UL LI:first-child {
                        border-top: 1px solid silver;
                    }
                
                #SUBSEL H4 {
                    background: white;
                    margin: 4px 0 0;
                    padding: 4px;
                    padding-left: 10px;
                    border-top: 2px groove white;
                    color: mediumblue;
                    font: bold 11px Verdana, sans-serif;
                    text-align: left;
                }
                
                #SUBSEL LI.T,
                #SUBSEL LI.S
                {
                    display: table;
                    width: 100%;
                    table-layout: fixed;
                    border-width: 0;
                    border-spacing: 0;
                }
                
                    #SUBSEL LI.T A {
                        display: table-row;
                        background: whitesmoke;
                        color: black;
                    }
                
                        #SUBSEL LI.T A:hover {
                            background: khaki;
                            color: blue;
                        }
                    
                    #SUBSEL LI.T SPAN,
                    #SUBSEL LI.S SPAN
                    {
                        display: table-cell;
                        overflow: hidden;
                        white-space: nowrap;
                        padding: 1px 0;
                    }
                
                    #SUBSEL LI.S SPAN {
                        /* Allgemeiner Span, erste Ordnung */
                        padding: 8px 3px 0;
                        padding-left: 12px;
                        font-weight: bold;
                        color: black;
                        text-align: left;
                        width: 100%;
                    }
                    
                        #SUBSEL LI.T A.CUR SPAN {
                            border: 1px solid silver;
                            border-width: 1px 0;
                        }
                            
                            #SUBSEL LI.T A.CUR SPAN.A {
                                border-left: 1px solid darkorange;
                            }
                    
                    #SUBSEL LI.T SPAN.A {
                        width: 24px;
                        padding-left: 4px;
                        font: bold 11px Tahoma, sans-serif;
                        color: #777;
                        border-left: 1px solid silver;
                    }

                    #SUBSEL LI.T SPAN.B {
                        width: 40px;
                        text-align: center;
                        color: slategrey;
                        font: bold 11px Verdana, sans-serif;
                    }

                    #SUBSEL LI.T SPAN.P {
                        text-align: left;
                    }

                    #SUBSEL LI.T SPAN.C {
                        width: 56px;
                        text-align: center;
                        font: normal 9pt 'Lucida Console', fixedsys, monospace;
                    }



    /*
    ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    ''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
    */



            #TAB {
                padding: 4px;
                background: silver;
                border: 1px outset white;
            }

            #TAB_CTL {
                display: table;
                width: 100%;
                table-layout: fixed;
                margin-bottom: 4px;
            }

                #TAB_CTL DIV {
                    display: table-cell;
                    padding: 4px;
                    text-align: center;
                }

                    #TAB_CTL BUTTON {
                        width: 100%;
                        padding: 2px;
                        text-align: center;
                        font: bold 11px Verdana, sans-serif;
                        background: gainsboro;
                        color: black;
                        border-width: 1px;
                    }

                    #TAB_CTL .CUR {
                        background: gainsboro;
                        color: blue;
                        text-decoration: underline;
                        border-style: inset;
                    }


            #TAB_G,
            #TAB_A,
            #TAB_H
            {
                table-layout: fixed;
                width: 100%;
                border: 1px solid dimgray;
                background: white;
                color: black;
                font: normal 11px Tahoma, sans-serif;
            }

                #TAB_CNT THEAD TH {
                    background: black;
                    color: white;
                    padding: 2px 8px;
                    font: normal 20px 'Century Schoolbook', Georgia, serif;
                    text-align: left;
                }

                    #TAB_CNT THEAD TD {
                        background: black;
                        color: white;
                        border-bottom: 1px solid white;
                    }

                #TAB_CNT .ST {
                    color: gainsboro;
                    font: normal 10px Verdana, sans-serif;
                    text-align: left;
                    padding-left: 8px;
                }

                #TAB_CNT TD {
                    padding: 4px 4px 4px 0;
                    text-align: right;
                    overflow: hidden;
                    white-space: nowrap;
                    border-bottom: 1px solid silver;
                }

                #TAB_CNT .LE,
                #TAB_CNT .TM
                {
                    text-align: left;
                    padding: 3px 0 3px 7px;
                }

                #TAB_CNT .TM {
                    padding: 0;
                    padding-left: 4px;
                    border-left: 1px dotted silver;
                    font: bold 11px Verdana, sans-serif;
                    color: mediumblue;
                }

                #TAB_CNT .MB {
                    color: mediumblue;
                }


                #TAB_CNT .BL {
                    border-left: 1px solid silver;
                }

                #TAB_CNT .VR {
                    font-family: Verdana, sans-serif;
                }

                #TAB_CNT .DP {
                    text-align: center;
                    padding: 0;
                    color: gray;
                }

                    #TAB_CNT .DP IMG {
                        border: 1px solid silver;
                    }

                #TAB_CNT .EP {
                    padding-right: 7px;
                }



            #TAB_OSP {
                background: whitesmoke;
                color: black;
                border: 2px solid teal;
                padding: 4px;
                margin-top: 4px;
            }

                #TAB_OSP H3 {
                    font: bold 11px Verdana, sans-serif;
                    margin: 0 0 4px;
                }

                #TAB_OSP UL {
                    list-style-type: square;
                    font-size: 11px;
                    padding-left: 2em;
                    margin: 0;
                }

                    #TAB_OSP UL LI UL {
                        padding-left: 0;
                        list-style-type: none;
                        margin-bottom: 4px;
                    }

                    #TAB_OSP UL LI UL LI {
                        display: table;
                        table-layout: fixed;
                        width: 100%;
                    }

                        #TAB_OSP UL LI UL LI SPAN {
                            display: table-cell;
                            font: normal 11px Tahoma, sans-serif;
                            padding: 2px 0;
                            border-bottom: 1px solid silver;
                            white-space: nowrap;
                            overflow: hidden;
                        }

                        #TAB_OSP .CN {
                            width: 36px;
                            color: dimgray;
                            padding-left: 4px;
                            border-left: 1px solid silver;
                        }

                        #TAB_OSP .CB {
                            width: 96px;
                            text-align: right;
                        }












}


