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

#mittig {
        position: relative;
        width: 100%;
        text-align: left;
        margin: 0px auto;
        background: #FFF;
}

#banner {
        position: relative;
        width: 96%;
        height: 400px;
        background: #fff url(../images/schwinge.jpg) no-repeat top center;
        background-size: cover;
        padding: 2%;
        text-align: center;
}

#logo {
        position: relative;
        width: 70%;
        padding: 4% 15%;
        text-align: left;
}

#navi {
        position: relative;
        width: 100%;
        margin: 3% 0%;
        text-align: center;
}

#section {
        position: relative;
        width: 94%;
        padding: 1% 3% 1% 3%;
        clear: both;
        background-color: #e0e8ef;
}

#zeile {
        position: relative;
        width: 100%;
        clear: both;
}

zweier {
        position: relative;
        width: 100%;
        padding: 1% 0% 1% 0%;
}

#dreier {
        position: relative;
        width: 100%;
        margin: 3% 0%;
        text-align: left;
}


p
{       font-size: 100%;
        line-height: 140%;
        color: #33437b;
        text-align: left;
        margin: 2% 0%;
}

h1
{       font-size: 200%;
        line-height: 120%;
        font-weight: normal;
        color: #68a8de;
        margin: 2% 0%;
}

h2
{       font-size: 120%;
        line-height: 120%;
        font-weight: bold;
        color: #3e549d;
        margin: 2% 0%;
}

h3
{       font-size: 100%;
        line-height: 140%;
        font-weight: bold;
        color: #33437b;
        margin: 2% 0%;
}

li
{       font-size: 100%;
        line-height: 140%;
        color: #33437b;
}

ul
{       margin: 0px;
        padding-left: 25px;
        margin-bottom: 5px;
}

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

.naviga
{       text-align: right;
        font-weight: bold;
        padding: 10px 15px 10px 15px;
        color: #fff;
}
.navig
{       text-align: right;
        color: #fff;
        padding: 10px 15px 10px 15px;
}
a:active, a:hover
{       color: #33437b;

}