body {
    background-color: #EFE9C8;
}

table.fxd {
  table-layout: fixed;
  text-align:center; 
  font-family:'adega_serifregular';
              font-size: 2vw;

  color: #323232;
  font-weight:bold;
  width:76%;
}
tr.khn, td.khn {
  border-style:groove;
  border-width:thin;
  font-size: 2vw;
  
 }
 
            p {
                font-family:'adega_serifregular';
                font-size: 2.5vmin;
            }	

			p.bio {
				font-family:'adega_serifregular';
				color: #323232;
				font-weight:bold;
				width:76%;
				text-indent:4%; 
				text-align:justify;
			}	
			p.biob {
				font-family:'adega_serifregular';
				color: #003883;
				font-weight:bold;
				width:76%;
				text-indent:4%; 
				text-align:justify;
			}	
            /*sub heading */
			p.bioc {
				font-family:'adega_serifregular';
                font-size:larger;
				color: #323232;
				width:80%;
				text-align:left;
			}	
			p.biod {
				font-family:'adega_serifregular';
				color: #99001D;
				width:80%;
				text-align:left;
			}	
			p.bioe {
				font-family:'adega_serifregular';
                font-size:smaller;
                line-height:2;
				color: #99001D;
				width:80%;
				text-align:left;
			}
			p.biof {
				font-family:'adega_serifregular';
				color: #323232;
				width:84%;
				text-align:justify;
                margin-right:-2%;
			}	
			p.biog {
				font-family:'adega_serifregular';
				color: #415127;
				width:84%;
				text-align:justify;
                margin-right:-2%;
			}	
            
			p.bioh {
				font-family:'adega_serifregular';
                font-size:larger;
				color: #323232;
				font-weight:bold;
				width:76%;
				text-align:center;
			}	
			p.bioi {
                text-align:left;
				font-family:'adega_serifregular';
                font-size: smaller;
                color: #004080;
				width:84%;
/*				text-align:justify; */
                margin-right:-2%;
			}	
			p.biom {
                text-align:left;
				font-family:'adega_serifregular';
                font-size: 2vmin;
				color: #323232;
				width:99%;
/*				text-align:justify; */
                line-height:normal;
			}	

            
            
            
            p.redd {
				font-family:'adega_serifregular';
                font-size:larger;
                color:#800000;
                width:80%;
                margin-top:1.5%; }
            
              h1 {
              font-size: 6.5vw;
              color:#A70033;
              letter-spacing:18;
              line-height:3;
              }
              /* for Notes heading */
              h2 {
              font-size: 4vmin;
			  text-align:left;
			  font-weight:bold;
              color:#A70033;
              width:80%;
			  margin-top:4%;
			  margin-bottom:3%;
              letter-spacing:3;		  
              }		
              /* for text under Notes heading */
              h3 {
              font-size: 2.6vmin;
			  text-align:left;
              width:80%;
              text-align:justify;
              }			
              
              h4 {
              font-size: 3vmin;
              font-weight:bold;
              color:#CC9933;
              width:78%;
              letter-spacing:3;		  
              }		
              /* for centered heading */
              h5 {
              font-size: 4.6vmin;
			  text-align:center;
			  font-weight:bold;
              color:#A70033;
              width:80%;
			  margin-top:4%;
			  margin-bottom:3%;
              letter-spacing:3;		  
              }	
              /* for biography heading */
              h6 {
              font-size: 4.6vw;
              color:#A70033;
			  margin-top:5%;
			  margin-bottom:3%;
              letter-spacing:4;
              line-height:3;
              }

              h7 {
              width:76%;
              font-weight:bold;
              margin-left:12%;
              text-indent:4%; 
              text-align:justify;
              }

#header,#footer,#content { position:absolute; right:0;left:0; background:#EFE9C8}

#header{
    width:100 vw;
    text-align:center;
    font-family:'adega_serifregular';
    font-size: 2.5vmin;
    color:#990000;
    height:5.4%; 
    min-height:2.5%;
    top:0;
    white-space: nowrap;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0px 0px 4px 0px rgba(64, 64, 64, 0.7);
    left:0;
    overflow:hidden;
}

