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

    FCGH.net Stylesheet
    Copyright © 2008 James Barrante
    $ CSS.Client.~Base.v2.5.php $
    $ Wed, 30 Jan 2008 21:50:31 +0100 $

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





    
                    /*** The contents of this file were (ostensibly) written by Owen Briggs
                    @ www.thenoodleincident.com, and any Copyright rests with him. No
                    credit for the work that has gone into researching the use of font
                    sizes and styles rests with ClevaTreva Designs. 100% Kudos to Owen.
                    This is an EDITED version of the original! You will want to play with
                    these settings to make your own style for fonts and color other
                    bits. ***/
                    
                    body {
                    	font-family: verdana, arial, helvetica, sans-serif;
                    	font-size:100.1%; /*** Don't change this setting. Make all other
                    font-sizes in % (preferred) or ems ***/
                    	color:#000000;
                    	}
                    strong, b {
                    	font-weight: bold;
                    	}
                    hr {
                    	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
                    	color: #ccc; /* for ie */
                    	background-color: #ccc; /* for everyone else */
                    	height: 1px;
                    	}
                    p {
                    	font-size: 90%;
                    	line-height: 1.1em;
                    	margin-top: 1.5em;
                    	margin-bottom: 1.5em; 
                    	}
                    li {
                    	font-size: 90%;
                    	line-height: 1.1em;
                    	margin-top: 0.3em;
                    	margin-bottom: 0.2em; 
                    	}
                    ul {
                    	margin-top: 1.0em;
                    	margin-bottom: 1.0em; 
                    	}
                    td {
                    	font-size: 90%;
                    	}
                    hr {
                    	margin-top: 2.0em;
                    	margin-bottom: 2.0em;
                    	}
                    img {
                    	border: 0;
                    	}
                    /*** the following styles and notes are (c) Copyright
                    Big John @ www.positioniseverything.net ***/
                    div,p{margin:0}
                    
        HTML, BODY {
            margin: 0;
            padding: 0;
            border: 0;
        }
        
        BODY {
            color: #000; 
            background: #7E7E7E url(/IMG/Base.v5.BG.Body.png) scroll repeat-y; 
            text-align: center;
            text-align: left;
            margin: 0;
        }
        
        .clear,
        .CLEAR
        {
            clear: both;
        }
    
        #A {
            position: relative;
        }
    
        #B,
        #F
        {
            background: #DDD url(/IMG/v4.Base._BGC.gif) scroll repeat-y;
            margin: 0 0;
            width: 974px;
            text-align: left;
        }
    
            * html #B {   /*** IE5.x/win box model fix ***/
                width: 974px;
                wid\th: 974px;
            }
    
        #P {
            position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
            margin-left: 172px;    /*** Critical left col dimension value ***/
            width: 800px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
        }
        
        * html #P {   /*** IE5.x/win box model fix ***/
            width: 800px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
            wid\th: 800px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
        }
    
        #Q {
            float: left;
            width: 800px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
            margin-right: -1px;   /*** Static fix ***/
        }
    
        #D {
            float: right;
            width: 800px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
            margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
            /* \*/
            margin-left: -1px; 
            /* Hidden from IE-mac */
        }
        
        #O {
            /*** Divider between Header and Body-#M ***/
            height: 2px;
            background: silver url(/IMG/Base.v5.BG.BodyDividerHR.gif) scroll repeat;
        }
        
        /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        /* ANFANG Navigationscontainer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        
            #K {
                position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
                width: 160px;    /*** Critical left col/divider dimension value ***/
                margin-left: -160px;    /*** Critical left col/divider dimension value ***/
            }
            
            * html #K {
                float:left;	
            }
            
            *>html #K {width:160px;}   /*** Fix only for IE/Mac ***/
        
            /*** This is a fix for IE5/Win at the largest text size setting. ***/
            /* \*/
            * html #K {margin-right: -3px;}
            /* */
            
            #L {
                width: 158px;    /*** Critical left col dimension value ***/
                padding-bottom: 352px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
            }
        
        /* ENDE   Navigationscontainer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        /* ANFANG Anfahrt-Flyout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
                #ANFZ {
                    position: absolute;
                    width: 400px;
                    height: 256px;
                    z-index: 64;
                }
            
                #ANFZ DIV.FX {
                    background: transparent url(/../IMG/Anfahrt.BG.png) scroll no-repeat center center;
                    width: 400px;
                    height: 256px;
                    padding: 0;
                }
                
                #ANFZ FORM {
                    margin: 0;
                    padding: 24px 32px 32px 24px;
                }
                
                #ANFZ * {
                    cursor: default;
                }
                
                #ANFZ FORM H2 {
                    font: normal 24px Tahoma, sans-serif;
                    color: #005090;
                    margin: 4px 0 8px;
                    padding: 0;
                }
                
                #ANFZ FIELDSET {
                    border: 2px groove white;
                    margin: 0 0 12px;
                    padding: 0;
                }
                
                #ANFZ LEGEND {
                    font: normal 11px Verdana, sans-serif;
                    color: #005090;
                }
                
                #ANFZ DIV.CX {
                    padding: 4px 8px 4px;
                }
                
                #ANFZ DIV.CX INPUT {
                    width: 100%;
                    background: whitesmoke;
                    color: mediumblue;
                    font: bold 11px Verdana, sans-serif;
                    border: 1px solid #FFA500;
                    border-width: 0 0 1px;
                    padding: 3px 1px;
                    cursor: text;
                }
                    #ANFZ DIV.CX INPUT.RO {
                        color: #445;
                        background: gainsboro;
                    }
                    #ANFZ DIV.CX INPUT:focus {
                        background: white;
                    }
                    #ANFZ DIV.CX INPUT.RO:focus {
                        background: gainsboro;
                    }
                    
                #ANFZ DIV.BX {
                    text-align: center;
                }
                
                    #ANFZ DIV.BX BUTTON {
                        font: bold 11px Verdana, sans-serif;
                        color: mediumblue;
                        padding: 3px 1px;
                        margin: 0  4px 0 0;
                    }
                    #ANFZ DIV.BX BUTTON.BT {
                        font: bold 11px Tahoma, sans-serif;
                        color: #005090;
                    }
                    #ANFZ DIV.BX BUTTON.BU {
                        color: green;
                    }

        /* ENDE   Anfahrt-Flyout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */    
    
    /*** Static fixes ***/
    
    /*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
    	different elements and see if that fixes the problem. Sometimes it may be necessary 
    	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
    	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
    	of the headings. ***/
    /* \*/
    * html h2 {height: 1%;}
    /* */
    
    
    
    /*** The following fixes prevent justified italic text from destroying the layout in IE/win.
    	The problem is that those properties together make IE force the container wider,
    	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%" 
    	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which 
    	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
    	to see the "height: 1%" to give it some kind of box dimension. Browser coddling 
    	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the 
    	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
    	If you don't need justified and italicized text then forget all these fixes ***/
    
    /* \*/
    * html #C {
        overflow: hidden;
        width: 100%;
        o\verflow: visible;
        w\idth: auto;
        hei\ght: 1px;
    }
    /* */
    
    
    
    
    
    
    
        .TEXTONLY {
            display: none;
        }
    
    
    
    
    
        #C {
            background: yellow;
        }
        #M {
            padding: 12px;
        }
        
        #H {
            /* .wide */
            width: 100%;
        }
        	/*''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
        	/* ANFANG Dachzeile ||||||||||||||||||||||||||||||||||||*/
        	
        	    #H {
        	        background: transparent;
        	        background: transparent url(/IMG/v4.Base._BGC.gif) scroll repeat-y;
        	        height: 192px;
        	    }
        	
        	    #H DIV.RELCNTNR DIV.A {
        	        position: absolute;
        	        left: 12px;
        	        top: 0;
        	        width: 160px;
        	        height: 192px;
        	        background: #717755;
        	    }
        	        #H DIV.RELCNTNR DIV.A A {
        	            display: block;
        	            width: 160px;
        	            height: 192px;
        	            background: transparent url(/IMG/Base.Dach.v4.L.jpg) scroll no-repeat;
        	        }
        	            #H DIV.RELCNTNR DIV.A A SPAN {
        	                display: block;
        	                visibility: hidden;
        	            }
        	    #H DIV.RELCNTNR DIV.B {
        	        position: absolute;
        	        left: 172px;
        	        top: 0;
        	        width: 800px;
        	        height: 192px;
        	        background: #717755;
        	    }
        	        #H DIV.RELCNTNR DIV.B DIV {
        	            display: block;
        	            width: 800px;
        	            height: 192px;
        	            background: transparent url(/IMG/Base.Dach.v4.M.jpg) scroll no-repeat;
        	        }
        	
        	/*  ENDE  Dachzeile ||||||||||||||||||||||||||||||||||||*/
        	/* ANFANG Fußzeile  ||||||||||||||||||||||||||||||||||||*/
            #F {
                height: 144px;
                height:  48px;
                cursor: default;
                position: relative;
            }
                #F DIV.BG {
                    width: 960px;
                    height: 48px;
                    position: absolute;
                    z-index: 2;
                    background: red url(/IMG/Base.Fusz.C.png) scroll no-repeat;
                    color: white;
                    left: 12px;
                    top: 0;
                }
                #F DIV.FA,
                #F DIV.FB
                {
                    width: 400px;
                    position: absolute;
                    background: transparent;
                    color: silver;
                    font: bold 10px Verdana, sans-serif;
                    z-index: 4;
                    left: 172px;
                    top: 0;
                }
                    #F DIV.FB {
                        left: 172px;
                        width: 800px;
                        z-index: 3;
                        color: #AAA;
                        text-align: right;
                        font-weight: normal;
                    }
                    #F DIV.FC {
                        padding: 7px 12px 0;
                        line-height: 17px;
                    }
                    #F A {
                        text-decoration: none;
                        border-bottom: 1px solid gray;
                        color: white;
                    }
                        #F A:hover {
                            border-bottom: 1px solid rgb(255,229,0);
                        }
                    #F DIV.FA STRONG {
                        color: white;
                    }
                
                #F DIV.FU {
                    width: 960px;
                    height: 88px;
                    background: #000;
                    color: #FFF;
                    position: absolute;
                    border-top: 8px solid #D00;
                    overflow: hidden;
                    left: 12px;
                    top: 48px;
                }
                    #F DIV.FU H3 {
                        margin: 0;
                        padding: 18px 0 0;
                        font: normal 32px Candara, serif;
                        letter-spacing: 0px;
                        text-align: center;
                    }
                    #F DIV.FU P {
                        font: normal 16px Candara, serif;
                        text-align: right;
                        margin: 0;
                        padding: 0;
                        padding-right: 12em;
                        font-style: italic;
                    }
    
        	/*  ENDE  Fußzeile  ||||||||||||||||||||||||||||||||||||*/
        	/*''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
        	/* ANFANG Navigation |||||||||||||||||||||||||||||||||||*/
        	
        	#NAV {
        	    width: 158px;
        	    background: transparent;
        	    color: black;
        		background: transparent url(/IMG/Base.v4.NAV.BG.gif) scroll no-repeat;
        	}
        	    #NAV * {
        	        cursor: default;
        	    }
        	    
        	    #NAV A SPAN {
        	        cursor: pointer !important;
        	    }
        	
        	    #NAV FIELDSET {
        	        border: none;
        	        margin: 0;
        	        padding: 2px 0 0;
        	    }
        	    
        	    #NAV LEGEND {
        	        display: none;
        	    }
        	
        	    #NAV UL {
        	        list-style-type: none;
        	        margin: 0;
        	        padding: 0;
        	    }
        	    
        	    #NAV UL LI {
        	        display: inline;
        	        margin: 0;
        	        padding: 0;
        	    }
        
        	    #NAV UL LI A,
        	    #NAV UL LI H3
        	    {
        	        display: block;
        	        width: 144px;
        	        border: 1px solid silver;
        	        border-left: none;
        	        margin-bottom: -1px;
        	        background: whitesmoke;
        	        color: #005090;
        	        font: bold 11px Tahoma, 'DejaVu Sans Condensed', sans-serif;
        	        text-decoration: none;
        	    }
        	    
        	        #NAV UL LI A SPAN {
        	            display: block;
        	            padding: 2px 0;
        	            padding-left: 24px;
        	            border: 1px solid whitesmoke;
        	            border-left: none;
        	            margin: 1px 1px 1px 0;
        	        }
        	        
        	            #NAV UL LI A:hover {
        	                background: rgb(255,229,0);
        	            }
        	            
        	            #NAV UL LI A:hover SPAN {
        	                background: white;
        	                color: black;
        	                border-color: #005090;
        	            }
        	            /*** ANFANG IE6 Fix ***/
        	            /* Grund: Crawl bei HOVER */
                        * HTML #NAV UL LI A:hover,
                        * HTML #NAV UL LI A
                        {
                            border-top: none;
        	                margin-bottom: 0;
                        }
        	            /***  ENDE  IE6 Fix ***/
        
        	        
        	        /* Highlight: Diese Seite */
        	        #NAV UL LI A.C {
        	            width: 158px;
        	            color: black;
        	            font-family: Verdana, 'DejaVu Sans Condensed', sans-serif;
        	            background: white url(/IMG/Base.v4.NAV.HL.png) scroll no-repeat center left;
        	            border-right: 1px solid white;
        	        }
        	            #NAV UL LI A.C SPAN,
        	            #NAV UL LI A.C:hover SPAN
        	            {
        	                color: black;
        	                border-color: transparent;
        	                background: white url(/IMG/Base.v4.NAV.HL.png) scroll no-repeat center left;
        	            }
        	            /*** IE6 Fix ***/
        	            /* Grund: Überstand des ganzen Containers um 1px */
                        * HTML #NAV UL LI A.C,
                        * HTML #NAV UL LI A.C:hover
                        {
                            border-right: none;
                        }
        	    
        	    /* Ebene 2 */
        	        #NAV UL LI DIV.SAISON,
        	        #NAV UL LI DIV.UPROPS
        	        {
        	            padding: 7px 0 4px;
        	        }
        	    
            	    #NAV UL LI DIV.SAISON H3,
        	        #NAV UL LI DIV.UPROPS H3
        	        {
            	        margin: 0;
            	        padding: 0;
        	            color: #666;
        	            background: silver;
            	        text-align: left;
        	            border: 1px solid silver;
        	            border-width: 1px 0 0 1px;
            	        font: bold 11px Tahoma, 'DejaVu Sans Condensed', sans-serif;
            	    }
            	        #NAV UL LI DIV.SAISON H3 SPAN,
            	        #NAV UL LI DIV.UPROPS H3 SPAN
            	        {
            	            display: block;
            	            padding: 2px 0;
            	            padding-left: 24px;
            	        }
            	        
            	        /* Anpassungen für UPROPS */
            	        /*
            	            Farben -- Basis:#005090 --:
            	            H3 BG #BCCEDC
            	            H3 FG #466986
            	            A  BG #DDF0FF
            	            A  FG #5F9EA0
            	        */
            	        #NAV UL LI DIV.UPROPX {
            	            width: 145px;
            	            border: 1px solid #CF0;
            	            border-width: 1px 1px 2px 0;
        	            }
        	                /* IE6 */
                            * HTML #NAV UL DIV.UPROPX
                            {
                                border: none;
                            }
            	        #NAV UL LI DIV.UPROPS H3 {
            	            width: 143px;
            	            border-right: 1px solid silver;
            	            background: rgb(255,229,0);
            	            color: #444;
            	        }
            	            #NAV UL LI DIV.UPROPS LI A {
            	                background: aliceblue;
            	                color: #466986;
            	            }
    
    
        	/*  ENDE  Navigation |||||||||||||||||||||||||||||||||||*/
        	/*''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
            /* ANFANG Login-Felder |||||||||||||||||||||||||||||||||*/
        
                #U,
                #W
                {
                    display: none;
                    position: absolute;
                    overflow: hidden;
                    z-index: 64;
                    width: 160px;
                    height: 90px;
                    background: transparent url(/IMG/Leer.gif) scroll repeat;
                    left: 812px;
                    top: 0;
                }
                
                    #U FORM,
                    #W FORM
                    {
                        margin: 0;
                        padding: 24px 8px 0;
                        font: normal 10px Tahoma, sans-serif;
                    }
                    
                    /* Benutzer ist NICHT eingeloggt */
                    #U DIV.UN,
                    #U DIV.UP,
                    #U DIV.UB
                    {
                        padding: 2px 0;
                        text-align: right;
                        cursor: default;
                    }
                    
                    #U FORM INPUT {
                        width: 88px;
                        padding: 0 0 1px;
                        margin: 0;
                        border: 1px solid darkorange;
                        border-width: 0 0 1px;
                        font: bold 11px Verdana, sans-serif;
                        background: white;
                        color: mediumblue;
                    }
                    #U FORM LABEL {
                        font: normal 10px Tahoma, sans-serif;
                        color: #444;
                    }
                    #U #USERAUTH__NH { /* neu hier */
                        font: bold 10px Verdana, sans-serif;
                        border-bottom: 1px dotted darkorange;
                        padding-bottom: 1px;
                        color: black;
                        cursor: pointer;
                    }
                    #U BUTTON {
                        font: bold 11px Verdana, sans-serif;
                        border: 1px outset whitesmoke;
                        background: gainsboro;
                        color: #444;
                        height: 20px;
                        width: 64px;
                        padding: 0;
                        margin-left: 2em;
                        cursor: pointer;
                    }
                        #U BUTTON:hover {
                            color: mediumblue;
                        }
                    /* ---                     */
                    /* Benutzer ist eingeloggt */
                    #W {
                        background: rgb(255,229,0) url(/IMG/Base.v4.Dach.BG.Logout.gif) scroll no-repeat;
                        width: 158px;
                        left: 814px;
                    }
                        #W FORM {
                            margin: 0;
                            padding: 28px 0 0 7px;
                        }
                        #W FORM {
                            cursor: default;
                        }
                        #W DIV.USRX {
                            font: normal 11px 'Segoe UI', Tahoma, sans-serif;
                        }
                            #W DIV.USRX #USERAUTH_LO.JSIE {
                                cursor: pointer;
                                color: #D00;
                                text-decoration: underline;
                            }
                            #W DIV.USRX #USERAUTH_LO.JSOK {
                                cursor: pointer;
                                border-bottom: 1px solid #005090;
                            }
                            #W DIV.USRX #USERAUTH_LO.JSOK:hover {
                                cursor: pointer;
                                color: #D00;
                                border-bottom-color: black;
                            }
                        #W DIV.USRL,
                        #W DIV.USRS
                        {
                            font: normal 21px 'Segoe UI', Tahoma, sans-serif;
                            text-align: left;
                            white-space: pre;
                            cursor: default;
                            color: #005090;
                            margin: 0 0 0px;
                            padding: 0;
                        }
                            #W DIV.URSL {
                                letter-spacing: -2px;
                            }
        
                /* Print-Fix */
                #V.JSOK,
                #W.JSOK,
                #U.JSOK
                {
                    display: block;
                }
        
                #V {
                    display: none;
                    position: absolute;
                    z-index: 16;
                    width: 640px;
                    height: 90px;
                    overflow: hidden;
                    background: transparent url(/IMG/Base.BG.Z.png) scroll no-repeat 0 1px;
                    left: 172px;
                    top: 0;
                }
                    #V DIV.C {
                        height: 90px;
                        width: 640px;
                    }
                    #V DIV.M {
                        margin-top: 16px;
                        padding: 4px 8px 0;
                    }
                    #V UL,
                    #V LI
                    {
                        margin: 0;
                        padding: 0;
                        cursor: default;
                    }
                    #V UL {
                        padding-left: 2em;
                        list-style: square;
                        line-height: 0;  /* IE-"Fix" */
                    }
                    #V LI {
                        margin: 2px 0;
                        font: normal 11px Tahoma, sans-serif;
                        line-height: 14px;
                        color: black;
                    }
                    #V INPUT {
                        vertical-align: middle;
                        margin: 0;
                    }
        
            /*  ENDE  Login-Felder |||||||||||||||||||||||||||||||||*/
    
            #G {
                position: absolute;
                top: -352px;
                left: 12px;
                width: 158px;
            }
            	/* Counter */    
                #G DIV.XCOUNTER {
                    width: 144px;
                    height: 64px;
                    margin: 0;
                    border: 1px solid white;
                    border-left: 0;
                    background: transparent url(/IMG/php.Base.Counter.php) scroll no-repeat;
                }
            	/* Werbung Axel Roos */    
                #G DIV.XWB_ROOS {
                    margin: 0 0 16px;
                    border-left: 0;
                }
                    #G DIV.XWB_ROOS A,
                    #G DIV.XWB_ROOS A:hover
                    {
                        width: 100%;
                        height: 176px;
                        display: block;
                        border: 1px solid #AAA;
                        border-width: 1px 0;
                        background: transparent url(/IMG/Base.Navigation.wb.axelroos.jpg) scroll no-repeat center center;
                    }
                        #G DIV.XWB_ROOS A:hover {
                            border-color: dodgerblue;
                        }
                        #G DIV.XWB_ROOS A:hover SPAN,
                        #G DIV.XWB_ROOS A SPAN {
                            display: none;
                        }
                
                #G DIV.XBROWSER {
                    padding: 0;
                    margin: 12px 0 0;
                    line-height: 11px;
                    text-decoration: none;
                }
                    #G DIV.XBROWSER DIV {
                        text-align: center;
                        margin: 0;
                        padding: 0 0 7px;
                    }
                    #G DIV.XBROWSER A,
                    #G DIV.XBROWSER A:hover,
                    #G DIV.XBROWSER IMG
                    {
                        text-decoration: none !important;
                        cursor: pointer;
                        border: none;
                    }
    
    /*** All the IE fixes that are inside separate "Mac-hacks" may be grouped 	within 
    	just one Mac-hack for convenience if desired. However, each fix must come 
    	later than the rule it is fixing or the fix itself will be overridden. ***/