/* -*- Mode: CSS -*- */






/* ********************************************************************** */

body {
    padding:         0pt;
    margin:          4px;
}

div.hr hr,
div.hr1 hr,
div.hr2 hr,
div.hr3 hr {
    display:         none;
}

td.vrule {
    width:           5px;
    background:      #ffffff url(00/vr3.gif) repeat-y left;
}

div.hr1 {
    clear:           both;
    height:          5px;
    width:           100%;
    background:      #ffffff url(00/hr1.gif) repeat-x bottom;
    margin:          1ex 0px 1ex 0px;
}
div.hr2 {
    clear:           both;
    height:          6px;
    width:           100%;
    background:      #ffffff url(00/hr2.gif) repeat-x bottom;
    margin:          1ex 0px 1ex 0px;
}
div.hr, div.hr3 {
    clear:           both;
    height:          7px;
    width:           100%;
    background:      #ffffff url(00/hr3.gif) repeat-x bottom;
    margin:          1ex 0px 1ex 0px;
}
div.sec1 {
    clear:           both;
}
div.sec2 {
    clear:           both;
}

div.floatright {
    clear:  both;
    float:  right;
    margin: 0px 0px 10px 10px;
}

.idxbu {
    background:      #e9e9e9 url(00/alu1.jpg) repeat-x bottom;
    line-height:     1.5em;
    padding:         0ex 1ex;
    margin:          4px;
}
.idxbu:hover {
    background:      #fffa21 url(00/alu2.jpg) repeat-x bottom;
}
#sitemap {
    vertical-align: center;
    position:       absolute;
    left:           110px;
    top:            0px;
}

/* ********************************************************************** */

td#toc {
    width:    150px;
}
td#main {
}
div#toc {
    position:      fixed;
    align:         top;
    width:         134px;
    z-index:       2;
    border-top:    0px;
    border-bottom: 0px;
    border-left:   0px;
    border-right:  3px solid #fff011;
    padding:       2px;
    overflow:      auto;
    left:          4px;
    top:           4px;
    bottom:        4px;
    /* margin:   2px; */
    background:    #ffffff url(00/alu3.jpg) repeat bottom;
}
div#toc table {
    margin:        4px;
}
div#toc td {
    padding:       0px;
}
div#toc a {
    display:       block;
    padding:       2px;
    background:    #e9e9e9 url(00/alu1.jpg) repeat-x bottom
}
div#toc a:hover {
    background:    #fffa21 url(00/alu2.jpg) repeat-x bottom
}
div#main {
    z-index:  1;
}
div#mainbody {
    z-index:  1;
    /* position: relative; */
    /* top:      30px; */
}

/* ********************************************************************** */

div.head {
    background:      #ffffff url(00/alu3.jpg) repeat bottom;
    padding:         4px;
    border-bottom:   3px solid #fff011;
    margin:          0px 0px 0.5ex 0px;
    position:        relative;
}
div.headlink {
    min-height:      2.5em;
    border:          0px;
    display:         block;
}
div.headsearch {
    position:        absolute;
    right:           8px;
    top:             8px;
}
div.headmenu {
    clear:           both;
    min-height:      1.5em;
    padding:         0px;
}

div.foot {
    background:      #ffffff url(00/alu3.jpg) repeat bottom;
    padding:         4px;
    border-top:      3px solid #fff011;
    margin:          0.5ex 0px 0px 0px;
    min-height:      24px;
    position:        relative;
    left:            0px;
    top:             0px;
}
div.spem {
    display:         none;
}
div.footdate {
    float:           right;
    font-size:       smaller;
}
div.ban {
    margin:          4px;
    text-align:      center;
}
div.footcomm {
    display:         block;
    padding:         4px;
}
.footcomm form {
    margin:          0px;
}
div.commmain {
    margin:          0px;
}
div.commsub {
    margin:          0px;
    font-size:       smaller;
}
div.footprax {
    position:        absolute;
    right:           4px;
    bottom:          4px;
}

/* ********************************************************************** */

h2.idx{
    display:         none;
}
div.idx {
    position:        absolute;
    right:           0px;
    top:             2.5em;
    margin:          8px;
    z-index:         10;
}
table.menu {
    position:        relativ;
    left:            0px;
    top:             0px;
    padding:         0px;
    border:          0px;
    z-index:         9;
    background:      #ffffff url(00/alu3.jpg) repeat bottom;
}
div.menu {
    position:        relativ;
    left:            0px;
    top:             0px;
    padding:         4px;
    z-index:         10;
    background:      #ffffff url(00/alu3.jpg) repeat bottom;
}

