/* @import url('https://fonts.googleapis.com/css?family=Padauk');  */

html{
font-size:100%;
}

body {
	xposition: relative;
	xtop: 300pt;
	xborder: 1px solid;
	xborder-color: navy;
	/* font-family: Garamond, serif; */
	font-family: system-ui, sans-serif; 	
	/* font-family: Verdana, sans-serif; */
	/* font-family: Helvetica, sans-serif; */
	/* font-family: "Courier", monospace; */
	/* Corbel; */
	font-size: 1.125rem; 
	background-color: white;
	color: navy;
	margin-top:  1rem;
	margin-bottom: 1rem;
	#margin-left:  1rem;
	#margin-right: 1rem;
	max-width: 666px;
	margin-left:0rem;
	margin-right:auto;
	padding:  1rem;
}

.big {
	font-size: 200%;
}

/*
#.fixedheader{
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	background-color: white;
	opacity: 0.9;
	padding:10pt;
}
*/

.banner {
	margin-left: 0rem;
	margin-right: 0rem;
	margin-top: -0.1rem;
	margin-bottom: -0.1rem;
	width: 100%;
	max-width: 666px;
	height: auto;
	border-style: solid;
	border-width: 1px;
	border-color: navy;
}

sourcename { 
	color: blue;
 	font-weight: normal; 
	font-style: normal; 

}

/*

/*
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underlined;}
a:active {text-decoration: underline; font-weight: bold; }
*/

/*
a[class=home] {
	color: white;
	background-color: black; 
	font-size: 2rem; 
	text-decoration: none;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.6rem;
	margin-right: 0rem;
	padding-top: 0.6rem;
	padding-bottom: 0.9rem;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	vertical-align: center;
	text-align: center;
 	font-weight: bold; 
	font-style: normal;
	border-color: navy;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.5rem;
}
*/


a[class=home] {
	font-family: Garamond, serif;
	color: white;
	background-color: black; 
	font-size: 1.425rem;
	text-decoration: none;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	padding: 0.15rem 0.3rem;
	text-align: center;
 	font-weight: bold; 
	font-style: normal;
	border-color: navy;
	border-style: solid;
	border-color: navy;
	border-width: 1px;
	border-radius: 0.3rem;
}

p[class=nav1] {
	background-color: CornFlowerBlue; 
	font-size: 1.125rem;
	#font-weight: bold; 
	margin-bottom: 0rem;
/*
	margin-top: 1.25rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
*/
	border-style: solid;
	border-color: navy;
	border-width: 1px;
	width: 100%;
	max-width: 666px;
}

a[class=nav1]:link, a[class=nav1]:visited {
	color: white; #navy;
	#background-color: white;
	text-decoration: none;
	text-align: center;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	display: inline-block;
	
	border-style: solid;
	border-color: CornFlowerBlue;
	border-width: 1px;
	border-radius: 0.3rem;

}

a[class=nav1]:hover {
	color: firebrick;
	background-color: gold;
	text-decoration: none;
	text-align: center;
	
	padding: 0.3rem 0.6rem;
	
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	
	display: inline-block;
	
	border-style: solid;
	border-color: navy;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav1]:active {
	color: firebrick;
	background-color: white;
	text-decoration: none;
	text-align: center;
	padding: 0.3rem 0.6rem;
	
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	
	display: inline-block;
	
	border-style: solid;
	border-color: navy;
	border-width: 1px;
	border-radius: 0.3rem;
}


a[class=nav1pin]:link, a[class=nav1pin]:visited {
	color: white;
	background-color: firebrick;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: navy;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav1pin]:hover {
	color: firebrick;
	background-color: gold;
	text-decoration: none;
	text-align: center;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	display: inline-block;
	border-color: navy;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav1pin]:active {
	color: firebrick;
	background-color: white;
	text-decoration: none;
	text-align: center;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	display: inline-block;
	border-color: navy;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}
