body        {
        margin: 0;
        padding: 0;
        color: #000000;
        height: 85%;
        font-familiy: verdana,sans-serif;
        font-size:small;
        background: #006600;
}
#wholepage        {
        margin: 0;
        padding: 0;
        color: #000000;
        height: 100%;
        font-familiy: verdana,sans-serif;
        font-size:small;
        background: #006600;
}
#header        {
        color: #000;
        height: 150px;
        margin: 0;
        padding: 0;
/*        background: #006600; */
        background-image: url(images/buchenblaetter.jpg);
}
#normalcontent        {
        color: #000;
        height: 85%;
        line-height: 1.4em;
        padding: 10px;
        z-index: 10;
        margin-left: 180px;
        margin-right: 180px;
        background: #AFBB3B;
/*        text-indent : 20px;  */
        z-index:5;
}
#navright {
        height: 85%;
        background-color: #006600;
        color: #CCFF00;
        float: right;
        position: absolute;
        top: 150px;
        right: 0;
        padding: 0px;
        font: large verdana,sans-serif;
        width: 180px;
        z-index:1;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 160px;
X}
html>body .navright {width:160px;}

#leftside        {
        height: 85%;
        background: #006600;
        float: left;
        left: 0;
        position: absolute;
        top: 150px;
        padding: 0px;
        width: 180px;
        z-index:1;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 160px;
}
html>body .leftside {width:160px;}

#Adress                        {
        height: 80%;
        color: #CCFF00;
/*        background-color: #006600; */
        float: left;
        left: 0;
/*        position: absolute; */
        top: 0px;
        padding: 10px;
        width: 200px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 180px;
}
html>body .Adress {width:180px;}
.Adr {
/*        font-size : 11px; */
        color: #CCFF00;
        text-indent : 0px;
        line-height : 120%;
}

H1, H2, H3, H4, H5, H6 {
    text-align: left;
    text-indent : 0px;
}

H1 {
    clear: left;
    margin-top: 1em;
    margin-bottom: 0.5em;
/*    text-align: center; */
}

h4 {
        color: #000000;
        font: bold 11px verdana,sans-serif;
        margin-top: 5px;
        margin-bottom: 0px;
        padding: 3px 1px 3px 5px;
        width: 130px;
        border: 1px solid #000000;
        cursor: pointer;
        background: #F3F4F6;
}
h5 {
        color: #000000;
        font: bold 11px verdana,sans-serif;
        margin-top: 5px;
        margin-bottom: 0px;
        padding: 3px 1px 3px 5px;
        width: 120px;
        border: 1px solid #000000;
        cursor: pointer;
        background: #F3F4F6;
}
#leftside ul {
        list-style: none;
        margin: 0px 0px 0px 5px;
        padding-left: 5px;
        border-left: 1px solid #000000;
}
a.menu                 {
        color: #000000;
        font: 11px/15px verdana,sans-serif;
        text-decoration: none;
        border: none;
}
a.menu:hover        {
        color: #B22222;
        text-decoration: none;
        border: none;
        background: transparent;
}
PRE {
    font-family: monospace;
    margin-left: 1em;
    font-size: 90%
}

ADDRESS {
    text-align: right;
    font-style: italic;
}

VAR {
    font-style: normal;
}
IMG {
    border: 0;
}
.toc {
    text-indent: 0;
}
P.toc-line {
    margin-top: 1em;
    margin-bottom: 1em;
    text-indent: 0;
}

/* I don't like all that blue text, how about this: */
/* It should be 'inherit', but Netscape inserts a random color :-( */
A.noxref:link, A.noxref:visited {color: black; /*color: inherit*/}
DIV.example A:link, DIV.example A:visited {color: maroon; /*color: inherit*/}
DIV.deprecated-html-example A:link,
DIV.deprecated-html-example A:visited {color: red; /*color: inherit*/}
.note A:link, .note A:visited {color: green; /*color: inherit*/}

A.propdef-title {
  background: yellow;
}

A.descdef-title {
  color: yellow;
  background: green
}

/* TABLE {margin-left: 1em} */
DIV.propdef {margin: 1.2em 0}

div.example { color: maroon }
pre.example { color: maroon }
pre.illegal-example { color: red }
div.illegal-example { color: red }
div.illegal-example p { color: black }


div.html-example { color: maroon }
pre.html-example { color: maroon }
pre.illegal-html-example { color: red }
div.illegal-html-example { color: red }
div.illegal-html-example p { color: black }
pre.deprecated-html-example { color: red }
div.deprecated-html-example { color: red }
div.deprecated-html-example p { color: black }

div.xml-example { color: maroon }
pre.xml-example { color: maroon }
pre.illegal-xml-example { color: red }
div.illegal-xml-example { color: red }
div.illegal-xml-example p { color: black }

div.dtd-example { color: maroon }
pre.dtd-example { color: maroon }
pre.illegal-dtd-example { color: red }
div.illegal-dtd-example { color: red }
div.illegal-dtd-example p { color: black }

.note {
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    color: green
}

.normref {
    color: red;
}

.informref {
    color: green;
}

DIV.propdef TH {
    text-align: right;
}

