/* Seiten-Layout */

/* Verhindert Link-Rahmen unter Netscape und Mozilla  */
:link:focus { -moz-outline: 0px dotted WindowText; }

   html, body { margin: 0; padding: 0;
                background: #F0F0F0 url(../imgs/bg.gif) top left repeat-x;
                text-align: center;
                background-attachment: fixed;

                /* Scroll-Leisten */
                scrollbar-face-color: #888C38;
                scrollbar-highlight-color: #B8B888;
                scrollbar-shadow-color: #407878;
                scrollbar-3dlight-color:#B8B888;
                scrollbar-arrow-color: #EEEEE0;
                scrollbar-track-color: #C0BC88;
                scrollbar-darkshadow-color: #407878;
              }

   #container { padding: 0;
                margin: 0 auto;
                width: 1000px;
              }

/* Tabellen-Style */
#container table { font-size: 76%; font-family: sans-serif; text-align: left;  }

/* Kopfleiste */
        #logo { background: #B8B888 url(../imgs/bg_logo.jpg) top left no-repeat;
                width: 170px; }

         #bg  { background: #B8B888 url(../imgs/gzvw-banner3.jpg) top left no-repeat;
                width: 100%;  height: 130px;
              }

      #titel1 { position: relative;
                top: -10px; left: 620px;
                width:134px; height:99px;
                z-index: 1;
              }

      #titel2 { position: relative;
                top: -1px; left: -121px;
                z-index: 2;
              }

      #titel3 { position: absolute;
                top:70px; left:150px;
                color: #006000;
                font-family: 'Times New Roman',Times,serif;
                font-weight: normal;
                font-size: 1.6em;
                letter-spacing: .1ex;
                z-index: 2;
              }

 /* Horizontale Leisten - oben & unten */

         #feldo1 { background-color: #fc3;
                   text-align: center;
                   color: #3F797C;
                   width: 170px;
                   font-size: .95em;
                }
         #feldo2 { background-color: #3F797C;
                   text-align: left;
                   padding-left: 25px;
                   font-size: .9em;
                   color: #DDD;
                   width: 40%;
                 }
         #feldo3 { background-color: #3F797C;
                   color: #DDD;
                   font-size: .9em;
                   text-align: center;
                   width:;
                 }
         #feldo4 { background-color: #3F797C;
                   text-align: right;
                   padding-right: 25px;
                   font-size: .9em;
                   color: #DDD;
                   width: ;
                 }

 /* Fussleiste */
         #feldu1 { background-color: #fc3;
                   font-size: 1em;
                   letter-spacing: .1ex;
                   font-weight: bold;
                   color: #000;
                   width: 170px;
                   padding-top:3px;
                 }
         #feldu2 { background-color: #3F797C;
                   text-align: left;
                   padding-left: 25px;
                   font-size: .9em;
                   color: #DDD;
                   width: 17%;
                }
         #feldu3 { background-color: #3F797C;
                   color: #DDD;
                   font-size: .9em;
                   text-align: center;
                   width:;
                 }

         #feldu4 { background-color: #3F797C;
                   text-align: right;
                   padding-right: 25px;
                   font-size: .9em;
                   color: #DDD;
                   width: 17%;
                 }

    #feldo2 span { letter-spacing: .1ex; }

.metali a:link, .metali a:visited {
                   color:#DDD;
                   text-decoration: none;
                   letter-spacing: .1ex;
                 }
 .metali a:hover { text-decoration: underline; }



 /* Menue */
           #menue { background: #386800 url(../imgs/bg_menu.jpg) top left repeat-x;
                    width: 170px; }
            #menu { padding-top: 12px; width: 170px;}
         #menu h2 { color: #FFF;
                    font-size: 1.1em;
                    font-weight: bold;
                    padding: 0px 0 3px 9px;
                    border-bottom: 1px solid #888;
                    margin: 2px 3px 2px 3px;
                    font-family: arial;
                    letter-spacing: .1ex;
                  }

         #menu ul { list-style-type: none; margin: 0; padding: 0; }
      #menu ul li { padding: 1px 6px 0px 4px; letter-spacing: .2ex; height: 25px; }
