html, body {
        margin: 0;
        padding: 0;
        font-family : Verdana, Helvetica, Geneva, Arial, sans-serif;
        background : #fcdd93 url('background.jpg') center top;
        background-repeat: no-repeat;
        color: #731918;
        text-align: center;
        font-size: 14px;
}
.logo {
        margin: 0;
        padding: 0;
        border: none;
}

a, h1, h2, h3, h4, h5, h6, p, td, tr {
        margin: 0;
        padding: 0;
}

.fett {
        font-weight: bold;

}

/* --- LAYOUT -------------------------- */

#gesamteseite {
        margin: 0;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        width: 672px;
        background: #fcdd93 url('hintergrund.gif') repeat-y;
        text-align: left;
}
#kopfzeile {
        margin: 0;
        padding: 0;
        width: 672px;
        height: 134px;

}

#einespalte {
        margin: 0;
        padding: 0;
        width: 672px;
        height: 573px;
        float: left;
        text-align: center;
        background-image:url(mittenhintergrund.jpg)

}
#einespalte-abstand {
        margin: 10px 30px 5px 30px;
}
#einespalte-abstand1 {
        margin: 0;
}
#fusszeile {
        margin: 0;
        padding: 0;
        clear: both;
        width: 672px;
        height: 30px;
        text-align: center;
        background: #D09575 url('fusszeile_hintergrund.jpg') bottom left no-repeat;
}
#fusszeile-abstand {
        margin: 4px 30px 10px 30px;
}

#einespalte a {
         /* float: left; */
        /* padding: 5px 13px; */
         padding: 10px 10px 0 10px;
        text-decoration: none;
         color: #731918;
}
 #einespalte a:hover {
         text-decoration: underline;
}

#fusszeile a {
         /* float: left; */
        /* padding: 5px 13px; */
         padding: 10px 10px 0 10px;
        text-decoration: none;
        color: #F3C68A;
}
 #fusszeile a:hover {
         color: #FFF;
}
#fusszeile1 {
        margin: 0;
        padding: 0;
        clear: both;
        width: 672px;
        height: 30px;
        text-align: center;
        background: #D09575 url('fusszeile_hintergrund.jpg') bottom left no-repeat;
}
#fusszeile-abstand1 {
        margin: 4px 30px 10px 30px;
}
#fusszeile1 a {
         /* float: left; */
        /* padding: 5px 13px; */
         padding: 10px 10px 0 10px;
        text-decoration: none;
        color: #F3C68A;
}
 #fusszeile1 a:hover {
         color: #FFF;
}
/* --- NAVIGATION -------------------------- */


/* navigation */

#navcon {
        margin: 0;
}


#nav {
        float: left;
        margin: 0;
        padding: 0;
        width: 672px;
        list-style: none;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #333;
        background: #555 url('layout/nav-hintergrund-dunkelgrau.gif') repeat-x top left;
}

#nav li {
        float: left;
        margin: 0;
        padding: 0 1px 0 0;
        list-style: none;
        background: url('layout/nav-li-hintergrund.gif') no-repeat top right;
}

#nav a {
        float: left;
        padding: 5px 13px;
        text-decoration: none;
        color: #F3C68A;
}

#nav a:hover, #nav a.aktuell {
        color: #fff;
        background: #aaa url('nav-aktuell-hintergrund.gif') repeat-x bottom left;
}

#nav a.aktuell {
        /* font-weight: bold; */
        background: #777 url('nav-aktuell-hintergrund.gif') repeat-x bottom left;
}




/* Verlinkung im Textbereich */

a:link {
        color: #F3C68A;
}
a:visited {
        color: #F3C68A;
}
a:hover {
        color: #F79526;
}

/* Bilder stehen links oder rechts und werden vom Text umflossen! */
.links {
        float: left;
         margin: 0 4em 0 0;
}
.rechts {
        float: right;
}
/* Der Textfluß wird unterbrochen und beginnt wieder unter dem Bild das html kommando ist p class gleich cl! */
.cl {
        clear: left;
}
/* Bilder absolut positionieren! */

.asara4 {
        position: absolute;
         top: 40em;
         left: 50%;
}