/* CSS file screen.css for Disgen09, issuedate=200222 */


body {
	margin: 0;
	width: 100%;
	font-size: 85%;
	font-variant: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #F1F1F1;
}

#trunk_f {
	margin: 0;
	padding: 1%;
}

#trunk {
	margin: 0;
	padding: 15px 4% 20px 4%;
}

#head {
	margin: 0;
	max-width: 100%;
}

H1 {
	font-size: 220%;
	font-weight: Normal;
	color: #EEEEEE;
	background-color: #990000; 
	text-align: left;
	padding-left: 4%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	width: 96%;
}

.index {
	font-size: 140%;
}

.index_f {
	font-size: 140%;
	text-align: center;
	color: #000000;
	background-color: #F1F1F1; 
	padding: 10px 2% 10px 2%;
	margin: 0;
	width: 100%;
}

H2 {
	font-size: 140%;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #006666; 
	text-align: left;
	padding: 10px 0px 10px 4%;
	margin: 0;
	width: 96%;
}

H3 {
	font-size: 120%;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #006666; 
	text-align: left;
	padding: 0px 0px 10px 4%;
	margin: 0;
	width: 96%;
}

H4 {
	padding: 0 0 0 2%;
	font-size: 130%;
	font-weight: bold;
	color: #000000;
	text-align: left; 
	width: 100%;
}

H5 {
	font-size: 85%;
	font-weight: bold;
	text-align: left;
	border-top: 1px solid #305059;
	margin: 2ex 0 0 2%;
	padding: 1ex 0 1ex 0;
}

p {
	padding: 0;
}

.center {
	font-weight: normal;
	text-align: center;
}

p.indexlista {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #006666; 
	padding: 10px 0px 10px 4%;
	margin: 0;
	width: 96%;
}

