body    {
	font-family:Ubuntu, sans-serif;
	font-size:13px;
	color:#707020;
	font-weight:400;
	word-spacing:1px;
	line-height: 1.2em;
	background-color:blue:#E0E0C0;
	}

p	{
	text-align:left;
	padding:0 2 3 5;
	margin: 0 0 0 0;
}

h1, h2, h3	{
	margin: 10 0;
	padding: 1 3 1 5;
	background-color:#d0d090;
	text-align:left;
}

h1	{
	font-size:3em;
	font-weight:600;
	padding: 5 5;
}

h2	{
	font-size:1.1em;
	font-weight:600;
}

h3	{
    color:#505000;
	font-weight:400;
    margin-top:2;
	margin-bottom:2;
}

h1.ged	{
	text-align:center;
	font-size:2em;
	font-weight:600;
	padding:10px;
}

h2.ged	{
	font-size:1.4em;
	font-weight:600;
	padding:5px;
}

h1.ged, h2.ged	{
	margin-bottom:5px;	
	border-radius:4px;
}

.h2inv	{
	background-color:#d0d090;
	color:#707020;
}

.bgcolsoft	{
	background:linear-gradient(to bottom, #E9E9C9, #b9b979);
}
.bgcolmid	{	
	background:linear-gradient(to bottom, #E0E0C0, #b0b070);
}
.bgcolstrongdn	{	
	background:linear-gradient(to bottom, #E0E0C0, #404000);
}
.bgcolstrongup	{
	background:linear-gradient(to bottom, #404000, #E0E0C0);
}

span.vert	{
	writing-mode: vertical-rl;
	transform:rotate(180deg);	
}
span.vertd	{
	writing-mode: vertical-rl;
	transform:rotate(360deg);	
}

ul	{margin:0;
	padding-left:20;
}

ol	{margin:0;
	padding-left:20;
}

/*Nachfahren*/
div.pfbutt, div.pfbutt120, div.pfbutthoch, div.pfbuttged  {
	color:#505010;
	font-size:0.9em;
	width:77px;
	height:88px;
	line-height: 1.2em;
	vertical-align: top;
	margin: 0px 1px 0 0;
	padding-top:2px;
	border-style:solid;
	border-width:0.1px;
	border-radius:4px;
	background:linear-gradient(to bottom, #e0e0A0, #b0b070);
	text-align:center;
	float: left;
	display: table;
	position: relative;
	overflow: hidden;
}

div.pfbuttged	{
	height:18px;
	width:150px;
	margin: 0px 5px 3px 0;
}

div.pfbutt120  {
	font-size:0.85em;
	width:114px;
	height:40px;
	margin-bottom: 8px;
}

div.holi4	{
	background-color:#707020;
	width: 4px;
	height: 4px;
	margin: 14px 0;
	float:left;
}

.clr {
	clear:both;
}

div.pfbutthoch	{
	height:120px;
}

div.pfbleer, div.pfbleer40, div.pfbleer60, div.pfbleer65, div.pfbleer70, div.pfbleer75, div.pfbleerend{
	width: 40px;
	height:86px;
	padding-top:2px;
	background-color:transparent;
	float:left;
	display: table;
	overflow: hidden;
	border-style:solid;
	border-width:0;
	border-radius:4px;
}

div.pfbleer40	{
	width:38px;
	height:40px;
	padding:1px;
}

div.pfbleer60	{
	height:52px;
	margin-bottom:12px;
	width:15px;
	padding:1px;
	background-color:#E0E0C0;
	
}

div.pfbleer65	{
	height:60px;
	margin-bottom:12px;
	width:15px;
	padding:1px;
	background-color:#E0E0C0;
}

div.pfbleer75	{
	height:75px;
	margin-bottom:12px;
	width:15px;
	padding:1px;
	background-color:#E0E0C0;
}

div.pfbleerkn	{
	color:black;
	background-color:#707020;
	width: 5px;
	max-width: 5px;
	height:103;
	margin:0;
	float:left;
	display: table;
	overflow: hidden; 
  }

div.pfbleerkv	{
	color:black;
	background-color:#99d;
	width: 5px;
	max-width: 5px;
	height:103px;
	margin:0;
	float:left;
	display: table;
	overflow: hidden; 
}

div.pfbleerend	{
	background-color:#d0d090;
	height:10px;
	margin-top:5px;
}

div.scrollnachk {
	width: 1400px;
	overflow-x : scroll;
}

td#blankl, th#blankl {
    background-color:#f8f8d8;
    }
    
td#blankl {
    background-color:#FFFFFF;
    //border-style:inset;
    //border-width: 1px;
    }

td#blanklm {
	background-color:#FFFF00;
	width:1080px;
	margin: 10px 0 10px 0;
	//border-style:solid;
	//border-width:0 0 2px 0;
	clear:both;
 }

td#blankr {
    background-color:#FFFFFF;
    width:147px;    
    }

div#schildcontainer {
    text-align:center;
    float:left;
}

