@font-face {  
   font-family: Bradley Hand ITC;  
   src: local("Bradley Hand ITC"),  
   local("Bradley Hand"),  
   local("BradleyHandITC"),  
   local("BradleyHand"),  
   url(BRADHITC.TTF);
  font-weight: bold;    
}
 
  body
{
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin: 0px;
	background: #FFDCC5;
	  text-align: center;
padding: 0px;
margin: 0px;
} 

img {
border:0;
}
 
a link {
	COLOR: #C86000; text-decoration: none
}
A:visited {
	COLOR: #C86000; text-decoration: none
}
A:active {
	COLOR: #FFE4E4; text-decoration: none
}
A:hover {
	COLOR: #C86000; text-decoration: underline
}  

#comment
{
margin-left: 15px;
}

#latestnews
{
list-style-type:none;
padding:0px;
margin:0px;
}

#latestnews h3 {
  margin-top:0px;
  margin-bottom:5px;
    margin-left:4px;

  font-family: verdana, arial, sans-serif;
  font-size: 11px;
font-weight: normal;
  color: #FFE4E4;

}

#latestnews a {
  font-size: 11px;
font-weight: normal;
}

#latestnews p {
  margin-top:0px;
  margin-bottom:8px;
    margin-left:8px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;

}

#weilheidessowill a:link {
	COLOR: #fff; text-decoration: none
}
#weilheidessowill A:visited {
	COLOR: #fff; text-decoration: none
}
#weilheidessowill A:active {
	COLOR: #fff; text-decoration: none
}
#weilheidessowill A:hover {
	COLOR: #fff; text-decoration: underline
}  

hr{
width: 70%;
height: 1px
color: #888;
border: 1px solid #888;
text-align: center;
}



#pagewraper
{
position: relative;
top: -9px;
  margin: 0 auto;
	background: #FFDCC5 url(/background.jpg) center repeat-y; 


}

#headerwraper
{
  margin: 0 auto;
  position: relative;
top: -9px;
background: #FFDCC5 url(/background.jpg) center repeat-y; 
align:left;
width: 900px;

}

#header
{
	
width: 900px;
height: 326px;
}


#topend
{
position: relative;
top: -226px;
	background: #FFDCC5;
height: 16px;
}

#logocol
{
  position: relative;
top: -400px;

float: left;
width: 75px;

}




#menu
{

position: relative;
top: -64px;
left: 75px;
background: #FFF
width: 900px;
height: 64px;
text-align:left;

}

#contentwrap
{
  margin: 0 auto;
  position: relative;

background: #FFDCC5 url(/background.jpg) center repeat-y; 

width: 900px;

  text-align: left;
}

#medy_wrap
{
	margin-left: 10px;
}

#welpen_left
{
position: relative;
float: left;
width: 280px;
height: 130px;
	border: 1px solid #F7BC5B;
	margin:5px;
}

#welpen_left img
{
float: left;
	margin:5px;
}

#welpen_left p
{
position: relative;
float: right;
	margin:5px;
		  font-size: 14px;
  color: #729241;
font-style: bold;
}

#welpen_left h2
{
	margin:0px;
}

#welpen_left:hover
{
	background-color: #FFDCC5;
}

#welpen_right
{
position: relative;
float: right;
width: 280px;
height: 130px;
	border: 1px solid #F7BC5B;
	margin:5px;
}
#welpen_right img
{
	float: left;
	margin:5px;
}

#welpen_right p
{
position: relative;
float: right;
	margin:5px;
	  font-size: 14px;
  color: #729241;
font-style: bold;
}

#welpen_right:hover
{
	background-color: #FFDCC5;
}

#welpen_ruf
{
  font-family: Bradley Hand ITC, Comic Sans;
  font-size: 36px;
  color: #729241;
font-style: italic;
  font-weight: 900;
  letter-spacing:-1px;
text-shadow: #000 3px 3px 5px;
margin: 10px;
}