div.idxl {
    clear:           both;
    height:          0.5ex;
}

.idx  a,
.idx  span.idxa,
.idx  span.idxs,
.menu a,
.menu span.menua,
.menu span.menus {
    display:         block;
    text-decoration: none;
}
.idx  ul,
.menu ul {
    list-style-type: none;
    padding:         0px;
    height:          1.5em;
    margin:          0px;
    z-index:         30;
}

.idx  ul li,
.menu ul li {
    float:           left;
    line-height:     1.5em;
    vertical-align:  middle;
    position:        relative;
    background:      #e9e9e9 url(00/alu1.jpg) repeat-x bottom;
    padding:         0px;
    margin:          0px;
    border-left:     1px solid #e8e000;
}
.menu a.hover {
    background:      transparent;
}
.idx  ul a,
.idx  ul span.idxa,
.idx  ul span.idxs,
.menu ul a,
.menu ul span.menua,
.menu ul span.menus {
    padding:         0px 0.5ex;
}
.idx  ul ul,
.menu ul ul {
    visibility:      hidden;
    position:        absolute;
    height:          auto;
    top:             1.5em;
    white-space:     nowrap;
    border:          1px outset #ffc0c0;
    z-index:         40;
}
.idx ul ul.idxl,
.menu ul ul {
    left:            0px;
}
.idx ul ul.idxr {
    right:           0px;
}
.idx  ul ul li,
.menu ul ul li {
    float:           none;
    display:         block;
    line-height:     1.2em;
}
.idx  ul ul a,
.idx  ul ul span.idxa,
.idx  ul ul span.idxs,
.menu ul ul a,
.menu ul ul span.menua,
.menu ul ul span.menus {
    padding:         0.6ex 1ex;
    /* margin:          0px 20px 0px 0px; */
}

.idx  ul ul ul,
.menu ul ul ul {
    top:             0px;
    z-index:         50;
}
.idx  ul ul.idxl ul,
.menu ul ul      ul {
    left:            90%;
}
.idx ul ul.idxr ul {
    right:           90%;
}

.idx  ul ul.idxl a.idxs,
.idx  ul ul.idxl span.idxs,
.menu ul ul      a.idxs,
.menu ul ul      span.idxs {
    padding-right:   3ex;
    background:      transparent url(00/rightarr.gif) right center no-repeat;
}
.idx ul ul.idxr a.idxs,
.idx ul ul.idxr span.idxs {
    padding-left:    3ex;
    background:      transparent url(00/leftarr.gif) left center no-repeat;
}

/* ********************************************************************** */

.idx  li:hover,
.menu li:hover {
    background:      #fffa21 url(00/alu2.jpg) repeat-x bottom;
}

.idx  li > a:hover,
.menu li > a:hover {
    /* background:      #fffa21 url(00/alu2.jpg) repeat-x bottom; */
}

.idx  ul li:hover ul,
.menu ul li:hover ul                                { visibility: visible;  }
.idx  ul li:hover ul ul,
.menu ul li:hover ul ul                             { visibility: hidden;   }
.idx  ul li:hover ul li:hover ul,
.menu ul li:hover ul li:hover ul                    { visibility: visible;  }
.idx  ul li:hover ul li:hover ul ul,
.menu ul li:hover ul li:hover ul ul                 { visibility: hidden;   }
.idx  ul li:hover ul li:hover ul    li:hover ul,
.menu ul li:hover ul li:hover ul    li:hover ul     { visibility: visible;  }
.idx  ul li:hover ul li:hover ul ul li:hover ul ul,
.menu ul li:hover ul li:hover ul ul li:hover ul ul  { visibility: hidden;   }

/* ********************************************************************** */
/* Verhuellung */

div.demo {
    text-align: center;
}
div.demo imp {
    border: 0px;
}

div#verhuellung {
    position:      absolute;
    left:          0;
    top:           0;
    width:         100%;
    height:        100%;
    background:    #000;
    text-align:    center;
    color:         #fff;
    visibility:    hidden;
    -moz-opacity:  0.9;
    filter:        alpha(opacity=90);
    opacity:       0.9;
    z-index:       100;
}

div#verhuellung img {
    border:        none;
}

div#verhuellung a#close {
    padding:    4px;
    border:     1px solid white;
    color:      #fff;
    font-size:  12px;
    background: #404040;
}
div#verhuellung a:hover {
    background: none;
}
div#verhuellung a#close:hover {
    background: #606080;
}

/* ********************************************************************** */
/* ********************************************************************** */