html {
    background-color: #009997;
    background-image: url("../../img/template/common/background.png");
    background-repeat: repeat-x;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

body {
    width: 996px;
    margin: auto;
    background-color: #006bb3;
    background-image: url("../../img/template/common/background_content.png");
    background-repeat: repeat-y;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    text-align: left;
}

#container {
    position: relative;
}

#aboveFrameBottom {
    width: 996px;
}

/**
 * Move frameBottom to the end of this page
 */
#frameBottom {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 217px;
    right: 200px;
    background-image: url("../../img/template/common/SANIMED-FOOTER-schmal.gif");
    background-position: 100% 100%;
    background-repeat: no-repeat;
 /*    background-color: #009997; */
}

#end-of-page {
    /* For frameBottom */
    clear: both;
    width: 100%;
    display: block;
    height: 40px;
}

/**
 * Move frameTop to the top of this page
 */
#frameTop {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 74px;
    background-color: #ffffff; 
    padding-bottom: 2px;
}

#aboveFrameBottom {
    padding-top: 76px; 
}

/**
 * Align header area contents
 */
#frameHeader {
    position: relative;
}

#logo {
    width: 215px; /* 220px;*/
    height:72px;  /* 74px;*/
  /*  background-image: url("../../img/template/common/logo_sanimed_mittel-v2.png");*/
    background-image: url("../../img/template/common/SANIMED-Logo-schattiert.png");
    float: left;
}

#headerBanner {
    float: right;
}

#navigationTop {
    position: absolute;
    bottom: 0px;
    left: 252px;
}

/**
 * Align left and right sidebar
 */
#frameMain {
    float: left;
    width: 581px;
    margin-left: 217px;
    /* supported by body.background-image */
    background-color: #ffffff;
}

#frameLeft {
    float: left;
    width: 215px;
    margin-left: -798px;
}

#frameRight {
    position: relative;
    width: 198px;
    float: right;
}

#frameRightTop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

#frameRightBottom {
    padding: 5px;
    margin-top: 240px;
    background-color: #b7dbea; 
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

#end-of-aboveBottomArea {
    clear: both;
}

/**
 * Align content area
 */
#mainHeader {
 /*   background-color: #009997; */
    height: 240px;
    width: 579px;
    padding-top: 0px;
    overflow: hidden;
}

#mainBanner {
    border-top: 0px;
    border-bottom: 2px solid #ffffff;
    height: 250px;
}

#mainContent {
    padding: 1.5em;
}