#medy_thumbnail
{
position: relative;
float: center;
width: 220px;
height: 290px;
	background-color: #FFDCC5;
	border: 1px solid #F7BC5B;

text-align:center;

	margin-left: 10px;
	margin-bottom: 10px;

}

#medy_thumbnail img
{
vertical-align:middle;
}

#medy_imgwrap
{
line-height:290px;
vertical-align:middle;
}

#medy_thumbnail:hover
{
position: relative;
float: center;
width: 220px;
height: 290px;
	background-color: #F7BC5B;
	border: 1px solid #F7BC5B;


	margin-left: 10px;
	margin-bottom: 10px;

}







#medx_thumbnail
{
position: relative;
float: center;
width: 291px;
height: 385px;
	background-color: #FFDCC5;
	border: 1px solid #F7BC5B;

text-align:center;

	margin-left: 10px;
	margin-bottom: 10px;

}

#medx_thumbnail img
{
vertical-align:middle;
}

#medx_imgwrap
{
line-height:385px;
vertical-align:middle;
}

#medx_thumbnail:hover
{
position: relative;
float: center;
width: 291px;
height: 385px;
	background-color: #F7BC5B;
	border: 1px solid #F7BC5B;


	margin-left: 10px;
	margin-bottom: 10px;

}




#med_thumbnail_wrap
{
text-align:center;
}

#med_thumbnail
{
position: relative;
float: center;
width: 385px;
height: 291px;
	background-color: #FFDCC5;
	border: 1px solid #F7BC5B;

text-align:center;

	margin-left: 10px;
	margin-bottom: 10px;

}

#med_thumbnail img
{
vertical-align:middle;
}

#med_imgwrap
{
line-height:291px;
vertical-align:middle;
}

#med_thumbnail:hover
{
position: relative;
float: center;
width: 385px;
height: 291px;
	background-color: #F7BC5B;
	border: 1px solid #F7BC5B;


	margin-left: 10px;
	margin-bottom: 10px;

}






#thumbnail
{
position: relative;
float: left;
width: 120px;
height: 120px;
	background-color: #FFDCC5;
	border: 1px solid #F7BC5B;
	float: left;
text-align:center;

	margin-left: 10px;
	margin-bottom: 10px;

}

#thumbnail img
{
vertical-align:middle;
}

#imgwrap
{
line-height:120px;
vertical-align:middle;
}

#thumbnail:hover
{
position: relative;
float: left;
width: 120px;
height: 120px;
	background-color: #F7BC5B;
	border: 1px solid #F7BC5B;
	float: left;

	margin-left: 10px;
	margin-bottom: 10px;

}

#gallerywrap
{
width: 100%;
}

#gallerywrap_c
{
width: 100%;
}

#clear
{
clear:both;
}

#content
{
position: relative;
top: -71px;
float: left;
  text-align: left;
width: 624px;
/*	background: #FFE4E4; */


}
#sideshade
{
position: relative;
float: left;

top: -73px;

width: 148px;
height: 10px;
z-index:5;
}

#sidebar
{
position: relative;
float: left;

top: -73px;

width: 148px;
background: url(sideb_bkg.jpg) repeat-n;

z-index:200;

}

#content p {
  margin-top:0px;
  margin-bottom:5px;
  padding:6px;
    padding-right:12px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;

}


#content h1 {
  margin-top:0px;
  margin-bottom:5px;
  padding:6px;
  font-family: Bradley Hand ITC, Comic Sans;
  font-size: 38px;
  color: #fff;  
font-style: italic;
  background: #F7BC5B;
  font-weight: 900;
  letter-spacing:-1px;
text-shadow: #fff 3px 3px 5px;
}

#content h2 {
  margin-top:0px;
  margin-bottom:5px;
  padding:6px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #729241;
/*    color: #EE99C5; */

}

#sidebar h2 {
  margin-top:0px;
  margin-bottom:5px;
      margin-left:-4px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding:4px;
  border: 1px solid #425227;
  background-color: #4A5B2E;
}


#newswrap h3 {
  margin-top:0px;
  margin-bottom:5px;
  padding:6px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #EE99C5;

}

