body  {
    font-family:trebuchet ms;
    text-align:center;
    background-color:#2B000E;
    margin:0;
    padding:0;
    background-color: #F4F1E6;
    background-image: url(../css/creme.jpg);
    background-attachment: fixed;
}
.wrapper {
    width:700px;
    margin:0 auto 0;
    background-color:white;
    border:15px solid #bbb;
    padding:3em 60px;
}
/* ============================= Beginn site-navigation ============================= */
ul#Navigation {
    background-image: url(../css/creme.jpg);
    margin: 7em 0 0.8em 0;
    padding: .1em .5em .3em .5em;
    border: 1px solid #bbb;
    font:  bold 13px/1.3 helvetica,arial,sans-serif;
    width: 13em;
    float: right;
    position:absolute;
    right:0;
    z-index: 10;
}
ul#Navigation li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    position:relative;
}
* html ul#Navigation li  {
    border-bottom: 2px solid #f7f3da;
    border-top: 2px solid #f7f3da;
}

ul#Navigation li ul {
    margin: 0;
    padding: 2px 0 0 1em;
    display:none;
    line-height:1.1;
    font:  12px/1.2 helvetica,arial,sans-serif;
    position:absolute;
    right:14em;
    top:-5px;
    z-index: 9;
}
ul#Navigation li:hover ul  {
    display:block;
    width:13em;
    background-image: url(../css/creme.jpg);
    padding-bottom:7px;
    padding-right:5px;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;

}
ul#Navigation li:hover ul li {
    background-image: url(../css/creme.jpg);

}

ul#Navigation li a ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul#Navigation li a {
    display: block;
    padding:0;
    font-weight: bold;
    text-decoration: none;
    color: black;
    /*background-color: #e6e6e6;*/
    border-top: 2px solid #f7f3da; /*#e6e6e6;*/
    border-bottom: 2px solid  #f7f3da;/*#e6e6e6;*/
}

ul#Navigation ul li a  {
    font-weight:normal;
    margin:2px 0 0 0;
}
ul#Navigation a:hover {
    background-color: white;
    border-color: white;
    color:#f00;
}
ul#Navigation li a#vidya
 {
    border-top: 2px solid #d40;
    border-bottom: 2px solid #d40;
    /*background-color: #f96;
    color: #fff;*/
}
ul#Navigation a:active {
    color: white;
    background-color: #333;
}
body ul#Navigation li ul.indischewege  {
    display:block;
    position: static;
    width:auto;
    padding-bottom:0;
    padding-right:0;
    border-top: none;
    border-left: none;
    border-bottom: none;
}

/* ===================== End of site-navigation ===================== */

/* ===================== article-navigation ===================== */

p, ul  {
    text-align:left;
    font-family:verdana;
    font-size:11pt;
    line-height: 1.7;
}
.chapter  {
    text-decoration:none;
    color: black;
    padding:0 1em
}
a:link  {
    color:#33f;
}
a:visited  {
    color:#33f;
}
a:hover  {
    background-color:#fcb;
}
ul li a {
    text-decoration:none;
}

.menu  {
    margin:0 auto;
    width:660px;
    border:7px solid #bbb;
    padding:0;
    background-color:white;
    text-align:center;
    font-size:9pt;
    line-height:2;
    position:relative;
    top:25px;
}
#start a.start, #intro a.intro, #ch1 a.ch1, #ch2 a.ch2, #ch3 a.ch3, #ch4 a.ch4, #ch5 a.ch5, #ch6 a.ch6, #ch7 a.ch7, #ch8 a.ch8, #ch9 a.ch9, #ch10 a.ch10, #ch11 a.ch11, #ch12 a.ch12, #epilogue a.epilogue, #prabha a.prabha, #birthday a.birthday {
    background-color:#fcb;
}

/* ===================== end article-navigation ===================== */

/* ===================== book-titel as headline ===================== */
h6  {
    font: italic 15px 'Times New Roman' /*small-caps normal 20px Arial, sans-serif*/;
    position:relative;
    top:13px;
    color:#888;
    margin:1px 0 0;
    word-spacing:.2em;
    letter-spacing:.5em;
    line-height: .3;
}
* +html h6 {           /*IE 7*/
    letter-spacing:.46em;
}
* html h6  {           /*IE 6 */
    letter-spacing:.46em;
}

