/* DATEI: mfb.css 
homepage der Mineralien- und Fossilienfreunde Bern
author: Frank Elsner
date:   20.10.2007

*/
/*



*/
/*  
border: thin solid red; 
border: thin solid blue;

         position:absolute;
         position:   fixed;
         position:relative;
         position:  static;

*/

/* global *************************************** 
----------------------------------------------- */
       
      body
      { 
         position:           absolute;
/*         background-image:   url(../images/boden.jpg); */
         background-image:   url(../images/bg_1.jpg);
         font-family: Arial,Helvetica;
         font-size:              12pt;
      }

      html, body
      { 
         top:0; left:0; right:0;
         min-height:   100%;
         margin:          0;
         padding:         0;
         width:        100%;
         overflow:   hidden; 
      }
      
      p
      {
	      text-align: justify;
      }

      
      /* Überschriften                */
      h1 {
         font-size:    20pt;
         font-weight:  bold;
         text-align: center;
      }
      h2 {
         font-size:    18pt;
         font-weight:  bold;
      }
      h3 {
         font-size:    14pt;
         font-weight:  bold;
      }
      h4 {
         font-size:    10pt;
         font-weight:  bold; 
         line-height:  12pt;
         margin-top:    6pt;
         margin-bottom: 6pt;
      }
      h5 {
         font-size:    12pt; 
         font-weight:  bold;
         text-align:   left;
      }
      h6 {
         font-size:     7pt;
         font-weight:  bold;
      }

/* Tabellen */
/* -------- */
      table {
         background-color:       #D5DAFF;
         table-layout:              auto; /* standard */
         border-collapse:      collapse ;
         border:          0px solid blue;
/*
*/
      }
      th {
         background-color:        green;
         font-weight:              bold;
         color:                   white;
         vertical-align:            top; 
         text-align:             center;
/*
*/
      }
      caption {
        caption-side: top;
      }
      tr {
         border:         0px solid blue;
/*
         border:         1px solid black;
         height:                   20pt;
*/
      }
      td {
         border:         1px solid black;
         vertical-align:            top; 
         padding-left:             5pt;
         padding-right:            5pt;
/*
         padding-left:             10pt;
         padding-right:            10pt;
         border:         0px solid blue;
         border:         1px solid black;
*/
      }

.table_highlight {
    background-color: yellow;
}
.table_alt {
    background-color: #CCDBFF;
}

.table_no_table {
    border:           0px solid red;
}

.no_table {
    table-layout:     auto; /* standard */
    background-color: transparent;
    border:           0px solid green;
}

.table_width {
    width: 97%; 
/* 
    width: 800px; 
*/
}
.table_width_li {
    width: 95%; 
/* 
    width: 750px; 
*/
}
      /* Nun für den MSIE */
      /* --------------------- */
* html .table_width {
/* 
    w\idth: 770px; /* fuer IE 6.0 763px*/
*/
    width:  730px; 
    w\idth: 100%; /* fuer IE 6.0 763px*/
}

/* banner ***************************************
----------------------------------------------- */
      #header_container
      {
/*
border: thin solid blue;
*/
         position:    fixed;
         top:0; left:0; right:0;
         z-index:         3;
         text-align: center;
         margin:          0;
         height:        20%;
         background-image:   url(../images/bg_2.jpg);
      }

      #b_title, #b_title_fix
      {
         left:0;  /* für IE7.0 */
         position: absolute;
         width:       100%;
         z-index:         3;
         overflow:   hidden; /* Text wird bei Verkleinerung abgeschnitten */
}

      /* Klassen für den Schriftzug in b_title */
      /* ------------------------------------- */
      .b_title_h1 {
         font-weight:   bold;
         text-align:  center;
       }

      #b_title h1
      {
/*
         font-size:    40pt;
*/
         font-size:    30pt;
         margin:          0;
      }

      #b_title h1 span
      {
/*
         font-size:    26pt;
*/
         font-size:    20pt;
         line-height:  40pt;
      }

      #logo_l
      {
/*
         right:         83%;
         position: absolute;
*/
         position: absolute;
         bottom:          0;
         left:         3%;
      }

      #logo_r
      {
/*
         position: absolute;
*/
         position: absolute;
         bottom:          10%;
         right:          1%;
      }

      /* Nun fuer den MSIE, aber nicht 7.x */
      /* --------------------------------- */
      * html, * html body
      {
         overflow:   hidden;
/* geht auch ohne bei IE 5.0 und IE 6.0:
         bottom:          0;
         height:       100%;
 */
      }

      * html #header_container
      {
         position: absolute;
/* geht auch ohne bei IE 5.0 und IE 6.0:
         width:        100%;
 */
      }

      * html #b_title, #b_title_fix
      {
         position:   static; /* IE5.x (?) IE6.0 */
/* geht auch ohne bei IE 5.0 und IE 6.0:
         height:       100%;
 */
         vertical-align:            bottom; 
      }

