/* ************************************************************
 * file        : http://downtown.trilo.de/styles.css
 * version     : # 20080710.2301 # 20100822.1321 # 20110108.1331
 * function    : Stylesheet
 * license     : MIT/X11 license
 * copyright   :
 * authors     : Norbert C. Maier
 * note        :
 **************************************************************
 */


/* basic body */
/* note: 'text-align:center' is making tables center work in IE (# 20090208.2301) */
body {
       background-color:#fafafa;
       font-family:arial, helvetica, sans-serif;
       margin:0px;                                                 /* SUPERFLUOUS by new div? (# 20100822.1322) */
	    padding-right:10px; padding-left:10px; padding-bottom:10px; /* SUPERFLUOUS by the div? (# 20100822.1322) */
       text-align:center;
}

/* some body selection options */
body.apps      { background-color:#80ffb0; }
body.downtown  { background-color:#eaeaea; }
body.editpointstatic { background-color:#80ff80; }
body.epsgallery { background-color:#e8e8e8; }        /* # 20111225.1521 */
body.epsinside { background-color:#80ffb0; }         /* # 20111225.1522 */
body.epsoutside { background-color:#f8c8e8; }        /* # 20111225.1523 */
body.turquoise  { background-color:#a4e4ec; }        /* # 20111225.1524 */


/* */
h1             { text-align:center; color:#0000f0; font-size:220%; }
h2             { text-align:center; color:#3000c0; font-size:180%; }
h3             { text-align:center; color:#600090; font-size:150%; }
h4             { text-align:center; color:#900060; font-size:130%; }
p.onthispage   { text-align:center; color:#0000f0; font-size:110%; }  /* # 20100923.1101 */


/* alternative for normal h1 header lines (# 20101104.1611) */
p.headerbar { border-bottom: 0px; border-top: 0px; margin-top: 0em; margin-bottom: 0em; padding-top: .9em; padding-bottom: 0.9em; background-color:#a4e4ec; text-align:center; font-size:180%; font-weight:bold; color:blue; }


/* note : IE doesn't understand max-width, so as a compromise we give it a width (added # 20100822.1323) */
div.chapter    { margin:0 auto; max-width:800px; width:80%; background-color:#fafafa; padding:1em; margin-top:1em; margin-bottom:3em; }
div.chapterapps { margin:0 auto; max-width:800px; width:80%; background-color:#fafafa; padding:1em; margin-top:1em; margin-bottom:3em; }
div.chaptervv  { margin:0 auto; max-width:800px; width:80%; background-color:#fafafa; padding:1em; margin-top:1em; margin-bottom:3em; }
div.chapterlog { margin:0 auto; max-width:800px; width:80%; padding:1em; margin-top:1em; border:1px solid;}


pre      { text-align:left; font-size:118%; padding:0.5em; }
pre.code { text-align:left; font-size:118%; padding:0.5em; background:#fff0f0; } /* #ffe8ff; */


/* toptitlecrumbs exist only in symbiosis with a toptitle */
p.toptitlecrumbs { color:#0000f0; font-size:130%; margin-bottom:0.2em; margin-top:0.2em; text-align:center; }
h1.toptitle  { margin-top:0.2em;}


p.topnavi1 { border-bottom:2px solid white; padding-bottom:0; margin-top:0%; margin-bottom:0%; border-top:transparent; }
p.topnavi2 { border-bottom:2px solid white; padding-bottom:0; margin-top:0%; margin-bottom:0%; }
p.topnavi3 { border-bottom:2px solid white; padding-bottom:0; margin-top:0%; margin-bottom:0%; }
p.topnavi4 { border-bottom:2px solid white; padding-bottom:0; margin-top:0%; margin-bottom:0%; }
p.topnavi5 { border-bottom:2px solid white; padding-bottom:0; margin-top:0%; margin-bottom:0%; }


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

/* note : 'text-align:left' counteracts 'text-align:center' for IE in body (# 20090208.2301) */
p { text-indent:0.0em; text-align:left; font-size:100%; }

p.epslink { text-align:right; margin-top:0.1em; margin-bottom:0.1em; }


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

/* */
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.typewriteattention   { font-size:180%; text-align:center; 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-logentry   { color:gray ; font-size:80%; } /* behind bye, green like in the faq */
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 none ;} /* behind bye, green like in the faq */
p.typewrite-comment-body { color:green ; font-size:84%; } /* same as comment */ 

/* */
p.phperror     { background-color:red; font-size:160%; font-weight:bold; padding:0.6em; } /* for php echo lines (# 20111002.1951) */

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

/* dedicated paragraphs (# 20100826.2101) */
p.attention    { font-family:monospace; font-weight:bold; color:darkred; }
p.image        { text-align:center; color:blue; }
p.session      { text-align:right; font-size:80%; font-style:italic;  color:#808080;}
p.notez        { font-size:80%; color:darkgreen; } /* (# 20111228.1131) */

/* footer paragraphs */
p.goodbye      { font-family:"Comic Sans MS",Arial; margin-bottom:2em; margin-top:2em; padding:1em; }
p.imprint      { color:#505050; font-size:75%; margin-bottom:0%; margin-top:4em; text-align:right; }
p.footer       { border-top:1px solid; color:#808080; font-size:75%; margin-bottom:1em; margin-top:0%; }



/* ********************************************************* */
/* tables                                                    */
/* ********************************************************* */
/* make navigation centered in Firefox and Opera with "margin-left:auto; margin-right:auto;" */

table { border-collapse:collapse; }

table.reposprofile { margin-left:auto; margin-right:auto; border:1px solid #e0e0e0; }  /* two-column-table for a block with links */
table.folien   { margin-left:auto; margin-right:auto; border:10px solid red; }  /* (20110323.2141) */
table.zenter   { margin-left:auto; margin-right:auto; }  /* two-column-table for a block with links */
table.zenter80p { width:80%; margin-left:10%; margin-right:10%; border:0; } /* two-column-table for a block with links, pretty similar to the chapters-table */


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


/* For Tigra Tree Menu, a 'td' class does not work, probably the table generator  */
/*  does not transport style. So keep the plain 'td' suitable Tigra Tree Menue.   */
td             { text-align:left; vertical-align:top; border:1px transparent;  padding:0.2em; } /* (# 20111227.0125) */

/* becomes SUPERFLUOUS after we made the default td with a border (# 20081109.2301) */
td.normal      { vertical-align:top; border:1px solid gray; padding:0.4em; }

td.zenter      { text-align:center; vertical-align:top; border:1px solid gray; padding:0.4em; }
td.zenternoborder { text-align:center; vertical-align:top; border:0px; padding:0.4em; padding-bottom:2em; }

td.folie      { text-align:center; border:0px; padding:0.4em; }

td.linklogo    { padding:0.6em; vertical-align:top;            background:#e0ffff; border-bottom:0.4em solid #fafafa; }
td.linkurl     { padding:0.6em; vertical-align:top; width:40%; background:#e0ffff; border-bottom:0.4em solid #fafafa; }
td.linkdescr   { padding:0.6em; vertical-align:top;            background:#e0ffff; border-bottom:0.4em solid #fafafa; }
td.linkstatus  { padding:0.6em; vertical-align:top;            background:#e0ffff; border-bottom:0.4em solid #fafafa; }

/* (# 20100826.2103) */
table.box      { border-collapse:collapse; width:80%; margin-bottom:0.6em; }
td.box         { border-width:1px; border-color:#a0a0a0; border-style:solid; }
caption.box    { border-width:1px; border-color:#a0a0a0; border-style:solid; }


/*---------------------------------------------------------- */
/* two-column-table for listing subchapters, typically used at least on each frontpage */
table.chapters { margin-left:5%; margin-right:5%; border:0;}

/* the chapter column width is not fixed but narrow to have room for additional columns, e.g. in index2.html */
td.chapternarrow { font-size:140%; font-weight:bold; text-align:right; padding:0.7em; border:0; vertical-align:top; }

td.chapter       { font-size:140%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; } /* ELIMINATE (# 20110108.1341)*/
td.chapterlevel1 { font-size:140%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; vertical-align:top; }
td.chapterlevel2 { font-size:120%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; vertical-align:top; }
td.chapterlevel3 { font-size:120%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; vertical-align:top; }
td.chapterlevel4 { font-size:110%; font-weight:bold; text-align:right; width:40%; padding:0.7em; border:0; vertical-align:top; }
td.chapterlogo   { border:40px transparent; text-align:center; padding-top:0.7em; vertical-align:top; }
td.chaptxt       { border:40px transparent; padding:0.7em;  vertical-align:top;} /* ELIMINATE THIS */
td.chaptertext   { border:40px transparent; padding:0.7em; vertical-align:top; }
/*---------------------------------------------------------- */



/* ********************************************************* */
/* characters appearance in flowtext, use as span class      */
/* ********************************************************* */

.inlaytimestamp { color:green ; font-size:75%; font-style:italic; } /* (# 20081026.0821) */
.tt-attention   { font-family:monospace; font-weight:bold; color:darkred } /* (# 20081031.1801) */
.todo           { color:red; } /* (# 20110924.1321) */


a                                                              { /* (style # 20100315.1941 from # 20091221.152102) */
    /* color:black; */
    /* background-color:transparent; */
    /* text-decoration:none; */
    /* font-weight:bold; */
 }

a:hover {                                                      /* style general (# 20100315.1942) */
       /* text-decoration:underline; */
       /* font-weight:bold; */
       /* background-color:yellow; */
       /* color:black; */
}

a.noborder img {                                               /* # 20111012.1221 in demos.html */
    /* text-decoration:none; */
    /* border:0px solid red; */
    border:none;
}

a.extern {                                                     /* with icon (style # 20100315.1943) */
   padding-left:11px;
   background-image:url(img/_20091221-152103_link-extern_.png);
   background-position:left center;
   background-repeat:no-repeat;
}

a.extern:hover {                                               /* without icon (style # 20100315.1944) */
   /* text-decoration:underline; */
   /* font-weight:bold; */
   background-color:#ffd0d0;
   /* color:black; */
}

a.extern2 {                                                    /* without icon (style # 20111011.1821) */
}

a.extern2:hover
   background-color:#ffd0d0;
}

a.intern {                                                     /* (style # 20100315.1945) */
   /* padding-left:10px; */
   /* background-image:url(art/v4/link-intern.png); */
   /* background-position:left center; */
   /* background-repeat:no-repeat; */
}

a.intern:hover { /* (link style # 20100325.1741) */
   background-color:lightgreen;
}

a.crumbpassive { /* (link style # 20100828.1422) */
   color:#c8c8c8;
}

a.crumbuncle { /* (link style # 20100828.1422) */
   color:#c0c0c0;
}


tt { font-size:130%; } /* I found in all browsers <tt> being too small against the surrounding Arial (# 20110903.1811) */


/* for spans inside paragraphs (# 20100826.2102) */
.linksmaller   { font-size:85%; } /* Links inside flowtext are often too bold, so make them a little more unobtrusive (# 20110902.1841) */
.qnaquestion   { color:#006000; margin-bottom:0%; font-weight:bold; }
.qnaanswer     { text-indent:1em; color:#004040; margin-top:0%; }
.timestamp     { color:green; font-size:60%; font-family:"Comic Sans MS",Arial; }

/* (# 20100826.2104) */
ol             { text-indent:0.0em; text-align:left; }
ul             { text-indent:0.0em; text-align:left; }
li             { margin-top:0.4em; margin-bottom:0.4em; }

/* end */