@font-face {font-family: 'Tonnen_Baken'; src: url('Tonnen_Baken.otf') format('opentype');}

@font-face {font-family: 'Seezeichen'; src: url('seezeichen01.woff') format('woff');}
@font-face {font-family: 'Seezeichen2'; src: url('seezeichen02.woff') format('woff');}
@font-face {font-family: 'Seezeichen3'; src: url('seezeichen03.woff') format('woff');}
@font-face {font-family: 'Seezeichen'; src: url('seezeichen01.eot') format('eot');}
@font-face {font-family: 'Seezeichen2'; src: url('seezeichen02.eot') format('eot');}
@font-face {font-family: 'Seezeichen4'; src: url('seezeichen04.woff') format('woff');}

@font-face {font-family: 'Seezeichen'; src: url('seezeichen01.otf') format('opentype');}
@font-face {font-family: 'Seezeichen2'; src: url('seezeichen02.otf') format('opentype');}
@font-face {font-family: 'Seezeichen3'; src: url('seezeichen03.otf') format('opentype');}
@font-face {font-family: 'Seezeichen4'; src: url('seezeichen04.otf') format('opentype');}
@font-face {font-family: 'Seezeichen2'; src: url('seezeichen02.eot') format('eot');}


@font-face {font-family: 'IALAFahrwassertonnen'; src: url('iala_tonnen_FW.woff') format('woff');}
@font-face {font-family: 'IALAFahrwassertonnen'; src: url('iala_tonnen_FW.otf') format('opentype');}
@font-face {font-family: 'IALAFahrwassertonnen'; src: url('iala_tonnen_FW.ttf') format('truetype');}

@font-face {font-family: 'IALATonnenA'; src: url('iala_tonnen_A.woff') format('woff');}
@font-face {font-family: 'IALATonnenA'; src: url('iala_tonnen_A.otf') format('OpenType');}
@font-face {font-family: 'Tonnen2'; src: url('tonnen2.otf') format('opentype');}
@font-face {font-family: 'Tonnen2'; src: url('tonnen2.woff') format('woff');}

@font-face {font-family: 'Tonnen'; src: url('tonnen.woff') format('woff');}
@font-face {font-family: 'Tonnen'; src: url('tonnen.otf') format('opentype');}

@font-face {font-family: 'Tonnen_Baken'; src: url('Tonnen_Baken.woff') format('woff');}

@media print {div.vorblatt {display:block;page-break-after:always;}}



.t {font-family: Tonnen; font-size: 50pt}
.tonne {font-family: Seezeichen; font-size: 20pt}
.tonne2 {font-family: Seezeichen; font-size: 50pt;}
.tonne3 {font-family: Seezeichen2; font-size: 75pt;}
.tonne4 {font-family: IALATonnenA; font-size: 50pt}
.tonne5 {font-family: Tonnen2; font-size: 50pt}
.tonne6 {font-family: IALAFahrwassertonnen; font-size: 50pt}
.tonne7 {font-family: Seezeichen4; font-size: 50pt;}
.tonne8 {font-family: Seezeichen3; font-size: 50pt;}
.baken {font-family: Tonnen_Baken; font-size: 50pt}


