html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    height: 100%;
    background-color: #FFFFE6;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    font-size: 10pt;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:active, a:visited {
    color: #000;
}

a:hover {
    color: #33491C;
}

#backgrnd {
    z-index: 1;
    position: absolute;
    position: fixed;
    /*top: 100px;*/
    margin-left: -176px;
    width: 261px;
    height: 550px;
    background-color: aqua;
    background: url(../img/layout/pyramide_bckgrnd_left.jpg) no-repeat right top;
}

* html #backgrnd {
    margin-top: -92px;
    /*position: absolute;
    margin-left: expression( ( -176 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    margin-top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );*/
}

#container {
    width: 900px;
    /*background-color: yellow;*/
    margin: auto;
    border-width: 1px;
}

#menu {
    top: 0px;
    position: fixed;
    z-index: 20;
    width: 840px;
    width: 854px;    
    margin-left: 85px;  
    height: 90px;
    background: url(../img/layout/pyramide_bckgrnd_top.jpg) no-repeat 0px 0px;
    background-color: #FFFFE6;
    padding-left: 0px;
    border-bottom: 2px solid #006600;
    /*border-left: 2px solid #006600;*/
}

* html #menu {
    /*position: absolute;
    margin-left: expression( ( 85 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    margin-top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );*/

}

#main {
    position: absolute;
    margin-bottom: 20px;
}

#body_bgr {
    position: fixed;
    z-index: 10;
    background: url(../img/layout/pyramide_bckgrnd_right.jpg) no-repeat left 0px;
    width: 124px;
    height: 100%;
    height: 455px;
    margin-left: 87px;
    width: 850px;
    background-color: #FFF;
}

#body_dummy {
    position: fixed;
    height: 200px;
    height: 100%;
    background-color: #FFFFE6;
    background-color: #f00;
    /*margin-left: 87px;*/
    width: 850px;
    z-index: 12;
    /*margin-top: 540px;*/
}

#body {
    position: absolute;
    z-index: 15;
    top: 90px;
    margin-left: 85px;
    margin-top: 2px;
    /* 850 - 40 (padding) */
    width: 810px;
    padding: 20px;
    min-height: 450px;
    border-left: 2px solid #006600;
    border-right: 2px solid #006600;
    border-bottom: 2px solid #006600;
    background: url(../img/layout/pyramide_bckgrnd_right.jpg);
    background-color: #FFF;
    background-position:  center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

#body_text {
    position: relative;
    height: 100%;
}

* html #body {
    height: 450px;
    background-position:  0px -92px;
}

.menu_button {
    float: left;
    margin-top: 40px;
    margin-left: 17px;
    background: url(../img/layout/menu_button.gif) no-repeat left;
    background-color: #27511e;
    /*height: 25px;
    width: 100px;*/
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}

.logo {
    float: left;
    margin-top: 7px;
    margin-left: 30px;
    border: 1px solid #006600; 
    background: url(../img/layout/Logo_Drechsel.jpg) no-repeat;
    height: 70px;
    width: 125px;
    background-color: blue;
}

.menu_button a:active, .menu_button a:link, .menu_button a:visited {
    color: #fff;
    text-decoration: none;
    width: 80px;
    height: 19px;
    padding-top: 5px;
    display: block;
}

.menu_button a:hover, .menu_button a.active {
    color: #FFC583;
}

.products {
    text-align: center;
    width: auto;
    margin: auto;
}

.product {
    float: left;
    width:185px;
    min-height:205px;
    margin-left:10px;
    text-align:center;
    margin-bottom: 20px;
}

* html .product {
    height:205px;    
}

.product img {
    border: 0px;    
}

.product_descr {
    font-weight: bold;
    height:40px;    
}

td.required {
    font-weight: bold;
}

li.error {
    color: #f00;    
}

}