html  {display: block; background:black; }
body  {background-attachment:fixed; background-color:#000000; color:#BBDDBB;
       font-family: tahoma,helvetica; font-size:100%;
       margin:0; padding:0pt; letter-spacing: 1px;
       scrollbar-base-color: #EE0000;
       scrollbar-3dlight-color: #990000;
       scrollbar-arrow-color: #DDCC00;
       scrollbar-darkshadow-color: #440000;
       scrollbar-face-color: #AA0000;
       scrollbar-highlight-color: #CC0000;
       scrollbar-shadow-color: #770000;
       scrollbar-track-color: #000000;
       font-weight: 500; letter-spacing: 1px;}

h1    {color:#BBFFBB; text-align:center; font-size: 111%; padding: 6px 0 4px 5px ;
       margin: 20px 0 0 0; background: URL(../img/fl/nddir.gif);
       background-repeat:repeat-x; background-position:bottom;}
h2    {text-align:center; font-size:109%; color:#EEEEAA; letter-spacing:1pt;
       margin:10pt 0 0 0; padding:0}
h3    {text-align:center; font-size:105%; color:#FFFF99; letter-spacing:1pt;
       margin:8pt 0 0 0; padding:0}
h4    {text-align:center; font-size:102%; color:#FFCC00; letter-spacing:1pt;
       margin:6pt 0 0 0; padding:0}
h5    {text-align:center; font-size:100%; color:#66CC00; letter-spacing:1pt;
       margin:60pt 0 0 0; padding:0}
h6    {text-align:center; font-size:100%; color:#6666CC; letter-spacing:1pt;
       margin:-7pt 0 10pt 0; padding:0}
table, tr, td, th {margin: 0px; border: 0px; padding: 0px; vertical-align:top;
       border-spacing:0px; border-collapse:collapse;}
