/* ************************************************************
 * file        : styles.css
 * version     : # 20080710.2301 # 20080804.1321 # 20080805.1421 # 20080805.2321
 * author      : Norbert C. Maier
 * function    : Stylesheet
 * note        :
 **************************************************************
 */


/* ********************************************************* */
/* body                                                      */
/* ********************************************************* */

/* basic gray body */
body {
       background-color: #e6e6e6;                                  /* gray */
       font-family: arial, helvetica, sans-serif;
       margin: 0px;
	    padding-right: 10px; padding-left: 10px; padding-bottom: 10px;
}

/* () different colors for different sites and purposes */
/* (.1) general appearance */
body.fancy     { background-color: #ff00ff; }                  /* magenta */
body.normal    { background-color: #e6e6e6; }                  /* gray */
body.print     { background-color: #ffffff; }                  /* white */
body.touristic { background-color: #00ff40; }                  /* green */

/* (.2) specific domains */
body.casablanca { background-color: #ffff40; }                 /* yellow */
/*body.downtown  { background-color: #d0e0ff; } */             /* light gray blue */
body.downtown  { background-color: #e0f0ff; }                  /* lighter gray blue */
body.mine      { background-color: #f8d0f8; }                  /* pink */
body.joesgarage { background-color: #00ffff; }                 /* torquoise green */
/* body.joes-vvnet { background-color: #e0e8ff; } */           /* lightest blue */
/* body.suaheli   { background-color: #ff8080; } */            /* light red */
body.trilo     { background-color: #f0f0f0; }                  /* lightest gray */


/* ********************************************************* */
/* headers and header paragraphs                             */
/* ********************************************************* */

/* */
h1 { font-family: arial, helvetica, sans-serif; text-align: center; color: #0000f0; font-size: 200%;  margin-top: 1.2em;}
h2 { font-family: arial, helvetica, sans-serif; text-align: center; color: #3000c0; font-size: 160%;  margin-top: 1.2em;}
h3 { font-family: arial, helvetica, sans-serif; text-align: center; color: #600090; font-size: 140%;  margin-top: 1.2em;}
h4 { font-family: arial, helvetica, sans-serif; text-align: center; color: #900060; font-size: 120%;  margin-top: 1.2em;}

p.titlepath {
              color: #0000f0;
              font-size: small;
              font-style:italic;
              margin-bottom: 5px;
              text-align: center;
}

p.breadcrumbs {
              color: #0000f0;
              font-size: small;
              font-style:italic;
              margin-bottom: 5px;
              text-align: center;
}

h1.toptitle {
              margin-top: 5px;
}

/* */
p.topnavi {
             border-bottom: 1px transparent;
             font-size: small;
             padding-bottom: 6;
}

p.topnavi1 {
             border-bottom: 1px dotted green; border-top: transparent;
             font-size: 100%;
             margin-top: 0%; margin-bottom: 0%;
             padding-bottom: 0;
}

p.topnavi2 {
             border-bottom: 1px dotted green;
             font-size: 90%;
             margin-top: 0%; margin-bottom: 0%;
             padding-bottom: 0;
}

p.topnavi3 {
             border-bottom: 1px dotted green;
             font-size: 80%;
             padding-bottom: 0;
             margin-top: 0%; margin-bottom: 0%;
}

p.topnavi4 {
             border-bottom: 1px dotted green;
             font-size: 70%;
             padding-bottom: 0;
             margin-top: 0%; margin-bottom: 0%;
}


/* ********************************************************* */
/* flowtext paragraphs                                       */
/* ********************************************************* */

/* */
p.pictureself { text-align: center; text-indent:1em; color: #00B000; margin-bottom: 0%; }
p.picturesub { text-align: center; text-indent:1em; margin-top: 0%; color: darkgreen; }

/* */
p.question { text-indent:1em; color: #00B000; margin-bottom: 0%; }
p.answer { text-indent:1em; margin-top: 0%; }

/* */
p.typewrite            { font-family: monospace; font-weight: bold; } /* ELIMINATE THIS */
p.typewrite-attention  { font-family: monospace; font-weight: bold; color: darkred }
p.typewrite-thin-black { font-family: monospace; } /* license, editors notes */
p.typewrite-thin-gray  { font-family: monospace; font-style:italic; color: darkgrey } /* editors notes */
p.typewrite-comment    { color: green ; font-size: 84%; } /* behind bye, green like in the faq */
p.typewrite-comment-header { color: green ; font-size: 84%; margin-top: 3em; border-top: 1px solid;} /* behind bye, green like in the faq */
p.typewrite-comment-body { color: green ; font-size: 84%; } /* same as comment */ 

.typewrite-commentxxx    { color: green ; font-size: 84%; } /* for timestamp inside text */
/* end */

/* for active-x textfile include */
p.textfileobject {
               background-color: #fefefe;
               margin-left: 6%; margin-right: 6%;
               width: 100%;
}


/* ********************************************************* */
/* footer paragraphs                                       */
/* ********************************************************* */

p.goodbye {
               font-family:"Comic Sans MS",Arial;
               margin-bottom: 2em; margin-top: 2em;
}

p.imprint {
               color: #505050;
               font-size: 60%;
               margin-bottom: 0%; margin-top: 4em;
               text-align: right;
}

p.footer {
               border-top: 1px solid;
               color: #808080;
               font-size: 60%;
               margin-bottom: 1em; margin-top: 0%;
}



/* ********************************************************* */
/* tables                                                    */
/* ********************************************************* */
table { 
       /* margin-left: auto; margin-right: auto; */ /* makes navigation centered in Firefox and Opera */
       border-collapse: collapse;
}

/* two-column-table for a block with links */
table.zenter { margin-left: auto; margin-right: auto;}

/* two-column-table for a block with links, pretty similar to the chapters-table */
table.zenter80p { width: 80%; margin-left: 10%; margin-right: 10%;
                 border-collapse:collapse; border: 0;
}

tr {
      /* text-align=left; */
}

/* For the Tigra Tree Menu, giving 'td' a class does not work, probably
   since the table generation via JavaScript does not transport style.
   So just keep the plain td suitable for the Tigra Tree Menue.
*/
td {
       vertical-align: top;
       /* text-align: left; */
    /*   border: 0px solid; */
       border: 1px solid gray;
       padding:0.2em;
}

td.normal {
       vertical-align: top;
       border: 1px solid gray;
       padding:0.4em;
}


td.linkurl     { padding:0.4em; border:0; vertical-align:top; text-align:right; width:40%; }
td.linkdescr   { padding:0.4em; border:0; vertical-align:top; }

/* two-column-table for the block listing subchapters, typically used at least on each frontpage */
table.chapters { width:90%; margin-left:5%; margin-right:5%; border:0;}
td.chapter       { font-size:160%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; }
td.chapterlevel1 { font-size:160%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; }
td.chapterlevel2 { font-size:150%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; }
td.chapterlevel3 { font-size:130%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0;}
td.chapterlevel4 { font-size:110%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0;}
td.chaptxt       { border:40px transparent; padding:0.7em;}
td.chaptertext   { border:40px transparent; padding:0.7em;}
td.chapterlogo   { border:40px transparent; text-align: center; padding-top:0.7em; }


/* use this for courier shoutings (# 20081031.1801) */
.tt-attention   { font-family: monospace; font-weight: bold; color: darkred }


/* ********************************************************* */
/* end                                                       */
/* ********************************************************* */