body {background:#000000; font-family:tahoma, helvetica;
	scrollbar-base-color: #aa001e;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #00cc44;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #aa001e;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	color:#dddddd;
}


p {color:#dddddd;}
h1 {color:#aa001e; text-align:center; font-size:150%; font-weight:600; text-decoration:underline;}
h2 {text-align:left; margin-left:30px; font-size:120%; color:#8800aa; font-weight:550;}
h3 {text-align:left; margin-left:30px; font-size:110%; color:#dddddd; font-weight:500;}
hr {color:#bb0044;}


table {margin:0; padding:0; border:0; border-spacing:0px;}
td    {margin:0; padding:0; border:0; border-spacing:0px;}
tr    {margin:0; padding:0; border:0; border-spacing:0px;}


.sw       {background:#000000 url(../img/jra-southern.jpg) no-repeat top right fixed;scrolling:vertical;}

.blob     { background: URL(../img/blase.gif); position:absolute; top:0px; left:350px; width:234px; height:149px; z-index:1; }
.jback    { margin-left:100px; width:100px; height:100px; z-index:2;}
.blobtext {margin:20px; text-align:center; color:#000000; font-weight: 800;}
.fotos    {position:absolute; right:5px; top:2px;}

.band     {text-align:left; color:#dddddd; margin-bottom:30px; margin-left:30px; margin-right:30px}
.neues    {text-align:left; color:#dddddd; margin-bottom:30px; margin-left:0px; margin-right:30px}
.std      {text-align:left; margin-left:30px; margin-right:30px}
.center   {text-align:center; margin-left:30px; margin-right:30px}
.bild     {margin:10px; border:0;}
.galerie  {margin-left:20px;}
.wichtig  {text-align:left; margin-left:30px; color:#ee0000; font-size:120%}
.change   {text-align:left; color:#ee0000; margin-bottom:30px; margin-left:0px; margin-right:30px}
.linkbild {border:0; margin-right:20px;}
.linkbild1 {border:0;}
.flytext  {position:absolute;z-index:3;top:350px;left:0px;width:100%;}

a.menu    { margin-top:2px; margin-bottom:2px; display:block; text-align:center; width:100px;
            border-width:3px; padding:2px; text-decoration:none; font-size:85%; }


a:link    { color:#00dd22;text-decoration:none;}
a:visited { color:#00bb11;text-decoration:none;}
a:hover   { color:#22ff44;text-decoration:underline;}
a:active  { color:#00bb11;text-decoration:none;}


a.menu:link    { color:#aa001e; border:groove #aa0088; background-color:transparent; }
a.menu:visited { color:#aa001e; border:groove #cc00cc; background-color:transparent; }
a.menu:hover   { color:#cc2230; border:groove #ff00ff; background-color:#550033; }
a.menu:active  { color:#eedeee; border:groove #ff88ff; background-color:#aa0033; }


/* ############################################################################# */
/* ##       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 {}
.h-switch {border: 3px inset #BBBBBB;}
.h-server {border:0px;}
.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              */
/*     <field>                     the ID of the Key                             */
/*       <span n-key />            the name of a key, eg. 'date' or 'music'      */
/*       <span n-val />            the value of a key, eg. 'Heinz-Achmed'        */
/*     </field>                                                                  */
/*   </div>                                                                      */
/*   <div n-descript />            the optional descriptive string               */
/* </div> */
.n-title    {text-align:left; font-size:120%;
             color:#8800aa; font-weight:550;}
.n-descript {font-style:oblique; color:#ddddaa;}
.n-block    {display:block; padding:0 0 10px 30px;}
.n-info     {display:block; font-size:70%;
             padding:0pt; text-align:left; color:#dddddd;}
.n-key      {}
.n-val      {}
.NInterpret {display:none;}

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

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

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

/* n-icon is the nodes icon-image */
.n-icon     {border:0; margin-right:2px; margin-left: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	{padding: 10px 1px 0px 30px; color:#dddddd; text-align:left;}
.verse	{padding: 10px 1px 0px 30px; color:#CCCCBB; text-align:left;}
.interm	{padding: 10px 1px 0px 30px; color:#9988AA; text-align:left;}
.chorus	{padding: 10px 1px 0px 30px; color:#BBBBCC; text-align:left;}
.precho	{padding: 10px 1px 0px 30px; color:#BBDDBB; text-align:left;}
.bridge	{padding: 10px 1px 0px 30px; color:#DDBBBB; text-align:left;}
/* _____________________________________________________________________________ */



/* ------------------- Class-Tab-View Node Block definition ---------------------*/
/* Class-Tab-View comes in two variants, triggered by the server-flags. Simple   */
/* view is... */
.ts-head {color:#dddddd; text-align:left;
          font-size: 100%; padding: 6px 0 4px 30px;}

/* 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-bflow /> |        <div tc-foot />           |                     */
/* |   <div tc-dwn2 />  |                                  |                     */
/* | </div>             |                                  |                     */
/* +--------------------+----------------------------------+                     */
/* |                    [tc-below]                         |                     */
/* +-------------------------------------------------------+                     */
.tc-box   {font-size:0pt; width: 124px; margin: 0px;
           border: 0px; padding: 0px; }

.tc-head  {color:#aa001e; text-align:center;
           font-size:150%; font-weight:600; text-decoration:underline;}

.tc-rule  {color:#BBFFBB; text-align:left; vertical-align:bottom; alignment:bottom;
           font-size: 110%; padding: 0px 0px 0px 0px ; margin: 0px 0 0;}
.tc-foot  {}

.tc-top1  {}
.tc-top2  {}
.tc-dwn1  {}
.tc-dwn2  {}
.tc-bflow {}
.tc-flow  {padding: 4px 4px 6px 8px; vertical-align:top; text-align:center;
           font-size: 75%;}
.tc-below {font-size: 80%; font-weight: 400;}
/* _____________________________________________________________________________ */



/* ------------------------ 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}

input   {background:#000000; color:#bbbbff}
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}
.cite	{padding: 10px 1px 0px 10px; color:#dddddd; text-align:center;}

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


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

topblock  {border:solid 1px #77BBBB; margin-left: 8pt; padding: 1pt 3pt 3pt 3pt;}