/* huesken.css - Zentrale Vorgaben Hans Hüskens Homepages                                                Stand: 14.10.2007 */
/*        ==========================================================================================================================
        GLOBAL RESET
        ========================================================================================================================*/
        * {
            margin: 0;
            padding: 0;
        }
/*      =========================================================================================================================
        Eingabebereicht
        ========================================================================================================================*/
        body {
            width:100%;
            background-color:#B0C4DC;            /*  ; - Hintergrundfarbe blau, rgb (176) (196) (220) */
        }
/*      ================================================================================
        Definition des Listenkopfes
        ================================================================================
*/
        #container_kopf {
           position:fixed;
           top:     0px;
           left:    0px;
           height:150px;
           width: 100%;
           background:#B0C4DC;
         	 /* background-image:url(../img/oo_logo_600x136.gif); /* Frouardplatz 18 in Lohmar */
           background-position:right top;
           background-repeat:no-repeat;
           background-attachemnt: fixed;
           border:solid 2px #AF2323;     /* identisch mit rgb(175,35,35) - weinrot */
                         }
/*      ================================================================================
        Positionierung der Logos im Kopfbereich
        ================================================================================
*/
           img.logo_hue {
           position:fixed;
           top:1px;
           left:1px;
           height:147px;
           width:170px;
           border-color: #AF2323;
                        }
/*      ================================================================================
        Struktur der Dreiteilung der Seiten: Linker Bereich
        ================================================================================
*/
        #container_navigation {
           position:fixed;
           top:200px;
           left:2px;
           width:166px;
           font-family:Helvetica, Arial, sans-serif;   /*"Palatino Linotype", serif;   */
           font-size:10pt;
           font-weight:bold;
           font-variant:small-caps;
           text-decoration:none;
           letter-spacing:0.1em;
                                }
/*      ================================================================================
        Struktur der Dreiteilung der Seiten: Mittlerer Bereich
        ================================================================================
*/
        #container_mitte {
           margin-top: 152px;                  /* 156 = Breite Kopf (160) - Border*/
           margin-left:174px;                  /* Breite der Säulen */
           margin-right:174px;
           background-color:#EEEEEE;           /* silber    */
           padding-left:20px;                  /* Abstand zu den innen-Außenseiten des Bereichs */
           padding-right:40px;
           padding-bottom:20px;
           font-family:Helvetica, Arial, sans-serif;
           border: solid 2px #AF2323;
                         }

/*      =====================================================================================
        Mittlerer Bereich wenn die rechte Säule wegfällt
        =====================================================================================
*/
        #container_mitte_ohne_rechten_rand {
           margin-top: 152px;                  /* 156 = Breite Kopf (160) - Border*/
           margin-left:174px;                  /* Breite der Säulen */
           margin-right:0px;
           background-color:#EEEEEE;           /* silber    */
           padding-left:20px;                  /* Abstand zu den innen-Außenseiten des Bereichs */
           padding-right:20px;
           padding-bottom:20px;
           font-family:Helvetica, Arial, sans-serif;
           border: solid 2px #AF2323;
                                        }
/*      ====================================================================================
        Struktur der Dreiteilung der Seiten: Rechter Bereich
        ====================================================================================
*/
        #container_rechts {
           position:fixed;
           width:166px;
           top: 152px;                        /* 156 = Breite Kopf (160) - Border*/
           right:2px;
           padding-top:10px;                  /* Abstand zu den innen-Außenseiten des Bereichs */
           padding-right:2px;
           padding-left:2x;
           padding-bottom:2px;
           background-color:#B0C4DC;
           border-top: solid 2px #AF2323;
        }
/*      ==========================================================================================================================
        Basisdefinition für alle Überschriften
        ========================================================================================================================*/
        h1, h2, h3, h4 {
            font-family:"Palatino Linotype", serif;
            font-variant:small-caps;
            letter-spacing:0.1em;
            color:#AF2323;
            font-style:normal;
        }