div#schild, div#schild_t, div#schild_v, div#schild_hell {
    margin:0;
    width:145px;
    height:auto;
    text-align:center;
    font-size:0.8em;
    color:#f0f0b0;
    background-color:#909050;
}
    
div#schild a    {
    color:#000000 //#f0f0b0;
    font-size:1em;
    text-decoration: none;
    }

div#schild a:active, div#schild a:hover, div#schild a:visited    {
    color:#000000 //#f0f0b0;
    font-size:1em;
    }

div#schild_hell       {
    color:#000000 //#505010;
    background-color:#B0B070;
    }
                             
div#schild_hell a    {
    color:#000000 //#505010;
    font-size:1em;
    text-decoration: none;
    }

div#schild_t {
    float:left;
    background-color:#707030;
    border-style:solid;
    border-width: 0 0 3px 0;
    border-color:#505010;
    height:auto;
    }

div#schild_v {
    height:auto;
    width: 100px;
    margin: 0 0 0 28px;
    color:000000 //#ffffbf;
    background-color:#A0A060;
    font-size:1.1em;
    letter-spacing: -3px;
    }

div#paar {
    border-style: solid;
    border-width: 1px;
    border-color: #606030;
    color:#000000 //#ffffbf;
    background-color:#A0A060;
    border-radius:7px;
    }

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

a:hover	{
	-moz-transform: translateY(1px);
	-webkit-transform: translateY(1px);
	-o-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
}

#navlist, #navlistk, #navlistkkk{
	margin-top:5px;
	margin-left:0px;
	padding-left:0px;
}

#navlist li, #navlistk li, #navlistkk li, #navlistkkk li	{
	list-style-type: none;
	display: inline;
	float:left;
	width:121px;
	margin:0 1px 5px 0;
	padding:2px 0 ;
	border-style:solid;
	border-width:1px;
	border-color:#505010;
	border-radius:6px;
	text-align: center;
}

#navlistk li	{
	width:106px;
}

#navlistkk li	{
	width:40px;
}

#navlistkkk li	{
	width:105px;
}
a#eb2, a#eb2a	{
    text-decoration: none;
    font-weight: bold;
	//font-size:0.8em;
	color:#707020;
	}

a#eb3	{
    text-decoration: none;
	font-size:0.8em;
    color:#707020;	//#FFF;
	}

#eb4	{
	background-color:#d0d090;	//#505010;	//#B0B070;
	font-size:0.8em;
}

#e5	{
	background-color:#505010;	//#B0B070;
	color:#FBFBF6;
	font-size:0.8em;
}

/* ---Gen-Schilder---
Schilder PersBlatt Eltern, Gro eltern */
div.schildeg0, div.schildeg1, div.schildeg2	{
	width:137px;
	height: 50px;
	margin: 1px;
	padding-top:3px;
	text-align:center;
	font-size:0.9em;
	border-style:solid;
	border-width:1px;
	border-radius:4px;
	background-color:#d0d090;
	float:left;
}

div.schildeg0	{
	width:278px;
	height: 20px;
	margin-top:5px;
}

div.schildeg2	{
	font-size:0.85em;
	width:66.5px;
	height:55px;
	float:left;
}