#menu ul li a:link, div#menu ul li a:visited {
                    color: #90EC90;
                    text-decoration: none;
                    display: block;
                    background-color: #333;
                    border: 1px solid #808000;
                    border-bottom: none;
                    border-right: none;
                    padding: 4px 0 4px 23px;
                    font-size: 1em;
                    background: #005E5E url(../imgs/arrow.gif) left center no-repeat;
                  }

div#menu ul li a:hover {
                    border: 1px outset #38b070;
                    border-top: none;
                    border-left: none;
                    background-color: #707070;
                    color: #C0C0C0;
                    font-weight: bold;
                  }

             #lnk { background-color: #386800;
                    padding-top: 15px;
                    padding-bottom: 3px;
                  }
          #lnk h2 { color: #FFF;
                    font-size: 1.1em;
                    font-weight: bold;
                    padding: 2px 0 3px 9px;
                    border-bottom: 1px solid #888;
                    margin: 2px 3px 2px 3px;
                    font-family: arial;
                    letter-spacing: .22ex;
                     }

 /* --- Info-Box --- */

      #box iframe { border: 1px solid #ccc; border-bottom: none;  left:5px; }
             #box { width: 160px; margin: 4px 3px 0 5px; }

       div.arrows { -moz-width:158px;  -moz-height: 18px;
                    background-color:  #006050;
                    padding: 3px 0 5px 0;
                    text-align: center;
                    border: 1px solid #ccc;
                    border-top: none;
                    margin-top: 0px;
                    color: #00FF00;
                  }
   div.arrows img { vertical-align: bottom; }


/* #################################################################### */

/* Content (Inhalt-Hauptfenster) */

        #content { height: 100%;
                   background: #DDEED0 url(../imgs/spiral.gif) top left repeat-y;
                   color: #000;
                   font-size: 1.1em;
                 }

     #content h2 { margin: 0 1em 0 1.5em;
                   padding: .9em 0 0 0;
                   color: #3F797C;
                   font-family: 'Times New Roman',Times,serif;
                   font-size: 2em;
                   font-weight: bold;
                   border-bottom: 1px solid #363;
                 }

               p { padding: 0 3.5em 0 4.5em; text-align: justify; line-height:1.35em; }

#content a:link, #content a:visited { color: #000; }
#content a:hover { color: #b71; }

 #content p.meta { font-weight: bold; text-align: right; }


/* spezielle Seiten - Elemente */

     #content h1 { font-size: 2.5em; margin-top: 0; padding-left: 40px; }
 /*  #content h2 { font-size: 2em; color: #79B30B; }  */
     #content h3 { font-size: 1.5em; color: #b71; padding-left: 40px; margin-bottom: -5px }
     #content h4 { font-size: 1.25em; color: #3F797C; padding-left: 60px; margin-bottom: -10px }
     #content h5 { font-size: 1em; font-weight:bold; padding-left: 60px; margin-bottom: -10px }
#content acronym { border-bottom: 1px dotted #b71; cursor:help; }
   #content code { border: 2px solid #b71;
                   padding: 5px 2px 5px 40px;
                   display: block;
                   background-color: #FFF;
                   font-size: 1.1em;
                    }
#content blockquote { border-left: 3px solid #b71; padding: 5px 2px 5px 7px; }


/* TABELLE - Mitglieder */
         #tabelle { border: 2px solid #707070;
                    border-collapse: collapse;
                    background-color: #fff;
                 }
      #tabelle td { padding-left: 4px;
                    border-color: #B0B0B0;
                    font-size: 1.2em;
                    height: 24px;
                    text-align: left;
                  }
      #tabelle th { text-align: left; }
