h1,h2,h3,h4,h5,h6,p,li,ul,td,div,body,blockquote
      {font-family:'Arial'; font-size:8pt; line-height:11pt; 
       font-weight:normal; color:#222222; color:#030; color:#000; margin:0mm; 
       text-align:left} 
div   {overflow:visible} /*visible-Größe nach Inhalt, hidden-abschneiden, scroll-abschneiden+Laufleisten, auto-Browser entscheidet*/
h1    {font-size:10pt; line-height:13pt; font-weight:bold; margin-top:0.5em;}
h2    {font-size:12pt; line-height:14pt; margin-top:0.5em; font-weight:bold;}
h3    {font-size:7pt; line-height:8pt; margin-top:0.5em; font-weight:normal;}
h4    {font-family:'Maiandra GD','Comic Sans MS';  font-size:16pt; line-height:18pt; 
       text-align:center; margin-top:0.3em; font-weight:bold; color:#008800}
h5    {font-size:0.80em; margin:0.3em 0.0em;}
h6    {font-size:0.40em; line-height:0.50em; font-weight:bold;}
/*ul  {margin:0.3em 0.0em; text-indent:0em; margin-left:3em;}  */
/*ol  {margin:0.3em 0.0em; text-indent:0em; margin-left:3em;}  */
li    {margin:0.5em 0.0em 0.5em 1em;
       text-indent:0.5em; 
       padding-left:1em;}
p     {margin-top:0.3em;}
i     {font-size:8pt; line-height:11pt; }
blockquote{padding-left:2em;}

a:link   {text-decoration:none; font-weight:bold; color:#030;}/*dunkelgrün*/
a:visited{text-decoration:none; font-weight:bold; color:#030;}/*dunkelgrün*/
a:hover  {text-decoration:none; font-weight:bold; background-color:#ddd; }/*hellgrau*/
a:active {text-decoration:none; font-weight:bold; background-color:#ddd; }/*cff-hellblau*/
a:focus  {text-decoration:none; font-weight:bold; background-color:#0f0; }/*080*/

#A5   {width:140mm; height:202mm; border:1px solid #bfb; margin:0mm; background:#fff; /*#efe; border:1px solid #bfb;*/
       padding:0.1mm; position:relative; page-break-before:always; text-align:center; 
       overflow:visible;} 
#A5r  {width:136mm; height:200mm; border:1px solid #bfb; margin:0mm; background:#fff; /*#efe; border:1px solid #bfb;*/
       padding:1mm 2mm 0mm 2mm; position:relative; page-break-before:always; text-align:center; 
       overflow:visible;}

#A5pin{width:136mm; height:200mm; border:1px solid #bfb; margin:0mm; background-image:url('Kork.jpg'); padding:1mm 2mm 0mm 2mm;
       position:relative; page-break-before:always; 
       overflow:hidden;}

#zl   {float:left; width:250; background-color:#efe;}
#s10  {float:left;              } 
#s1   {float:left;  padding:3mm;} /* Bei width=100% wird alles zu breit! */
#s20  {                         } /* background:#efe; */
#s2   {             padding:3mm;}
#s30  {float:right;             } 
#s3   {float:right; padding:3mm;} 

#Ausgabe{padding:0.5mm; border:0px solid gray; background:#fff; /*#efe;*/
       border-collapse:collapse; font-size:7pt; line-height:9pt;
       position:absolute; left:123mm; top:1mm; height:3em; z-index:2}

#kopf {width:467px; height:42px; text-align:center; margin-left:0mm; padding-top:0px;
       font-family:'Maiandra GD','Comic Sans MS'; font-size:16pt; line-height:1.8em;
       font-weight:bold; color:#008800; background-image:url('Pinsel.gif');}
#kopfkl{width:467px;  height:26px; text-align:center; padding-top:5px;
       font-family:'Maiandra GD','Comic Sans MS'; font-size:11pt; line-height:1em;
       font-weight:bold; color:#008800; background-image:url('Pinselbr.gif');}
/*  margin:3px;*/
#pro {background-image:url('pinro.gif'); left:5px;   top:-5px; position:absolute; z-index:3; width:14px; height:16px;}
#pro2{background-image:url('pinro.gif'); right:-5px; top:-5px; position:absolute; z-index:3; width:14px; height:16px;}
#pgr {background-image:url('pingr.gif'); left:5px;   top:-5px; position:absolute; z-index:3; width:14px; height:16px;}
#pgr2{background-image:url('pingr.gif'); right:-5px; top:-5px; position:absolute; z-index:3; width:14px; height:16px;}
#pbl {background-image:url('pinbl.gif'); left:5px;   top:-5px; position:absolute; z-index:3; width:14px; height:16px;}
#pbl2{background-image:url('pinbl.gif'); right:-5px; top:-5px; position:absolute; z-index:3; width:14px; height:16px;}
#pge {background-image:url('pinge.gif'); left:5px;   top:-5px; position:absolute; z-index:3; width:14px; height:16px;}
#pge2{background-image:url('pinge.gif'); right:-5px; top:-5px; position:absolute; z-index:3; width:14px; height:16px;}
#pmo {background-image:url('pinro.gif'); left:50%;   top:-5px; position:absolute; z-index:3; width:14px; height:16px;}
#pmu {background-image:url('pinge.gif'); left:50%; bottom:8px; position:absolute; z-index:3; width:14px; height:16px;}


#zro {background:#fee; left:5mm; top:5mm; padding:1.5mm; border:solid 0px gray; position:absolute; z-index:2}
#zgr {background:#efe; left:5mm; top:5mm; padding:1.5mm; border:solid 0px gray; position:absolute; z-index:2}
#zbl {background:#eef; left:5mm; top:5mm; padding:1.5mm; border:solid 2px blue; position:absolute; z-index:2}
#zge {background:#ffe; left:5mm; top:5mm; padding:1.5mm; border:solid 0px gray; position:absolute; z-index:2}
#zcy {background:#eff; left:5mm; top:5mm; padding:1.5mm; border:solid 0px gray; position:absolute; z-index:2}
#zma {background:#fef; left:5mm; top:5mm; padding:1.5mm; border:solid 0px gray; position:absolute; z-index:2}
#zbr {background:#fed; left:5mm; top:5mm; padding:1.5mm; border:solid 0px gray; position:absolute; z-index:2}
#zgu {background:#eee; left:5mm; top:5mm; padding:1.5mm; border:solid 0px gray; position:absolute; z-index:2}
#zws {background:#fff; left:5mm; top:5mm; padding:1.5mm; border:solid 0px gray; position:absolute; z-index:2}
#glas{background-image:url('glas.gif'); width:200px; height:200px; position:absolute; z-index:3; }
#disk{background-image:url('disk.gif'); float:left; width:200px; height:200px; position:absolute; z-index:3;}
#oval{background-image:url('oval.gif'); float:left; width:200px; height:127px; position:absolute; z-index:3;}
#oval{background-image:url('oval.gif'); float:left; width:200px; height:127px; position:absolute; z-index:3;}
#oval-ge{background-image:url('oval-ge.gif'); float:left; width:150px; height:95px; position:absolute; z-index:3;}
/******************************************************************************************************/
/*width:20mm; height:10mm; <<< in Opera werden diese Werte durch html-Text nicht immer überschrieben! */
/******************************************************************************************************/
#pinsel{left:7mm; top:2mm; width:140mm;  height:12mm; position:relative; z-index:-1;}


/* 
width:140mm; hight:202mm; border:0px solid green; (z-index:1; nur in Verbindung mit "position:...")
   background: A5 ffe blaßgelb  |  sonstige Farbe
               s1 fee blaßrot   |  #060    0,102,0   dunkelgrün (Schrift)
               s2 efe blaßgrün  |  #eee  238,238,238 blaßgrau
               s3 eef blaßblau  |  #fed  255,238,221 blaßbraun  
                              
<!-- Bild links und rechts, Fließtext in der Mitte: -->
<div id="A5x">  
   <img src="u-Porträt.png" width="100%"> <p align="center">Heute: Dessauer Eine-Welt-Gruppen</p>
   <div style="float:left;  width:5em; border:1px solid gray;">links floatende Box</div>
   <div style="float:right; width:5em; border:1px solid gray;">rechts floatende Box</div>
   <div style="border:1px solid blue;">nachfolgende Box</div>
</div>
*/
