/* style sheet metadata ****************************************** */
/*                                                                 */
/* project:	STYLEWORKS                                        */
/* website:      www.thestyleworks.de                              */
/* function:     main style sheet                                  */
/* author:       k. langenberg                                     */
/* date:         28-jun-2007                                       */
/* version:                                                        */
/*                                                                 */

/* style sheet contents ****************************************** */
/*                                                                 */
/* links in main body text                                   41    */
/* element selectors                                        101    */
/*   ***                 generic elements                   127    */
/*   ***                 forms                              191    */

/*   ***                 headlines                          383    */
/*   ***                 images                             464    */
/*   ***                 lists                              510    */
/*   ***                 paragraphs                         659    */
/*   ***                 tables                             772    */
/*                         ***      general rules           774    */
/*                         ***      reference               817    */
/*                         ***      reference features      849    */
/*                         ***      named colors list       877    */
/*                         ***      quick reference         893    */
/*                         ***      tables in main text     933    */
/* classes in general                                      1064    */
/* navigation links at bottom                              1190    */
/* quiz                                                    1219    */
/* site map and index pages                                1250    */
/* syntax of values explanation in reference               1461    */
/* books and software pages                                1448    */
/* temporary styles                                        1594    */
/* end                                                     1402    */




/* links in main body text**************************************** */




code {
    font-family: "Andale Mono","Courier New",monospace;
    font-size: 0.9em;
    font-weight: bold;
    }
code.css {
    color: #660000;
    background-color: transparent;
    }
h1 code, h2 code, h3 code {
    font-weight: bold;
    font-size: 0.8em;
    color: #000066;
    }



/* element selectors *** generic elements ************************ */




/* element selectors *** forms *** contact form ****************** */




/* element selectors *** headlines ******************************* */


/* element selectors *** images ********************************** */


/* element selectors *** tables ************************************/

/* element selectors *** tables *** general rules ******************/



/* element selectors *** tables *** reference *********************/

#ref table {
    margin: 0.4em 0px;
    border-spacing: 2px;
    width: 100%;
    }

#ref td {
    font: normal
          0.85em
          Georgia,Chicago,Charcoal,"Times New Roman",serif;
    background-color: transparent;
    padding: 0.1em 0.5em;
    border: 1px solid #f0f1ec;
    }
#ref td.src {
    font-size: 0.8em;
    background-color: transparent;
    padding: 0.1em 0.5em;
    border: 1px solid #f0f1ec;
    }

#ref th {
    font: bold
          0.8em
         "Trebuchet MS",Verdana,sans-serif;
    background-color: transparent;
    padding: 0.1em 0.3em;
    border: 1px solid #f0f1ec;
    }

/* element selectors *** tables *** reference features *********** */

#features table {
    margin: 0.4em 0px;
    border-spacing: 2px;
    width: 100%;
    }

#features td {
    font: normal
          0.8em
          "Trebuchet MS",Verdana,sans-serif;
    background-color: transparent;
    padding: 0 0.3em;
    border: 1px solid #f0f1ec;
    width: 25%;
    }

#features th.strong {
    background-color: #f4f2e6;
    }
#features th {
    text-align: left;
    background-color: transparent;
    border: 1px solid #f0f1ec;
    padding: 0 0.3em;
    }

/* element selectors *** tables *** named colors list ************ */

#namedcolors table {
    width: 80%;
    }

#namedcolors td {
    font-family: monospace;
    padding: 0 0.3em;
    width: 20%;
    }

#namedcolors th {
    padding: 0 0.3em;
    }

/* element selectors *** tables *** quick reference ************** */

#qref table {
    width: 100%;
    }
#qref div.fix-tr table {
    border: 1px solid #f0f1ec;
    }

#qref td {
    font: normal
          0.8em
          Georgia,Chicago,Charcoal,"Times New Roman",serif;
    padding: 3px;
    border-bottom: 1px solid #f0f1ec;
    }
#qref td:first-child {
    border-left: 1px solid #f0f1ec;
    }
#qref td {
    border-right: 1px solid #f0f1ec;
    }

