/* general settings */
/* Background für die Webseite ist R,G,B, 248, 237,212 = #F8EDD4 */

a:hover { color:#cc0000; }
.letterbig {font-family:verdana; color:#285078; font-size:100%;}
.lettersmall {font-family:verdana; color:#285078; font-size:80%;}
.letterstd {font-family:verdana; color:#285078; font-size:100%; background: #F8EDD4;}
blockquote#std {fo nt-family:verdana; color:#285078; font-size:80%; background: #F8EDD4;}


/* grid design */
.grid-small {display: inline-grid; width:100%; grid-template-columns: 30% auto;}
.grid-item-small {text-align: left; }
.ofbcenter {background: #F8EDD4; width: 90%; text-align:center; font-family:verdana; color:#285078; font-size:100%; margin-left:auto; margin-right:auto;}

.hidden {
        display: none;
        }

thead {
  position: sticky;
  top: 0em;
  z-index: 2;
  background: #F8EDD4;
}

ul {
   margin-top:0em; 
   }

.hr_ofb {color:#285078; border-width:1px; border-style:dotted; margin-left:auto; margin-right:auto;}

/* define the layout of the grid: head, nav, nav, content, content, footer
on the public page 
2 head items
1 nav item
1 content item
1 content item
1 footer item */
#ofbdb { display: grid; 

       background: #F8EDD4; 
       grid-template-areas: "ofb_head1 ofb_head2" "ofb_nav1 ofb_nav1" "ofb_nav2 ofb_nav2" "ofb_content1 ofb_content1" "ofb_content2 ofb_content2" "ofb_footer ofb_footer"; 
       width: 98%;
       max-height:100%;
       grid-template-rows: auto auto 2em[status] auto auto auto; 
       grid-template-columns: 10% 90%; 
       border:1px solid grey;
       font-size: medium;
       }
#ofbdbhead_row1 { 
                grid-area: ofb_head1; 
                font-family:verdana; 
                color:#285078; 
                text-align:center; 
                }
#ofbdbhead_row2 { 
                grid-area: ofb_head2; 
                font-family:verdana; 
                color:#285078; 
                text-align:center; 
                }
#ofbdbnav_row1 { 
               grid-area: ofb_nav1; 
               text-align:left; 
               font-family:verdana; 
               color:#285078; 
               font-size:1em;
               } 
.ofbdbnav_row2 { 
               grid-area: ofb_nav2; 
               border:1px solid grey;
               height: 1.5em;
               font-family:verdana; 
               color:#285078; 
               font-size:80%;
               } 

#ofbdbmain1{ 
             grid-area: ofb_content1; 
             min-height: 10em;
             max-height: 30em;
             resize: vertical; 
             overflow-y:scroll; 
             border:1px solid grey; 
             width: 100%; 
             background: #F8EDD4; 
             font-family:verdana; 
             color:#285078; 
             font-size:80%;
             }
#ofbdbmain2{ 
             grid-area: ofb_content2; 
             min-height:35em;
             gap: 0.3em; 
             width: 100%; 
             border:1px solid grey; 
             background: #F8EDD4; 
             font-family:verdana; 
             color:#285078; 
             font-size:80%;
             }
#ofbdbfooter_row { 
                 grid-area: ofb_footer; 
                 width: 100%; 
                 min-height: auto;
                 border:1px solid grey; 
                 text-align:center; 
                 font-family:verdana; 
                 color:#285078; 
                 font-size:0.625em; 
                 margin-left:auto; 
                 margin-right:auto;
                 }

/* define the layout of the grid: head, content
on the database maintenance page -alter-
2 head items
2 column items content */
#ofbdbalter { display: grid; 
            grid-template-columns: 50% 50%; 
            background: #F8EDD4; 
            grid-template-areas: "ofb_h1 ofb_h2" "ofb_left ofb_right"; 
            width: 98%; 
            height: auto; 
            font-size: medium;
            }
.ofbhrow1 { 
          grid-area: ofb_h1; 
          font-family:verdana; 
          color:#285078; 
          text-align:left; 
          }
.ofbhrow2 { 
          grid-area: ofb_h2; 
          font-family:verdana; 
          color:#285078; 
          text-align:left;
          }
.ofbalterl { 
           grid-area: ofb_left; 
           width: 98%; 
           border:1px solid grey; 
           background: #F8EDD4; 
           font-family:verdana; 
           color:#285078; 
           font-size:80%;
           } 
.ofbalterr { 
           grid-area: ofb_right; 
           width: 98%; 
           border:1px solid grey; 
           background: #F8EDD4; 
           font-family:verdana; 
           color:#285078; 
           font-size:80%;
           } 

.wdesign {background: #F8EDD4; font-family:verdana; color:#285078; font-size:80%; margin-left:auto; margin-right:auto;}
/* define the size of the iframe */
#ofbfr {width:80%; height:auto; font-size:60%; border: none; margin-left:auto; margin-right:auto; background: #F8EDD4;}


table#pear {
   border-spacing: 0px;
   background-color: #A4A4A4;
/*   width:730px;
   font-size:14px; */
  }

  table#pear tr th,
  table#pear tr td {
   padding: 1px;
  }
/* Background Farbe Header */
  table#pear tr th {
   background-color: #F8EDD4;
  }
/* Background Farbe Zeile gerade Nummer */
  table#pear tr:nth-child(even) {
   background-color: #F8EDD4;
  }
/* Background Farbe Zeile ungerade Nummer */
  table#pear tr:nth-child(odd) {
   background-color: #D9D9D9;
  }