/*      ==========================================================================================================================
        Ergänzung für die Überschriften beim Listenkopf (.kopf) - angepasst auf die Hintergrundgrafik
        ========================================================================================================================*/
        h1.kopf {
            margin-top:17pt;
            font-size:30pt;
            font-weight:bold;
            text-align:center;
			line-height:1.0; font-size 10pt;
        }

        h2.kopf {
            margin-top:2pt;
			font-size:18pt;
            font-weight:bold;
            text-align:center;
            line-height:0.9; font-size 10pt;
        }
 
		h3.kopf {
            margin-top:0pt;
            font-size:14pt;
            font-weight:bold;
            text-align:center;
            padding-bottom:0px;
            line-height:1.2; font-size 10pt;
        }

        h4.kopf {
            font-size:16pt;
            font-weight:bold;
            text-align:center;
		}
/*      ==========================================================================================================================
        Ergänzung für die Überschriften im mittleren Bereich (.text)
        ========================================================================================================================*/
                                        h1.text {
                                           font-size:24pt;
                                           font-weight:normal;
                                           line-height:0.5em;
                                           border-bottom:#AF2323 solid 2px;
                                           padding-top:25pt;
                                           padding-left:0pt;
                                           padding-bottom:10pt;
                  margin-bottom:10px;
                                   }
                                        h2.text {
                  font-size:16pt;
                                           font-weight:bold;
                                           line-height:1.1em;
                                           border-bottom:#AF2323 solid 1px;
                  padding-top:16pt;
                                           padding-left:0px;
                                           padding-bottom:3pt;
                  margin-bottom:10px;
               }
               h3.text {
                                           font-size:14pt;
                                      font-weight:bold;
                                           line-height:1.1em;
                                      border-bottom:#AF2323 solid 1px;
                                           padding-bottom:3px;
                                           padding-left:0px;
                                           margin-top:20px;
                  margin-bottom:10px;
                                   }
                                        h4.text {
                                           font-size:12pt;
                                           font-weight:bold;
                                           line-height:1.1em;
                                           border-bottom:rgb(175,35,35) solid 1px;
                                           padding-bottom:3px;
                                           padding-left:0px;
                                           margin-top:20px;
                                   }
/*        ==========================================================================================================================
        Textformatierung für den mittleren Bereich- intro für Einführung, text für den Rest
        ========================================================================================================================*/
                                        p.intro {
                                                margin-top:10px;
                                           font-family:Helvetica, Arial, sans-serif;
                                           font-size:10pt;
                                           font-Style:italic;
                                           font-weight:normal;
                                           text-align:justify;
                                           color:black;
                                   }
                                        p.text {
                                           margin-top:10px;
                                           font-family:Helvetica, Arial, sans-serif;
                                           font-size:10pt;
                                           font-Style:normal;
                                           font-weight:normal;
                                           text-align:justify;
                                           color:black;
                                   }
/*        ==========================================================================================================================
        Textformatierung für Unsortierte (ul) und nummerierte (ol) Listen
        ========================================================================================================================*/
                                        ul, ol {
                                                font-family:Helvetica, Arial, sans-serif;
                                           font-size:10pt;
                                           font-Style:normal;
                                           font-weight:normal;
                  margin-left:20px;
               }
/*        ==========================================================================================================================
        Textformatierung für Unsortierte (ul) und nummerierte (ol) Listen
        ========================================================================================================================*/
                                        li {
                        type:circle;
               }
