@font-face {
	font-family: 'GesType';
	font-style: normal;
	src: url(familien/GesZeich.eot) format('eot'),
		url(familien/GesZeich.woff) format('woff');
}

* {
	border: 0px;
	padding: 0px;
	margin: 0px;
}


Body.leftframe  {
		padding:0px;
		background-color:#ffffea; color:#000000;
			}
Body.leftframe * { background-color:#e0e0e0;
        scrollbar-face-color:#e0e0e0; scrollbar-3dlight-color:#e0e0e0;
        scrollbar-darkshadow-color:#e0e0e0; scrollbar-track-color:#e0e0e0;
			}
Body.leftframe table  { width:100%; }
Body.leftframe a     { text-decoration:none; font-weight:bold; color:#000000; background-color:#e0e0e0; }
Body.leftframe a:hover { color:white; background-color:#808080; }
Body.leftframe div    { font-size:11pt; font-family:Arial, Microsoft Sans Serif, Garamond, Serif; font-weight:bold; text-align:center; background-color:#e0e0e0; }

Body.topindex  {
		text-align:center;width:100%;padding:0px;background-color:#ffffea; color:#000000;
			}
Body.topindex * { background-color:#ffffea; color:#000000;
			}
Body.topindex table  { width:100%;vertical-align:middle;  }
Body.topindex a     { text-decoration:none; font-weight:bold; color:#000000; background-color:#f0f0f0; }
Body.topindex a:hover {color:white; background-color:#808080;  }
Body.topindex td    { padding:8px;font-family:sans-serif; font-size:15px; background-color:#f0f0f0; }

Body.namenliste  {
		padding:0px;background-color:#ffffea; color:#000000;
			}
Body.namenliste * { background-color:#f0f0f0; color:#000000;
        scrollbar-face-color:#f0f0f0; scrollbar-3dlight-color:#f0f0f0;
        scrollbar-darkshadow-color:#f0f0f0; scrollbar-track-color:#f0f0f0; 
			}
Body.namenliste table  { width:100%; }
Body.namenliste a     { text-decoration:none; font-weight:bold; color:#000000; background-color:#f0f0f0; }
Body.namenliste a:hover {color:white; background-color:#808080;  }
Body.namenliste td    { font-family:sans-serif; font-size:15px; background-color:#f0f0f0; }
Body.namenliste div    { font-family:sans-serif; font-size:15px; background-color:#f0f0f0; }



Body.start  {
		padding:0px;
		background-color:#ffffea; color:#000000;
			}
Body.start * { background-color:#e0e0e0;
        scrollbar-face-color:#e0e0e0; scrollbar-3dlight-color:#e0e0e0;
        scrollbar-darkshadow-color:#e0e0e0; scrollbar-track-color:#e0e0e0;
			}
Body.start table  { width:100%; }
Body.start a     { text-decoration:none; font-weight:bold; color:#000000; background-color:#e0e0e0; }
Body.start a:hover { color:white; background-color:#808080; }
Body.start div    { font-size:11pt; font-family:Arial, Microsoft Sans Serif, Garamond, Serif; font-weight:bold; text-align:center; background-color:#e0e0e0; }



body.person   { background-color:white; color:black; font-size:8.75pt; font-family:Microsoft Sans Serif, Garamond, Serif; }
body.person  a   { text-decoration:none; color:black; background-color:#ffffff; }
body.person td    { background-color:white; color:black; font-size:8.75pt; vertical-align:top; overflow:hidden; }
body.person table { table-layout:fixed; border-spacing:0px }
.personname { font-size:11.75pt;font-weight:normal; font-style:italic; text-transform:uppercase;   }
.personvorname { font-size:11.75pt;font-weight:normal; font-style:italic;   }
.personpersnr {font-size:11.75pt; font-style:italic;color:#ff0000; font-weight:normal;   }
.personpersnr a {font-size:10pt; font-style:italic;color:#ff0000 !important; font-weight:normal;   }


/* Historie */
.historie { font-style:italic;  }
.historie:before {
	content: "Historie: \A";
	white-space: pre;
	font-weight: bold;
}


.ueberschrift { background-color:#edeecc; color:#0000ff; 
                font-size:14.25pt; font-family:Microsoft Sans Serif, Garamond, Serif;    }
.docueberschrift { background-color:white; color:black;  font-style:italic; text-decoration:underline;  font-size:10pt; font-family:Microsoft Sans Serif, Garamond, Serif;    }

.docbeschreibung {  font-size:10pt; font-style:nomal;color:#ff0000; font-weight:normal;    }



/* Dokumente */
table.documents a { text-decoration:underline;
}



body {
	padding: 20px;
	font-family: 'GesType';
}

/* Tabellen */
table {
	border-spacing: 0px;
	border-collapse: separate;
    width:100%;
}

table th {
	font-weight: bold;
	text-align: left;
	padding: 3px 1px;
	border-bottom: 1px solid grey;
}

table td {
	padding: 1px;
}

/*  tr:nth-child(4n+1), tr:nth-child(4n+2){ */
tr:nth-child(odd) {
	background-color: #FFFFFF;
}


/* tr:nth-child(even) */
/* tr:nth-child(4n), tr:nth-child(4n+3), th {
 */
tr:nth-child(even), th {
	background-color: #EEEEEE;
}

/* Anzeige Elter */
div.elter {
	clear: both;
}

/* Listen */
ul {
	list-style-type: none;
	padding-left: 20px;
}

ul li {
	display:inline;
}

ul li:after {
	content: ';';
}

.M:before {
    font-family:'GesType';
	content: '\F06D';
	color:#0000ff; 
	font-size:16pt; 
	font-weight:bold; 
}

.F:before {
    font-family:'GesType';
	content: '\F066';
	color:#ff0000; 
	font-size:16pt; 
	font-weight:bold; 
}

ul li:last-child:after {
	content: ' ';
}

ul.sex li.M {
	content: 'M';
}

ul.sex li.F {
	content: 'F';
}

ul.events {
	padding-left: 2px;
}

/* Kinder */
ol.kinder {
	list-style-type: decimal;
}

/* Event Liste */
ul.events li:before {
	content: 'XX';
	padding-right: 5px;
	display: inline-block;
	/* 	background-image: url(); */
}

ul.events li.geburt:before {
    font-family:'GesType';
	content: '\F047';
}

ul.events li.geburt-unehelich:before {
    font-family:'GesType';
	content: '\F055';
}

ul.events li.taufe-unehelich:before {
    font-family:'GesType';
	content: '\F054';
}

ul.events li.taufe:before {
    font-family:'GesType';
	content: '\F054';
}

ul.events li.heirat:before {
    font-family:'GesType';
	content: '\F048';
}

ul.events li.standesamt:before {
    font-family:'GesType';
	content: '\F048;';
}

ul.events li.geburt-tod:before {
    font-family:'GesType';
	content: '\F067';
}

ul.events li.geburt-todamgleichentag:before {
    font-family:'GesType';
	content: '\F074';
}

ul.events li.heimat:before {
    font-family:'GesType';
	content: '\F068';
}

ul.events li.reli1:before {
    font-family:'GesType';
	content: '\F048';
}

ul.events li.reli2:before {
    font-family:'GesType';
	content: '\F052';
}

ul.events li.tod:before {
    font-family:'GesType';
	content: '\F044';
}

ul.events li.tod-gefallen:before {
    font-family:'GesType';
	content: '\F046';
}

ul.events li.tod-vermisst:before {
    font-family:'GesType';
	content: '\F055';
}

ul.events li.tod-imkriegvermisst:before {
    font-family:'GesType';
	content: '\F068';
}

ul.events li.tod-juedisch:before {
    font-family:'GesType';
	content: '\F06A';
}

ul.events li.tod-muslemisch:before {
    font-family:'GesType';
	content: '\F075';
}

ul.events li.tod-buddhistisch:before {
    font-family:'GesType';
	content: '\F062';
}

ul.events li.tod-eingeaeschert:before {
    font-family:'GesType';
	content: '\F073';
}

ul.events li.begraben:before {
    font-family:'GesType';
	content: '\F042';
}

ul.events li.scheidung:before {
    font-family:'GesType';
	content: '\F053';
}

ul.events li.nichtehelich:before {
    font-family:'GesType';
	content: '\F04E';
}

ul.events li.verlobt:before {
    font-family:'GesType';
	content: '\F06F';
}


/* Stammbaum */
img.stammbaum {
	display: block;
	margin: auto;
	margin-bottom: 20px;
}

img.startbild {
	display: block;
	width: 80%;
	margin: auto;
}


/* Portrait */
img.portrait {
	height: 75px;
	float: right;
	clear: right;
}

/* Familienbild */
img.famportrait {
	height: 300px;
	float: center;
	clear: Center;
}

/* Preview */
img.preview {
	height: 50px;
	float: left;
	clear: left;
}

ol.ehen {
	clear: both;
	padding-top: 5px;
}

img.portrait.large {
	height: 300px;
}

/* Name */
span.rufname {
	text-decoration: underline;
}

/* Maximale Breite */
body.index table.namen, body.fam>div, body.namen>table, body.orte>table {
	max-width: 700px;
	width: 100%;
	margin: auto;
}

body.start table.start  {
	max-width: 700px;
	width: 100%;
	margin: auto;
	text-align: center;
}

body.indexverweis  {
	text-align: center;
}


/* INDEX */
body.index {
	text-align: center;

}

body.index table.namen {
	margin-top: 0em;
}

/* NAMEN */
body.namen>table td {
	
}

.fusszeile {
  clear: both;
  background-color:lightskyblue;
  border-top:2px solid black;
}