/* links ****************************************
----------------------------------------------- */
      #home
      {
         position:          fixed;
         top:21%; left:1%; right:0; bottom:0;
         z-index:               4;
/*          height:               4%; */
         height:             16pt;
         width:               12%;
         overflow:         hidden; /* Text wird bei Verkleinerung abgeschnitten */
         font-size:          12pt;
         background-color:#E6E6E6;
         border:     thick outset;
         text-align:       center;
         color:           #000099;
      }
      
      #home a:link,
      #home a:visited,
      #home a:hover,
      #home a:active { text-decoration:none;  color:black; }

      /* Nun fuer den MSIE */
      /* ----------------- */
      * html #home
      {
         position:absolute;
         height:        25pt;
/* 
         height:        7%;
 */
      }

/* navigation ***********************************
----------------------------------------------- */
      #menu
      {
      
         position:     fixed;
         top:27%;     left:0;
/* 
         z-index:          2;
 */
         z-index:          1;
         height:         73%;
         width:          17%;
/*         background-image:   url(../images/boden_1.jpg); */
         overflow:      auto; 
      }      
      #menu ul
      {
         width:         93%;
         margin:          0;
         line-height:  15pt;
         padding-left:   5%;
      }
      #menu li
      {
         list-style:   none;
         margin:          0;
         padding-top:   5pt;
         padding-bottom:5pt;
         padding-left:   3%;
         line-height:  12pt;
      }
      #menu a:link, #menu a:visited
      {
         color:              black;
         text-decoration:underline;
         margin:                 0;
      }
      #menu a:hover
      {
         text-decoration:underline;
      }
      #menu li ul
      {
         padding-top:    3%;
         padding-left:  11%;
         width:         89%;
      }

      /* Nun fuer den MSIE */
      /* ----------------- */
      * html #menu
      {
         position: relative;
         padding:         0;
      }
      * html #menu ul
      {
         width:         100%;
      }

/* inhalt ***************************************
----------------------------------------------- */
      #content_container
      {
         position:    fixed;
         top:20%;  left:17%; right:0;
         z-index:         2;
         height:        80%;
         margin:          0;
         padding:         0;
         overflow:     auto; 
/*         border-left: thick outset;
         border-top:  thick outset;
         overflow:     auto; 
*/
         background-color:    #E4EEFF;
      }

      #content_container_start
      {
/* 
         overflow:     hidden; 
*/
         position:    fixed;
         top:20%;  left:17%; right:0;
         z-index:         2;
         height:        80%;
         margin:          0;
         padding:         0;
         overflow:     hidden; 
         background-color:    #828282;
      }

      #content
      {
/* am 22.5.06 herausgenommen, wg. Opera 8.53:
         position: absolute;relative
         top:0; left:0; right:0;
         margin-right:   2%;
*/
         position: relative;
         width:         95%;
         margin-left:    2%;
         margin-top:     1%;
         overflow:   hidden; 
         z-index:        10;
      }

      #content_start
      {
         position: relative;
         top:0; left:0;
         z-index:        10;
         margin-left:     0;
         margin-top:      0;
         margin-right:    0;
         overflow:   hidden;

      }

      #content_start_txt
      {
          position:     fixed;
         z-index:         20;
         bottom:1%; left:17%;
         width:          83%;
      }
      #content_start_txt_fix
      {
/* ging eigentlich bei Firefox 3.1.x & IE7.0:
         position:    fixed;
         z-index:        20;
         top:535px;  left:17%;
         width:    879px;
*/
         position:    absolute; /* Firefox 3.0.1 */
         z-index:     20;
         top:      355px; /* Firefox 3.0.1 */
         width:    879px;
      }

      #content_start_txt1
      {
      /* 
border: thin solid blue; 
border: thin solid green; 

         position: fixed;  geht vermutlich bei Opera!?
         margin-top:  0px;
         margin-left: 0px;

         width:       879px;
*/
         position:    fixed;
         top:20%;  left:17%;
         z-index:        10;
         margin-top:    0px;
         margin-left:   0px;
         width:         83%;

         font-size:    18pt;
         font-weight:  bold;
      }

      #content_start_txt1 a:link,
      #content_start_txt1 a:visited,
      #content_start_txt1 a:hover,
      #content_start_txt1 a:active  { text-decoration:none; color:black; }

