/*  css class definition -  alfgrs.css - loewenfans gegen rechts */
/* ************************ sky-blue RAL: #0057b5 light sky blue: #7fbcff */
body {background-color:#ffffff; color:#000080; margin:0px 0px 0px 60px; padding-bottom:30px;
 font-family:verdana, tahoma, sansserif, sans-serif; font-size:14px; line-height:20px;
 background-image:url(track.gif); background-position:left; background-repeat:repeat-y;
 border-width:0 30px 0 0; border-style:solid; border-color:#0057b5;}
a:link {color:#0057b5;}
a:visited {color:#0057b5;}
a:focus {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:none}
a:active {color:#000000; text-decoration:none;}
p, div {margin-right:20px; max-width:930px;}
h1, h2, h3, h4, h5, h6 {font-family:verdana, tahoma, sansserif, sans-serif;
 font-weight:bold; max-width:600px;}
img {border:none; margin:15px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
/* # iframe {margin-top:10px;} */
iframe {margin:10px 0 10px 0; border:2px solid #8080ff; border-radius:6px; max-width:98%;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
iframe.x {width:860px; height:400px; margin:0;}
iframe.ticker {width:550px; height:120px; margin:-5px 0 0 -5px;}
object {border:none;}
/* hr {height:2px; width:100%; color:#0057b5; background-color:#0057b5; border:none;} */
hr {height:6px; width:100%; color:#ffffff; background-color:#ffffff;
 border:2px solid #0057b5; border-radius:3px;}
/* override hr clear-float problem (webkit engine) with a 'div' line - color value needed */
/* div.hr {font-size:4px; line-height:4px; color:#000000;
 border-width:0 0 2px 0; border-style:solid; border-color:#0057b5;} */
div.hr {font-size:4px; line-height:4px; color:#000000; margin:20px 20px 10px 0;
 max-width:618px; border:2px solid #0057b5; border-radius:3px;}
/* double border top-bottom */
.xbor {border-width:2px 0 2px 0; border-style:solid; border-color:#0057b5; border-radius:5px;}
.xtbor {border-width:2px 0 0 0; border-style:solid; border-color:#0057b5; border-radius:5px;}
.xxbor {border-width:3px 0 3px 0; border-style:double; border-color:#0000ff; border-radius:5px;}
/* form  elements */
checkbox {background-color:#f8f8ff; color:#000080;}
input {background-color:#f8f8ff; color:#000080;
 font-family:verdana, tahoma, sansserif, sans-serif;}
input.blue {background-color:#0057b5; color:#ffffff; border:none;
 font-size:12px; text-align:center;}
input.x {color:#0057b5; font-style:italic; background-color:#ffffff; border:none;}
option {background-color:#f8f8ff; color:#000080;
 font-family:verdana, tahoma, sansserif, sans-serif; font-size:14px; line-height:20px;}
radio {background-color:#f8f8ff; color:#000080;}
textarea {background-color:#f8f8ff; color:#000080;
 font-family:verdana, tahoma, sansserif, sans-serif; font-size:14px; line-height:20px;}
em {font-style:normal; font-variant:normal; font-weight:normal;}
/* image: margins for centered, left, right / no margin */
img.c {border:none; margin:1px 15px 1px 15px;}
img.l {border:none; margin:1px 15px 1px 1px;}
img.r {border:none; margin:1px 1px 1px 15px;}
img.x {border:none; margin:1px;}
/* lists (ul = ol) */
ul.a, ol.a {list-style-type:lower-alpha; margin-right:40px; max-width:860px;}
ul.b, ol.b {list-style-image:url(ball.gif); margin-right:40px; max-width:860px;}
ul.c, ol.c {list-style-type:circle; margin-right:40px; max-width:860px;}
ul.d, ol.d {list-style-type:decimal; margin-right:40px; max-width:860px;}
ul.n, ol.n {list-style-type:none; margin-right:40px; max-width:860px;}
ul.o, ol.o {list-style-type:disc; margin-right:40px; max-width:860px;}
ul.r, ol.r {list-style-type:upper-roman; margin-right:40px; max-width:860px;}
/* span: shading blue, dark grey, light grey */
span.bl {background-color:#7fbcff;}
span.dg {background-color:#c0c0c8;}
span.lg {background-color:#e0e0e8;}
/* strikethrough */
.rot {text-decoration:line-through;}
/* tab */
span.tab {float:left; width:150px;}
/* width */
.m5000 {max-width:5000px;}
.m600 {max-width:600px;}
/* (links) without 'decoration', (span) without wrap */
.nob {white-space:nowrap;}
.nod {text-decoration:none; color:#000080;}
.q {text-decoration:none; color:#000080;} /* same, shorter */
/* headers: 1 blue bar, 2 big (not standard), 3 big, 4 small, (5 boxes only) */
h1 {font-size:30px; line-height:47px; color:#ffffff; background-color:#0057b5; margin-right:60px;
 padding-left:23px; border:3px solid #7fbcff; border-radius:5px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
h2 {font-size:24px; line-height:35px; background-color:#7fbcff; color:#000080; margin-right:60px;
 padding-left:20px; border:3px solid #0057b5; border-radius:5px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
h3 {font-size:20px; line-height:32px; background-color:#7fbcff; margin-right:60px;
 padding-left:20px; border:1px solid #0057b5; border-radius:5px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
h4 {font-size:18px; line-height:22px; background-color:#f8f8ff; margin-right:60px;
 padding-left:10px; border:1px solid #e0e0ff; border-radius:5px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
h4 em {font-weight:bold;}
h5 {font-size:24px; line-height:35px; margin:0 0 15px 0;} /* reserved for 'float' boxes */
h6 {font-size:16px; line-height:22px; margin-right:60px;}
/* overflow */
.hide {overflow:hidden;}
/* div block header: like h4, floating left of text */
div.h, span.h {float:left; color:#000080; font-size:16px; line-height:22px; font-weight:bold;
 padding-right:15px;}
/* div boxes: white, light blue, blue: left/right - light blue shaded text, blue text box */
div.aboxl {float:left; width:33%; border-width:0 5px 5px 0; border-style:solid; border-radius:5px;
 border-color:#0057b5; background-color:#ffffff; padding:10px; margin:5px 30px 5px 0;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
div.asboxr {float:right; width:17%; min-height:23px; background-color:#fafaff; padding:10px;
 margin:5px 0 5px 15px; font-size:12px; line-height:16px; text-align:center;
 border:5px solid #7fbcff; border-radius:6px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
div.asboxr h6 {color:#0057b5; font-weight:bold; font-size:14px; margin:0 0 15px 0;}
div.atboxr {float:right; width:33%; min-height:23px; background-color:#fafaff; padding:10px;
 margin:5px 0 5px 15px; font-size:12px; line-height:16px; text-align:center;
 border:5px solid #7fbcff; border-radius:6px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
div.atboxr h6 {color:#0057b5; font-weight:bold; font-size:14px; margin:0 0 15px 0;}
div.bboxl {float:left; width:33%; border-width:10px 10px 10px 0; border-style:solid;
 border-color:#ffffff; background-color:#0057b5; color:#ffffff; font-weight:bold;
 text-align:center; padding:10px; margin-right:10px; border:5px solid #0057b5; border-radius:6px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
/* background:linear-gradient(left, #0057b5, #7fbcff);} */
div.bboxl a {color:#ffffff;}
div.bboxl hr {height:2px; width:100%; color:#ffffff; background-color:#ffffff;}
div.bboxr {float:right; width:33%; color:#ffffff;background-color:#0057b5; font-weight:bold;
 text-align:center; padding:10px; margin:10px 0 10px 10px;
 border:5px solid #0057b5; border-radius:6px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
/* background:linear-gradient(left, #0057b5, #7fbcff);} */
div.bboxr a {color:#ffffff;}
div.bboxr h5 {color:#ffffff;}
div.bboxr hr {height:2px; width:100%; color:#ffffff; background-color:#ffffff; border:none;}
div.bboxrv {float:right; width:400px; color:#ffffff;
 border:solid 10px #ffffff; border-radius:6px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;
 margin:5px 0 10px 10px; background-color:#0057b5; font-weight:bold; text-align:center;
 padding:10px;}
div.bboxrv h5 {color:#ffffff;}
div.ibox {text-align:right; font-size:12px; padding:5px;}
div.sboxl {float:left; width:33%; border-width:10px 10px 10px 0; border-style:solid;
 border-color:#ffffff; border-radius:5px; background-color:#7fbcff; font-size:14px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;
 line-height:20px; text-align:center; padding:10px;}
div.sboxl h5 {font-size:16px; line-height:22px;}
div.sboxr {float:right; width:33%; border-width:10px 0 10px 10px; border-style:solid;
 border-color:#7fbcff; border-radius:5px; background-color:#7fbcff; font-size:14px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;
 line-height:20px; text-align:center; margin:3px 0 3px 7px; padding:10px;}
div.sboxr h5 {font-size:16px; line-height:22px;}
div.yboxl {float:left; max-width:100%;}
div.yboxr {float:right; width:100px;}
div.zboxl {float:left; width:50%;}
div.zboxr {float:right; width:50%;}
div.zboxr h5 {font-size:16px; line-height:22px; background-color:#ffffff;}
div.zzboxr {float:right; width:25%; background-color:#ffffff;}
/* framed / shaded */
div.f {font-size:15px; line-height:20px; padding:10px; border:5px solid #0057b5; border-radius:6px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
p.f {font-size:15px; line-height:20px; padding:10px; border:5px solid #0057b5; border-radius:6px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
div.s {background-color:#7fbcff; font-size:15px; line-height:20px; padding:10px;
 border:5px solid #7fbcff; border-radius:6px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
p.s {background-color:#e0e8ff; font-size:15px; line-height:20px; padding:10px;
 border:5px solid #7fbcff; border-radius:6px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
/* control box */
a.bx {float:left; width:10px; margin-right:10px; text-decoration:none; font-weight:bold;
 border:2px solid #0000c0; border-radius:5px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;
 color:#000000; background-color:#f4f4ff; padding:2px; text-align:center;}
a.bxx {float:left; min-width:10px; margin-right:10px; text-decoration:none; font-weight:bold;
 border:2px solid #0000c0; border-radius:5px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;
 color:#000000; background-color:#f4f4ff; padding:2px; text-align:center;}
div.bx {border:2px solid #f4f4ff; border-radius:5px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;
 margin:5px 0 0 0; background-color:#f4f4ff; color:#000000; font-size:12px; line-height:14px;
 font-weight:bold; padding:2px; text-align:center;}
span.bx {border:2px solid #0000c0; border-radius:5px;
 box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040; color:#000000;
 background-color:#f4f4ff; padding:2px; text-align:center;}
.wl {border:0 dotted #8080ff; border-left-width:2px; padding-left:3px; margin-left:-3px;}
/* *** div sized */
div.x800 {width:800px; min-height:20px; margin:0; border:0;}
/* floating div for input checkbox left of text (toc) */
div.cb {float:left; margin-left:-20px; width:17px; background-color:#f0f0ff; color:#8080ff;}
/* clear float */
.cl {clear:both;}
.cll {clear:left;}
.clr {clear:right;}
/* tab spans */
span.t30  {float:left; width:30px; overflow:hidden;}
span.t50  {float:left; width:50px; overflow:hidden;}
span.t60  {float:left; width:60px; overflow:hidden;}
span.t80  {float:left; width:80px; overflow:hidden;}
span.t90  {float:left; width:90px; overflow:hidden;}
span.t100 {float:left; width:100px; overflow:hidden;}
span.tr20 {float:right; width:100px; margin-right:20px; overflow:hidden;}
span.trx {float:right; min-width:20px; height:30px; overflow:hidden;}
/* invisible, no underline */
.inv {display:none;}
.nod {text-decoration:none;}
.nob {white-space:nowrap;}
/* *** test only *** */
.invXXX {background-color:#ffff00; border:1px solid #404000; border-radius:5px;}
/* background grey (banner exchange) */
.ba {background-color:#c0c0c0; font-family:monospace; font-weight:normal; color:#000000;
 display:none;}
/* colors: half-tone key / italic, half-tone blue, light blue, key */
.hg {color:#404040;}
.hgi {color:#404040; font-style:italic; font-weight:normal;}
.hgi a {color:#8080ff;}
.hb {color:#6060ff;}
.lb {color:#7fbcff;}
.k {color:#000000;}
.k a {color:#000000;}
.bgc {background-color:#a0f0f0;}
.bgk {background-color:#000000;}
/* close box top right */
.x {vertical-align:top; text-align:center; border:1px solid #6060ff; border-radius:5px;
 font-weight:bold; box-shadow:5px 5px 10px #404040; -webkit-box-shadow:5px 5px 10px #404040;}
/* *** font: trailer, trailer bold, caps, small (index) / align-right, big bold/italic, very big */
.xa {font-size:16px; line-height:22px;}
.xab {font-size:16px; line-height:22px; font-weight:bold;}
span.xabs {font-size:16px; line-height:22px; font-weight:bold;
 color:#000000; background-color:#ffffff;}
.xai {font-size:16px; line-height:22px; font-style:italic;}
.xb {font-weight:bold;}
.xi {font-style:italic;}
.xc {font-variant:small-caps;}
div.b, p.b, span.b {font-weight:bold;}
div.u, p.u, span.u {text-decoration:underline;}
div.i, p.i, span.i {font-style:italic;}
div.r, p.r {text-align:right; max-width:1200px;}
.mono {font-family:monospace;}
.mar {margin-left:60px;}
.xmar {margin-left:60px;}
.xxs {font-size:6px;}
.xl {text-align:left;}
.xo {text-align:center;}
.xr {text-align:right;}
.xs {font-size:12px; line-height:16px;}
.xxs {font-size:10px; line-height:12px;}
.xsi {font-size:12px; line-height:16px; font-style:italic;}
.idx {font-size:12px; line-height:16px;}
.idxf {float:left; min-width:200px; font-size:12px; line-height:16px;}
.xsr {font-size:12px; line-height:16px; text-align:right;}
.xsrf {float:left; min-width:200px; font-size:12px; line-height:16px;}
.xsri {font-size:12px; line-height:16px; text-align:right; font-style:italic;}
.xsw {font-size:12px; line-height:16px; font-weight:bold; color:#ffffff;}
.xsw a {color:#ffffff;}
.xxb {font-size:18px; line-height:29px; font-weight:bold;}
.xxi {font-size:18px; line-height:29px; font-style:italic;}
.xxx {font-size:24px; line-height:35px; font-weight:bold;}
/* **************************************************** */


/* *** *** legacy */
/* *** div: light-blue-shaded background: text block, headline (not shaded) */
/* *** div: light-blue-shaded background with blue frame: float-right-block/centered block */
div.sf {float:right; width:33%; border-width:10px; border-style:solid; border-color:#ffff00;
 background-color:#7fbcff; font-size:14px; padding:10px;}
div.sfc {float:right; width:33%; border-width:10px; border-style:solid; border-color:#ffff00;
 background-color:#7fbcff; font-size:14px; text-align:center; padding:10px;}
/* *** div: white on blue float-right-block centered (active tags: very light blue) */
div.wbfc {float:right; width:33%; border-width:10px; border-style:solid; border-color:#ffff00;
 background-color:#ff00ff; color:#ffffff; font-size:14px; text-align:center; padding:10px;}
div.wbfc a {color:#ffd0ff;}
/* *** *** all tags */
/* *** blue bars (white text): centered text, headline very big font */ 
.bbarz {font-size:40px; font-weight:bold; background-color:#0057b5;  font-variant:small-caps;
  text-align:center; border-width:1; border-style:solid; border-color:#ffff00; color:#ffffff;}
.bbarx {font-size:24px; font-weight:bold; color:#ffffff; background-color:#0057b5;
  border-width:1; border-style:solid; border-color:#ffff00;}
.bbarc {font-size:14px; font-weight:bold; color:#ffffff; background-color:#ffff00;
  border-width:1; border-style:solid; border-color:#ff00ff; text-align:center;}

/*  .end. lfgrsts.css    */