.topmenu1 {
    width:9%;
    display: inline-block;
    float:left;
    margin-left:9%;
    margin-top:.26%;
}   

#text-display {
    /* hide on narrow width */
    display: inline-block;  /* show it on smaller screen */
    color:#805740;
}   


.topmenu2 {
    width:9 vw;
    float:right;
    right: 0px;
    margin-right:10%;
    margin-top:.26%;
}   

#footer{
    width:100%;
    text-align:center;
    font-family:'adega_serifregular';
    font-size: 2.5vmin;
    color:#990000;
    height:7%; 
    min-height:2.5%;
    bottom:0;
    white-space: nowrap;
    box-shadow: 0px 1px 20px 0px rgba(100, 100, 100, 0.7);
    left:0;
    overflow-x:hidden;
}

.botmenu1 {
    width:9%;
    min-height:3%;
    display: inline-block;
    vertical-align:middle;
    float:left;
    margin-left:9%;
}   

#text-display2 {
    display: inline-block;
    width=40%;
}   

.botmenu2 {
    width:9%;
    vertical-align:middle;
    float:right;
    margin-right:10%;
}   


#content{
  top:5.6%;
  bottom:5.6%;
  overflow:hidden; /* use this if don't want any window scrollbars and use an inner element for scrolling*/
  background:#FAF2C8
}

#content_inner{
  height:100%; 
  overflow:auto; 
 }
            
#bio_texts {
  width: 81%; 
  margin:auto;
  margin-top:1%;
  margin-bottom:2%;
  font-family:'adega_serifregular';
  font-size: 2.4vmin;
  color:#343434; 
  background:white; 
  border: 1px; 
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.7);
  padding: 10px;
  }

#bio_texts2 {
  width: 81%; 
  margin:auto;
  margin-top:2%;
  margin-bottom:4%;
  font-family:'adega_serifregular';
  color:#343434;
  background:white; 
  border: 1px; 
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.7);
  padding: 10px;
  }

#bio_texts3 {
  width: 794 px;
  height: 1123 px; 
  margin:auto;
  margin-top:1%;
  margin-bottom:1%;
  font-family:'adega_serifregular';
  color:#343434;
  background:white; 
  border: 1px; 
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.7);
  padding: 10px;
  text-align:justify; 
  font-size:medium; 
  width:78%}
  
#bio_texts4 {
  width: 90%; 
  margin:auto;
  margin-top:4%;
  margin-bottom:4%;
  font-family:'adega_serifregular';
  color:#343434;
  background:white; 
  border: 1px; 
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.7);
  padding: 10px;
  }
/*
          a {
              width: 28px;
              height: 28px;
              display: inline-block;
              background-image: url('../stammbaum/images/navig/css_sprites.png');

              target-name:string;
          }

          a.prev {
              background-position: -2px -2px;
          }
          a.frst {
              background-position: -34px -2px;
          }
          a.ndex {
              background-position: -66px -2px;
          }
          a.last {
              background-position: -98px -2px;
          }
          a.next {
              background-position: -130px -2px;
          }
          a.umlaut {
              background-position: -162px -2px;
          }
          a.word {
              background-position: -194px -2px;
          }

          a.prev:hover {
              background-position: -226px -2px;
          }
          a.prev:hover .tooltiptext {
              visibility: visible;
          }
          a.frst:hover {
              background-position: -258px -2px;
          }
          a.ndex:hover {
              background-position: -290px -2px;
          }
          a.last:hover {
              background-position: -322px -2px;
          }
          a.next:hover {
              background-position: -354px -2px;
          }
          a.umlaut:hover {
              background-position: -386px -2px;
          }
          a.word:hover {
              background-position: -418px -2px;
          }

          a.prev:active {
              background-position: -450px -2px;
          }
          a.frst:active {
              background-position: -482px -2px;
          }
          a.ndex:active {
              background-position: -514px -2px;
          }
          a.last:active {
              background-position: -546px -2px;
          }
          a.next:active {
              background-position: -578px -2px;
          }
          a.umlaut:active {
              background-position: -610px -2px;
          }
          a.word:active {
              background-position: -642px -2px;
          }

          a.prex {
              background-position: -674px -2px;
          }
          a.firx {
              background-position: -706px -2px;
          }
          a.inxx {
              background-position: -738px -2px;
          }
          a.lasx {
              background-position: -770px -2px;
          }
          a.nexx {
              background-position: -802px -2px;
          }
          a.umlx {
              background-position: -834px -2px;
          }
          a.worx {
              background-position: -866px -2px;
          }
*/
.box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 98%;
}

