﻿/* CSS file anstil.css for Disgen 4, issuedate=171024 */

body, body.index {
	background-image: url(bg.jpg);
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	padding: 10px;
	margin-left: 2%;
	margin-right: 2%;
	}
	
td {
	font-size: 100%;
	font-weight: normal;
}

h1 {
	margin-bottom: 0ex;
	font-size: 150%;
	font-weight: normal;
	color: red;
	text-align: center;
}

h2 {
	margin-bottom: 0ex;
	font-size: 150%;
	font-weight: normal;
	color: red;
	text-align: left;
}

h3 {
	margin-bottom: 1ex;
	font-size: 95%;
	font-weight: bold;
	color: black;
	text-align: left;
}

h4 {
	margin-top: 2ex;
	margin-bottom: 0ex;
	font-weight: bold;
	text-align: left;
}

h5 {
	margin-top: 2ex;
	margin-bottom: 0ex;
	font-weight: bold;
	text-align: left;
}

.antavla_H1, .stamtavla_H1 {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	text-align: center;
	color: black;
	font-size: 180%;
	font-weight: normal;
	line-height: 160%;
	}
.antavla_H2 {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	text-align: center;
	color: black;
	font-size: 120%;
	font-weight: normal;
	line-height: 100%;
	}
.anrubrik {
	margin-left: 0ex;
	text-align: left;
}
.anregister {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2ex;
	text-align: center;
	/*	background-color: #dfe6e0; */
}
.namn {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin-left: 2%;
	color: red;
}
.levnad {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
}
.tavelrubrik {
	margin-left: 4ex;
	text-align: center;
}
.indexrubrik {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	text-align: center;
	color: #355ca7;
}
.proband, .f, .m {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 40px;
	text-indent: -38px;
	padding-left: 40px;
	padding-right: 2px;
	border: thin solid #666633; 
}
.ana {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	border: thin solid #c0c0c0;
	margin-left: 30px;
	text-indent: -28px;
	padding-left: 30px;
	padding-right: 2px;
}
.f_med, .m_med {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	margin-left: 40px;
	text-indent: -38px;
	padding-left: 40px;
	padding-right: 2px;
	border: thin solid #c0c0c0;
}

.ff_med, .fm_med, .mf_med, .mm_med, .fff_med, .ffm_med, .fmf_med, .fmm_med, .mff_med, .mfm_med, .mmf_med, .mmm_med,
.ffff_med, .fffm_med, .ffmf_med, .ffmm_med, .fmff_med, .fmfm_med, .fmmf_med, .fmmm_med,
.mfff_med, .mffm_med, .mfmf_med, .mfmm_med, .mmff_med, .mmfm_med, .mmmf_med, .mmmm_med {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 30px;
	text-indent: -28px;
	padding-left: 30px;
	padding-right: 2px;
	border: thin solid #c0c0c0;
}
.t_proband, .t_f, .t_m, .t_ff, .t_fm, .t_mf, .t_mm,
.t_fff, .t_ffm, .t_fmf, .t_fmm, .t_mff, .t_mfm, .t_mmf, .t_mmm,
.t_ffff, .t_fffm, .t_ffmf, .t_ffmm, .t_fmff, .t_fmfm, .t_fmmf, .t_fmmm,
.t_mfff, .t_mffm, .t_mfmf, .t_mfmm, .t_mmff, .t_mmfm, .t_mmmf, .t_mmmm {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	border: thin solid black;
	padding-left: 2px;
	padding-right: 2px;
}
.rel {
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
}

.ffmm {
	text-transform: lowercase;
	font-style: normal;
	font-weight: bold;
	border: none;
}

.rel2 {
	font-style: normal;
	font-size: small;
	font-weight: bold;
	text-transform: capitalize;
}
.t_rel {
	font-style: normal;
	font-weight: bold;
	text-transform: lowercase;
}

.portrett {		/* tabell runt bild och bildtext */
	background-image: url(bg.jpg);
	display: block;
}

.portretttext {		/* bildtext */
	/* Width: inherit; */
	max-width: 350px;
	border:none
}

