/***************************************************
 *
 * GI Website: Formatierung fuer Bildschirmdarstellung - Grundeinstellungen
 * Version: $Rev: 661 $
 * Stand: $Id: global.css 661 2008-11-11 14:23:20Z ak $
 *
 * (c) 2008 by mehrwert
 *
 * mehrwert intermediale kommunikation GmbH
 * Riehler Strasse 51
 * 50668 Koeln
 *
 * Tel: +49 221 139753-0
 * Fax: +49 221 139753-13
 *
 * typo3@mehrwert.de
 * http://www.mehrwert.de
 *
 **************************************************/
BODY {
    text-align: center;
    background: #999;
    padding: 0;
    margin: 0;
}

#frame {
    margin-right: auto;
    margin-left: auto;
    background: url(../img/gfx_bg_frame.gif) repeat-y;
    text-align: left;
    margin-top: 0;
    border-top: 1px solid #999;
    padding: 0;
    width: 1018px;
}

#frame-inner {
    background: #fff;
    overflow: hidden;
    margin: 0px 9px 0px 9px;
    width: 1000px;
}

#meta-top {
    background: url(../img/gfx_bg_meta.gif) repeat-x;
    overflow: hidden;
    height: 26px;
    border: 0px solid red;
}

#meta-top #status {
    font-weight: bold;
    margin: 8px 0px 0px 34px;
    float: left;
    width: 300px;
    color: #666;
}

#meta-top #login {
    color: #666;
    vertical-align: middle;
    margin: 2px 20px 0px 0px;
    float: right;
    text-align: right;
    width: 600px;
}

#header {
    overflow: hidden;
    height: 72px;
    border: 0px solid red;
}

#header-img {
    margin: 0px 0px 0px 15px;
    float: left;
}

#search-form {
    position: absolute;
    margin: 40px 0px 0px 700px;
    width: 300px;
    float: right;
}

#nav-frame {
    vertical-align: middle;
    background: #fff;
/*  position: relative;
    z-index: 30;*/
    height: 77px;
    width: 1000px;
}

#nav-frame #tabs {
    vertical-align: middle;
/*  position: relative;
    z-index: 1;*/
    height: 56px;
    width: 1000px;
}

#nav-frame #tabs #nav-main {
    vertical-align: middle;
    background: #fff;
    bottom: 0;
}

#nav-frame #tabs #nav-lang {
    vertical-align: middle;
    background: none;
    text-align: right;
    bottom: 0;
    float: right;
}

#nav-frame #nav-sub {
    vertical-align: middle;
    border-top: 1px solid #ccc;
    background: url(../img/gfx_bg_nav_sub.gif) repeat-x;
    height: 21px;
}

#content-top {
    background: url(../img/gfx_bg_start_top.gif) repeat-x 0 100%;
    display: table;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 30px 0px;
    width: 100%;
}

#content-top-inner {
    display: table-row;
}

#content-top-inner .top-left,
#content-top-inner .top-middle,
#content-top-inner .top-right {
    display: table-cell;
    padding: 0px 10px 0px 10px;
    width: 310px;
}

#content-top-inner .top-left {
    padding: 0px 10px 0px 15px;
}

#content-top-inner .top-right {
    padding: 0px 15px 0px 10px;
}

#content-top-inner .content-top-el {
    position: relative;
    padding: 0;
}

#content,#content-start {
    margin: 0px 0px 80px 0px;
}

#content-wrap {
    display: table-row;
    width: 100%;
}

#content-left,#content-left-start {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    width: 230px;
}

#content-left .content-left,
#content-left-start .content-left {
    margin: 0px 0px 0px 15px;
}

#content-main {
    display: table-cell;
    vertical-align: top;
    padding: 10px 10px 0px 27px;
    width: 490px;

}

#content-main-wide {
    vertical-align: top;
    display: table-cell;
    padding: 0px 15px 0px 27px;
    width: 720px;
}

#content-right {
    display: table-cell;
    padding: 0px 15px 0px 15px;
    width: 215px;

}

#content-right-hidden {
    display: none;
}

.content-right-frame {
    border-bottom: 2px solid #feed00;
}

#content-sub {
    background: url(../img/gfx_bg_start_bottom.gif)repeat-x;
    padding: 25px 25px 15px 25px;
    clear: both;
}

#footer {
    background: #002d5a;
    color: #b2b2b2;
    clear: both;
}

#footer-top {
    padding: 20px;
}

#footer-bottom {
    background: url(../img/gfx_bg_footer_line.gif) repeat-x;
    padding: 10px 20px 10px 20px;
}