/*
p[class=nav2] {
	background-color: SaddleBrown; 
	font-size: 1.125rem;
	font-weight: bold; 
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	border-style: solid;
	border-color: navy;
	border-width: 1px;
	width: 100%;
	max-width: 660px;
}

a[class=nav2dead]:link, a[class=nav2dead]:visited {
	color: tan;
	background-color: SaddleBrown;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: tan;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2]:link, a[class=nav2]:visited {
	color: navy;
	background-color: white;
	text-decoration: none;
	text-align: center;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	display: inline-block;
	border-style: solid;
	border-color: navy;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2]:hover {
	color: SeaGreen;
	background-color: gold;
	text-decoration: none;
	text-align: center;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	display: inline-block;
	border-style: solid;
	border-color: navy;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2]:active {
	color: SeaGreen;
	background-color: white;
	text-decoration: none;
	text-align: center;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	display: inline-block;
	border-style: solid;
	border-color: navy;
	border-width: 1px;
	border-radius: 0.3rem;
}


a[class=nav2pin]:link, a[class=nav2pin]:visited {
	color: white;
	background-color: SeaGreen;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: navy;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2pin]:hover {
	color: SeaGreen;
	background-color: gold;
	text-decoration: none;
	text-align: center;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	display: inline-block;
	border-color: navy;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2pin]:active {
	color: SeaGreen;
	background-color: white;
	text-decoration: none;
	text-align: center;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	display: inline-block;
	border-color: navy;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}
*/

p[class=nav2] {
	background-color: tan; AntiqueWhite; #733E0A;
	font-size: 1.125rem;
	#font-weight: bold; 
	margin-top: 0rem;
	/*

	margin-bottom: 1.25rem;
	padding: 0.3rem 0.6rem;
	*/
	border-style: solid;
	border-color: #733E0A;
	border-width: 1px;
	width: 100%;
	max-width: 666px;
}

a[class=nav2dead]:link, a[class=nav2dead]:visited {
	color:  Tan;
	background-color: Tan;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: Tan; AntiqueWhite; #733E0A;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2]:link, a[class=nav2]:visited {
	color: White; SaddleBrown;
	background-color: Tan; AntiqueWhite; #733E0A;tan;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: Tan; AntiqueWhite; #733E0A; tan; saddlebrown;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2]:hover {
	color: SeaGreen;
	background-color: Gold;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: saddlebrown;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2]:active {
	color: SeaGreen;
	background-color: white;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: saddlebrown;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2pin]:link, a[class=nav2pin]:visited {
	color: white;
	background-color: SeaGreen;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: saddlebrown;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
} 

a[class=nav2pin]:hover {
	color: SeaGreen;
	background-color: Gold;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: saddlebrown;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
}

a[class=nav2pin]:active {
	color: SeaGreen;
	background-color: white;
	padding: 0.3rem 0.6rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	margin-left: 0.3rem;
	margin-right: 0rem;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-color: saddlebrown;
	border-style: solid;
	border-width: 1px;
	border-radius: 0.3rem;
} 


.vorschau
{
width: 222px;
height: 149px;
border-style: solid;
border-width: 1px;
}

grid_Testbereich {
	margin: 10px auto;
	max-width: 60em;
	font-family: sans-serif;
	color: #333333;
	display: grid;
	grid-template-columns: 5rem 10rem 10rem auto auto;
}

 grid_Bauort{
	grid-column: 1 / span 6;
	border-radius: 0.5em;
	border: 1px solid;
	padding: 10px;
	margin: 10px;
}
a[class=navigation]:link {
  color: white;
}
a[class=navigation]:visited {
  color: white;
}
a[class=navigation]:hover {
	font-weight: bold;	
	text-decoration: underline;
}
a[class=navigation]:active {
  color: red;
}

p[class=hinweis] {
	margin-top: 		1.50rem;
	font-size: 			0.875rem;
	margin-bottom: 		1.5rem;
	#margin-top: 		1.25rem;
	#font-size: 		0.625rem;
	#margin-bottom: 	1.25rem;
	color: #666666;
}

p[class=ende] {
	margin-top:1.75rem;
	font-size: 1rem;
	margin-bottom: 1.5rem;
	#margin-top:1.75rem;
	#font-size: 0.75rem;
	#margin-bottom: 1.5rem;
	font-style:normal;
	font-weight:normal; 
}

p[class=sitename] { 
	font-size:1.75rem;
	margin-top:1.75rem;
	margin-bottom:1.75rem;
	color: #000000 #ff6600;
	vertical-align: center;
	text-align: left;
 	font-weight:bold; 
	font-style:normal; 
}

h1 { 
	font-size:1.625rem;
}
h1[class=nav1] { 
	color: navy; white;
	#background-color: firebrick;
	font-size:1.625rem; 
	font-style:normal;
	#font-weight:bold;
	text-align: left;
	#margin-left:1.0rem;
	#margin-top:1.625rem;
	#margin-bottom:1.625rem;
	#padding: 0.43rem 0.86rem;
	#border-style: solid;
	#border-color: navy;
	#border-width: 1px;
	#border-radius: 0.43rem;
	width: max-content;
}