/*        ==========================================================================================================================
        Textformatierung für die Container im rechten Bereich
        ========================================================================================================================*/
                                        .box_title {
                                           margin-top:10px;
                                                  margin-left:2px;
                                           margin-right:2px;
                                           background-color:#AF2323;
                                           color:white;
                                           font-family:  Helvetica, Trebuchet, Arial, sans-serif;     /*"Palatino Linotype", serif;*/
                                           font-size:10pt;
                   /*                        font-variant:small-caps;  */
                                           font-weight:bold;
                                           padding:2px;
                                           text-align:center;
                                           }
                                        .box_content {
                                           margin-left:2px;
                                           margin-right:2px;
                                           margin-bottom:10px;
                                           background-color:white;
                                           border-color:rgb(130,130,130);
                                           border-style:solid;
                                           border-width:1px;
                                           color:black;
                                           font-family:Helvetica, Arial, sans-serif;
                                           font-size:8pt;
                                           font-weight:normal;
                                           padding:2px;
                                   }
/*        ==========================================================================================================================
        Textformatierung für Texte mit Links
        ========================================================================================================================*/
                                        a:link {
                                           font-weight:bold;
                                           color:black;
                                           text-decoration:none;
                                     }
                                        a:visited {
                                           font-weight:bold;
                                           color:gray;
                                           text-decoration:none;
                                   }
                                        a:hover, a:active {
                                           font-weight:bold;
                                           color:rgb(175,35,35);
                                           text-decoration:none;
                                   }
/*        ==========================================================================================================================
        Textformatierung für Unsortierte (ul) und nummerierte (ol) Listen
        ========================================================================================================================*/
                                        ul#Navigation {
                                            width:160px;
                                 margin:0px; padding: 2px 2px 2px;
                                            border: 0px solid black;
                                            background-color:rgb(176,196,220);                         /*silver;  */
                                          }
                                          * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
                                            width: 160px;
                                            w\idth: 160px;
                                            padding-left: 0;
                                            padd\ing-left: 0;
                                          }
                                        ul#Navigation li {
                                           list-style: none;
                                       margin: 4px; padding: 0;
                                          }
                                          ul#Navigation a, ul#Navigation span, ul#Navigation h2.navi {
                                            display:block;
                                            padding: 2px;
                                            font-family:  Helvetica, Trebuchet, Arial, sans-serif;     /*"Palatino Linotype", serif;*/
                                            font-size:10pt; letter-spacing:0.05em;
                                            font-variant:small-caps;
                                            font-weight:bold;
                                            text-decoration:none;
                                            border: 1px solid black;
                                            border-left-color:white;
                                            border-top-color:white;
                                            color:maroon;
                                            background-color:white;
                                          }
                    * html ul#Navigation a, * html ul#Navigation span, * html ul#Navigation h2.navi {
                       width: 160px;    /* Breitenangabe fuer IE 5.x */
                       w\idth:160px;    /* Breitenangabe fuer IE 6 */
                    }
                    ul#Navigation a:hover, ul#Navigation span {
                       border-color:white;
                       border-left-color:black; border-top-color:black;
                       color:white; background-color:gray;
                    }
                    ul#Navigation h2.navi {
                       font-size: 10pt;letter-spacing:0.05em;
                       margin: 20px 0px 0px;
                       border-color:gray;
                       color:white; background-color:#AF2323;
                    }
                    h2.stand {
                                                font-family:  Helvetica, Trebuchet, Arial, sans-serif;     /*"Palatino Linotype", serif;*/
                                            font-size:10pt; letter-spacing:0.05em;
                                            font-variant:small-caps;
                                            font-weight:bold;
                       border-color:gray;
                       color:white; background-color:#AF2323;
                  text-align:center;
                  margin-top:20px;
                  margin-bottom:0px;
                    }

               h2.copy {
                                                bottom:auto;
                                                font-family:  Helvetica, Trebuchet, Arial, sans-serif;     /*"Palatino Linotype", serif;*/
                                            font-size:10pt; letter-spacing:0.05em;
                                            font-variant:small-caps;
                                            font-weight:bold;
                       border-color:gray;
                       color:white; background-color:#AF2323;
                  text-align:center;
               }
/*        ==========================================================================================================================
        Textformatierung für Unsortierte (ul) und nummerierte (ol) Listen
        ========================================================================================================================*/