p.indexlista	A:link,
p.indexlista	A:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
p.indexlista	A:hover	{color: #E0E0E0; background: #004848; font-weight: bold;}
p.indexlista	A:active	{color: #FFFFFF; text-decoration: none; font-weight: bold;}

p.indexlista_f {
	font-weight: bold;
	text-align: center;
	color: #000000;
	background-color: #F1F1F1; 
	padding: 10px 2% 10px 2%;
	margin: 0;
	width: 100%;
}

p.indexlista_f A:link, 
p.indexlista_f A:visited {color: #000000; text-decoration: none; font-weight: normal;}
p.indexlista_f A:hover {color: #000000; background: #D0D0D0; font-weight: normal;}
p.indexlista_f A:active {color: #000000; text-decoration: none; font-weight: normal;}

p.about {
	margin: 10px 0 0 25px;
}

p.sidfot {
	text-align: center;
	color: #EEEEEE;
	background-color: #990000; 
	padding: 5px 0px 5px 4%;
	margin: 0;
	width: 96%;
}

p.sidfot A:link, 
p.sidfot A:visited {color: #EEEEEE; text-decoration: none; font-weight: bold;}
p.sidfot A:hover {color: #E0E0E0; background: #700000; font-weight: bold;}
p.sidfot A:active {color: #EEEEEE; text-decoration: none; font-weight: bold;}

p.version {
	text-align: center;
	font-style: italic;
	color: #000000;
	background-color: #F1F1F1; 
	padding: 10px 0 10px 0;
	margin: 0;
	width: 100%;
}

p.ortnamn {
	margin: 0 0 0 0;
	padding: 0 0 0 2em;
	font-weight: normal;
}

p.ortperson {
	margin: 0;
	padding: 0 0 0 4em;
	font-weight: normal;
}

p.personreg {
	font-weight: normal;
	padding: 0 2em 0 2em;
}

p.efternamnsreg {
	font-weight: normal;
	margin: 0 0 0 1em;
}

p.ortnamn_f {
	margin: 2ex 0 0 0;
	padding: 0 0 0 1em;
	font-weight: bold;
}

p.ortperson_f {
	margin: 0;
	padding: 0 0 0 2em;
	font-weight: normal;
}

p.ortperson_f A:link, 
p.ortperson_f A:visited {color: #000000; text-decoration: none; font-weight: normal;}
p.ortperson_f A:hover {color: #000000; background: #D0D0D0; font-weight: normal;}
p.ortperson_f A:active {color: #000000; text-decoration: none; font-weight: normal;}

p.personreg_f, p.efternamnsreg_f {
	font-weight: normal;
	padding: 0 0 0 1em;
}

p.personreg_f A:link, 
p.personreg_f A:visited {color: #000000; text-decoration: none; font-weight: normal;}
p.personreg_f A:hover {color: #000000; background: #D0D0D0; font-weight: normal;}
p.personreg_f A:active {color: #000000; text-decoration: none; font-weight: normal;}

p.efternamnsreg_f A:link, 
p.efternamnsreg_f A:visited {color: #000000; text-decoration: none; font-weight: normal;}
p.efternamnsreg_f A:hover {color: #000000; background: #D0D0D0; font-weight: normal;}
p.efternamnsreg_f A:active {color: #000000; text-decoration: none; font-weight: normal;}
 
p.partner, p.gifte {
	margin: 0;
	font-weight: normal;
}

p.barn {
	margin: 0;
	padding-left: 2%;
	font-weight: normal;
}

p.multimedia {
	margin: 15px 0 0 0;
	padding-top: 10px;
	border-top: 2px ridge;
	font-weight: normal;
}

p.fotnot, p.kella {
	margin: 15px 0 0 1em;
	padding: 10px 0 0 1em;
	border-top: 2px ridge;
	font-weight: bold;
}

p.fotnottext, p.kelltext {
	margin: 15px 0 0 0;
	font-weight: normal;
}

li.fotnot, li.kella {
	margin: 0 0 0 2%;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
}

.kellref {
	font-size: 0.83em;
	vertical-align: baseline;
}

a.kellref::before {
	content: "[";
}

a.kellref::after {
	content: "]";
}

em {}

em.tn {
	font-style: normal; 
	text-decoration: underline;
}

em.en {
	font-style: normal;
}

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

em.fotnot,
em.kellanr {
	vertical-align: super;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
}

strong.person {}

strong.gifte, strong.barn {
	font-weight: normal;
	color: #000000;
}

div.ansedel {}

div.person {
	font-size: 120%;
	font-weight: normal;
	padding-bottom: 1.5ex;
}

div.notis, div.giften {
	text-align: left;
	font-weight: normal;
	margin: 0 0 0 2%;
}

table {
	font-size: 100%;
	font-variant: normal;
	font-style: normal;
	margin: 15px 0 15px 2%;
	border: 2px ridge;
	background: #F1F1F1;
}

table.antavla {
	table-layout: fixed;
	text-align: left;
	vertical-align: middle;
	border: none;
	width: 96%;
}

table.stamtavla {
	width: 96%;
	vertical-align: middle;
}

table.portrett {}

table.portrett_sida {
	border: none;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	margin-left: auto;
	margin-right: auto;
}

table A:link,
table A:visited {color: #000000; text-decoration: none; font-weight: bold;}
table A:hover {color: #000000; background: #E0E0E0; font-weight: bold;}
table A:active {color: #000000; text-decoration: none; font-weight: bold;}

tr, td, th {
	padding: 0.5ex 0.5em 0.5ex 0.5em;
	font-variant: normal;
	font-style: normal;
}

.table4gen {
	width: 20%;
	text-align: left;
	padding: 10px;
	border: 1px ridge;
	border-color: darkgrey;
	background: #FFFFFF;
	color: #000000;
}

.table4sgen {
	width: 20%;
	text-align: left;
	font-size: 90%;
	padding: 10px;
	border: 1px ridge;
	border-color: darkgrey;
	background: #FFFFFF;
	color: #000000;
}

.table3gen {
	text-align: left;
	width: 25%;
	padding: 10px;
	border: 1px ridge;
	border-color: darkgrey;
	background: #FFFFFF;
	color: #000000;
}

.table3sgen {
	text-align: left;
	font-size: 90%;
	width: 25%;
	padding: 10px;
	border: 1px ridge;
	border-color: darkgrey;
	background: #FFFFFF;
	color: #000000;
}

.table2gen {
	width: 33%;
	text-align: left;
	padding: 10px;
	border: 1px ridge;
	border-color: darkgrey;
	background: #FFFFFF;
	color: #000000;
}

.table2sgen {
	width: 33%;
	text-align: left;
	font-size: 90%;
	padding: 10px; 
	border: 1px ridge;
	border-color: darkgrey;
	background: #FFFFFF;
	color: #000000;
}

.table1gen {
	width: 50%;
	text-align: left;
	padding: 10px;
	border: 1px ridge;
	border-color: darkgrey;
	background: #FFFFFF;
	color: #000000;
}

td.proband, td.f, td.m, td.ff, td.fm, td.mf, td.mm {
	color: #000000;
	border: 2px ridge;
	background: #FFFFFF;
}

td.f, td.m {
	width: 50%;
}

td.fff, td.ffm, td.fmf, td.fmm, td.mff, td.mfm, td.mmf, td.mmm {
	color: #000000;
	font-size: 90%;
	border: 2px ridge;
	background: #FFFFFF;
}

td.ffff, td.fffm, td.ffmf, td.ffmm, td.fmff, td.fmfm, td.fmmf, td.fmmm, td.mfff, td.mffm, td.mfmf, td.mfmm, td.mmff, td.mmfm, td.mmmf, td.mmmm {
	color: #000000;
	font-size: 90%;
	border: 2px ridge;
	background: #FFFFFF;
	padding: 15ex 0.5em 0.5ex 0.5em;
}

td.person_0, td.person_1, td.person_2, td.person_3, td.person_4 {
	color: #000000;
	text-align: left;
	border: 2px ridge;
	background: #FFFFFF;
}

td.portrett{
	padding: 0 0;
}

td.bildtext {
	color: #000000;
	text-align: LEFT;
	font-style: italic;
}

.portretttext {
	color: #000000;
	text-align: center;
	font-style: italic;
}

td.next_gen {
	width: 3%;
	text-align: center;
}

td.gen_rub, td.gen_rub_s {
	text-align: center;
}

td.arrow {
 	width: 30px;
}

#EndOfPage {
	line-height: 0;
	height: 0;
}

img.litetportrett_1gen_S {
	border: none;
	display: block;
	max-width: 30%;
	margin: auto;
	max-height: 200px;
}

img.litetportrett_2gen_S {
	border: none;
	display: block;
	max-width: 40%;
	margin: auto;
	max-height: 200px;
}

img.litetportrett_3gen_S {
	border: none;
	display: block;
	max-width: 50%;
	margin: auto;
	max-height: 200px;
}

img.litetportrett_4gen_S {
	border: none;
	display: block;
	max-width: 60%;
	margin: auto;
	max-height: 200px;
}

img.litetportrett_1gen_M {
	border: none;
	display: block;
	max-width: 40%;
	margin: auto;
	max-height: 250px;
}

img.litetportrett_2gen_M {
	border: none;
	display: block;
	max-width: 50%;
	margin: auto;
	max-height: 250px;
}

img.litetportrett_3gen_M {
	border: none;
	display: block;
	max-width: 60%;
	margin: auto;
	max-height: 250px;
}

img.litetportrett_4gen_M {
	border: none;
	display: block;
	max-width: 70%;
	margin: auto;
	max-height: 250px;
}

img.litetportrett_1gen_L {
	border: none;
	display: block;
	max-width: 50%;
	margin: auto;
	max-height: 300px;
}

img.litetportrett_2gen_L {
	border: none;
	display: block;
	max-width: 60%;
	margin: auto;
	max-height: 300px;
}

img.litetportrett_3gen_L {
	border: none;
	display: block;
	max-width: 70%;
	margin: auto;
	max-height: 300px;
}

img.litetportrett_4gen_L {
	border: none;
	display: block;
	max-width: 80%;
	margin: auto;
	max-height: 300px;
}

img.ansedelportrett_1gen_S {
	border: none;
	display: block;
	float: right;
	max-width: 30%;
	margin: auto;
	max-height: 200px;
}

img.ansedelportrett_2gen_S {
	border: none;
	display: block;
	float: right;
	max-width: 40%;
	margin: auto;
	max-height: 200px;
}

img.ansedelportrett_3gen_S {
	border: none;
	display: block;
	float: right;
	max-width: 50%;
	margin: auto;
	max-height: 200px;
}

img.ansedelportrett_4gen_S {
	border: none;
	display: block;
	float: right;
	max-width: 60%;
	margin: auto;
	max-height: 200px;
}

img.ansedelportrett_1gen_M {
	border: none;
	display: block;
	float: right;
	max-width: 40%;
	margin: auto;
	max-height: 250px;
}

img.ansedelportrett_2gen_M {
	border: none;
	display: block;
	float: right;
	max-width: 50%;
	margin: auto;
	max-height: 250px;
}

img.ansedelportrett_3gen_M {
	border: none;
	display: block;
	float: right;
	max-width: 60%;
	margin: auto;
	max-height: 250px;
}

img.ansedelportrett_4gen_M {
	border: none;
	display: block;
	float: right;
	max-width: 70%;
	margin: auto;
	max-height: 250px;
}

img.ansedelportrett_1gen_L {
	border: none;
	display: block;
	float: right;
	max-width: 50%;
	margin: auto;
	max-height: 300px;
}

img.ansedelportrett_2gen_L {
	border: none;
	display: block;
	float: right;
	max-width: 60%;
	margin: auto;
	max-height: 300px;
}

img.ansedelportrett_3gen_L {
	border: none;
	display: block;
	float: right;
	max-width: 70%;
	margin: auto;
	max-height: 300px;
}

img.ansedelportrett_4gen_L {
	border: none;
	display: block;
	float: right;
	max-width: 80%;
	margin: auto;
	max-height: 300px;
}

img.stamportrett_S {
	float: right;
	border: none;
	display: block;
	max-width: 20%;
	margin: auto;
	max-height: 100px;
}

img.stamportrett_M {
	border: none;
	display: block;
	max-width: 25%;
	margin: auto;
	max-height: 150px;
}

img.stamportrett_L {
	border: none;
	display: block;
	max-width: 30%;
	margin: auto;
	max-height: 200px;
}

img.giftportrett {
	border: none;
	display: block;
	float: right;
	max-width: 20%;
	margin: auto;
	max-height: 150px;
}

img.ikon {
	border: none;
	WIDTH: 20px; 
	HEIGHT: 15px;
}

img.arrow, img.ansedel {
	border: none;
	float: none;
}

img.genarrow {
	border: 0;
	HEIGHT: 12px;
	WIDTH: 12px;
}

img.tavla {
	border: none;
	float: none;
	width: 18px;
}

img.startbild { 
 	border: none;
	display: block;
	margin: 10px auto 10px auto;
 	max-height: 80%; 
 	max-width: 100%;
}

img.bild { 
 	BORDER: none; 
 	margin-left: 30%;
}

img.portrett { 
 	BORDER: none; 
 	max-width:100%; 
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.portrett_4gen { 
 	BORDER: none; 
 	max-width: 80%; 
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.portrett_3gen { 
 	BORDER: none; 
 	max-width: 70%; 
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.portrett_2gen { 
 	BORDER: none; 
 	max-width: 60%; 
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.bild {
	border: thin solid #E1E2E8;
}

table.bild {
	border: none;
	text-align: left;
}

p.bild { 
 	BORDER: none; 
 	margin-left: 30%;
 	max-width: 350px; 
}

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

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

p.rot90 {
	transform: rotate(-90deg);
	padding: 0 0 0 20%;
}

img.needle {
	border: none;
	HEIGHT: 20px;
	WIDTH:  20px;
}

img.info {
	border: none;
	HEIGHT: 20px;
	WIDTH:  20px;
}

.GMap {
	width: 96%;
	height: 600px;
	display: block;
	margin: 15px auto 15px auto;
}
	
img.placepic {
	border: none;
	display: block;
	max-width: 50%;
	max-height: 300px;
	margin: 15px auto 20px auto;
}

img.overlaypic {
	max-width: 96%;
	border: none;
	display: block;
	margin: 15px auto 15px auto;
}

.ortsrubrik{
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	font-size: 120%;
	font-weight: bold;
}

.ortstext{
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 100%;
}

.FaktaTBL {
	border-style: none;
	border-spacing: 10px;
	width: 90%;
	margin-left: 1%;
	text-align: left;
	font-size: 100%;
}

.FaktaTR {
	border-style: none;
	border-collapse: collapse;
	text-align: left;
}

.FaktaRubrik {
	border-style: none;
	border-collapse: collapse;
	text-align: left;
	width: 35%;
}

.FaktaVarde {
	border-style: none;
	border-collapse: collapse;
	text-align: left;
	width: 65%;
}

.linktext {
	margin: 0 0 20px 3%; 
}

.video {
	border: none;
	display: block;
	max-width: 50%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	font-size: 100%;
}

.audio {
	border: none;
	display: block;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	font-size: 100%;
}

.videotext, .audiotext {
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-size: 90%;
	font-style: italic;
	text-align: center;
}

table.statistik, tr.statistik, td.statistik, th.statistik {
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	margin-bottom: 20px;
	font-size: 110%;
	padding: 6px;
}

img.statistik {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	margin-bottom: 20px;
	font-size: 100%;
}

p.statistik {
	text-align: center;
	font-size: 80%;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color: black;
	margin-bottom: 20px;
}


.nav {
	list-style-type: none;
	text-align: center;
	margin: 10px;
	padding: 5px 0 5px 0;
	border-top: 1px solid #305059;
	border-bottom: 1px solid #305059;
}

.nav li {
	display: inline-block;
	font-size: 110%;
	padding: 10px 20px 10px 20px;
}