
 /* Created by (www.)B-Pahl(.de) - Screen Style BASTEL */

 /*  */
 body  { font-family:Arial ! important; font-size:10pt; color:#1B7B68; background-color:#DDDDDD; margin:0px 7px 0px 7px; padding:0px; text-align:left;  background-image:URL("./pic/Bastel_hell.gif"); background-attachment:fixed; cursor:URL("./pic/MyCursor3.cur"), pointer; }
 pre   { font-family:Courier, "Courier New", monospace; color:#000000; background-color:#FFFFDD; margin-left:1em; margin-right:2.5em; padding:4px; border:1px #006600 solid; }

 /* HTML */
 b, strong      { font-weight:bold; } /* 700 */
 i              { font-style:italic; }
 em             { font-style:italic; font-weight:bold; }
 li             { list-style-type:square; }
 img            { border:0px; }
 hr             { border-left:#7A7B2F 1px solid; border-right:#FFFFCC 1px solid; border-top:#FFFFCC 1px solid; border-bottom:#7A7B2F 1px solid; height:5px; }
 p              { text-indent:1em; }
 /* table,th       { font-size:10pt; border:1px #828335 solid; } */
 /* td,tr          { font-size:10pt; border:1px #C4C47A solid; } */


 /* Haupt-Bereiche */
 #links    { position:absolute; left:0px; right:0px; top:0px;              width:180px;  padding:0px 0px 9px 5px; border:0px; }
 #rechts   { position:fixed;              right:2px; top:0px;  bottom:0px; width:19px;   text-align:center;        color:#CCCCCC; font-size:10pt;  font-family:Courier, "Courier New", monospace; margin-bottom:0px; }
 #kopf     { position:absolute; left:5px; right:5px; top:0px;                            padding-left:18px; padding-right:18px; }
 #fuss     { position:relative; left:5px; right:5px;           bottom:0px;               padding:3px 5px 1px 5px;  color:#EEEEEE; font-size:9pt;   font-weight:bold; }
 #fehler   { position:relative; left:5px; right:5px; top:0px;                            text-align:right;         color:#FF0000; font-size:0.9em; font-weight:bold; line-height:99%; }
 #mitte    { position:relative; left:5px; right:5px; top:0px;  bottom:0px;               margin-bottom:5px; background-image:URL("./pic/Bastel_weiss.gif"); background-attachment:fixed; }
 #noben    { position:fixed;              right:0px;          bottom:25px; width:18px;   text-align:center;        color:#000000; font-size:2em;  font-family:Courier, "Courier New", monospace; font-weight:bold; height:10px; border-top:#EEEEEE 2px solid;                                  border-right:#EEEEEE 2px solid;}
 #kopf[id] { position:fixed;     margin-left:185px; }    /*  IE 6/7 kennt nicht / ignoriert  */
 #fuss[id] { position:fixed;     margin-left:186px; }    /*  [id] und "fixed" !!!            */
 #kopf                         { margin-left:182px; }    /*  Deshalb #kopf #fuss #...        */
 #fuss, #fehler, #mitte        { margin-left:178px; }    /*  hier nochmal !                  */
 #fehler, #mitte               {                    margin-right:19px; margin-top:2px; }
 #kopf, #fuss                  {                    margin-right:18px; margin-top:0px; border-top:#FFFFCC 2px solid; border-bottom:#5F6026 2px solid;  background-color:#AAAAAA; background-image:URL("./pic/Bastel_dunkel.gif");}
 #kopf, #fuss, #fehler, #mitte {                                                       border-left:#5F6026 2px solid; border-right:#FFFFCC 2px solid; }
 #links, #rechts               {                                       margin-top:1px; }

 #mitte h1 { visibility:hidden;}
 .rand { padding:0px 4px 0px 8px; }

 /* Unter-Bereiche */
 .boxlinks    { float:left;  border:0px solid white; margin-bottom:15px; margin-right: 0px;   text-align:left;  width:100%; background:URL("./pic/linki.gif") left top no-repeat; padding-left:18px; }
 .boxrechts   { float:right; border:0px solid white; margin-bottom:15px; margin-left:  0px;   text-align:right; width:100%; }
 .boxbild     { float:left;  border:0px solid black; margin-left:2px;                                                        padding:3px; border:1px solid #FFFFCC; border-left:#5F6026 2px solid; border-bottom:#5F6026 2px solid; }
 .boxlnk      { float:left;  border:0px solid black;                                                            width:18px;  padding-top:13px;}
 .boxtext     { float:left;  border:0px solid black;                                                            width:66%;   padding-top:8px; padding-left:15px;}
 .btxtlinks   {                                      margin-top:11px;                         text-align:left;  vertical-align:middle; }
 .btxtrechts  {                                      margin-top:11px;                         text-align:right; vertical-align:middle; }

 /* Überschriften */
 h1 { font-size:1.8em; text-align:center; color:#828335; font-weight:bold;  padding-top:3px; padding-bottom:2px; margin:0px 0px 0px 0px; background-color:#CCCCCC; background-image:URL("./pic/Bastel_dunkel.gif"); /*float:top;*/ }
 h2 { font-size:13pt;  text-align:left;                  font-weight:bold;  padding-top:4px; padding-bottom:3px; padding-right:3px; }
 h3 { font-size:12pt;  text-align:left;   color:#CC6633;                    padding-top:4px; padding-bottom:3px; padding-right:3px; }
 h4 { font-size:12pt;  text-align:center; color:#AA6666;                    padding-top:4px; padding-bottom:3px; padding-right:3px; }
 h5 { font-size:11pt;  text-align:left;   color:#5F6026;                    padding-top:0px; padding-bottom:0px; padding-right:3px; }
 h6 { font-size:12pt;                     color:#000000; font-family:Courier, Courier New monospace;  }

 /* Link, Global      */
  a[target="_blank"]   {                   color:#FFFFFF; text-decoration:none; }
  a[href^="http:"]     { font-weight:bold; color:#FFFFFF; text-decoration:none; }
         a:link        {                   color:#5F6026; text-decoration:none; }
         a:visited     {                   color:#009900; text-decoration:none; } 
         a:hover       {                   color:#006699; text-decoration:none; }
         a:hover .int  {                                  text-decoration:underline; }
         a:hover .ext  { font-weight:bold; color:#006699; text-decoration:underline overline; }
         a:hover .dwn  { font-weight:bold;                text-decoration:underline; }
         a:hover .ipt  {                                  text-decoration:underline; }
         a:hover .xpt  {                   color:#FF6600; text-decoration:underline; text-transform:uppercase; }
         a:hover .lnk  { font-weight:bold;                background-image:URL("./pic/Bastel_weiss.gif"); }
         a:hover .upg  {                                  text-decoration:underline; }
         a:hover .eml  { font-weight:bold; color:#006699; text-decoration:underline; }
         a:hover .mnu  {        background-color:#EEEEEE; background-image:URL("./pic/Bastel_weiss.gif"); }
         a:focus .mnu  {        background-color:#EEEEEE; background-image:URL("./pic/Bastel_weiss.gif"); }
         a:hover .akt  {                   color:#8B0000; }
         a:hover .mns  {        background-color:#EEEEEE; background-image:URL("./pic/Metall_weiss.gif"); }
         a:hover .hlf  { font-weight:bold; }

 /* Link, ID-Klassen  */
 #rechts a             {                   color:#AAAAAA; }
 #rechts a:hover       { font-weight:bold; color:#AAAAAA; background-image:URL("./pic/Bastel_weiss.gif"); }
 #links  a       .lnk  { font-size:9pt;  }
 #noben  a             {                   color:#000000; background-image:URL("./pic/Bastel_weiss.gif"); }
 #noben  a:hover       {                   color:#FF0000; background-image:URL("./pic/Bastel_hell.gif"); }

 /* Link, Formen      */
                 .int  { font-weight:bold; color:#006600; background:URL("./pic/linki.gif") left top no-repeat; padding-left:18px; }                              .int img { border:0px; }
                 .ixt  { font-weight:bold; color:#006600; }
                 .ext  { font-weight:bold; color:#006699; background:URL("./pic/linkl.gif") left top no-repeat; padding-left:18px; }                              .ext img { border:0px; }
                 .dwn  { font-weight:bold; color:#990000; background:URL("./pic/linki.gif") left top no-repeat; padding-left:18px; }                              .dwn img { border:0px; }
                 .ipt  { font-weight:bold; color:#FF0000; background:URL("./pic/linki.gif") left top no-repeat; padding-left:18px; }                              .ipt img { border:0px; }
                 .xpt  { font-weight:bold; color:#FF6600; background:URL("./pic/linki.gif") left top no-repeat; padding-left:18px;  text-transform:uppercase;  }  .xpt img { border:0px; }
                 .eml  { font-weight:bold; color:#990000; background:URL("./pic/linkl.gif") left top no-repeat; padding-left:18px; }
                 .lnk  {                   color:#999999; text-decoration:underline; }                                                                               .lnk img { border:0px; }
                 .mnu  { font-weight:bold; color:#4B6E22; border-left:#5F6026 2px solid; border-bottom:#5F6026 2px solid; border-right:#FFFFCC 2px solid; border-top:#FFFFCC 2px solid; padding-left:5px; padding-right:5px; font-size:9pt; line-height:1.7em; background-image:URL("./pic/Bastel_hell.gif"); }
                 .akt  { font-weight:bold; color:#FFFFCC; border-left:#FFFFCC 2px solid; border-bottom:#FFFFCC 2px solid; border-right:#5F6026 2px solid; border-top:#5F6026 2px solid; padding-left:5px; padding-right:5px; font-size:9pt; line-height:1.7em; background-image:URL("./pic/Bastel_dunkel.gif"); }
                 .dat  { font-weight:bold; color:#FF0000; }
                 .hlf  {                   color:#5F6026; text-decoration:underline; }                                                                               .lnk img { border:0px; }
                 .mns  { font-weight:bold; color:#006699; border-left:#006699 2px solid; border-bottom:#006699 2px solid; border-right:#EEEEEE 2px solid; border-top:#EEEEEE 2px solid; padding-left:5px; padding-right:5px; font-size:9pt; line-height:1.7em; background-image:URL("./pic/Metall_hell.gif"); }

 /* Menü-box */
 .menu            { border-left:#5F6026 2px solid; border-bottom:#5F6026 2px solid; border-right:#FFFFCC 2px solid; border-top:#FFFFCC 2px solid; margin:9px 0px 2px 0px; padding:7px 4px 7px 4px; padding-bottom:5px; /* font-size:9pt; */}
 .menu .menu      { border-left:#FFFFCC 2px solid; border-bottom:#FFFFCC 2px solid; border-right:#5F6026 2px solid; border-top:#5F6026 2px solid; background-image:URL("./pic/Bastel_mittel.gif"); }
 .menu .menutitle { position:relative; display:inline; top:-17px; left:2px; padding:1px 0px; margin:0px; margin-bottom:-17px; /* letter-spacing: 0.5em; */}

 /* Text-Formen */
 .text  { text-align:left; margin-left:10px; }
 .fest  { font-family:Courier, "Courier New", monospace; font-size:11pt; }
 .fstb  { font-family:Courier, "Courier New", monospace; font-size:11pt;  font-weight:bold; }
 .komm  { font-style:italic; }
 .txkl  { text-transform:lowercase }
 .txgr  { text-transform:uppercase }
 .upg   { color:#9933FF; }
 .spr   { color:#44AA00; font-weight:bold; }
 .txt   { color:#FFFFFF; background-color:#0000CC; font-family:Courier, "Courier New", monospace; font-size:11pt; font-weight:bold; }
 .inv   { color:#0000CC; background-color:#FFFFFF; font-family:Courier, "Courier New", monospace; font-size:11pt; font-weight:bold; }

 /* Text-Farben */
 .sw  { color:#000000; }
 .rt  { color:#F11F1F; } /* CC3333 */
 .rh  { color:#FF5B5B; } /* FF0000 */
 .br  { color:#990000; }
 .bh  { color:#AA6666; }
 .gr  { color:#5F6026; }
 .ok  { color:#CC9900; }
 .og  { color:#FF3300; }
 .gb  { color:#FFCC00; }
 .bl  { color:#000099; }
 .vl  { color:#990099; }
 .gu  { color:#888888; }
 .gh  { color:#2E8B27; }

 /* Tabelle (DIV.)*/
 .table  { display: table; border: 1px solid #828335; background-color: #B1B252; border-spacing:3px; border-collapse: separate; }
 .tbody  { display: table-row-group }
 .tr     { display: table-row }
 .td     { display: table-cell; padding: 3px; background-color: #EAEACE; border: 0px solid #C4C47A; font-size:10pt; }
 .th     {                 border: 2px solid #C4C47A; font-size:10pt; }

 /* sonstiges */
 .achtung  { background-color:#FFFFDD; color:#FF0000; border-top:1px #625b66 solid; border-bottom:1px #625b66 solid; font-weight:bold; padding-left:5px; background-image:URL("./pic/Bastel_zeile.gif"); }
 .hinweis  { background-color:#FFFFDD; color:#006600; border-top:1px #625b66 solid; border-bottom:1px #625b66 solid; font-weight:bold; padding-left:5px; background-image:URL("./pic/Bastel_zeile.gif"); }
 .bild     { background-color:#DDDDDD; color:#888888; border-top:1px #625b66 solid; border-bottom:1px #625b66 solid; font-weight:bold; padding-right:2px; margin-top:5px; background-image:URL("./pic/Bastel_zeile.gif"); float:right; }
 .hilfe    { background-color:#FFFFDD; color:#000000;  background-image:URL("./pic/Bastel_zeile.gif"); }
 .str      { border-bottom:3px dotted #777777; }
 .initial  { margin-right:1px; font-weight:bold; font-size:22px; }
 .gd  { color:#555555 }
 .oh  { color:#FE7A32; }