#qref th {
    text-align: left;
    padding: 2px 5px;
    border: 1px solid #f0f1ec;
    border-left: none;
    }
#qref tfoot th {
    border-top: none;
    }
#qref th:first-child {
    border-left: 1px solid #f0f1ec;
    }
#qref div.fix-tr th {
    background-color: #fefefb;
    border: none
    }

/* element selectors *** tables *** tables in main text********* */

table.tformat {
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    }

table.tformat td.a {
    padding: 0.2em 25px 0.2em 0.5em;
    border: 1px solid #c99;
    border-width: 0 0 1px 0;
    }
table.tformat tr:hover td.a {
    background-color: #fcf6e4;
    }
table.tformat td.b {
    padding: 0.2em 25px 0.2em 0.2em;
    border: 1px solid #aab;
    border-width: 0 0 1px 0;
    }
table.tformat tr:hover td.b {
    background-color: #f0f3f9;
    }
table.tformat td.q {
    padding: 0.2em 15px 0.2em 0.2em;
    border: 1px solid #ca3;
    border-width: 0 0 1px 0;
    }
table.tformat tr:hover td.q {
    background-color: #fcf6e4;
    }
table.tformat td.m {
    padding: 0.2em 25px 0.2em 0.5em;
    border: 1px solid #cd0;
    border-width: 0 0 1px 0;
    }
table.tformat tr:hover td.m {
    background-color: #ef0;
    }
table.tformat td.d {
    background: url(http://www.thestyleworks.de/graphics/deprecated.gif)
                4% 5px
                no-repeat;
    padding: 0.2em 0.5em 0.2em 25px;
    border: 1px solid #c99;
    border-width: 0 0 1px 0;
    }
table.tformat tr:hover td.d {
    background: #fcf6e4
                url(http://www.thestyleworks.de/graphics/deprecated.gif)
                4% 5px
                no-repeat;
    }
table.tformat td.n {
    padding: 0.2em 0.5em;
    border: 1px solid #9c9;
    border-width: 0 0 1px 0;
    width: 50%;
    }
table.tformat tr:hover td.n {
    background-color: #f6fce4;
    }
table.tformat td.r {
    padding: 0.2em 25px 0.2em 0.5em;
    border: 1px solid #c83;
    border-width: 0 0 1px 0;
    }
table.tformat tr:hover td.r {
    background-color: #fdf0e4;
    }
table.tformat td.t {
    padding: 0.2em 25px 0.2em 0.5em;
    border: 1px solid #ab4;
    border-width: 0 0 1px 0;
    }
table.tformat tr:hover td.t {
    background-color: #f4f5e2;
    }


table.tformat th {
    text-align: left;
    }
table.tformat th.a {
    background-color: #fcf6e4;
    padding: 0.2em 25px 0.2em 0.5em;
    border: solid #c99;
    border-width: 1px 0 3px;
    }
table.tformat th.b {
    background-color: #f0f3f9;
    padding: 0.2em 25px 0.2em 0.3em;
    border: solid #aab;
    border-width: 1px 0 1px;
    }
table.tformat th.h {
    background: transparent;
    padding: 0.2em 0.5em;
    border: 0;
    }
table.tformat th.n {
    background-color: #f6fce4;
    border: solid #9c9;
    border-width: 1px 0 3px;
    padding: 0.2em 0.5em;
    }
table.tformat th.q {
    background-color: #fcf6e4;
    padding: 0.2em 15px 0.2em 0.3em;
    border: solid #ca3;
    border-width: 1px 0 1px;
    }
table.tformat th.r {
    background-color: #fdf0e4;
    padding: 0.2em 25px 0.2em 0.5em;
    border: solid #c83;
    border-width: 1px 0 3px;
    }
table.tformat th.t {
    background-color: #f4f5e2;
    padding: 0.2em 25px 0.2em 0.5em;
    border: 3px solid #ab4;
    border-width: 1px 0 3px;
    }




/* temporary styles ********************************************** */

div#announce {
    display: block;
    color: #633;
    background-color: #fff9ee;
    border-bottom: 1px dotted;
    }