/*******************************************************************************/
/* Basis Style definitionen */
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, label, div, span, pre, blockquote, p, img {
    border                  : 0;
    margin                  : 0;
    padding                 : 0;
}

.left {
    float               : left;
}

.right {
    float               : left;
}

.clear {
    clear               : both;
}

h1 {
    font-size           : 13px;
    margin-bottom       : 20px;
}

h2, h3, h4, h5, h6 {
    font-size           : 12px;
    margin-bottom       : 10px;
}

/*******************************************************************************/
/* Basis Layout */
body {
    background          : #ddeefd url(../images/bg.jpg) no-repeat center 0;
    font-family         : Arial, sans-serif;
    font-size           : 12px;
}

#frame {
    margin              : 0 auto;
    width               : 864px;
    padding-top         : 50px;
}

#header {
    margin-bottom       : 20px;
}

#navigation {
    border-bottom       : 1px solid #9c9c9c;
    height              : 30px;
}

#navigation li {
    float               : left;
    list-style          : none;
    margin-right        : 2px;
}

#navigation li.active a {
    color               : #ffffff;
    background-color    : #9c9c9c;
}

#navigation li a {
    color               : #666666;
    text-decoration     : none;
    padding             : 8px 14px;
    display             : block;
}

#navigation li a:hover {
    color               : #ffffff;
    background-color    : #9c9c9c;
}

#shadow-top {
    background          : url(../images/shadow-top.png) no-repeat 0 0;
    height              : 23px;
}

#content {
    background-color    : #ffffff;
    line-height         : 1.5;
    color               : #666666;
    height              : 400px;
    overflow            : hidden;
}

#content .left {
    height              : 400px;
}

#content .right {
    width               : 504px;
    height              : 340px;
    overflow-y          : auto;
    padding             : 30px;
}

#footer {
    background-color    : #97cbf8;
    color               : #ffffff;
    text-align          : center;
    font-size           : 11px;
    padding             : 8px 0;
}

#footer a {
    color               : #ffffff;
}

#shadow-bottom {
    background          : url(../images/shadow-bottom.png) no-repeat 0 0;
    height              : 30px;
}