#newswrap p {
  margin-top:0px;
  margin-bottom:8px;
    margin-left:25px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;

}



#sidebar h3 {
  margin-top:0px;
  margin-bottom:5px;
    margin-left:4px;

  font-family: verdana, arial, sans-serif;
  font-size: 11px;
font-weight: normal;
  color: #FFE4E4;

}

#sidebar p {
  margin-top:0px;
  margin-bottom:8px;
    margin-left:8px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;

}

#sidebar A:link {
	COLOR: #FFF; text-decoration: none;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;	

  margin-left:0px;
}
#sidebar A:visited {
	COLOR: #FFDCC5; text-decoration: none;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;	

  margin-left:0px;
}
#sidebar A:active {
	COLOR: #FFE4E4; text-decoration: none;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;	

  margin-left:0px;
}
#sidebar A:hover {
	COLOR: #FFDCC5; text-decoration: underline;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;	

  margin-left:0px;
}  

#latestnews
{
list-style-type:none;
padding:0px;
margin:0px;
}

#latestnews h3 {
  margin-top:0px;
  margin-bottom:5px;
    margin-left:4px;

  font-family: verdana, arial, sans-serif;
  font-size: 11px;
font-weight: normal;
  color: #FFE4E4;

}

#latestnews a {
  font-size: 11px;
font-weight: normal;
    margin-left:-4px;
}

#latestnews p {
  margin-top:0px;
  margin-bottom:8px;
    margin-left:8px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;

}



#content A:link {
	COLOR: #C86000; text-decoration: none
}
#content A:visited {
	COLOR: #C86000; text-decoration: none
}
#content A:active {
	COLOR: #FFE4E4; text-decoration: none
}
#content A:hover {
	COLOR: #C86000; text-decoration: underline
}  

#content .error{
background: pink;
  font-size: 14px;
  font-weight:bold;
border:5px solid red;
  margin:10px;
  padding:10px;

}

#contentstop
{
position: relative;
clear: both;
background: url('/footerbkg2.jpg') repeat-n;

height: 19px;
}

#footer
{
position: relative;

text-align: center;
background: #FFDCC5 url(/footerbkg_ultra.jpg) center repeat-y; 

}

#footer p {
	margin-top:0px;
  margin-bottom:1px;
    margin-left:75px;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;


}
#end
{
	background: #FFDCC5;

  position: relative;
top: -11px; 
}



/* Ahnentafel */

#tafel
{
height:71em;
}

#containering {
	position: relative;
	margin: 1em;
display:block;

    }
    
    /* Layout for each person in the tree */
.person {
	width: 26em;
  height: 1.5em;
  background: #FDE1C5;
  color: #557;
  margin: 0;
  padding: 0;
  border: 3px solid #FFCC99;
  position: absolute;
  z-index: 4;
  }
/* Person's name is in an H3 element */
#content .person h3 {
  color: #333;  /* this instead of blue-ish? */
	margin: 0;
/*	padding: 0 0 0 .3em; */
  padding: 0 0 0 3px;
	font-size: .8em;
/*  font-weight: bold; */
  border-bottom: 1px #aab solid;
  }
/* Life events are in a list */
.person ul {
  list-style: none;
  margin: 0;
  padding: 0 0 .1em .3em;
  }
.person ul li {
  font-size: .5em;
  line-height: 1em;
  margin: 0;
  padding: 0;
  }
.person a {
  font-size: 1em;
  color: #663300;
  border: 1px solid #000000;
  margin: 0;
  padding: 3px;
  text-decoration: underline;
  border: none;
  position: absolute;
  top: 0em;
  line-height: 1em;
/*  font-weight: bold; */
  }
.person a:hover {
  font-weight: bold;
  text-decoration: none;
  border: none;
  color: #BF3D03;
  }
.person span {
  font-size: 1em;
  color: #663300;
  margin: 0;
  padding: 3px;
  text-decoration: none;
  border: none;
  position: absolute;
  top: 0em;
  line-height: 1em;
  font-weight: bold;
}
.person a.next {
  left: 17.75em; /* 14em width / .8em font size + .25em padding */
  }