.einstieg { 
    color:       white;
    font-weight:  bold;
    text-align: center;
}

      /* Nun fuer den MSIE */
      /* ----------------- */
/* 
         position:absolute;
         position:   fixed;
         position:relative;
         position:  static;

border: thin solid green; 
*/
      * html #content_container, * html #content_container_start
      {
         position: absolute;
         width:         83%;
         height:        80%;
      }

/* 
      * html #content_container_start
      {
         position: absolute;
         width:         83%;
         height:        80%;
      }
*/

      * html #content
      {
         top:4%;    left:2%;
/* zu gross für IE 6.0:
         width:        100%;
im IE 5 ignoriert:
         w\idth:       100%; 
*/
         w\idth:         93%; /* fuer IE 6.0 */
         margin-right:   0%;
      }
      * html #content_start
      {
         top:0;    left:0;
         height:     100%;
      }
      * html #content_start_txt, * html #content_start_txt1
      {
         position: absolute;
         left:0;
         width:      100%; 
      }
      * html #content_start_txt
      {
/* 
         top:75%;
*/
         top:77%;
         w\idth:         100%; /* fuer IE 6.0 */
      }
      * html #content_start_txt1
      {
         top:0; /* fuer IE 6.0 */
      }
      * html #content_start_txt_fix
      {
/* 
         width:      879px; 
*/
         position: absolute;
         top:350px;  left:0;
      }



/* Fusszeile ************************************ 
----------------------------------------------- */

      #footer_container
      {
         text-align:  right;
/* 
         position:    fixed;
         width:         15%;
         height:         9%;
         left:0;   bottom:1%;

         overflow:   hidden; 
*/
         bottom:         1%;
         width:         95%;
         margin:          0;
         z-index:         3;
         font-size:    10pt;
/*         background-color:#efefef; */

      }
      #footer 
      {
/* am 22.5.06 herausgenommen, wg. Opera 8.53:
         position: absolute;
*/
/* 
         position: relative;
         width:         95%;
         text-align:  right;
*/
         bottom:          0;
         width:         95%;
         z-index:         3;
         overflow:   hidden; 
      }
      
      #footer a:link,
      #footer a:visited,
      #footer a:hover,
      #footer a:active { text-decoration:none;  color:black; }

      #newsletter
      {
/* 
         position:          fixed;
         right:85%; bottom:12%;

         position:absolute;
         position:   fixed;
         position:relative;
         position:  static;


         width:              90pt;
*/
         z-index:               4;
         height:             25pt;
         width:              100px;
         overflow:         hidden; /* Text wird bei Verkleinerung abgeschnitten */
         font-size:          10pt;
         font-weight:        bold;
         background-color:#E6E6E6;
         border:     thick outset;
/* 
         text-align:       center;
*/
         text-align:       center;
         color:           #000099;
      }
      #newsletter a:link,
      #newsletter a:visited,
      #newsletter a:hover,
      #newsletter a:active { text-decoration:none;  color:black; }

      /* Nun für den MSIE */
      /* --------------------- */
      * html #footer_container
      {
/* 
         position:absolute;
*/
         bottom:       -15%;
      }
      * html #footer
      {
/* 
         bottom:       -15%;
*/
         position: relative;
      }

      * html #newsletter
      {
/* 
          bottom:       -10%;
*/
         position: relative;
         left:1%;
         height:               35pt;
      }


/* klassen ************************************ D5DAFF
----------------------------------------------- */

/* Textumfluss bei Blockelementen */
/* anzwenden, z.B. bei Bildern    */
/* ------------------------------ */
.re_Umfluss, .li_Umfluss {
	margin-bottom:20px;
	margin-top:    0px;
}
.re_Umfluss {
	float:        left;
	margin-right: 20px;
}
.li_Umfluss {
	float:       right;
	margin-left:  20px;
}
.clear_re {
	clear:left;
}
.clear_li {
	clear:right;
}