.bild {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bildtext {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: small;
	text-align: center;
	border: none;
}

.angen {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: black;
}
.notis, .biografi {		/* valda notiser och biografi för huvudpersonen */
	margin-right: 2%;
	margin-left: 2%;
	font-weight: normal;
	text-align: left;
}
.giften {
	border-top: 1px solid #305059;
	margin-right: 2%;
}
.gifte {
	margin-left: 2%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 200%;
}
.partner {
	margin-left: 2%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: olive;
}
.barn {
	margin-left: 4%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666699;
}
.giftesnotiser, .partnernotiser {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 2%;
}
.barnnotiser {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 4%;
}
.sidfot {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 80%;
	font-style: italic;
}
.antabell {		/* används i ansedel */
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	width: 100%;
	border: thin solid #666633; 
}
.antavla, .stamtavla {	/* används i antavla och stamtavla */
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
/*	background-color: #c7cfb8; */
	border: thin solid black;
	vertical-align: middle;
	margin-left: 2%;
	margin-top: 2ex;
	width: 96%;s
}
.antavla_p, .stamtavla_p, .barn1, .barn2, .barn3, .barn4 {
	border: thin solid black;
}

.gen_nr {
	width: 4%;
	border: thin solid black;
	text-align: center;
}

.tilltal {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.kella {	/* källa hos notisen */
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: x-small;
	text-transform: uppercase;
}
.kellanr {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: Maroon;
}
.notop {
	margin-top: 0ex;
}
.kellor {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 0ex;
	text-align: left;
  vertical-align: super;
/*  border-top: 1px solid #305059; */
}
.kellatext {
	font-size: 80%;
	font-weight: normal;
	margin-bottom: 0ex;
	text-align: left;
}
.fotnotnr {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	vertical-align: super;
	font-weight: normal;
	font-style: normal;
}
.fotnot {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 0ex;
	text-align: left;
  vertical-align: super;
/*  border-top: 1px solid #305059; */
}
.fotnottext {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
}
.multimedia {
	margin-left: 2%;
	padding-top: 2ex;
	font-weight: normal;
	text-align: left;}

.register {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	margin-top: 2ex;
/*	border-top: 1px solid #305059; */
	}

.indexrubrik {	/* Överskrift i person-, namn- och ortsregister */
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	text-align: center;
	color: olive;
}
.orttabell {
	width: 96%;
	margin-left: 2%;
	margin-top: 2ex;
}
.ort {
	background-color: #c7cfb8;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
.ortperson {
  background-image: url(bg.jpg);
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin-left: 2%;
}

.indexbokst {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #355ca7;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	margin-top: 1ex;
}

.indexnamn,
.indexperson {
	line-height: 150%;
}
#clearer, #clearer2 {
  clear: both;
  line-height: 0;
  height: 0;}
 
 img.startbild {
		BORDER: 0;
		width: 60%;
		margin-left: 20%;
		}
		
	img.ikon {
		BORDER: 0;
		WIDTH: 20px; 
		HEIGHT: 15px;
		}
	
	img.arrow {
		BORDER: 0;
		HEIGHT: 22px;
  	WIDTH: 19px;
}

	img.litetportrett, img.antavleportrett {
		border: 0;
		width: 80%;
		margin-left: 10%;
}

.table4gen {
	width: 22%;
	text-align: left;
	padding: 10px;
	border: 1px solid darkgrey;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

.table4sgen {
	width: 17%;
	text-align: left;
	padding: 10px;
	border: 1px solid darkgrey;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
}

.table3gen {
	text-align: left;
	width: 25%;
	padding: 10px;
	border: 1px solid darkgrey;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

.table3sgen {
	text-align: left;
	width: 25%;
	padding: 10px;
	border: 1px solid darkgrey;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
}

.table2gen {
	width: 33%;
	text-align: left;
	padding: 10px;
	border: 1px solid darkgrey;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

.table2sgen {
	width: 33%;
	text-align: left;
	padding: 10px;
	border: 1px solid darkgrey;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
}

.table1gen {
	width: 50%;
	text-align: left;
	padding: 10px;
	border: 1px solid darkgrey;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

A:link {color: #355ca7; text-decoration: none; font-weight: bold;} 
A:visited {color: #355ca7; text-decoration: none; font-weight: bold;}
A:hover {color: #355ca7; background: #D0D0D0; font-weight: bold;}
A:active {color: #355ca7; text-decoration: none; font-weight: bold;}

A:link IMG, 
A:visited IMG {border-style: none}

A IMG {color: white}
