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

#mittig {
        position: relative;
        width: 100%;
        padding: 0px;
        margin: 0px auto;
}

#kopfzeile {
        position: relative;
        text-align: center;
        background: url(../bilder/garbsen.jpg) no-repeat center top;
        width: 100%;
        height: 197px;     
        border-bottom: 1px solid #FDC96A;
        margin: 0px 0px 48px 0px;
}

#logo {
        position: absolute;
        width: 100%;
        text-align: center;
        margin: -85px auto 0% auto;
        z-index: 1;
}

#navi {
        position: relative;
        width: 94%;
        padding: 7% 3% 3% 3%;
        text-align: left;
        background-color: #FDF4BA;
        border-bottom: 1px solid #FDC96A;
}

#inhalt {
        position: relative;
        width: 100%;
        padding: 0px;
        background-color: #FEF9DD;
        border-top: 1px solid #FDC96A;
        text-align: left;
        clear: left;
}

#alles {
        position: relative;
        width: 94%;
        padding: 3%;
        text-align: left;
}

#form {
        position: relative;
        width: 94%;
        padding: 3%;
        text-align: left;
}

#links {
        position: relative;
        width: 94%;
        padding: 3%;
        text-align: left;
}

#rechts {
        position: relative;
        text-align: left;
        padding: 1%;
        margin-bottom: 2%;
        background-color: #FDF4BA;
        border-top: 1px solid #FDC96A;
}

#reihe {
        position: relative;
        margin: 2% 0% 0% 0%;
        clear: left;
}

#text {
        position: relative;
        margin: 0% 0% 0% 0%;
        clear: left;
}

#bild {
        position: relative;
        text-align: left;
        margin: 0% 0% 0% 0%;
}

#bildarchiv {
        position: relative;
        margin: 2% 1% 0% 0%;
        height: 400px;
        float: left;
}

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

textarea {
       font-family: Arial, Verdana, Helvetica, sans-serif;
       width: 100%;
}

p
{
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        color: #110066;
        margin: 0px 0px 5px 0px;
}

h1
{
        font-family:  Cataneo, Georgia, Times;
        font-style: italic;
        font-size: 20px;
        line-height: 22pt;
        font-weight: normal;
        text-align: left;
        color: #CC0000;
        margin: 12px 0px 8px 0px;
}

h2
{
        font-family: Cataneo, Georgia, Times;
        font-style: italic;
        font-size: 16px;
        line-height: 18px;
        font-weight: normal;
        text-align: left;
        color: #CC0000;
        margin: 14px 0px 4px 0px;
}

h3
{
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
        color: #CC0000;
        margin: 0px 0px 4px 0px;
}

li
{
        font-size: 12px;
        line-height: 24px;
        font-weight: normal;
        color: #333366;
}

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

a
{
        font-size: 12px;
        line-height: 16px;
        font-weight: normal;
        text-decoration: none;
        color: #110066;
        margin: 0px;
}
a:hover, a:active
{
        color: #CC0000;
}

.navig
{
        display: block;
        padding: 8px 0px 4px 0px;
}
.naviga {
        display: block;
        color: #AD3300;
        padding: 8px 0px 4px 0px;
}
.unavig
{
        display: block;
        padding: 2px 0px 4px 20px;
}
.unaviga {
        display: block;
        color: #AD3300;
        padding: 2px 0px 4px 20px;
}

.autor
{
        font-size: 8px;
        line-height: 10px;
        color: #ff9933;
}
.bild
{
        border: 1px solid #FCA519;
        margin: 0px 0px 20px 0px;

}