/*                                                  */
/*        CSS-Datei fuer: Fema-Salzgitter.de        */
/*                   und: geobilderdienst.de        */
/*                                                  */

/*    Aufbau:                                       */
/*    1. Seiten allgemein                           */
/*    2. Tabellen                                   */
/*    3. Links                                      */
/*    4. Linien                                     */
/*    5. Headlines                                  */
/*  ~~  ~~  ~~  ~~  ~~  ~~  ~~  ~~  ~~  ~~  ~~  ~~  */
/*    gelb    =   #FFDF00 |  d_grün  =  #007F00     */
/*    grün    =   #008040 |  d_blau  =  #005050     */
/*    hell/w  =   #EFEFEF |    weiß  =  #FFFFFF     */
/*    blau    =   #00FFFF | schwarz  =  #000000     */
/*    h_grün  =   #E2FFB7 |
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/*    1. Seiten allgemein                           */
/* ------------------------------------------------ */

body        { background-color:#E2FFB7; color:#005050;
              font-family: Arial, Helvetica, sans-serif;}
var         { text-align:left; font-size:14pt; font-weight:bold;
              color:#005050; font-style:normal; }
            /* für Überschriften in Tabellen */

/* ----| Bereich: Fusszeile |--- */

div.fusszeile      { background-color:#E2FFB7; }
div.fusszeile p    { color:#FFFFFF; text-align:center;}
div.fusszeile a:hover { text-decoration:none; font-weight:bold;
               background-color:#000000; line-height:20pt;
               padding:3; color:#E2FFB7;}
div.fusszeile table { text-align:center; width:99%;
                      border:0;
                      border-top-style:double;
                      border-top-width:6;
                      border-top-color:#007F00;
                    }
div.fusszeile td    { border-width:0 ; vertical-align:middle;
                      font-size: 10pt; }

div.logo           { text-align: center;
                   }
div.text           { margin-left: 10px; margin-right: 10px; }
div.text h1        { text-align:left; color:#FFDF00; font-size:18pt;
                     font-weight:bold; }
div.text h2        { text-align:left; color:#FFDF00; font-size:14pt;
                     font-weight:bold; }
div.text h3        { text-align:left; color:#FFDF00; font-size:12pt;
                     font-weight:bold; }

/*    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~    */
/*    2. Tabellen                              */
/*    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~    */
/*                                             */

/*    2a) Tabelle allgemein     */
/* ---------------------------- */

table       { text-align:left; width:99%; border-style:solid;
              border-width:2; border-color:#FFDF00;
              border-color:#007F00; padding:5; }
table th    { font-size:14pt; font-weight:bold; vertical-align:middle; }
table th.l  { font-size:14pt; font-weight:bold; vertical-align:middle; white-space:nowrap; }
table td    { border-style:solid; border-width:1; border-color:#EFEFEF;
              border-style:none;
              padding:3; vertical-align:middle; }
table td.r  { text-align:right; }
table td.pic { vertical-align:middle; width:306px }
table p.titel { font-size:14pt; fontweight:bold; }


/*    2b) Tabelle für Artikel mit kurzem Text  */
/* ------------------------------------------- */

table.kurz      { text-align:left; width:100%; border-width:0; padding:5; }
table.kurz th   { border-style:solid; border-width:0; padding:2; }
table.kurz th.l { border-style:solid; border-width:0; padding:2; white-space:nowrap; }
table.kurz td   { border-style:solid; border-width:1; border-color:#EFEFEF;
                  border-color: rgb(171,255,045);
                  padding:3; vertical-align:middle; text-align:center; }
table.kurz td.l { border-style:solid; border-width:1; border-color:#EFEFEF;
                  border-color: rgb(171,255,045);
                  padding:3; vertical-align:middle; text-align:center;
                  white-space:nowrap; }
table.kurz p    { text-align:left; }


/*   2c) Tabelle im Kopfteil des Frames   */
/* -------------------------------------- */

table.head       { text-align:left; width:100%; border-width:0; padding:1; }
table.head td    { border-style:solid; border-width:1; border-color:#EFEFEF;
                   padding:3; vertical-align:middle; }
table.head th    { border-style:solid; border-width:0; border-color:#EFEFEF;
                   padding:3; vertical-align:middle; }

/*   2d) Tabelle ohne Auszeichnungen     */
/* ------------------------------------- */

table.ohne       { text-align: left; border-width:0; padding:0;
                   vertical-align: middle; text-align: middle; }
table.ohne td   { text-align: left; border-width:0; padding:0;
                   vertical-align: middle; text-align: middle; }


/*     ~~~~~~~~     */
/*     3. Links     */
/*     ~~~~~~~~     */

a:link       { text-decoration:none; font-weight:bold;
               color:#007F00; line-height:17pt; padding:3; }
a:visited    { text-decoration:none; font-weight:bold;
               color:#007F00; line-height:17pt; padding:3; }
a:hover      { text-decoration:underline; font-weight:bold;
               line-height:17pt; padding:3; }
a:active     { text-decoration:none; font-weight:bold;
               line-height:17pt; padding:3; }
a:focus      { text-decoration:none; font-weight:bold;
               line-height:17pt; padding:3; }


div.stichw a:link       { text-decoration:none; font-weight:normal;
               color:#007F00; line-height:20pt; padding:3; }
div.stichw a:visited    { text-decoration:none; font-weight:normal;
               color:#007F00; line-height:20pt; padding:3; }
div.stichw a:hover      { text-decoration:underline; font-weight:normal;
               line-height:20pt; padding:3; }
div.stichw a:active     { text-decoration:none; font-weight:normal;
               line-height:20pt; padding:3; }
div.stichw a:focus      { text-decoration:none; font-weight:normal;
               line-height:20pt; padding:3; }

/*  Navigation per Liste   */
/* ----------------------- */
ul.Navigation         { font-size:0.95em; margin:0; padding:0;
                        border: 1px solid #FFFFFF; }
ul.Navigation li      { list-style:none; margin:0; padding:0.1em;
                        text-align:left; color:#FFDF00 }
ul.Navigation a       { display: block; padding:0.1em;
                        font-weight:bold; }
ul.Navigation a:link  { background-color:#007F00; color: #00FFFF;}
ul.Navigation a:visited { background-color:#007F00; color: #00FFFF;}
ul.Navigation a:hover { background-color:#000000; color: #00FFFF; }
ul.Navigation a:active { background-color:#005050; color: #00FFFF;}
ul.Navigation a:focus  { background-color:#005050; color: #00FFFF; }

/*     ~~~~~~~~~      */
/*     4. Linien      */
/*     ~~~~~~~~~      */

p.linie1    { border-top-width:2; border-bottom-width:2; border-top-style:solid;
              border-bottom-style:double; border-top-color:#FFDF00;
              border-bottom-color:#FFDF00; line-height:4pt; }

/*     ~~~~~~~~~~~~     */
/*     5. Headlines     */
/*     ~~~~~~~~~~~~     */

h1.head   { text-align:center; color:#005050; font-size:16pt;
            font-weight:bold; }
h1        { text-align:left; color:#005050; font-size:18pt; font-weight:bold; }
h2        { text-align:left; color:#005050; font-size:16pt; font-weight:bold; }
h3        { text-align:left; color:#005050; font-size:12pt; font-weight:bold;
            line-height:1em; margin-bottom:0.1em; margin-top:0.1em;}