body {
       font-family: Arial, Verdana, Helvetica;
       height: 100%;
       margin: 0px;
       padding: 0px;
       text-align: center;
        background-color: #efefef;
}

#kopf {
        position: relative;
        width: 90%;
        padding: 1% 5% 0.5% 5%;
}

#logo {
        position: relative;
        width: 90%;
        padding: 1% 5% 1% 5%;
       text-align: left;
       background-color: #fff;
       border-top: 1px solid #ccc;
}

#navi {
        position: relative;
        width: 49%;
        padding: 0% 0% 0% 2%;
        float: left;
}

#inhalt {
        position: relative;
        margin: 0px;
        padding: 3% 0% 0% 0%;
        clear: left;
        background: url(../bilder/johannis.jpg) top center;
        background-size: cover;
}

#text {
        position: relative;
        width: 84%;
        padding: 3%;
        margin: 0% 5% 0% 5%;
        background-color: rgba(255, 255, 255, 0.9);
}

#fuss {
        position: relative;
        width: 95%;
        padding: 2% 0% 2% 5%;
}

#box_3 {
        position: relative;
        width: 22%;
        height: 130px;
        padding: 3% 3% 3% 3%;
        margin: 9% 5% 1% 0%;
        text-align: left;
        float: left;
        background-color: rgba(255, 255, 255, 0.9);
}

#clear {
        position: relative;
        width: 100%;
        padding: 0%;
        clear: left;
}

#abschluss {
        position: relative;
        width: 90%;
        padding: 1.5% 5% 1% 5%;
        text-align: right;
        clear: left;
        border-top: 1px solid #ccc;
}

p
{
        font-size: 100%;
        text-align: left;
        line-height: 120%;
        margin: 0px;
        margin-bottom: 10px;
        color: #3e240c;
}

a
{
        font-size: 100%;
        line-height: 120%;
        text-decoration: none;
        margin: 0px;
        color: #3e240c;
}

a:hover, a:active, a.navi:hover, a.navi:active
{
        color: #c2000b;
}

a.navi
{
        color: #3e240c;
        font-weight: normal;
        padding: 8px 10px;
}
a.navia
{
        color: #3e240c;
        font-weight: bold;
        padding: 8px 10px;
}

.rechts
{
        text-align: right;
        color: #a48f7b;
}


li   {
     font-size: 100%;
     line-height: 130%;
     font-weight: normal;
     text-align: left;
     }

ul   {
     margin-top: 2px;
     margin-bottom: 15px;
     margin-left: 0px;
     }

h1
{
        font-size: 160%;
        line-height: 100%;
        letter-spacing: 4px;
        font-weight: normal;
        text-align: left;
        margin: 0px;
        color: #e4001b;
}

h2
{
        font-size: 160%;
        line-height: 100%;
        font-weight: normal;
        text-align: left;
        margin: 10px 0px 10px 0px;
        color: #e4001b;
}

h3
{
        font-size: 120%;
        line-height: 100%;
        font-weight: normal;
        text-align: left;
        margin: 10px 0px 10px 0px;
        color: #c2000b;
}

h4
{
        font-size: 160%;
        line-height: 100%;
        font-weight: normal;
        text-align: left;
        margin: 0px;
        color: #c2000b;
}