/*Ahnen*/
div.kstamm1, div.kstamme, div.kstammg, div.kstammu, div.kstammuu, div.kstammuuu , div.klabel  {
	color:#505010;
	font-size:0.9em;
	width:122px;
	height:60px;
	line-height: 1.2em;
	border-style:solid;
	border-width:0.3px;
	border-radius:4px;
	background:linear-gradient(to bottom, #e0e0A0, #b0b070);
	text-align:center;
	float: left;
	display: table;
	overflow: hidden;
}

div.kstin	{
	display: table-cell;
	#top: 50%;
	vertical-align: middle;
}

div.kstamm1  {
	width:310px;
	height:56px;
	font-size:1.2em;
	font-weight:900;
	margin: 0px 240px 5px 240px;
	padding: 5px 0px 0px 0px;
}

div.kstamme  {
	width:257px;
	height:54px;
	font-size:1.1em;
	font-weight:600;
	margin: 0px 66.5px 5px 67.5px;
	padding: 5px 0px 0px 0px;
}

div.kstammg  {
	width:192px;
	height:50px;
	font-size:1em;
	font-weight:600;
	margin: 0px 1px 10px 2px;
	padding: 0px 0px 0px 0px;
}

div.kstammu  {
	width:93.5px;
	max-width:93.5px;
	height:50px;
	font-size:0.9em;
	margin: 0px 1px 10px 2px;
	padding: 5px 0px 0px 0px;
}

div.kstammuu  {
	width:44.25px;
	height:50px;
	font-size:0.7em;
	margin: 0px 1px 10px 2px;
	padding: 3px 0px;
}

div.kstammuuu  {
	width:35px;
	height:110px;
	font-size:0.7em;
	background-color:transparent;
	margin: 0px 1px 1px 11.2px;
	padding: 3px 0px 0px 0px;
}

div.klabel {
	float: left;
	text-align:left;
	width:80px;
	border-style: none;
	background-color:transparent;
	margin: 0px 0px 0px 2px;
}

div.kvline	{
	position:absolute; 
	border-right-style:solid;
	border-right-width:1.5px;
	border-right-color:#552;
	width:0px;
}

.bildunt {
    font-size:0.9em;
    padding: 1px 3px 3px 2px;
	margin-left:20px;
    }
    
#content, #contenttop	{
	margin-top: 0px;
	padding: 3px;
	height: 395px;
	overflow: auto;
	border-width: 0 0 0 2px;
	border-style: solid;
	border-color: #d0d090;
	background-color:#fdfde3;
	}

#contenttop	{
	height: 143px;
	padding-top: 8px;
	border-width: 0 0 2 2;
	overflow: hidden;
	}

#rightnav, #rightnavmen	{
	float: left;
	width: 230px;
	height: 538px;
	padding: 5 3 3 3;
    background-color:#fdfde3;
    overflow: hidden;
	}

#rightnavmen	{
	height: 250px;
	width: 225px;
	padding: 3 0 0 0;
	margin: 0 0 6 0;
	background-color: #fdfde3;
	overflow: auto;
	}

#fam1, #fam2li, #fam2re	{
	float: left;
	height: 40;
	width: 498;
	text-align:center;
	border-style:solid;
	margin: 2;
	border-width: 2;
	padding: 2;
	}

#fam2li, #fam2re	{
	width: 225;
	height: 56;
	font-size:0.85em;
	margin: 2 0 2 2;
	}

#fam2re	{
	float: right;
	margin: 2 2 2 0;
	}

#fam2mi	{
	width:39;
	height:55;
	margin:0;
	padding:0;
	}

#end {
	height: 12px;
	padding: 2 0 0 0;
	border-style: solid;
	border-width: 2 0 0 0;
	border-color: #d0d090;
	background-color:#fdfde3;
	}

#bgcol	{
	background-color: #d0d090;
	color: #fff;
	padding: 4 0 1 0;
	margin-left:25;
	width:370px;
	}

/*Style-Definition f r die First-Level-Navigation*/

div.fstLevel a, div.fstLevelActive a	{
	text-decoration:none;
	position:relative;
	width:180px;
	height:1.2em;
	margin-left:18px;
	font-size:0.8em;
	color:#FFF;
	background-color: #d0d090;
	text-align:left;
	margin-bottom:1px;
	padding: 1;
	}

div.fstLevel a:hover	{
	color:#d00;
	}

div.fstLevelActive a	{
	width:190px;
	margin-left:18px;
	font-weight:600;
	background-color: #d00;
	}

/*Style-Definition f r die Second-Level-Navigation*/

div.secLevel a, div.secLevelActive a	{
	text-align:left;
	text-decoration:none;
	font-size:0.8em;
	color:#FFF;
	position:relative;
	width:160px;
	margin-left:38px;
	margin-bottom:1px;
	padding:  1 1 1 1;
	background-color: #e0e0a0;
	}

div.secLevel a:hover	{
	color:#d00;
	}

div.secLevelActive a	{
	width:160px;
	margin-left:48px;
	font-weight:600;
	background-color: #d00;
	}

//f r Men 
a.mp1        {
    border-style:solid;
    border-width:0 0 1 2;
    border-color:#009;
    }
.mp1 a:link, .mp1 a:visited, .mp1 a:hover	{
    font-weight:900;
	color:#505010;
	text-decoration: none;
	}

.mp1 a:hover	{
    font-weight:900;
	}

/*Formular */
label, input, select, textarea {
    display: block;
    float: left;
    width: 110;
    height: 16.75px; 
    padding: 1 1 0 1;
    margin: 0 0 1 0;
    }
input, textarea, select	{
	font-family:Ubuntu, sans-serif;
	font-size:0.85em;
	background-color:#F3F3D3;
	border-style:solid;
	border-width:0.5px;
	border-color:#707020;
	border-radius:3px;
}	
 