DIV.descdef TH {
    text-align: right;
}

UL.toc, OL.toc {list-style: none}
DIV.toc UL UL, DIV.toc OL OL {margin-left: 0}
DIV.toc UL UL UL, DIV.toc OL OL OL {margin-left: 1em}
DIV.toc UL UL UL UL, DIV.toc OL OL OL OL {margin-left: 0}
LI.tocline1 {font-weight: bold}
LI.tocline2 {font-weight: normal}
LI.tocline4 {font-style: italic}
/* DIV.subtoc UL, DIV.subtoc OL {list-style: none} */
/* The border in the following rule crashes NN4 on fonts.html :-(
DIV.subtoc {padding: 1em; border: solid black thin; margin: 1em 0;
    background: #ddd}
*/
UL.index {list-style: none}

S, DEL {text-decoration: line-through; color: red}
U, INS {text-decoration: underline; background: #bfa}

DIV.figure {
    text-align: center;
    /*border: solid thin;
    width: 100%;*/
    margin: 2.5em 0
}
P.caption, CAPTION {
    text-align: center;
    font-style: italic;
    font-weight: bold;
    font-size: 90%;
    color: #088;
    margin: 1.5em 25% 0 25%;
}
DIV.toc, UL.index, DT {
    text-align: left
}
SUP {
    vertical-align: super;
    font-size: 80%
}
DIV.Menue {
        color: #000000;
        background: #99CC00;
        font: bold 11px verdana,sans-serif;
        padding: 1px 1px 3px 5px;
        width: 170px;
        border-bottom: 3px solid #006600;
        cursor: pointer;
}
a.Adress:Link {
        color: #CCFF00;
        text-decoration: none;
}
/* Menu 1 column */
#menu_1 {
        /*vertical-align: top; */
        width: 100%;
        height: 250px;
        /* Uncomment the following line to visually identify the shared content area */
        /* background-image: url(images/shared.gif); */
        padding-top: 10px;
}
#menu_1 DIV {
        width: 100%;
}
#menu_1 DIV A {
        color: black;
        text-decoration: none;
}
#menu_1 DIV A:hover {
        text-decoration: underline;
        color: red;
}

/*  MENU 1, level 1, normal state (NO) */
#menu_1 DIV.menu1-level1-no {
        width: 180px;
        color: #000000;
        background: #99CC00;
        font: bold 11px verdana,sans-serif;
        padding: 1px 1px 3px 5px;
        border-bottom: 4px solid #006600;
        cursor: pointer;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 174px;
}
html>body #menu_1 DIV.menu1-level1-no {width: 174px; }

/*  MENU 1, level 1, active state (ACT) */
#menu_1 DIV.menu1-level1-act {
        width: 180px;
        color: #000000;
        background: #CCCCCC;
        font: bold 11px verdana,sans-serif;
        padding: 1px 1px 3px 5px;
        border-bottom: 3px solid #006600;
        cursor: pointer;
        filter:alpha(opacity='70', style='0');
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 174px;
}
html>body #menu_1 DIV.menu1-level1-act {width: 174px; }

#menu_1 DIV.menu1-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
#menu_1 DIV.menu1-level2-no {
        color: #000000;
        background: #99CC00;
        font: bold 11px verdana,sans-serif;
        padding: 1px 1px 3px 20px;
        width: 180px;
        border-bottom: 4px solid #006600;
        cursor: pointer;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 159px;
}
html>body #menu_1 DIV.menu1-level2-no {width: 159px; }

/*  MENU 1, level 2, active state (ACT) */
#menu_1 DIV.menu1-level2-act {
        color: #000000;
        background: #CCCCCC;
        font: bold 11px verdana,sans-serif;
        padding: 1px 1px 3px 20px;
        width: 180px;
        border-bottom: 3px solid #006600;
        cursor: pointer;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 159px;
}
html>body #menu_1 DIV.menu1-level2-act {width: 160px; }

/*  MENU 1, level 3, normal state (NO) */
#menu_1 DIV.menu1-level3-no {
        color: #000000;
        background: #99CC00;
        width: 180px;
        font: 11px verdana,sans-serif;
        padding: 1px 1px 3px 35px;
        border-bottom: 4px solid #006600;
        cursor: pointer;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 144px;
}
html>body #menu_1 DIV.menu1-level3-no {width: 144px; }

/*  MENU 1, level 3, active state (ACT) */
#menu_1 DIV.menu1-level3-act {
        color: #000000;
        background: #CCCCCC;
        font: 11px verdana,sans-serif;
        padding: 1px 1px 3px 35px;
        width: 180px;
        border-bottom: 4px solid #006600;
        cursor: pointer;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 144px;
}
html>body #menu_1 DIV.menu1-level3-act {width: 144px; }

/*  MENU 1, level 4, normal state (NO) */
#menu_1 DIV.menu1-level4-no {
  font-size: 10px;
  padding-left:40px;
}
/*  MENU 1, level 4, active state (ACT) */
#menu_1 DIV.menu1-level4-act {
  font-size: 10px;
  font-weight:bold;
  padding-left:40px;
}