@charset "UTF-8";
/* CSS Document */

    body {
        font: 11pt 	Verdana, Trebuchet, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        color: #1e1d20;
        background: #fff;
    }

    .text {
        position:relative;
        left:255px;
        top:240px;
        width:620px;
        background: #fff;
        text-align:left;
    }

    .text-content {
        position: relative;
        left: 50px;
        top: 25px;
        width: 540px;
    }

    .hilite {
        color: #003b5a;
        color: #1c6088;
        font-weight: bold;
    }

    .larger {
        font-size: 1.3em;
    }

    .extra {
        color: #272627;
        font-weight: bold;
    }

    .normal {
        color: #3e3d40;
        font-weight: normal;
    }

    .vspace {
        font-size: 0.5em;
    }

    .head {
        position: fixed;
        width: 645px;
        height: 240px;
        left: 255px;
        top: 0px;
        z-index: 100;
    }

    .head-content {
        position:relative;
        left:50px;
        top:43px;
        color: #19556d;
    }


    .text-no-head {
        position: relative;
        left: 255px;
        top: 0px;
        width: 595px;
    }

    .text-no-head-content-no-parent {
        position:relative;
        left: 305px;
        width: 540px;
    }

    .text-no-head-content {
        position:relative;
        left: 50px;
        width: 540px;
    }

    .area {
        width: 645px;
        height: 240px;
        background: #b6dcf2;
        overflow-x: hidden;
    }

    .area-content {
        position:relative;
        left: 25px;
        top: 160px;
    }

    #praxis {
        position: fixed;
        width:255px;
        height:240px;
        left:0px;
        top:0px;
        background: #8dc0ea; /* pdf */
        /*background: #86c5e9; mail */
        text-align:left;
        overflow:hidden;
    }

    #praxis-content {
        position:absolute;
        left:26px;
        top:46px;
        color: #fff;
        font-family: 'Fira Sans Condensed';
    }

    .praxis-header {
        font-size:1.02em;
        letter-spacing: 0.16em;
        line-height: 1.26em;
        color: #efeffa;
    }

    .praxis-name {
        color: #606060;
        font-variant:small-caps;
        font-size:1.13em;
        font-weight: 500;
        letter-spacing: 0.065em;
        margin-top: 0.68em;
        line-height: 1.2em;
    }

    .praxis-title {
        margin-top: 0.1em;
        margin-bottom: -0.3em;
        letter-spacing: 0.05em;
        line-height: 1.3em;
        font-size:1.01em;
    }

    #praxis-cross {
        font-size: 4.3em;
        font-weight: 900;
        color: #fff;
        position: absolute;
        top: -22px;
        right: 10px;
    }

    #adresse {
        position:fixed;
        left:0px;
        top:240px;
        background: #b6dcf2;
        width:255px;
        height:128px;
    }

    #adresse-content {
        position:absolute;
        left:26px;
        top:22px;
        color: #4f5e6a;
        font-size:0.93em;
        font-family: 'Fira Sans Condensed';
        font-weight: 600;
        letter-spacing: 0.03em;
        line-height: 1.25em;
    }

    #navi {
        position:fixed;
        left:0px;
        top:368px;
        background: #e2f0fa;
        width:255px;
        height:232px;
        overflow:hidden;
    }

    #navi-content {
        position:absolute;
        left:25px;
        top:15px;
        font-size: 0.95em;
        line-height: 1.8em;
    }

    .navi {
        letter-spacing: 0.15em;
    }

    .navi-active {
        letter-spacing: 0.15em;
    }

    #column_one {
        position: absolute;
        left: 0px;
        top:55px;
        width: 300px;
        margin: 50px;
    }

    #column_two {
        position: absolute;
        top:55px;
        left: 300px;
        width: 280px;
        margin: 50px;
    }


    h1 {
        color: #3c3c3c;
        font-weight: normal;
        font-size: 1.3em;
        letter-spacing: 0.15em;
        margin-bottom: 1em;
    }

    h2 {
        color: #1c6080;
        font-weight: normal;
        font-size: 1.2em;
    }

    ul {
        padding: 0px;
    }

    li {
        margin-left: 1em;
        padding: 0.5em;
    }

    address {
        font-style: normal;
    }


    a:link     { text-decoration:none; color:#1e1d20;}
    a:visited  { text-decoration:none; color:#1e1d20;}
    a:hover    { text-decoration:none; color:#d3592c;}
    a:active   { text-decoration:none; color:#d3592c;}

    a.addr:link    { text-decoration:none; color:#4f5e6a;}
    a.addr:visited { text-decoration:none; color:#4f5e6a;}
    a.addr:hover   { text-decoration:none; color:#d3592c;}
    a.addr:active  { text-decoration:none; color:#d3592c;}

    a.navi:link    { text-decoration:none; color:#3e3d40;}
    a.navi:visited { text-decoration:none; color:#3e3d40;}
    a.navi:hover   { text-decoration:none; color:#d3592c;}
    a.navi:active  { text-decoration:none; color:#d3592c;}

    a.navi-active:link    { text-decoration:none; color:#d3592c;}
    a.navi-active:visited { text-decoration:none; color:#d3592c;}
    a.navi-active:hover   { text-decoration:none; color:#d3592c;}
    a.navi-active:active  { text-decoration:none; color:#d3592c;}