label {
	width: 70px;
	padding: 0;
	background-color:transparent;
	border-style:none;
	overflow:auto;
	font-size:0.85em;
	text-align:left;
    }

.butt, a.butt, input.butth         {
	color:#f8f8d8;
	font-size:0.85em;
	background-color:#505010;
	border-style:inset;
}

a.buttlink {
	display:block;
	color:#505010;
	font-size:1em;
	background-color:#d0d090;
	border-color:#505010;
	border-style:solid;
	border-width:1px;
	width: 120px;
	padding:3px;
	border-radius:4px;
	text-align:center;
}

.butt1, a.butt1		{
	color:#1F771D;
	font-size:1em;
	background:linear-gradient(hsla(60,29%,57%,0) 25%, hsla(60,29%,57%,0) 75%, hsla(60,50%,45%,0.9) 100%);
	border-color:#505010;
	border-style:solid;
	border-width:1px;
	width: 100px;
	padding:3pt 5pt;
	border-radius:4px;
	text-align:center;
}

a.buttob, div.buttob	{
	color:#1F771D;
	background:linear-gradient(hsla(60,29%,57%,0) 25%, hsla(60,29%,57%,0) 75%, hsla(60,50%,45%,0.9) 100%);
}

.butt1txt	{
	background:linear-gradient(hsla(60,29%,57%,0) 30%, hsla(60,50%,45%,0.9) 100%);
	padding:0;
	margin:0;
}

.buttaktiv	{
	background:linear-gradient(hsla(60,50%,45%,0.9) 0%, hsla(60,29%,57%,0) 25%, hsla(60,29%,57%,0) 75%, hsla(60,50%,45%,0.9) 100%);
}

a.gruen	{
	color:#1F771D;
	background-color:#d0d090;	
}

div.buttui, input.buttui, div.buttuim		{
	width:184px;
	float:left;
	text-align:center;
	color:#505010;
	font-size:1em;
	background-color:#c0c080;
	border-color:#c0c080;
	border-style:outset;
	border-width:4px;
	padding:0pt 3pt 0pt 5pt;
	margin: 0pt 2pt 2pt 0pt; 
	border-radius:6px;
}

div.buttuim		{
	color:#FFF;
	background-color:#505010;
	border-style:inset;
	border-color:#707030;
	border-width:4px;
	width:198px;
	margin: 0pt 2pt 2pt 0pt;
	height: 15px;
}

input.buttui		{
	width:197px;
	height:25px;
}

.buttged		{
	color:#f8f8d8;
	font-size:1em;
	background-color:#505010;
	border-style:none;
	padding:5pt;
}
}
	
.butta         {
	font-size:0.85em;
	margin-bottom: 1px;
	border-style:solid;
	border-width:1;
	border-radius:4px;
	background-color:#d0d090;
}

.butt:hover	{
	-moz-transform: translateY(1px);
	-webkit-transform: translateY(1px);
	-o-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
}

.butt1:hover	{
	-moz-transform: translateY(1px);
	-webkit-transform: translateY(1px);
	-o-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
}

.schfl	{
	width: 40px;
	height: 20px;
	font-size: 0.8em;
	background-color:#ddd;
	padding: 0;
	text-align: center;
	float:left;
}

input[type="file"] {
    color:#f8f8d8;
    font-size:0.85em;
	height:25px;
    background-color:#505010;
    border-style:inset;

}	
input.butth         {
    background-color:transparent;
    color:#505010;
    text-align:center;
    width:30;
    height:17;
    margin: 0 0 0 40;
    border-style:outset;
}

img.links5 {
	border: none;
	width:5%;
	margin-right:25px;
	float:left;
}

img.links25 {
	border: none;
	width:25%;
	margin-left:25px;
	float:left;
}

img.rechts25 {
	border: none;
	width:25%;
	margin-left:25px;
	float:right;

img.rechts60 {
	border: none;
	width:60%;
	margin-left:3px;
	float:right;
}

img.rechts50 {
	border: none;
	width:50%;
	margin-left:3px;
	float:right;
}
	
img.album40li	{
	width:40%;
	float:left;
	padding-right:3px;
	padding-bottom:3px;
}

img.album50li	{
	width:49%;
	float:left;
	padding-right:3px;
	padding-bottom:3px;
}

img.album50re	{
	width:49%;
	float:right;
	padding:3px;
	}

img.album60li	{
	width:60%;
	float:left;
	padding-right:3px;
	padding-bottom:3px;
}
 
img.album60re	{
	width:60%;
	float:right;
	padding-right:3px;
	padding-bottom:3px;
	}

img.album100	{
	width:100%;
	float:right;
	padding-right:3px;
	padding-bottom:3px;
	}