/* Textmarkierungen und Hervorhebungen */
/* ----------------------------------- */
.mark01 {
    font-weight:     bold;
}
.mark02 {
    text-decoration: underline;
}
.mark03 {
    font-style:      italic;
}
.geloescht {
    text-decoration: line-through;
    color:           #808080;
}

.aktuell {
    color:           red;
    font-weight:     bold;
    text-decoration: blink;
/* 
    text-decoration: none ;
    text-decoration: underline;
    text-decoration: blink;
     */
}
.hinweis {
    color:           red;
    font-weight:     bold;
/* 
    text-decoration: underline;


    text-decoration: none ;
    text-decoration: underline;
    text-decoration: blink;
     */
}
.notiz {
    background-color:   #DCDCDC;
    padding:                5pt;
    border:           1px solid green;
}

.geloescht {
    text-decoration: line-through;
}

.nav_auswahl{
    background-color:  yellow;
    font-weight:         bold;
}
.auswahl{
    background-color: #96C8E6;
}
.auswahl_2{
    border-top:       2px solid #BDBD8C;
    background-color:           #96C8E6;
    background:       url(../graphics/auswahl_2.gif) repeat-x bottom left;
    color: red;
}

.knopf{
    background-color:  #E6E6E6;
    font-weight:          bold;
}
.bericht {
    background-color:           #D5DAFF;
    border:           2px solid #D5DAFF;
    padding:             10px;
/*    width:              776px;
*/
    width:                94%;
}

.bg_weisss{
    background-color: #ffffff;
}

.trenner {
/*
	display: none; 
	display: block; 
        visibility: hidden ;
        visibility: visible ;
*/
    display: block; 
}

.no_link {
    text-decoration:none;  color:black;
}

      /* Nun für den MSIE */
      /* --------------------- */
* html .bericht {
    width:  730px; 
/*  
    w\idth: 770px; /* fuer IE 6.0 820px */
*/
    w\idth: 100%; /* fuer IE 6.0 763px*/
}

/* nn */
/* ----------------------------------- */
.home_link {
    font-size:         8pt;
}


.seitenanfang {
    font-size:             8pt;
    color:             #808080;
    text-decoration: underline;
}

/* Einrückungen */
/* ------------ */
.small_indent {
    padding-left:  5px;
}
.large_indent {
    padding-left: 220px;
}
.std_indent {
    padding-left:  35px;
}
.start_indent {
    padding-left:  77px;
}

/* Bildunterschriften */
/* ------------------ */
/* p1: linksbündig,  10 pt */
/* p2: rechtsbündig, 10 pt */
/* p3: linksbündig,   8 pt */
/* p4: rechtsbündig,  8 pt */
/* p5: linksbündig         */
/* p6: rechtsbündig        */
/* p7: zentriert,    10 pt */
/* p8: zentriert,      8pt */
/* p9: zentriert           */

/* p10: blocksatz,    10 pt */
/* p11: blocksatz,      8pt */
/* p12: blocksatz           */
/* p13:               10 pt */
/* p14:                 8pt */
/* 
.p1, .p3, .p5 {
	padding-left: 1%;
	margin:       0;
	text-align:   left;
}
.p2, .p4, .p6 {
	padding-right: 1%;
	margin:        0;
	text-align:    right;
}
.p7, .p8 {
	margin:       0;
	text-align:   center;
}
*/ 

.p1, .p3, .p5 {
	padding-left: 1%;
	margin:       0;
	text-align:   left;
}
.p2, .p4, .p6 {
	padding-right: 1%;
	margin:        0;
	text-align:    right;
}
.p7, .p8, .p9 {
	margin:       0;
	text-align:   center;
}
.p10, .p11, .p12 {
	margin:       0;
	text-align:   justify;
}

.p1, .p2, .p7, .p10, .p13 {
	font-size:   10pt;
}
.p3, .p4, .p8, .p11, .p14 {
	font-size:   8pt;
}

/* vertikale Ausrichtung */
/* --------------------- */
.va_top {
   vertical-align: top;
 }
.va_middle {
   vertical-align: middle;
}
.va_bottom {
   vertical-align: bottom;
}