/* CSS file screen.css for Disgen08, issuedate=250307 */


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

@media screen and (min-width: 941px) {
.rad_avst {
	line-height: 1;
	margin: 1em 0 1em 0;
}
}

@media screen and (max-width: 940px) {
.rad_avst {
	line-height: 1.75;
	margin: 1em 0 1em 0;
}
}

#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: 10px 2% 10px 2%;
	margin: 0;
	max-width: 100%;
}

.index {
	font-size: 140%;
}

H1.relative {
	position: relative;
	margin: -5em 0 4em 0;
	text-align: center;
	color: white;
	background: none;
}

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

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

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

H5 {
	font-size: 85%;
	font-weight: bold;
	text-align: left;
	margin: 2ex 0 0 2%;
	padding: 1ex 0 0 0;
}

H5.kella, H5.fotnot {
	border-top: 1px ridge #305059;
}

p {
	padding: 0;
}

p.about {
	margin: 15px 0 15px 25px;
	line-height: 1.5;
}

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

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;}

.ortportrettext {
	text-align: center;
	font-size: 90%;
	font-style: italic;
	margin: 0 auto 1em auto;
}

.center {
	text-align: center;
}

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

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

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

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

p.partner {
	margin: 0 0 0 2%;
	font-weight: normal;
}

.relation {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 1em 3.7%;
	color: black;
}

p.gifte {
	margin: 10px 0 0 2%;
	font-weight: normal;
}

div.barn {
	margin: 0 0 10px 5%;
	font-weight: normal;
}

p.multimediarubrik {
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	text-align: left; 
	width: 100%;
	margin: 15px 0 0 0;
	padding-top: 10px;
	border-top: 1px ridge;
}

p.multimedia {
	border-top: thin groove #000000;
	padding-top: 2ex;
	font-weight: normal;
	text-align: center;
}

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

span.kella {
	font-size: 85%;
	font-weight: normal;
}

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

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

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

.kellrefhelp {
	font-size: 0.83em;
	vertical-align: baseline;
	text-decoration: underline;
	font-weight: bold;
}

em {}

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

em.en {
	font-style: normal;
}

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

/*.fotnot, .kellanr {
	font-size: 0.83em;
	vertical-align: super;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	line-height: 0;
}*/

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

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

div.giften {
	text-align: justify;
	font-weight: normal;
	margin: 0 0 0 0;
}

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

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

table.portrett {}

table.gifte {
	border: none;
}

td.gifte {
	padding: 0;
}

table.portrett_sida {
	border:none;
	margin: 15px 0 5px 1em;
	background: none;
}

.utanram {
	margin-left: auto; 
	margin-right: auto;
	width: 96%;
	border: none;
	text-align: left;
}

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;
}

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

td.fff, td.ffm, td.fmf, td.fmm, td.mff, td.mfm, td.mmf, td.mmm, 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;
}

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;
	border: 2px ridge;
}

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

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

td.gen_rub {
	text-align: center;
}

td.arrow {
	width: 30px;
}

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

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

img.genarrow {
	border: 0;
	height: 12px;
	width: 12px;
}

img.stamportrett {
	border: none;
	width: 16%;
	margin-left: 42%;
}

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

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

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

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

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

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

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

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

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

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

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

img.litetportrett_4gen_L {
	border: none;
	display: block;
	max-width: 80%;
	margin: auto;
	max-height: 300px;
	padding: 0 0 15px 0;
}
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.startbild {
	border: none;
	display: block;
	margin: 2em auto 2em auto;
	max-height: 90%;
	max-width: 70%;
}

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}

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

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

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

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

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

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

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

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

img.needle {
	border: none;
	height: 20px;
	width:  20px;
}

img.info {
    border: none;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

div.bildserie {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.GMap {
	width: 96%;
	height: 600px;
	display: block;
	margin: 15px auto 15px auto;
}
	
img.ortportrett {
	border: none;
	display: block;
	margin: 15px auto 0 auto;
}

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

img.lan {
	border: 0;
	width: 400px;
	margin: 0 auto 0 auto;
}

.ortsrubrik {
	padding: 0;
	font-size: 130%;
	font-weight: normal;
	color: #000000;
	text-align: left; 
	max-width: 100%;
	margin: 0 0 2px 15px;
}

.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: 98%;
	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 25px 2%; 
}

figure.notis {
	float: left;
	margin: 1em 20px 1em 0;
}

figcaption {
	font-style: italic;
	text-align: left;
	word-break: break-word;
}

.video {
	border: none;
	display: block;
	max-width: 50%;
	min-width: 150px;
	height: auto;
	margin: 2em 0 5px 0;
	font-size: 100%;
}

.audio {
	border: none;
	display: block;
	max-width: 50%;
	margin: 2em 0 0 0;
	font-size: 100%;
}

.videotext, .audiotext {
	max-width: 50%;
	margin: 0 0 1em 0;
	font-size: 90%;
	font-style: italic;
	text-align: left;
}

table.statistik, tr.statistik, td.statistik, th.statistik {
	max-width: 96%;
	margin: 1em 0 1em 1em;
	border: 1px solid black;
	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;
}

td.lansbokst {
	width: 40px;
	height: 15px;
}

td.lansnamn {
	width: 280px;
	height: 15px;
}

td.lanskarta {
	width: 125px;
}

.nav {
	list-style-type: none;
	text-align: center;
	padding: 5px 0 5px 0;
	background-color: #006666;
	margin: 0;
}

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