body { font-size:13px; margin:15px;}	
.table {height:99%;}	
.tr {min-height:1.125em;}	
h1.boat {width:99%;text-align:center;}	
div.body {width:99%;max-height:100%;text-align:center;}	
h1.boatlink {width:99%;text-align:center;cursor:pointer;}	
h1.special {position:static; margin:0;}	
img.hoch {margin-top:auto;}	
img.quer {margin-top:auto;}	
img.xl_link {border:1px solid #ddd;}	
a {white-space:nowrap;}	
table.bildmittext td {padding:10px;}	
table.bildmittext tr :nth-child(2n-1 of td){width:50%;padding:10px;}	
table.bildmittext tr :first-child{vertical-align:middle;text-align:center;}	
	
#boatselect {font-size:0.9em;color:#000;background-color:#eee; position:absolute;top:0;right:0;}	
#boatcontent { border:none; position:fixed;top:0;left:0; height:100%;}	
relink {font-size:0.9em;color:#000;}	
table {margin-top:0.225em; height:95%;}	
a:link, a:visited {text-decoration:none; display:block;position:relative ;}	
img.preview_link {border:1px solid #999; margin:0; width:50px; height:50px;}	
img.preview_link.quer, img.preview_link.hoch {width:unset; height:unset;}	
img.xl_link {border:1px solid #a00; margin:2px;}	
img.link_extend {border:none; width:9px; height:9px; position:absolute; bottom:0; right:0; margin:0; background-color:#fff;}	
div.preview_text { text-align:center; font-size:0.825em; white-space:break-spaces; font-weight:normal; padding:5px 3px; border:1px solid #999; margin:2px 1px 2px 4px;}	
.bildlinks {margin-right:20px;max-width:calc(100% - 330px);border:0;}	
div.textrechts {display:inline-block;text-align:left;max-width:300px;}
div.textrechts ul {position:relative;left:-30px;}
.c {text-align:center;}
.medium{font-size:0.9em;}	
.small{font-size:0.825em;}	
td.img {line-height:0.45em;}	
td.img a {margin:4px;}	
td.img img.xl_link {float:right;margin:4px;}	
br.bis620 {display:none;}	
	
@media (max-width:620px)	
{
	#boatselect {max-width:5.25em !important;}
	#boatcontent {width:calc(100% - 6.75em) !important;}
	img.bildlinks {margin-right:unset;max-width:100%;}	
	div.textrechts ul {position:unset;}
}	
@media (max-width:510px)	
{
	body {font-size:16px;}
	.ttyh {display:unset !important;}
	.ttyc {display:none !important;}
	br.bis620 {display:unset;}
	img {max-width:100%; height:auto;}
	img.quer {max-width:95%; height:auto;}
	img.hoch {max-height:90%; width:auto;}
	strong {font-weight:900;}
	a {font-size:120%;}
	.table {display:block;}
	.tr,.trbh {display:block;}
	.td,.tdbh {display:block; padding:3px; width:100%;}
	table.bildmittext tr td {display:block;width:100% !important;}
}