html { background-image: url(../img/bg.gif); }

div.frame { width: 900px; margin-left: auto; margin-right: auto; }

    div.box { position: relative; top: 10px; width: 900px; margin-left: auto; margin-right: auto; }

    div.shadow-top      { width: 900px; height: 22px; background-image: url('../img/page_shadow_top.png'); background-repeat: none; }
    div.shadow-body     { width: 900px; background-image: url('../img/page_shadow_body.png'); background-repeat: repeat-y; }
    div.shadow-bottom   { width: 900px; height: 22px; background-image: url('../img/page_shadow_bottom.png'); background-repeat: none; }

    div.header { position: relative; width: 840px; border: 15px white solid; background-color: white; margin-left: auto; margin-right: auto; }
    div.header img.logo { position: relative; top: 21px; left: 44px; }
    div.header  div.home { position: relative; width: 840px; height: 300px; background-image: url('../img/header_home.jpg');}
    div.header  div.ueber-uns { position: relative; width: 840px; height: 300px; background-image: url('../img/header_ueber-uns.jpg');}
    div.header  div.die-inhalte { position: relative; width: 840px; height: 300px; background-image: url('../img/header_die-inhalte.jpg');}
    div.header  div.die-ziele { position: relative; width: 840px; height: 300px; background-image: url('../img/header_die-ziele.jpg');}
    div.header  div.die-geschichte { position: relative; width: 840px; height: 300px; background-image: url('../img/header_die-geschichte.jpg');}
    div.header  div.das-programm { position: relative; width: 840px; height: 300px; background-image: url('../img/header_das-programm.jpg');}
    div.header  div.kontakt { position: relative; width: 840px; height: 300px; background-image: url('../img/header_kontakt.jpg');}
    div.header  div.impressum { position: relative; width: 840px; height: 300px; background-image: url('../img/header_impressum.jpg');}
	div.header  div.maintenance { position: relative; width: 840px; height: 300px; background-image: url('../img/header_maintenance.jpg');}

    div.header  div.navigation { background-image: url('../img/black_grad_25_5px.png'); background-repeat: repeat-x; background-position: bottom; height: 30px; padding-top: 3px; }

        div.navigation  div { position: relative; display: block; float: left; padding-left: 30px; }
        div.navigation  div a { position: relative; display: block; float: left; color: white; margin-right: 20px; }
        div.navigation  div  div { position: relative; display: block; float: left; padding-left: 20px; margin-right: 10px; background: url('../img/a_bg_navi_2lvl.png') center left no-repeat; }
        div.navigation  div div  a { font-size: 0.85em; margin-top: 0.2em; margin-right: 10px; }
        div.navigation a.active { font-weight: bold; }

        div.frame-navigation-fx { position: absolute; width: 100%; height: 35px; top: 358px;left: 0; }

    div.content { position: relative; width: 840px; border: 15px white solid; background-color: white; margin-left: auto; margin-right: auto; }
    div.content  div.article { padding: 10px 30px 10px 30px; }

    div.footer { position: relative; width: 840px; top: 10px; height: 70px; margin-left: auto; margin-right: auto; }

    div.footer  div.email-link { position: absolute; top: 0px; left: 0px; height: 40px; background: url('../img/a_bg_email.gif') center left no-repeat; }
    div.footer  div.impressum-link { position: absolute; top: 0px; right: 0px; text-align: right; height: 40px; background: url('../img/a_bg_impressum.gif') center left no-repeat; }
    div.footer  div  a { display: block; text-decoration: underline; padding-left:35px;padding-top:8px;}

    .email-link { padding-left: 30px; }
    .impressum-link { padding-left: 30px; padding-right: 30px; }

    p.clr { clear:both;font-size:0;line-height:0;height:0;margin:0;padding:0; }

    /* Article Typo Setup */
    div.article  h1 { color: #26401b; }
    div.article h2 { color: #639649; margin-bottom: 5px; }
    div.article p { font-size:1.2em; line-height:1.5em; margin:0 0 1.25em; }
    div.article .intro p { color: #639649; }
    div.article blockquote { font-family: Georgia,Times,serif; color:#666666; font-style:italic; margin:2em; font-size: 1.3em; }
    div.article a { color: #26401b; background-color: #edf5e9; padding-left: 30px; background: url('../img/a_bg.gif') top left no-repeat; text-decoration: underline; }
    div.article ul { margin: 30px; }
    div.article li { font-size: 1.1em; padding-left: 40px; padding-bottom: 15px; background: url('../img/li_bg.gif') top left no-repeat; }

    /* parent page color themes */
    div.navigation { background-color: #26401b; border-top: 2px #486d35 solid; }
    /*#ueber-uns div.navigation { background-color: #2e6dae; border-top: 2px #639649 solid; }*/