/*  Stylesheet for "Margulies & More"   */
/*  SCR / Screen Version                */
     
/* ====  1. html und body === */

/* Bildlaufleiste im Firefox immer zeigen */
html { height: 101%; }

body 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.8em; 
   font-weight: normal; 
   color: black; 
   background-color: #999999;
   text-align: center;
   margin: 0px;
   border: 3px solid #999999; 
}

/* ===  2. Schriftformatierung für Überschriften  === */

/* Serifenschrift für Überschriften, inkl. h1 (alt-Text) */
h1, h2, h3, h4, h5, h6 
{
   font-family: Georgia, "Times New Roman", serif;
   font-weight: bold; 
}

/* ===  Styles for major "boxes" (menus, contents etc. )   === */ 

#frame 
{  
   width: 1000px;  
   margin: 0 auto; 
   text-align: center;
   background-color: #FFFF99; 
   border: 2px solid #CC0000;
   padding: 5px 0 5px 0;
}

#header
{
   width: 98%;
   margin-bottom:  0;
   border-bottom:  0;
   padding-bottom: 0;
   text-align: left;
   background-color: white;
   border-top:   1px solid black;  
   border-right: 1px solid black;  
   border-left:  1px solid black;  
}

#footer
{
   clear: all;
   border: 1px solid black;  
   width: 96%;
   background-color: white;
   padding: 10px 10px 5px 10px;
}


#news_col
{
   width: 100%;
   border-style: solid;  
   border-color: black;  
   border-width: 0px 1px 1px 1px;  
}


#navi_col
{ 
   float: left; 
   width: 200px; 
   text-align: center;
   margin-top: 18px;
}

#main_content
{ 
   width: 760px; 
   text-align: left;
   font-family: Verdana, sans-serif; 
   font-size: 1em; 
   font-weight: normal; 
   color: black; background-color: white;
   padding: 10px;
   border: 1px solid black;  
   margin: 15px 20px 15px 200px;
}

#main_content table
{ 
   width: 100%; 
}

#main_content td
{ 
   padding: 0 5px 0 5px;
   vertical-align: top;
}


// #col2_content
// { 
//    text-align: left;
//    font-family: Verdana, sans-serif; 
//    font-size: 1em; 
//    font-weight: normal; 
//    color: black; background-color: white;
//    padding: 10px;
//    border: 1px solid black;  
//    margin: 10px 20px 10px 200px;
// }
// 
// #col2_content table
// { 
//    width: 100%; 
// }
// 
// #col2_content td
// { 
//    padding: 0 5px 0 5px;
//    vertical-align: top;
// }

/* ===  Styles for biography boxes (menus, contents etc. )   === */ 

.bio_cert 
{ 
   float: left; 
   width: 100px;
   padding: 5px;
// border: 1px solid red;  
}

.bio_text 
{ 
   margin-left: 110px;
   padding: 5px 10px;
// border: 1px solid red;  
   width: 500px;

}

.bio_snap 
{ 
   float: right;
   width: 120px;
   margin-left: 100px;
   padding: 4px;
// border: 1px solid red;
   text-align: center;
}

/* ===  Other Styles .............   === */ 

.new_page { }

table.navigate  { display: none; 
                                   
                                       
                                  
                                            
                              
                }


.album
{ 
   font-size: 1em; 
   font-weight: normal; 
   color: #000000; background-color: #FFFFFF;  
}

.album_left_page
{ 
   float: left; 
   width: 330px; 
   text-align: center;
   margin: 0 0 0 10x;
}

.album_right_page
{ 
   margin: 0 0 0 330px;
}



div.album
{ 
   font-size: 1em; 
   font-weight: normal; 
   color: #000000; background-color: #FFFFFF;  
}

div.album ul
{ 
   list-style-type: none;
   width: 320px;
   float: left;
   margin-bottom: 2em;
}

div.album li
{ 
   text-align: center;
}
                      
.left_page  { float: right; } 
.right_page { float: left;  } 

/* ===   Local definitions  ===  */

.scr_only     {               }
.prn_only     { display: none }    
.XXX_only     { display: none }    

.hidden       { }    
                             
.no_copyright {               }
.copyright_ok { display: none } 

.JE_no_copyright { display: none }
.JE_copyright_ok {               } 