h1[class=nav2] { 
	color: navy; white;
	#background-color: SeaGreen;
	font-size:1.625rem; 
	font-style:normal;
	#font-weight:bold;
	text-align: left;
	#margin-left:1.0rem;
	#margin-top:1.625rem;
	#margin-bottom:1.625rem;
	#padding: 0.43rem 0.86rem;
	#border-style: solid;
	#border-color: saddlebrown;
	#border-width: 1px;
	#border-radius: 0.43rem;
	width: max-content;
}

h1[class=source] { 
	color: blue;
	#background-color: SeaGreen;
	font-size:1.625rem; 
	font-style:normal;
	font-weight:bold;
	text-align: left;
	text-decoration: underline;
	margin-left:1.0rem;
	margin-top:1.625rem;
	margin-bottom:1.625rem;
	padding: 0.43rem 0.86rem;
	#border-style: solid;
	#border-color: saddlebrown;
	#border-width: 1px;
	#border-radius: 0.43rem;
	#width: max-content;
}

/*
h1[class=nav1] { 
	color: white;
	background-color: firebrick;
	font-size:1.625rem; 
	font-style:normal;
	font-weight:bold;
	text-align: left;
	margin-left:1.0rem;
	margin-top:1.625rem;
	margin-bottom:1.625rem;
	padding: 0.43rem 0.86rem;
	border-style: solid;
	border-color: navy;
	border-width: 1px;
	border-radius: 0.43rem;
	width: max-content;
}

h1[class=nav2] { 
	color: white;
	background-color: SeaGreen;
	font-size:1.625rem; 
	font-style:normal;
	font-weight:bold;
	text-align: left;
	margin-left:1.0rem;
	margin-top:1.625rem;
	margin-bottom:1.625rem;
	padding: 0.43rem 0.86rem;
	border-style: solid;
	border-color: saddlebrown;
	border-width: 1px;
	border-radius: 0.43rem;
	width: max-content;
}

h1[class=source] { 
	color: blue;
	#background-color: SeaGreen;
	font-size:1.625rem; 
	font-style:normal;
	#font-weight:bold;
	text-align: left;
	text-decoration: underline;
	margin-left:1.0rem;
	margin-top:1.625rem;
	margin-bottom:1.625rem;
	padding: 0.43rem 0.86rem;
	#border-style: solid;
	#border-color: saddlebrown;
	#border-width: 1px;
	#border-radius: 0.43rem;
	#width: max-content;
}

*/

h2 {
	font-size:1.3rem;
	vertical-align: center; 
	text-align: left; 
	font-weight:bold; 
	font-style:italic;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}

