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

    FCGH.net Stylesheet
    Copyright © 2007 James Barrante
    $ CSS.Client.SG.php $
    $ Wed, 26 Dec 2007 06:58:33 +0100 $

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

@media screen {
    
        /* Oben links ersetzen */
        #H DIV.RELCNTNR DIV.A A {
            background-image: url(/IMG/Base.Dach.v4.SG.L.jpg);
        }
        #M {
            padding: 0;
        }
        
        #O {
            background: black;
        }
    
        #C,
        #Q
        {
            background: black url(/IMG/SG.main.bg.gif) scroll repeat-y;
        }
        
        #MX {
            position: relative;
            padding-top: 144px;
            padding-top: 32px;
            cursor: default;
        }
        
                #ML {
                    /* Left column */
                    width: 352px;
                    height: auto;
                    float: left;
                }
                        #ML #MLZ,
                        #ML #MLM,
                        #ML #MLQ,
                        #ML #MLU,
                        #ML #MLV,
                        #ML #MLB
                        {
                            width: 352px;
                            padding: 0;
                            margin: 0;
                        }
                        /* Navigation */
                        #ML #MLZ {
                            padding-top: 240px;
                            background: transparent url(/IMG/SG.subnav.t.gif) scroll no-repeat;
                            position: relative;
                        }
                            /* MSIE6 relative fix */
                            * HTML #MLZ {
                                left: -172px;
                                top: -172px;
                            }
                        
                        #ML #MLU {
                            /* Last Update */
                            position: absolute;
                            width: 272px;
                            height: 88px;
                            top: 44px;
                            left: 76px;
                        }
                            #ML #MLU H3 {
                                font: bold 11px Verdana, sans-serif;
                                color: dimgray;
                            }
                            
                        
                        
                        #ML #MLV {
                            /* Sonderlinks: Grußwort, Wochenplan */
                            height: 0px;
                            position: relative;
                        }
                                #ML #MLV A,
                                #ML #MLV A:hover
                                {
                                    width: 100%;
                                    height: 100%;
                                    padding: 0;
                                    margin: 0;
                                    display: block;
                                    text-decoration: none;
                                    background: transparent url(/IMG/SG.subnav.tape.0.grwt.gif) scroll no-repeat center center;
                                }
                                    #ML #MLV A SPAN,
                                    #ML #MLV A:hover SPAN
                                    {
                                        width: 0px;
                                        height: 0px;
                                        visibility: hidden;
                                    }
                            #ML #MLV DIV.MLV1
                            {
                                position: absolute;
                            }
                                #ML #MLV DIV.MLV1 {
                                    width: 119px;
                                    height: 64px;
                                    top: -128px;
                                    left: 224px;
                                }
                                    #ML #MLV DIV.MLV1 A {
                                        background-image: url(/IMG/SG.subnav.tape.0.grwt.gif);
                                    }
                                    #ML #MLV DIV.MLV1 A.CUR,
                                    #ML #MLV DIV.MLV1 A:hover
                                    {
                                        background-image: url(/IMG/SG.subnav.tape.1.grwt.gif);
                                    }
                        
                        
                        
                        
                        
                        #ML #MLM {
                            background: transparent url(/IMG/SG.subnav.m.gif) scroll repeat-y;
                        }
                            
                            #MLQ UL,
                            #MLQ LI
                            {
                                margin: 0;
                                padding: 0;
                                list-style: none;
                                line-height: 12px;
                            }
                                #MLQ LI A,
                                #MLQ LI A:hover,
                                #MLQ LI A.Z:hover
                                {
                                    display: block;
                                    padding: 3px;
                                    padding-left: 12px;
                                    margin: 0 8px 0 24px;
                                    font: normal 11px Tahoma, sans-serif;
                                    text-decoration: none;
                                    color: dimgray;
                                }
                                    #MLQ LI A:hover {
                                        color: mediumblue;
                                    }
                                    #MLQ LI A.Z:hover {
                                        padding: 2px;
                                        padding-left: 11px;
                                        border: 1px solid yellow;
                                    }
                                        * HTML #MLQ LI A,
                                        * HTML #MLQ LI A:hover
                                        {
                                            padding: 3px;
                                            padding-left: 12px;
                                            margin: -1px 8px -1px 24px;
                                            border: none;
                                            width: 288px;
                                        }
                                
                                #MLQ LI.CUR {
                                    background: transparent url(/IMG/SG.subnav.arrow.png) scroll no-repeat 4px center;
                                }
                                    * HTML #MLQ LI.CUR {
                                        background-image: url(/IMG/SG.subnav.arrow.gif);
                                    }
                                    #MLQ LI.CUR A,
                                    #MLQ LI.CUR A:hover
                                    {
                                        font-weight: bold;
                                        color: white;
                                    }
                            
                        #ML #MLB {
                            height: 80px;
                            background: transparent url(/IMG/SG.subnav.b.gif) scroll no-repeat;
                        }
                
                
                #MR {
                    /* Right column */
                    float: left;
                    width: 448px;
                    height: auto;
                    padding: 64px 0;
                    margin-top: 64px;
                    position: relative;
                    background: url(/IMG/SG.main.topmask.gif) scroll no-repeat center 0;
                    color: white;
                    font-size: 11px;
                }
                
                    #MR DIV.CN_D
                    {
                        padding: 0;
                        margin: 0 24px 24px 40px;
                        font-size: 1.5em;
                    }
                    
                        /* Artikel-Überschrift */
                        #MR DIV.CN_D H2
                        {
                            margin: 0 0 .4em;
                            padding: 0;
                            text-align: center;
                            font: normal 2em Cambria, 'Century Schoolbook', Georgia, serif;
                            color: #CDFF00;
                        }
                            #MR DIV.CN_D H2 A,
                            #MR DIV.CN_D H2 A:hover
                            {
                                color: #CDFF00;
                                text-decoration: none;
                                border-bottom: 1px dotted dimgray;
                            }
                                #MR DIV.CN_D H2 A:hover {
                                    border-bottom-color: aqua;
                                }
                                
                        
                        /* Pix Link/Bilder */
                        #MR DIV.CN_D DIV.P0,
                        #MR DIV.CN_D DIV.P1
                        {
                            float: right;
                            width: 144px;
                            height: 138px;
                        }
                            #MR DIV.CN_D DIV.P0 {
                                opacity: .7;
                                background: url(/IMG/SG.main.pixlink.0.gif) scroll no-repeat top right;
                            }
                            #MR DIV.CN_D DIV.P1 {
                                background: url(/IMG/SG.main.pixlink.1.gif) scroll no-repeat top right;
                            }
                                    #MR DIV.CN_D DIV.P1:hover {
                                        background: url(/IMG/SG.main.pixlink.2.gif) scroll no-repeat top right;
                                    }
                                #MR DIV.CN_D DIV.P0 SPAN,
                                #MR DIV.CN_D DIV.P1 SPAN
                                {
                                    display: none;
                                }
                                #MR DIV.CN_D DIV.P1 A,
                                #MR DIV.CN_D DIV.P1 A:hover
                                {
                                    display: block;
                                    height: 96px;
                                    margin: 0 0 0 0;
                                    padding: 36px 0 0 16px;
                                    text-align: center;
                                    font: bold 42px cambria, serif;
                                    line-height: 30px;
                                    text-decoration: none;
                                    color: greenyellow;
                                }
                                    #MR DIV.CN_D DIV.P1 A:hover {
                                        color: black;
                                        text-decoration: underline;
                                    }

                        /* Autor */
                        #MR DIV.CN_D DIV.SA,
                        #MR DIV.CN_D DIV.SR,
                        #MR DIV.CN_D DIV.ST,
                        #MR DIV.CN_D DIV.SK
                        {
                            text-align: center;
                            font: bold 11px Verdana, sans-serif;
                            color: #A4C4F4;
                        }
                            /* Kategorie */
                            #MR DIV.CN_D DIV.SK
                            {
                                color: yellowgreen;
                                font-weight: bold;
                                letter-spacing: 2px;
                                text-transform: uppercase;
                                font-size: 10px;
                            }
                            /* Zeitstempel */
                            #MR DIV.CN_D DIV.ST
                            {
                                font-weight: normal;
                                font-size: 10px;
                                margin-bottom: .2em;
                            }
                            /* Redakteur */
                            #MR DIV.CN_D DIV.SR
                            {
                                font-weight: normal;
                                margin-top: .4em;
                            }
                                #MR DIV.CN_D DIV.SR A,
                                #MR DIV.CN_D DIV.SR A:hover
                                {
                                    color: #A4C4F4;
                                    text-decoration: none;
                                    border-bottom: 1px dotted silver;
                                }
                                    #MR DIV.CN_D DIV.SR A:hover {
                                        color: white;
                                        border-bottom-color: yellow;
                                    }
                                    
                        
                        /* Fließtext */
                        #MR DIV.CN_D {
                            color: white;
                            font-size: 1.5em;
                            font-family: Cambria, 'Century Schoolbook', Georgia, serif;
                        }
                        #MR DIV.CN_D P,
                        #MR DIV.CN_D H3,
                        #MR DIV.CN_D H4,
                        #MR DIV.CN_D H5,
                        #MR DIV.CN_D H6,
                        #MR DIV.CN_D BLOCKQUOTE,
                        #MR DIV.CN_D UL,
                        #MR DIV.CN_D LI
                        {
                            margin: .7em 0;
                            font-size: 100%;
                            line-height: 1.33em;
                        }
                            #MR DIV.CN_D UL,
                            #MR DIV.CN_D LI
                            {
                                margin-top: 0;
                                margin-bottom: 0;
                                list-style-type: square;
                            }
                            #MR DIV.CN_D UL {
                                margin-left: 2em;
                                padding: 0;
                            }
                        /* Schriften-Variationen (--- nie? */
                        
                        /* Unser SGHS-Logo als Abschluß */
                        #MR DIV.CN_D DIV.SC {
                            width: 100%;
                            height: 256px;
                            background: transparent url(/IMG/SG.main.beitragfoot.gif) scroll no-repeat top center;
                        }
                            * HTML #MR DIV.CN_D DIV.SC {
                                background-image: url(/IMG/SG.main.beitragfoot.gif);
                            }
                            
                        /* 404-Meldung */
                        #MR DIV.E404 {
                            width: 100%;
                            height: 400px;
                            background: transparent url(/IMG/SG.main.404.gif) scroll no-repeat center center;
                        }
                            #MR DIV.E404 DIV {
                                padding: 12px;
                                display: none;
                            }
                            #MR DIV.E404 H2 {
                                font-family: monospace;
                                text-align: left;
                                color: tomato;
                            }
                            #MR DIV.E404 P {
                                font-family: monospace;
                                color: whitesmoke;
                            }
                        
                        
                        /* Kommentar-Printout */
                        #MR DIV.CN_L {
                            margin: 0;
                            padding-bottom: 32px;
                            background: transparent url(/IMG/SG.main.bg.comments.gif) scroll repeat-y center top;
                        }
                            #MR DIV.CN_LH {
                                height: 96px;
                                margin-bottom: 12px;
                                background: transparent url(/IMG/SG.main.head.comments.gif) scroll no-repeat center top;
                            }
                                #MR DIV.CN_LH H3 {
                                    display: none;
                                }
                            #MR DIV.CN_K {
                                padding: 0 24px 0 40px;
                            }
                            #MR DIV.CN_KT {
                                /* Kommentar-Textkörper */
                                padding-bottom: 1em;
                                font: normal 14px consolas, 'Lucida Console', monospace;
                                color: white;
                            }
                                #MR DIV.CN_KT BLOCKQUOTE {
                                    background: #232;
                                    color: whitesmoke;
                                    margin: 8px 1em;
                                    padding: 4px;
                                    border: 1px solid #464;
                                }
                                    #MR DIV.CN_KT BLOCKQUOTE BLOCKQUOTE BLOCKQUOTE {
                                        margin: 8px 0;
                                    }
                                    #MR DIV.CN_KT BLOCKQUOTE > BR {
                                        display: none;
                                    }
                            #MR DIV.CN_KD {
                                background: #8FBCF6;
                                padding: 4px;
                                margin: 0 -12px 12px;
                                border-top: 2px solid orange;
                                font: normal 11px Tahoma, sans-serif;
                                color: #005090;
                            }
                                #MR DIV.CN_KD TT {
                                    color: #306CBE;
                                    font: normal 17px consolas, monospace;
                                }
                                #MR DIV.CN_KD STRONG {
                                    color: black;
                                }
                                #MR DIV.CN_KD EM {
                                    font-style: normal;
                                }
                                    #MR DIV.CN_KD EM STRONG {
                                        color: inherit;
                                    }
                                #MR DIV.CN_KH H4 {
                                    font: normal 24px Cambria, Georgia, serif;
                                    color: yellow;
                                    overflow: hidden;
                                    margin: 0;
                                    padding: 0;
                                    text-align: left;
                                }
                        /* Kommentar-Formular */
                        #MR DIV.CN_F {
                            padding: 96px 24px 0 40px;
                            padding-top: 96px;
                            background: transparent url(/IMG/SG.main.head.commentpost.gif) scroll no-repeat 40px top;
                        }
                        #MR DIV.CN_F H3 {
                            display: none;
                        }
                        #KFNS {
                            margin: 12px 0;
                            padding: 12px;
                            background: #D00;
                            color: #FF0;
                            font: normal 11px Tahoma, sans-serif;
                            text-align: center;
                        }
                        #MR DIV.CN_F TABLE {
                            width: 100%;
                            table-layout: fixed;
                        }
                            #MR DIV.CN_F TABLE TD {
                                font: normal 11px Verdana, sans-serif;
                                padding: 2px 0;
                            }   
                                #MR DIV.CN_F TD.L {
                                    text-align: right;
                                    color: lemonchiffon;
                                }
                                    #MR DIV.CN_F TD.L LABEL {
                                        font-weight: bold;
                                    }
                                #MR DIV.CN_F TD.B {
                                    text-align: center;
                                    color: orange;
                                }
                                #MR DIV.CN_F TD.U {
                                    padding-top: 1em;
                                    text-align: right;
                                }
                                    #MR DIV.CN_F TD.U BUTTON {
                                        font: bold 11px Verdana, sans-serif;
                                        padding: 4px .4em;
                                        margin-left: 1em;
                                    }
                            #MR DIV.CN_F INPUT {
                                width: 100%;
                                font: bold 11px Verdana, sans-serif;
                                background: #005090;
                                color: aqua;
                                padding: 2px 0;
                                border: 1px solid lightsteelblue;
                                border-width: 0 0 1px;
                            }
                            #MR DIV.CN_F TEXTAREA,
                            #MR DIV.CN_F TEXTAREA:focus
                            {
                                line-height: 18px;
                                font: normal 14px Consolas, fixedsys, monospace;
                                width: 100%;
                                height: 192px;
                                background: #005090;
                                color: aqua;
                                border: 1px solid lightsteelblue;
                            }
                                #MR DIV.CN_F TEXTAREA:focus {
                                    background: whitesmoke;
                                    color: navy;
                                }
                        




                        /* Legacy-Bild-Anzeige */
                        #MR OL.LP {
                            list-style: none;
                            padding: 0;
                            margin: 16px 0;
                        }
                            #MR OL.LP LI {
                                margin: 4px 0;
                                padding: 0;
                                height: 144px;
                            }
                                #MR OL.LP LI A,
                                #MR OL.LP LI A:hover
                                {
                                    display: block;
                                    text-decoration: none;
                                    background: black url(/IMG/SG.main.legacypics.bg.gif) scroll no-repeat top center;
                                    border: 1px solid gray;
                                    padding: 3px;
                                    margin-bottom: 4px;
                                    min-height: 132px;
                                }
                                    * HTML #MR OL.LP LI A,
                                    * HTML #MR OL.LP LI A:hover
                                    {
                                        height: 132px;
                                        overflow: hidden;
                                    }
                                #MR OL.LP LI A:hover {
                                    border-color: greenyellow;
                                }
                                    #MR OL.LP LI A SPAN {
                                        display: block;
                                        cursor: pointer;
                                    }
                                        #MR OL.LP LI A SPAN.LPPI,
                                        #MR OL.LP LI A SPAN.LPPZ
                                        {
                                            float: left;
                                        }
                                            #MR OL.LP LI A SPAN.LPPI {
                                                padding: 2px;
                                                background: black;
                                                margin-right: 12px;
                                            }
                                                #MR OL.LP LI A SPAN.LPPI IMG {
                                                    margin-bottom: -2px;
                                                }
                                        #MR OL.LP LI A SPAN.LPPZ {
                                            padding: 8px 0 0;
                                            width: 160px;
                                            height: 120px;
                                            overflow: hidden;
                                        }
                                        #MR OL.LP LI A SPAN.LPPB {
                                            font: normal 11px Tahoma, sans-serif;
                                            color: gainsboro;
                                        }
                                        #MR OL.LP LI A SPAN.LPPU {
                                            margin-top: 12px;
                                            padding-top: 7px;
                                            border-top: 1px solid black;
                                            font: normal 10px Verdana, sans-serif;
                                            color: white;
                                        }
                                            #MR OL.LP LI A SPAN.LPPU STRONG {
                                            }


        
        #MT {
            position: absolute;
            background: transparent url(/IMG/SG.Head.jpg) scroll no-repeat;
            width: 800px;
            height: 256px;
            top: -102px;
        }
            * HTML #MT {
                background-image: url(/IMG/SG.Head.jpg);
            }







    /* UI: #MLI_FS: Font-Size adjustment */
        /* HTML created by JS JS_SGHS_UI_Control_Fontsize() */
    /* UI: #MLI_CH: Font-Size adjustment */
        /* HTML created by JS JS_SGHS_HDLB() */
    #MLI_FS,
    #MLI_CH
    {
        position: relative;
        font-size: 11px;
    }
        #MLI_FS DIV,
        #MLI_CH DIV
        {
            position: absolute;
            left: 192px;
            top: -12px;
            z-index: 32;
            width: 144px;
            height: 16px;
            color: white;
            border: 1px solid white;
            background: dimgray;
            line-height: 12px;
            font: normal 10px Verdana, sans-serif;
            cursor: default;
            opacity: .74;
        }
                #MLI_FS DIV:hover,
                #MLI_CH DIV:hover
                {
                    opacity: 1;
                }
            #MLI_FS DIV U {
                display: block;
                position: absolute;
                text-decoration: none;
                left: 0;
                padding: 2px;
                color: silver;
            }
            #MLI_FS DIV B {
                display: block;
                position: absolute;
                width: 22px;
                height: 12px;
                margin: 0 -2px; /* padding */
                border: 1px solid silver;
                border-width: 0 0 0 1px;
                padding: 2px 0;
                text-align: center;
            }
                #MLI_FS DIV B:hover {
                    background: dodgerblue;
                    color: white;
                }

        #MLI_CH DIV {
            top: 8px;
            height: auto;
            padding: 4px 0;
        }
            #MLI_CH DIV SPAN {
                display: block;
                float: left;
                color: gainsboro;
            }
                #MLI_CH DIV SPAN.CHL {
                    width: 24px;
                }
                #MLI_CH DIV SPAN.CHR {
                    width: 112px;
                }






    #MBBG SPAN,
    #MT SPAN,
    #MLI_FS SPAN,
    #ML #MLT > SPAN,
    #ML #MLB > SPAN
    {
        display: none;
    }
        
        #MBBG {
            height: 5px;
            overflow: hidden;
            margin-bottom: 7px;
            background: transparent url(/IMG/Stadionheft.rule.hr.png) scroll repeat-x;
        }
        
        
    /*****************************************************************************************
    ==========================================================================================
    ADMIN-Kram folgt =========================================================================
    *****************************************************************************************/

    #G DIV.ZZYX {
        border: 2px solid white;
        text-align: center;
        background: darkorange;
        margin: 8px 0px 32px;
        padding: 20px 8px;
        -moz-box-sizing: border-box;
    }
        #G DIV.ZZYX BUTTON {
            font: bold 11px Verdana, sans-serif;
            width: 90%;
            padding: 4px;
        }


}






@media print {
    
    #MLI_FS,    /* UI: Schriftgröße ändern */
    #ML,        /* Linke NAV-Spalte */
    #EL_DUMMY
    {
        display: none;
    }

}