.box .onlychild            {
    align-self: center;
}            
            
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }
  .flex-row {
    flex-direction: row !important; }
  .flex-column {
    flex-direction: column !important; }
  .flex-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-wrap {
    flex-wrap: wrap !important; }
  .flex-nowrap {
    flex-wrap: nowrap !important; }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-fill {
    flex: 1 1 auto !important; }
  .justify-content-start {
    justify-content: flex-start !important; }
  .justify-content-end {
    justify-content: flex-end !important; }
  .justify-content-center {
    justify-content: center !important; }
  .justify-content-between {
    justify-content: space-between !important; }
  .justify-content-around {
    justify-content: space-around !important; }
  .align-items-start {
    align-items: flex-start !important; }
  .align-items-end {
    align-items: flex-end !important; }
  .align-items-center {
    align-items: center !important; }
  .align-items-baseline {
    align-items: baseline !important; }
  .align-items-stretch {
    align-items: stretch !important; }
  .align-content-start {
    align-content: flex-start !important; }
  .align-content-end {
    align-content: flex-end !important; }
  .align-content-center {
    align-content: center !important; }
  .align-content-between {
    align-content: space-between !important; }
  .align-content-around {
    align-content: space-around !important; }
  .align-content-stretch {
    align-content: stretch !important; }
  .align-self-auto {
    align-self: auto !important; }
  .align-self-start {
    align-self: flex-start !important; }
  .align-self-end {
    align-self: flex-end !important; }
  .align-self-center {
    align-self: center !important; }
  .align-self-baseline {
    align-self: baseline !important; }
  .align-self-stretch {
    align-self: stretch !important; }
  @media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
    .flex-sm-column {
      flex-direction: column !important; }

    .flex-sm-row-reverse {
      flex-direction: row-reverse !important; }

    .flex-sm-column-reverse {
      flex-direction: column-reverse !important; }

    .flex-sm-wrap {
      flex-wrap: wrap !important; }

    .flex-sm-nowrap {
      flex-wrap: nowrap !important; }

    .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important; }

    .flex-sm-fill {
      flex: 1 1 auto !important; }

    .justify-content-sm-start {
      justify-content: flex-start !important; }

    .justify-content-sm-end {
      justify-content: flex-end !important; }

    .justify-content-sm-center {
      justify-content: center !important; }

    .justify-content-sm-between {
      justify-content: space-between !important; }

    .justify-content-sm-around {
      justify-content: space-around !important; }

    .align-items-sm-start {
      align-items: flex-start !important; }

    .align-items-sm-end {
      align-items: flex-end !important; }

    .align-items-sm-center {
      align-items: center !important; }

    .align-items-sm-baseline {
      align-items: baseline !important; }

    .align-items-sm-stretch {
      align-items: stretch !important; }

    .align-content-sm-start {
      align-content: flex-start !important; }

    .align-content-sm-end {
      align-content: flex-end !important; }

    .align-content-sm-center {
      align-content: center !important; }

    .align-content-sm-between {
      align-content: space-between !important; }

    .align-content-sm-around {
      align-content: space-around !important; }

    .align-content-sm-stretch {
      align-content: stretch !important; }

    .align-self-sm-auto {
      align-self: auto !important; }

    .align-self-sm-start {
      align-self: flex-start !important; }

    .align-self-sm-end {
      align-self: flex-end !important; }

    .align-self-sm-center {
      align-self: center !important; }

    .align-self-sm-baseline {
      align-self: baseline !important; }

    .align-self-sm-stretch {
      align-self: stretch !important; } }
  @media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
    .flex-md-column {
      flex-direction: column !important; }

    .flex-md-row-reverse {
      flex-direction: row-reverse !important; }

    .flex-md-column-reverse {
      flex-direction: column-reverse !important; }

    .flex-md-wrap {
      flex-wrap: wrap !important; }

    .flex-md-nowrap {
      flex-wrap: nowrap !important; }

    .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse !important; }

    .flex-md-fill {
      flex: 1 1 auto !important; }

    .justify-content-md-start {
      justify-content: flex-start !important; }

    .justify-content-md-end {
      justify-content: flex-end !important; }

    .justify-content-md-center {
      justify-content: center !important; }

    .justify-content-md-between {
      justify-content: space-between !important; }

    .justify-content-md-around {
      justify-content: space-around !important; }

    .align-items-md-start {
      align-items: flex-start !important; }

    .align-items-md-end {
      align-items: flex-end !important; }

    .align-items-md-center {
      align-items: center !important; }

    .align-items-md-baseline {
      align-items: baseline !important; }

    .align-items-md-stretch {
      align-items: stretch !important; }

    .align-content-md-start {
      align-content: flex-start !important; }

    .align-content-md-end {
      align-content: flex-end !important; }

    .align-content-md-center {
      align-content: center !important; }

    .align-content-md-between {
      align-content: space-between !important; }

    .align-content-md-around {
      align-content: space-around !important; }

    .align-content-md-stretch {
      align-content: stretch !important; }

    .align-self-md-auto {
      align-self: auto !important; }

    .align-self-md-start {
      align-self: flex-start !important; }

    .align-self-md-end {
      align-self: flex-end !important; }

    .align-self-md-center {
      align-self: center !important; }

    .align-self-md-baseline {
      align-self: baseline !important; }

    .align-self-md-stretch {
      align-self: stretch !important; } }
  @media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
    .flex-lg-column {
      flex-direction: column !important; }

    .flex-lg-row-reverse {
      flex-direction: row-reverse !important; }

    .flex-lg-column-reverse {
      flex-direction: column-reverse !important; }

    .flex-lg-wrap {
      flex-wrap: wrap !important; }

    .flex-lg-nowrap {
      flex-wrap: nowrap !important; }

    .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse !important; }

    .flex-lg-fill {
      flex: 1 1 auto !important; }

    .justify-content-lg-start {
      justify-content: flex-start !important; }

    .justify-content-lg-end {
      justify-content: flex-end !important; }

    .justify-content-lg-center {
      justify-content: center !important; }

    .justify-content-lg-between {
      justify-content: space-between !important; }

    .justify-content-lg-around {
      justify-content: space-around !important; }

    .align-items-lg-start {
      align-items: flex-start !important; }

    .align-items-lg-end {
      align-items: flex-end !important; }

    .align-items-lg-center {
      align-items: center !important; }

    .align-items-lg-baseline {
      align-items: baseline !important; }

    .align-items-lg-stretch {
      align-items: stretch !important; }

    .align-content-lg-start {
      align-content: flex-start !important; }

    .align-content-lg-end {
      align-content: flex-end !important; }

    .align-content-lg-center {
      align-content: center !important; }

    .align-content-lg-between {
      align-content: space-between !important; }

    .align-content-lg-around {
      align-content: space-around !important; }

    .align-content-lg-stretch {
      align-content: stretch !important; }

    .align-self-lg-auto {
      align-self: auto !important; }

    .align-self-lg-start {
      align-self: flex-start !important; }

    .align-self-lg-end {
      align-self: flex-end !important; }

    .align-self-lg-center {
      align-self: center !important; }

    .align-self-lg-baseline {
      align-self: baseline !important; }

    .align-self-lg-stretch {
      align-self: stretch !important; } }
  @media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
    .flex-xl-column {
      flex-direction: column !important; }

    .flex-xl-row-reverse {
      flex-direction: row-reverse !important; }

    .flex-xl-column-reverse {
      flex-direction: column-reverse !important; }

    .flex-xl-wrap {
      flex-wrap: wrap !important; }

    .flex-xl-nowrap {
      flex-wrap: nowrap !important; }

    .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse !important; }

    .flex-xl-fill {
      flex: 1 1 auto !important; }

    .justify-content-xl-start {
      justify-content: flex-start !important; }

    .justify-content-xl-end {
      justify-content: flex-end !important; }

    .justify-content-xl-center {
      justify-content: center !important; }

    .justify-content-xl-between {
      justify-content: space-between !important; }

    .justify-content-xl-around {
      justify-content: space-around !important; }

    .align-items-xl-start {
      align-items: flex-start !important; }

    .align-items-xl-end {
      align-items: flex-end !important; }

    .align-items-xl-center {
      align-items: center !important; }

    .align-items-xl-baseline {
      align-items: baseline !important; }

    .align-items-xl-stretch {
      align-items: stretch !important; }

    .align-content-xl-start {
      align-content: flex-start !important; }

    .align-content-xl-end {
      align-content: flex-end !important; }

    .align-content-xl-center {
      align-content: center !important; }

    .align-content-xl-between {
      align-content: space-between !important; }

    .align-content-xl-around {
      align-content: space-around !important; }

    .align-content-xl-stretch {
      align-content: stretch !important; }

    .align-self-xl-auto {
      align-self: auto !important; }

    .align-self-xl-start {
      align-self: flex-start !important; }

    .align-self-xl-end {
      align-self: flex-end !important; }

    .align-self-xl-center {
      align-self: center !important; }

    .align-self-xl-baseline {
      align-self: baseline !important; }

    .align-self-xl-stretch {
      align-self: stretch !important; } }
  .float-left {
    float: left !important; }
  .float-right {
    float: right !important; }
  .float-none {
    float: none !important; }
  @media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
    .float-sm-right {
      float: right !important; }

    .float-sm-none {
      float: none !important; } }
  @media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
    .float-md-right {
      float: right !important; }

    .float-md-none {
      float: none !important; } }
  @media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
    .float-lg-right {
      float: right !important; }

    .float-lg-none {
      float: none !important; } }
  @media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
    .float-xl-right {
      float: right !important; }

    .float-xl-none {
      float: none !important; } }
  .position-static {
    position: static !important; }
  .position-relative {
    position: relative !important; }
  .position-absolute {
    position: absolute !important; }
  .position-fixed {
    position: fixed !important; }
  .position-sticky {
    position: sticky !important; }