table.page_size { width: 960px;  border: 0px; cellpadding: 4px;  cellspacing: 0px }

table.fam_hist  { width: 100%;   
                  border: solid black 1px;
                  padding-left:  20px; 
                  padding-right: 20px; }

/*     color: #000000  Black            */
/*     color: #CCFFFF  Light green      */
/*     color: #FFFFFF  White            */


.address { font-family: Verdana, sans-serif; font-size:  7pt; font-weight: bold;   color: #000000; }
.bold    { font-family: Verdana, sans-serif; font-size: 10pt; font-weight: bold;   color: #000000; }
.census  { font-family: Verdana, sans-serif; font-size:  7pt; font-weight: normal; color: #000000; background-color: #f5f5dc; }
.footer  { font-family: Verdana, sans-serif; font-size:  8pt; font-weight: bold;   color: #000000; }
/* .normal  { font-family: Verdana, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; background-color: #FFFFDD  } */

.cont_box{ 
           border: 1px solid black;  
           padding: 10px;
           margin: 10px;
         }

.centred_box
{
   margin: 0;
   padding: 0;
   width:  80%;
   text-align: center;
}  

.hessies
{ 
   text-align: center;
   color: #000000; 
   background-color: #FFFFFF;
   font-size:  1.0em; 
   padding: 8px; 
}  

blockquote
{
   font-family: Arial,   sans-serif; 
   font-size:  1.0em; 
   font-weight: normal; 
   color: #000000;  background-color: #ffe4b5; 
   margin: 0 20px 0 20px; 
   padding:  5px;
}

cite
{
   display: block;
   border-style: solid;
   margin-top: 10px;
   border-width: 1px 0 0 0;
   padding: 5px 0 0 20px;
}


.next_page, .prev_page
{
   text-align: right;
   font-size: 0.85em; 
   font-style: italic;
   font-weight: normal; 
}

.quote   { font-family: Arial,   sans-serif; font-size:  9pt; font-weight: normal; color: #000000; background-color: #ffe4b5; 
             margin-left: 20px; margin-right: 20px; padding:  10px }

.q_source {  margin-left: 20px; }

.link_column  { width: 200px; 
                border-right: 0px;
                margin-right: 5px;
                vertical-align: top; 
              }

.right_col    { width: 80px; }

a[href ^="http://"] 
{
   background: url(./img/external.png) center right no-repeat;
   padding-right: 13px;
}



a:link, a:visited { text-decoration: none }
a:link:hover, a:visited:hover { text-decoration: underline }

.web_link { color: #ff0033; font-size: 15pt; font-weight: bold; white-space: nowrap;}
.hi_note  { color: #ff0033; font-weight: bold; vertical-align: super }

.cert_reg { font-family: Arial,   sans-serif; font-size:  8pt; font-weight: normal; color: #000000; background-color: #ffe4b5; 
             margin-left: 20px; margin-right: 20px; padding:  10px; 
             vertical-align:top;
           }
                                                       
.cert_handr { color: red; font-style: italic }         
.cert_handb { color: blue; font-style: italic }         
.cert_hand_r_crossed { color: red; font-style: italic; text-decoration:line-through }         
.cert_hand_b_crossed { color: blue; font-style: italic; text-decoration:line-through }         

img.left  { float: left;  margin-left: 0px;  margin-right: 10px  }
img.right { float: right; margin-left: 10px; margin-right: 0px   }

.boldred   { color: red; font-weight: bold;  }
.redtext   { color: red; font-weight: bold;  }
.blacktext { color: black; font-weight: normal;  }

.textright { text-align:right; }
.memo2self { color: green; font-size: 85%;  font-style: italic }         

.hiliteB {  background-color: #99FFFF;  }
.hiliteY {  background-color: #FFFF66;  }

.q_inset {  margin-left: 20px; }

ol.footnotes 
{ 
   color: red;
   font-size: smaller; 
   font-weight: bold; 
}

.marker  {  text-align:left;
            vertical-align:top;
            font-family: Verdana, sans-serif; 
            font-size:  7pt; 
            color: #000000; 
        }


.no_wrap {  white-space: nowrap; }

tr.census_line0:hover   { background-color: silver; color: black }
tr.census_line1:hover   { background-color: silver; color: black }  
tr.census_hiliteB:hover { background-color: silver; color: black }  
tr.census_hiliteY:hover { background-color: silver; color: black }  
thead.census_caption tr:hover,
tfoot tr:hover { 
   background-color: transparent; 
   color: inherit; 
}

.census_table 
{ 
   font-family: Verdana, sans-serif; 
   color: #000000; 
   border: solid black 1px;
   text-align: left;
   width: 640px }

.census_head  
{   
   font-size: 10pt; font-weight: bold;   
   background-color: #CCCCCC;
   text-align: left }

.census_caption
{   
   font-size: 10pt; 
   background-color: #f5f5dc;
   text-align: left }

.census_line  
{   
   font-size:  7pt; font-weight: normal; 
   background-color: #FFFFFF;
   text-align: left }

.census_line0  
{   
   font-size:  7pt; font-weight: normal; 
   background-color: #FFFFFF;
   text-align: left }

.census_line1  
{   
   font-size:  7pt; font-weight: normal; 
   background-color: #F5F5DC;
   text-align: left }

.census_hiliteB
{   
   font-size:  7pt; font-weight: normal; 
   background-color: #99FFFF;
   text-align: left }


.census_hiliteY
{   
   font-size:  7pt; font-weight: normal; 
   background-color: #FFFF66;
   text-align: left }

#columnLeft    {  
                  float: left; 
                  width: 160px; 
                  margin-left: 10px;
                  margin-top: 0;
                  padding-top: 1em; 
               }

#columnRight   {  
                  float: left; 
                  margin: 0 2em 0 200px;
                  padding-top: 1em;
                  padding-top: 1em;
               }

/*---------------------------------------------------------------------------*/
/*     Styles for Thumbnail Picture gallery (Krakau Telegrams) --------------*/
/*---------------------------------------------------------------------------*/

ul.tlx 
{
   list-style-type: none;
   background-color: #C5C5C5;
   border: solid 2px #000000;
   width: 140px; 
   height: 120px; 
   padding: 8px;
   float: left;
   margin-right: 0.8em;
   margin-bottom: 1em;
}       

li.tlx
{
   font-size: 0.9em;
   font-weight: normal;
   text-align: center;
   width: 120px; 
}     

ul.pic100
{
   list-style-type: none;
   background-color: #C5C5C5;
   border: solid 2px #000000;
   width: 116px; 
   padding: 8px;
   float: left;
   margin-bottom: 1em;
}       

li.pic100
{
   font-size: 0.9em;
   font-weight: normal;
   text-align: center;
   width: 100px; 
}     

ul.pic120
{
   list-style-type: none;
   background-color: #C5C5C5;
   border: solid 2px #000000;
   width: 136px; 
   padding: 8px;
   float: left;
   margin-bottom: 1em;
}       

li.pic120
{
   font-size: 0.9em;
   font-weight: normal;
   text-align: center;
   width: 120px; 
}     

ul.pic150
{
   list-style-type: none;
   background-color: #C5C5C5;
   border: solid 2px #000000;
   width: 166px; 
   padding: 8px;
   float: left;
   margin-bottom: 1em;
}       

li.pic150
{
   font-size: 0.9em;
   font-weight: normal;
   text-align: center;
   width: 150px; 
}     

ul.pic180
{
   list-style-type: none;
   background-color: #C5C5C5;
   border: solid 2px #000000;
   width: 196px; 
   padding: 8px;
   float: left;
   margin-bottom: 1em;
}       

li.pic180
{
   font-size: 0.9em;
   font-weight: normal;
   text-align: center;
   width: 180px; 
}     

ul.pic200
{
   list-style-type: none;
   background-color: #C5C5C5;
   border: solid 2px #000000;
   width: 216px; 
   padding: 8px;
   float: left;
   margin-bottom: 1em;
}       

li.pic200
{
   font-size: 0.9em;
   font-weight: normal;
   text-align: center;
   width: 200px; 
}     

ul.pic250
{
   list-style-type: none;
   background-color: #C5C5C5;
   border: solid 2px #000000;
   width: 266px; 
   padding: 8px;
   float: left;
   margin-bottom: 1em;
}       

li.pic250
{
   font-size: 0.9em;
   font-weight: normal;
   text-align: center;
   width: 250px; 
}     

  
/*---------------------------------------------------------------------------*/

