/* === COMMON === */
*
{
    margin: 0;														/* Abstand zum Eltern oder Vorgänger Element */
    padding: 0;														/* Abstand vom eigenen Rand zu eigenen Inhalt */
}
html 
{
    width: 100%;
    height: 100%;
}
body 
{
    width: 100%;
    font-size: 75%;
    font-family: verdana,tahoma,arial,helvetica,sans-serif;
    color: #000000;
    background-color: #FFFFFF;
}
#topback, #footback 										     			/* Wird nur im IE gebraucht */
{
    z-index: -1;													/* In den Hintergrund positionieren */
    display: none;													/* Element nicht anzeigen und auch keinen Platz reservieren */
}




/* === TOP === */
#top 
{
    position: fixed;													/* Absolut und bleibt beim Scrollen stehen */
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;													/* Abhängig: topback.height(IE), navi1.top(ALL), content.inner.margin(ALL) */
    z-index: 2;
    background-image: url(/static/all/images/common/top.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#top1
{
    position: absolute;
    top: 16px;
    left: 9px;
    width: 183px;
    height: 59px;
    background-image: url(/static/all/images/common/logo1.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 11;
}
#top2
{
    position: absolute;
    top: 36px;
    left: 0px;
    width: 100%;													/* wegen rechtsbündiger Ausrichtung von logo*/
    height: 18px;
    background-image: url(/static/all/images/common/logo2.gif);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 10;
}
#top3
{
    position: absolute;
    top: 73px;
    left: 0px;
    width: 100%;
    height: 16px;
    line-height: 16px;
    text-align: right;
    z-index: 12;
}
.top3a
{
    margin-right: 20px;
    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
}
#top4
{
    position: absolute;
    top: 1px;
    left: 0px;
    width: 100%;
    height: 16px;
    text-align: right;
    z-index: 12;
}
#flag_de
{
    margin-right: 5px;
}
#flag_us
{
    margin-right: 20px;
}




/* === NAVI === */
#navi 
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 184px;													/* Abhängig: content.inner */
    height: 100%;
    z-index: 1;
    background-image: url(/static/all/images/common/navi.jpg);
    background-repeat: repeat-y;
    background-position: 0 0;
}
#navi1
{
    position: absolute;
    top: 90px;														/* Abhängig: topback.height(IE), top.height(ALL), content.inner.margin(ALL) */
    left: 0px;
    width: 183px;
    height: 26px;
    z-index: 1;
}
#navi2
{
    position: absolute;
    top: 142px;														/* Abhängig: topback.height(IE), top.height(ALL), content.inner.margin(ALL) */
    left: 0px;
    width: 184px;
    height: 173px;
    z-index: 1;
}
.navi2a
{
    line-height: 23px;
    margin-left: 29px;
}
#navi-index, #navi-index.active, #navi-firm, #navi-firm.active, #navi-individual, #navi-individual.active, #navi-internet, #navi-internet.active, #navi-mobile, #navi-mobile.active, #navi-shareware, #navi-shareware.active
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 184px;
    height: 30px;													//Butten
}
#navi-index a, #navi-index.active a, #navi-firm a, #navi-firm.active a, #navi-internet a, #navi-internet.active a, #navi-individual a, #navi-individual.active a, #navi-mobile a, #navi-mobile.active a, #navi-shareware a, #navi-shareware.active a
{
    display: block;
    width: 184px;
    height: 30px;													//Button+Zwischenraum um flackern zu vermeiden
    font-size: 13px;
    font-weight: bold;
    color: rgb(255,255,255);
    text-decoration: none;
}

#navi-index a, #navi-firm a, #navi-individual a, #navi-internet a, #navi-mobile a, #navi-shareware a
{
    background-image: url(/static/all/images/common/navi_passiv.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#navi-index a:hover, #navi-index.active a 
{
    color: rgb(80,118,201);
    background-image: url(/static/all/images/common/navi_home.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#navi-firm a:hover, #navi-firm.active a 
{
    color: rgb(80,118,201);
    background-image: url(/static/all/images/common/navi_firm.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#navi-individual a:hover, #navi-individual.active a 
{
    color: rgb(80,118,201);
    background-image: url(/static/all/images/common/navi_individual.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#navi-internet a:hover, #navi-internet.active a 
{
    color: rgb(80,118,201);
    background-image: url(/static/all/images/common/navi_internet.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#navi-mobile a:hover, #navi-mobile.active a 
{
    color: rgb(80,118,201);
    background-image: url(/static/all/images/common/navi_mobile.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#navi-shareware a:hover, #navi-shareware.active a 
{
    color: rgb(80,118,201);
    background-image: url(/static/all/images/common/navi_shareware.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}




#navi3
{
    position: absolute;
    bottom: 26px;
    left: 0px;
    width: 171px;
    height: 156px;
    background-image: url(/static/all/images/common/logo3.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 0;
}




/* === CONTENT === */
#content 
{
    width: 100%;
}
#content #inner 
{
    margin: 116px 0 0 0;												/* oben unten links rechts - Abhängig: topback.height(IE), top.height(ALL) */
    padding: 0 26px 42px 210px;												/* oben rechts unten links(PaddingNormal: oben links unten rechts) - Abhängig: footback.height(IE), foot.height(ALL), navi.width (ALL) */
}
#banner
{
    margin-bottom: 2em;
}




/* === FOOT === */
#foot 
{
    position: fixed;													/* Absolut und bleibt beim Scrollen stehen */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;													/* Abhängig: footback.height(IE), content.inner.padding(ALL) */
    line-height: 16px;
    text-align: right;

    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;

    z-index: 2;
    background-image: url(/static/all/images/common/foot.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.foot1
{
    margin-right: 20px;
}