.fsButton {
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border-radius:6px;
	border:1px solid #ffaa22;
/*	display:inline-block; */
	cursor:pointer;
	color:#333333;
	padding:2px 4px;
	text-decoration:none;
	text-shadow:6px 1px 2px #ffee66;
}
.fsButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.fsButton:active {
	position:relative;
	top:1px;



.LCHClass {
  font-size:12px;
  font-family:Arial;
  width:220px;
  height:28px;
  border-width:1px;
  color:rgba(201, 192, 46, 1);
  border-color:rgba(101, 133, 65, 1);
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  background:linear-gradient(rgba(187, 142, 91, 1), rgba(136, 101, 60, 1));
}

.LCHClass:hover {
  background: linear-gradient(rgba(136, 101, 60, 1), rgba(187, 142, 91, 1));
}


            .highslide-wrapper, .highslide-outline {
            	background: #EFE9C8;
            }
            .highslide img {
            	border: 1px solid #A70033;
            }
            .highslide:hover img {
            	border-color: #A0A0A0;
            }
            .highslide-active-anchor img {
            	visibility: visible;
            	border-color: #A70033 !important;
            }
            .highslide-image {
            	border: 2px solid #EFE9C8;
            }
            .highslide-number {
            	color: #CC4C33;
            	font-size: 8pt !important;
            }            }
            .highslide-loading {
            	display: block;
            	padding: 3px 0 3px 3px;
            	width: 0;
            	height: 8px;
            	overflow: hidden;
            	background-color: black;
            	background-repeat: no-repeat;
            	background-position: 3px 3px;
            	background-image: url(loader.gif);
            }
            .highslide-controls {
            	position: static !important;
            	margin: 0;
            	width: 100px !important;
            }
            .highslide-controls .highslide-close {
            	display: none;
            }
            .highslide-gallery ul li {
            	width: 3px;
            	height: 3px;
            	border: 1px solid #EFE9C8;
            	background: #EFE9C8;
            	margin: 1px;
            }