.person a.prev {
  right: 17.75em; /* 14em width / .8em font size + .25em padding */
  }
/* Positions for each tree node */
#root { top: 38.5em; left: 0em; }
#n2   { top: 18.5em; left: 4em; }
#n3   { top: 58.5em; left: 4em; }
#n4   { top: 8.5em; left: 9em; }
#n5   { top: 28.5em; left: 9em; }
#n6   { top: 48.5em; left: 9em; }
#n7   { top: 68.5em; left: 9em; }
#n8   { top: 3.5em; left: 13.5em; }
#n9   { top: 13.5em; left: 13.5em; }
#n10  { top: 23.5em; left: 13.5em; }
#n11  { top: 33.5em; left: 13.5em; }
#n12  { top: 43.5em; left: 13.5em; }
#n13  { top: 53.5em; left: 13.5em; }
#n14  { top: 63.5em; left: 13.5em; }
#n15  { top: 73.5em; left: 13.5em; }
#n16  { top: 1em; left: 20em; }
#n17  { top: 6em; left: 20em; }
#n18  { top: 11em; left: 20em; }
#n19  { top: 16em; left: 20em; }
#n20  { top: 21em; left: 20em; }
#n21  { top: 26em; left: 20em; }
#n22  { top: 31em; left: 20em; }
#n23  { top: 36em; left: 20em; }
#n24  { top: 41em; left: 20em; }
#n25  { top: 46em; left: 20em; }
#n26  { top: 51em; left: 20em; }
#n27  { top: 56em; left: 20em; }
#n28  { top: 61em; left: 20em; }
#n29  { top: 66em; left: 20em; }
#n30  { top: 71em; left: 20em; }
#n31  { top: 76em; left: 20em; }
/* Lines to connect tree nodes are boxes without right border */
.connect {
  position: absolute;
  background: transparent;
  border: 1px #000 solid;
  border-right: none;
  padding: 0;
  margin: 0;
  z-index: 1; /* hide behind #person */
  }
/* Position lines to connect tree nodes */
#cn1 {top: 19.5em; left: 3.5em;  height: 40em;  width: 2.5em; }
#cn2 {top: 9.5em;  left: 8.5em; height: 20em;   width: 3.5em; }
#cn3 {top: 49.5em; left: 8.5em; height: 20em;   width: 3.5em; }
#cn4 {top: 4.5em;    left: 13em; height: 10em; width: 5em; }
#cn5 {top: 24.5em;    left: 13em; height: 10em; width: 5em; }
#cn6 {top: 44.5em;   left: 13em;   height: 10em; width: 5em; }
#cn7 {top: 64.5em;   left: 13em;   height: 10em; width: 5em; }
#cn8 {top: 2em;   left: 19.5em;   height: 5em; width: 5em; }
#cn9 {top: 12em;   left: 19.5em;   height: 5em; width: 5em; }
#cn10 {top: 22em;   left: 19.5em;   height: 5em; width: 5em; }
#cn11 {top: 32em;   left: 19.5em;   height: 5em; width: 5em; }
#cn12 {top: 42em;   left: 19.5em;   height: 5em; width: 5em; }
#cn13 {top: 52em;   left: 19.5em;   height: 5em; width: 5em; }
#cn14 {top: 62em;   left: 19.5em;   height: 5em; width: 5em; }
#cn15 {top: 72em;   left: 19.5em;   height: 5em; width: 5em; }
@media screen {
.hideborder {display: none;}
}


.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
	clear:both;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0px;
	background: #fff;
	border: 0px;
}

.imgteaser a:hover .desc{
	display: block;
	font-size: 1em;
	text-align: center;
	padding: 0px 0px 10px 0px;
	background: #111;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0;
	width: 600px;
	border-top: 1px solid #999;
}

.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 2px;
	font-size:1.4em;
}

.imgteaser a .desc {	display: none; }