#tabelle thead th { color: #000;
                    font-size: 1.8em;
                    letter-spacing: .2ex;
                    background-color: #FC3;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    text-align: center;
                    border: none;
                  }
        #index td { color: #fff;
                    font-size: 1.25em;
                    background-color: #808080;
                    padding-left: 4px;
                    letter-spacing: .1ex;
                    font-weight: bold;
                  }

#tabelle tbody tr { height: 26px }

         tfoot tr { background-color: #FC3;
                    font-size: .9em;
                  }

/* TABELLE - wir über uns */
            .text { font-size: 2em; color: #b71; }

/* ################################################################### */


   /* --- Code für DIV mit runde Ecken --- */

    .rnd_top, .rnd_bottom { display:block; background:transparent; font-size:1px; }
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 { display:block; overflow:hidden; }
    .rnd_b1, .rnd_b2, .rnd_b3 { height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 { background:transparent; border-left:1px solid #ccc; border-right:1px solid #ccc; }
    .rnd_b1 { margin:0 5px; background:#ccc; }
    .rnd_b2 { margin:0 3px; border-width:0 2px; }
    .rnd_b3 { margin:0 2px; }
    .rnd_b4 { height:2px; margin:0 1px; }

   /* -- Sprüche -- */
  #rnd_container { background: #686468; margin: 4px 5px; width: 160px; }
    .rnd_content { display: block;
                   height: 100%;
                   border: 0 solid #ccc;
                   border-width:0 1px;
                   padding: 0 5px;
                   color: #5BECDD;
                   text-align: justify;
                   font-family: 'Times New Roman',Times,serif;
                   font-size: 1.1em;
                 }

   /* -- Links & Gästebuch & Impressum -- */
 #rnd_container1 { padding: 0 55px 0 70px; }
   .rnd_content1 { display: block;
                   height: 100%;
                   border: 0 solid #ccc;
                   border-width: 0 1px;
                   padding: 16px 20px;
                   color: #000;
                   text-align: justify;
                 }

   /* -- Home - Javascript-Hinweise --  */
 #rnd_container2 { margin-top: 15px; padding: 0px 20px 10px 37px;}
   .rnd_content2 { display: block;

                   border: 0 solid #ccc;
                   border-width: 0 1px;
                   padding: 2px;
                   color: #006030;
                   text-align: center;
                   font-size: 1.25em;
                   vertical-align:bottom;
                 }


   /* --- Fussleiste - Footer --- */
    #footer { text-align: center;
              background: #999C58 url(../imgs/bg_foot.gif) center;
            }
      #foot { color: #044; background-color: #999C58; font-size: .9em; }

  #footer p { padding: 0; margin: 0; font-size: .9em; text-align: center; }
  #footer p a:link, td#footer p a:visited { color: #044; text-decoration: none; }
  #footer p a:hover { text-decoration: underline; }


   /* === Allgemeine Druckeinstellungen === */

  @media print {

     #container { width:760px; }
       td#menue { display:none; height:0 }
       #content { display:visible; padding:0px; margin:0;
                  width:100%;
                  position:relative; top:-20px; left:-50px; }
    #content h2 { padding-left:10px; }
#feldo1, #feldu1, #feldo2, #feldu2, #feldo3, #feldu3, #feldo4, #feldu4 {
                  display:none; height:0
                }
          #foot { display:none; height:0 }
        #footer { display:none; height:0 }
       #tabelle { width:640px; }
           #lnk { display:none; height:0 }
         #print { margin-left:15px; position:relative; top:-70px }
         #druck { display:none; height:0 }
#rnd_container2 { display:none; height:0 }
  }


   /* ==== Formatierung des Onlex-Counters ==== */
#feldu1, .onlex_counter {
                 color: #000000;
                 font-weight: bold;
                 }

#feldu1, .onlex_counter,  a:link { text-decoration: none;  }