div   {margin: 0px; border: 0px; padding: 0px;}
em    {color:#997799; }
b     {color:#FFFF00; }
p     {font-weight: 500; color:#BBDDBB; margin:0 5pt 10pt 5pt;
       letter-spacing: 1px; }

a         {color:#EE00AA;}
a:link    {color:#EE00AA; text-decoration:none;}
a:active  {color:#EE00AA; text-decoration:none;}
a:visited {color:#EE00AA; text-decoration:none;}
a:hover   {color:#EEEEAA; text-decoration:underline;}

hr	{color:#33bb44;}
rt	{color:#CCCC00; font-size:65%;}


/* ############################################################################# */
/* ##       S H A D O W W E B   S E R V E R   S P E C I F I C   C S S         ## */
/* ############################################################################# */

/* --------------------------- Serverhead definition ----------------------------*/
/* The Serverhead is the optional status-bar atop the page.                      */ 
/* <div h-block>                   the surrounding block                         */
/*   <img h-switch>                the switches (UserLevel, Language)            */
/*   <img h-server>                the servers icon, eg. ShadowTec               */
/*   <span h-time>                 the servers timestamp                         */
/*   <span h-title>                the title of the nodes page                   */
/* </div> */
.h-block {border-bottom:1px solid #dddddd; background: URL(../img/bg/board2.jpg) repeat-x bottom; margin:3px;}
.h-switch {border: 3px inset #BBBBBB;}
.h-server {border:0px; margin:3px;}
.h-time {}
.h-title {}
/* _____________________________________________________________________________ */


/* ----------------------------- Node definition --------------------------------*/
/* A node is a ShadowWeb-entity. A song, an user, a poem or whatever. It can be  */
/* inline and will then be rendered as a simple <span class="n-rsc"> by the      */
/* server or it may be in tab-view:
/* <div n-block>                   the surrounding block                         */
/*   <span n-title (dead|live) />  the title of the node                         */
/*   <div n-info>                  the optional infobar of the node              */
/*     <span n-key />              the name of a key, eg. 'date' or 'music'      */
/*     <span n-val />              the value of a key, eg. 'Heinz-Achmed'        */
/*   </div>                                                                      */
/*   <div n-descript />            the optional descriptive string               */
/* </div> */
.n-title    {font-size:111%; font-weight: 400; margin:0; letter-spacing: 1px;}
.n-descript {display:block;font-style:oblique;
             color:#cccc88;padding-left:10px;}
.n-block    {display:block; padding-top:5px;}
.n-info     {display:block; font-size:75%; margin:0; padding:0pt;
             text-align:justify;color:#DD2222;}
.n-key      {}
.n-val      {}

/* dead is a referenced but dead n-title */
.dead       {color:#EEEEAA;}

/* live a referenced clickable n-title */
.live       {color:#EEEEAA;}

/* n-rsc a referenced clickable inline-node */
.n-rsc      {color:#EE00AA;}

/* n-icon is the nodes icon-image */
.n-icon     {border:0; margin-left:2px; margin-right:2px;}
.n-cdicn    {background:#333333; border-top:solid #666666 1px;
             border-left:solid #666666 1px; border-right:solid #444444 1px; 
             border-bottom:solid #444444 1px; margin:4px; padding-left: 5px;}
/* _____________________________________________________________________________ */


/* --------------------------- Textblock definition -----------------------------*/
/* All textblocks rendered from the swn-sources, paragrafes of poems for exmpl., */
/* are defined here                                                              */
/* code is code-snippets SWN: [ $ ] */
.code	{color:#CCCCDD;}

/* rem is remark or quote SWN: [ ° : ' ] */
.rem	{color:#77BBBB;}

/* the following are classes for song/poem - paragrafes
/* SWN: [ _ v i c p b ] */ 
.text	{margin:0pt; padding: 1pt 3pt 7pt 3pt; text-align:justify;}
.verse	{padding: 1pt 0 7px 0; color:#CCCCBB}
.interm	{padding: 1pt 0 7px 0; color:#9988AA}
.chorus	{padding: 14pt 0 7px 0; color:#BBBBCC}
.precho	{padding: 7pt 0 7px 0; color:#BBDDBB}
.bridge	{padding: 7pt 0 7px 0; color:#DDBBBB}
/* _____________________________________________________________________________ */


/* ------------------- Class-Tab-View Node Block definition ---------------------*/
/* Class-Tab-View comes in two variants, triggered by the server-flags. Simple   */
/* view is... */
.ts-head {color:#BBFFBB; text-align:left; font-size: 100%; padding: 6px 0 4px 5px;
          margin: 20px 0 0 0; background: URL(../img/fl/nddir.gif);
          background-repeat:repeat-x ;}

/* in star-trek-inspired flowview, the page is rendered like this:               */ 
/* +--------------------+----------------------------------+                     */
/* | <div tc-box>       |                                  |                     */
/* |   <div tc-top1 />  |                                  |                     */
/* |   <div tc-bflow /> |        <div tc-head />           |                     */
/* |   <div tc-top2 />  |                                  |                     */
/* | </div>             |                                  |                     */
/* +--------------------+-------------------+--------------+                     */
/* | <div tc-flow />    | [security-column] |  [contend]   |                     */
/* +--------------------+-------------------+--------------+                     */
/* | <div tc-box>       |                                  |                     */
/* |   <div tc-dwn1 />  |                                  |                     */
/* |   <div tc-bflow /> |        <div tc-rule />           |                     */
/* |   <div tc-top2 />  |                                  |                     */
/* | </div>             |                                  |                     */
/* +--------------------+-------------------+--------------+                     */
/* | <div tc-flow />    | [security-column] |  [contend]   |                     */
/* +--------------------+-------------------+--------------+                     */
/* | <div tc-box>       |                                  |                     */
/* |   <div tc-dwn1 />  |  <div tc-foot>                   |                     */
/* |   <div tc-bflow /> |    <div tc-edit />               |                     */
/* |   <div tc-dwn2 />  |    <div tc-trail />              |                     */
/* | </div>             |  </div>                          |                     */
/* +--------------------+----------------------------------+                     */
.tc-box   {font-size:0pt; width: 124px; margin: 0px;
           padding: 0px; }
.head     {height:12px;}
.foot     {height:8px;}

.tc-head  {color:#BBFFBB; text-align:left; vertical-align:bottom; alignment:bottom;
           font-size: 100%; padding: 0px 0px 0px 0px ; margin: 0px 0 0;
           background: URL(../img/fl/ogmcd.gif); background-repeat:repeat-x ;}

.tc-rule  {color:#BBFFBB; text-align:left; vertical-align:bottom; alignment:bottom;
           font-size: 110%; padding: 0px 0px 0px 0px ; margin: 0px 0 0;
           background: URL(../img/fl/ogmcc.gif); background-repeat:repeat-x ;}
.tc-foot  {text-align:left;}

.tc-edit  {float:left;text-align:left; background: URL(../img/fl/blufoot.gif) ; background-repeat:repeat-x;}

.tc-trail {float:left; background: URL(../img/fl/blutrail.gif) no-repeat; height:25px; text-align:left; padding-left:15px;}

.tc-top1  {font-size:0pt; background: URL(../img/fl/ogult3.gif) no-repeat; height: 14px;}
.tc-top2  {font-size:0pt; background: URL(../img/fl/ogulb3.gif) no-repeat; height: 5px;}
.tc-dwn1  {font-size:0pt; background: URL(../img/fl/ogdlb3.gif) no-repeat; height: 5px;}
.tc-dwn2  {font-size:0pt; background: URL(../img/fl/ogdlt3.gif) no-repeat; height: 14px;}
.tc-bflow {font-size:0pt; background: URL(../img/fl/ogmlm3.gif) repeat-y; width: 124px;  margin:0px; padding:0px;}
.tc-flow  {background: URL(../img/fl/ogcol3.gif) repeat-y; width:124px;
           margin: 4px 4px 6px 8px; vertical-align:top; text-align:center;
           color:#66cccc; font-size: 75%;}
/* _____________________________________________________________________________ */



/* ------------------------ forum/guestbook definition --------------------------*/
.f-3d     {border-left:solid 1px #444444; border-top:solid 1px #444444;
           border-right:solid 1px #111111; border-bottom:solid 1px #111111;
           background-color:#222222;vertical-align:top;}
.f-all    {border-spacing:5px; width:100%;}
.f-ctx    {width:100px;color:#dd44dd; font-size:90%; padding:5px;}
.f-txt    {color:#dddddd; font-size:90%; padding:5px;}
.f-entry  {}
.f-time   {color:#bbbbbb; font-size:70%;}
/* _____________________________________________________________________________ */


/* ------------------------- misc. classes for layout ---------------------------*/
/* shortcuts for table-alignments */
.tdr    {text-align:right; alignment: right;}
.tdl    {text-align:left; alignment: left;}
.tdc	{text-align:center; alignment: center top; vertical-align:top;}
.tdj	{text-align:justify; alignment: justify;}

.nbd	{margin:0pt; padding:0pt; border:0pt}
.inf	{font-size:75%; margin:0; padding:0pt; text-align:justify;color:#55BBBB;}

/* error-levels */
.er0    {color:#DD3333}
.er1	{color:#FFFF00}
.er2	{color:#33EE33}
.er3	{color:#00EEEE}
.er4	{color:#0000EE}

.tc-edit input   {border:0px; cursor:pointer;
         background-color:transparent; color:#dddddd; margin:2px; padding-top:2px;}

input button  {border-left:solid 1px #555555; border-top:solid 1px #555555;
         border-right:solid 1px #222222; border-bottom:solid 1px #222222;
         background-color:#333333; color:#dddddd; margin:2px;padding-top:2px;}

textarea{background:#000000; color:#bbbbff; }
.comment{color:#ddddff;}
.imgcx  {border:0;}
.icd    {padding:1px 1px 1px 5px; background:#333333;}
.quote	{color:#00CC99; font-style:italic}

.grn    {color:#00cc44;}
.blu    {color:#0044cc;}
.yel    {color:#bbcc00;}
.red    {color:#cc4400;}
/* _____________________________________________________________________________ */


/* ######################## CLASSES BELOW DEPRECATED ########################## */