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


body {
	xposition: relative;
	xtop: 300pt;
	border: 1px solid;
	border-color: white;
	font-family: Corbel;
	font-size: 1.125rem; 
	background-color: white;
	color: #000066;
	margin-top:  10pt;
	margin-bottom: 10pt;
	margin-left:  10pt;
	margin-right: 10pt;
}

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

sitename { 
	font-size:1.75rem;
	margin-top:0rem;
	margin-bottom:1.75rem;
	color:RoyalBlue;
	vertical-align: center;
	text-align: left;
 	font-weight:bold; 
	font-style:normal; 
}

.banner {
	margin-left: 10pt;
	width: 100%;
	max-width: 700px;
	height: auto;
	border-style: solid;
	border-width: 1px;

}

p[class=navigation] {
	background-color: white;
	font-size: 1.125rem;
	margin-top:	1.25rem;
	margin-bottom: 1.25rem;
	#font-size: 		0.875rem;
	#margin-top:  		1rem;
	#margin-bottom: 	1rem;
}

.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;
	margin-top:1.625rem;
	margin-bottom:1.625rem;
	vertical-align: center;
	text-align: left;
 	font-weight:bold; 
	font-style:normal;

	}

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

h3 {
	font-size:1.375rem;
	vertical-align: center; 
	text-align: left; 
	font-weight:bold; 
	font-style:normal;
	margin-top:1.375rem;
	margin-bottom:1.375rem;
}

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

h5 {
	font-size: 1rem;
	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 {
	border: 0;
	height: 1px;
	width: 100%; 
	background-color:#0000aa;
	#margin-top: 1.75rem;
	#margin-bottom: 1.75rem;
}

hr[class=ende]{
	border: 0;
	height: 1px;
	width: 100%; 
	color:#0000aa;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
table {
	background-color: white;
	outline-style:none;
	padding: 0pt;
	border-spacing: 6pt;
	border: 0;
	border-color: #aaaaff;
	border-collapse: collapse;
}

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

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

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.6875rem;
	#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: 1rem;
	 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: 1rem;
	margin-top:  1rem;
	margin-bottom: 1rem;	
	#font-size: 0.75rem;
	#margin-top:  0.75rem;
	#margin-bottom: 0.75rem;	
	 color: #666666;
	font-style: italic;
}

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

r {
	color: red;
}

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: #0000aa;}

name { 
	font-weight: bold; 
	font-style: italic; 
}
name[class=afloat] 	{	color: #00aa00;}
name[class=lost] 	{	color: black;}
name[class=unknown] 	{	color: #ff0000;}
name[class=oldname] 	{	color: #0000aa;}

fkz{	font-weight: bold}
fkz::before {content: "("}
fkz::after {content: ")" }
fkz[class=working]{color: #00aa00}
fkz[class=old] {color: #666666}
fkz[class=lost] {color: #000000}

li[class=alt] { background-color: #dcdcdc}
li[class=last] {background-color: #ddddff}