BODY, H1, H2, H3, H4, H5, H6, TD, TH, DIV, PRE, CAPTION, TABLE, CODE, SPAN, P, OL, UL, DL, DT, DD, LI, BLOCKQUOTE {font-family: Arial, Helvetica, sans-serif} 
CAPTION, P, TD, UL, OL {font-size: 9pt}
CAPTION, H1, H2 {font-weight: bold; line-height: 200%}
CAPTION {text-align: center}
CAPTION.feuer {text-align: center; color: white; width: 575;}
H1 { font-size: 14pt ;letter-spacing: 0.1em; line-height: 120%; vertical-align: bottom}
H2 { font-size: 12pt ;letter-spacing: 0.1em; line-height: 120%; vertical-align: bottom}
H3 { font-size: 12pt ;font-weight: normal; letter-spacing: 0.1em; line-height: 200%;}
H4 { font-size: 11pt ;font-weight: normal; letter-spacing: 0em; line-height: 100%;}
div.vorblatt {display:none}
P { text-indent: 1em}
P.feuer {text-indent: 0em; color: #00ff33; background-color: #000000; font-size: 12pt; font-weight: bold}
TD {font-size: 8pt; text-indent: 0em; text-align: ","; margin: 0px; color: inherit;}
TD.zeit {font-size: 8pt; text-indent: 0em; text-align: ":"; margin: 0px}
.small {font-size: 8pt}
BODY.feuer {width: 575px; margin: 0px; padding: 0px; background-color: #000000; color: white;}
TH { font-size: 9pt; font-weight: normal; text-align: center}
TD.eigenesache { padding: 10px; margin: 10px; border: 3px groove blue; color: black; background-color: #ebf498; font-weight: bold}
UL { list-style-type: circle}
UL.nobull { list-style-type: none;}

OL { list-style-type: decimal}
.rsmall {font-size: 8pt; color: red; background-color: #ffff99}
.vsmall {font-size: 6pt; color: silver; background-color: white}
TD.free {font-size: 9pt; line-height: 90%; text-align: ","; vertical-align: middle}
.bio {text-transform: uppercase; font-size: 8pt}
.halbehoehe { line-height: 50%}
HR.eins {color: black; background-color: white}
HR.drei {color: blue; background-color: white}
HR.double {color: black; border-style: double; background-color: white}
TABLE {color: black; background-color:#ffffff; padding: 3px; margin: 0px; border: none}
TABLE.footer {background-color: #ffff99; border: thin ridge blue}
TABLE.feuer {background-color:#000000; padding: 0px; margin: 0px; border: none; color: white;}
.w {color:white; background-color: black;}
.r {color: rgb(255,0,0); font-weight: bold;}
.g {color: rgb(53,255,17); font-weight: bold;}
.y {color: rgb(233,250,91); font-weight: bold;}
.merksatz {font-size: 10pt; background-color: #ffffcc; color: blue; text-align: center; padding: 5px; width: 200px; height: 25px; border-top: 2px solid blue; border-bottom: 2px solid blue;}
.merksatz2 {font-size: 10pt; text-indent: 0em; background-color: #ffffcc; color: blue; text-align: left; padding: 5px; border-top: 2px solid red; border-bottom: 2px solid red;}
.noindent {text-indent: 0em}
COL.bold {font-weight: bold}
COL.komma {text-indent: 2em; text-align: ","}
COL.colon {text-indent: 2em; text-align: ":"}
TD.komma {text-indent: 2em; text-align: ","}
.line {border-bottom: thin solid black}
DL, DT, DD {font-size: 8pt}
IMG {float:left; margin-right:10px; margin-bottom:20px; border:none;}
IMG.r {float:right; margin-left:10px; margin-bottom:20px;}
IMG.nofloat {float:none;padding:0pt}
a.def:link {color:white; text-decoration:none; border:none}
a.def:visited {color:red; text-decoration:none}
a.def:hover {color:yellow; text-decoration:underline}
a.def:active {color:white; text-decoration:none}
#main {width: 100%; padding-top: 10px;}
table.main {width: 100%; padding-top: 10px;}
#10c {width: 10%; text-align: center; font-weight: bold; font-size: 14pt;  border: 1px;}
#25c {width: 25%; text-align: center;}
#65l {width: 65%; text-align: left;}
.10c {width: 10%; text-align: center; font-weight: bold; font-size: 14pt; border: 1px solid;}
table.sechzig {width: 60%;}
table.achtzig {width: 80%;}
table.feuersechzig {width: 100%; background-color: black;}
hr.dreiviertel {width: 75%; text-align: center;}
figure {position: relative;}
figcaption {paddig: 2px; text-align: center;}
img.cap {margin-right: 5px; margin-bottom: 5px; border:none;}