h3 {
	font-size: 1.0rem;
	color: #000000 #ff6600;
	vertical-align: center; 
	text-align: left; 
	font-weight: normal; 
	font-style:italic;
	text-decoration:underline;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

hr {
	text-align: left;
	margin-left: 0; 
	border: 0;
	height: 1px;
	#width: 100%; 
	max-width: 666px;
	background-color: navy;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
}

hr[class=foot]{
	text-align: left;
	margin-left: 0;
	border: 0;
	height: 1px;
	width: 100%; 
	max-width: 666px;
	background-color: navy;
	margin-top: 4rem;
	margin-bottom: 0rem;
}


table {
	width: 100%;
	max-width: 666px;
	background-color: white;
	outline-style:none;
	padding: 0pt;
	border-spacing: 0pt;
	border: 0;
	border-color: #aaaaff;
	border-collapse: collapse;
}

table[class=ship]{
	width: 700px;
}

table[class=overview]{
	width: 700px;
	border: 1;
}

tr[class=overview] {
	background-color: #ddddff;
}
table[class=properties] {
	width:100%;
	margin-top:  0pt;
	margin-bottom: 0pt;
	padding: 3pt;
}

tr[class=Karteitabellenkopf]{
	background-color: #ffff99;
	text-align: left;
}

tr[class=zumTOC]{
	border: 0;
}

tr[class=Bauort]{
	background-color: #aaaaff;
	padding:  0.6575rem;
	#padding:  0.4375rem;
	text-align: left;	
	border-width: 40px 0px 10px 0px;
	border-style: solid;
	border-color: white;
	font-weight: bold;
}

tr[class=Werft]{
	background-color: #eeeeff #ffff99;
	padding:  0.6575rem;
	#padding:  0.4375rem;
	text-align: left;
	font-weight: normal;
	font-style:underlined;
	border-style: solid;
	border-color: white;
	border-width: 10px 0px;
}

tr[class=Werftname]{
	background-color: #ffff99;
}
tr[class=Werft-Tabellenkopf]{
	background-color: #ddddff;
}

tr[class=card]{
	background-color:ffffff;
}
tr[class=sum]{
	text-decoration-line: overline underline;
	font-weight: bold;
}


th {
	font-size: 1.125rem;
	padding:  0.6875rem;
	#font-size: 1.0.875rem;
	#padding:  0.4375rem;
	vertical-align: top;

}

th[class=Karteitabellenkopf]{
	text-align: left;
	background-color: #ffff99;
}

th[class=id] {
	width: 100px;
	font-weight: normal;
	font-style:normal; 
	font-size: 1.025rem;
	padding:  0.46875rem;
	#font-size: 0.875rem;
	#padding:  0.21875rem;
	vertical-align: top;
	text-align: right;
	white-space: nowrap;

}

td {
	font-size: 1.125rem;
	padding:  0.375rem;
	#font-size: 0.875rem;
	#padding:  0.4375rem;
	vertical-align: top;


}

td[class=zumTOC]{
	border: 0;
}


td[class=id_value] {
	font-size: 1.125rem;
	padding:  0.46875rem;
	#font-size: 0.875rem;
	padding:  0.21875rem;
	vertical-align: top;

}

th[class=date] {
	vertical-align:top;
	xwidth:150px;
	text-align:right;
	font-weight:normal; 
	font-style:normal; 
}

th[class=property_name] {
	border:0px;
	font-size: 1.125rem;
	#font-size: 0.875rem;
	width:100px;
	text-align:right;
	vertical-align:top;
	font-weight:normal; 
	font-style:normal;
}

td[class=property_value] {
	border: 0px;
	font-size: 1.125rem;
	#font-size: 0.875rem;
}

th[class=history_date] {
	xwidth: 150px;
	text-align: left;
	font-weight:bold; 
	font-style:normal; 
}

parameter::after {
	content: ":  "
}

td[class=photo_text]{
	font-size: 0.75rem;
	 color: #666666;
	font-style:italic;
	vertical-align: bottom;
}

p{
	font-size: 1.125rem;
	margin-top:  1rem;
	margin-bottom: 1rem;	
}

p[class=photo_text]{
	font-size: 0.75rem;
	margin-top:  0.75rem;
	margin-bottom: 0.75rem;	
	 color: #666666;
	font-style: italic;
	width: 100%;
	max-width: 666px;
}

td[class=source]{
	font-size: 1rem;
	#font-size: 0.75rem;
	 color: #666666;
	xfont-style:italic;
	xvertical-align: bottom;	
}

s_abb {

	 color: #000066;
}
s_abb::before {content: " [";}
s_abb::after {content: "] ";}

s_anchor {
	font-size: 1rem;
	#font-size: 0.75rem;
	 color: #ff00ff;
	 text-align: right;
}
s_anchor::before {content: "[";}
s_anchor::after {content: "]";}

s_date {
	font-size: 1rem;
	#font-size: 0.75rem;	 
	text-align: left;
	font-weight: normal; 
	font-style: normal;
}
 s_full {
	font-size: 1rem;
	#font-size: 0.75rem;	 
	text-align: left;
	 -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

s_link {
	font-size: 1rem;
	#font-size: 0.75rem;
	color: blue;
}

.canceled {
	text-decoration: line-through;
	font-style: normal;
}



em[class=unclear]{color: #ff0000;}
em[class=notafloat]{font-weight: bold; font-style: italic; color: #aa6600;}
em[class=ashore]{font-weight: bold; font-style: italic; color: #aa6600;}
em[class=afloat]{font-weight: bold; font-style: italic; color: #00aa00;}
em[class=working]{font-weight: bold; font-style: italic; color: #00aa00;}
em[class=lost]{font-weight: bold; font-style: italic; color: #000000;}
em[class=unknown]{font-weight: bold; font-style: italic; color: #ff0000;}
em[class=oldname]{font-weight: bold; font-style: italic; color: #0000ff;}