body {
         background: url(bilder/background.jpg) top center repeat-x #CEDAFA;
         margin: 0px;
         padding: 0px;
         font: 11px arial, helvetica;
         color: #003366;
         text-align: center;
}

#container {
         color: #003366;
         position: relative;
         width: 980px;
         margin: 0 auto;
         padding: 0;
         text-align: left;
}

#kopf {
         background: url(bilder/listra_kult_treff_logo_3.jpg) no-repeat;
         height: 178px;
         margin: 0;
         padding: 0;
         width: 980px;
}

#kopf h1 {
         color: #fff;
         font-size: 42px;
         margin: 0;
         padding: 45px 0 0 333px;
         text-align: left;
         vertical-align: top;
}

#kopf span {
         font-size: 24px;
}

#navigation {
         float: left;
         position: absolute;
         width: 100%;
         height: 40px;
         margin: 0;
         padding: 5px 0;
}

#navigation li {
        list-style-type: none;
        float: left;
        margin: 0;
        padding: 0;
}

#navigation li a {
        padding: 0;
        margin: 0;
        text-decoration: none;
        display: block;
}

#clear {
        clear: both;
}

/* Inhalt Startseite */

#startinhalt {
         float: left;
         padding: 10px 0 0 0;
         margin: 0;
         width: 980px;
}

#startinhalt h1 {
         font-size: 15px;
}

#startinhalt h2 {
         text-align: center;
         color: #fff;
         font-size: 17px;
         background-color: #003366;
         border-bottom: 5px solid #003366;
         padding: 5px 0 13px 5px;
         margin: 15px 0 15px 0;
         vertical-align: top;
         letter-spacing: 0.1em;
}


#startinhaltlinks {
         border-right: 1px solid #003366;
         float: left;
         width: 490px;
}

#startinhaltlinks img {
         float: right;
         margin-right: 15px;
         padding: 4px;
         border-left: 1px solid #AFAFAF;
         border-top: 1px solid #AFAFAF;
         border-right: 5px solid #AFAFAF;
         border-bottom: 5px solid #AFAFAF;
}

#startinhaltrechts {
         float: right;
         width: 480px;
}

#startinhaltrechts img {
         float: left;
         margin-left: 7px;
         margin-right: 15px;
         padding: 4px;
         border-left: 1px solid #AFAFAF;
         border-top: 1px solid #AFAFAF;
         border-right: 5px solid #AFAFAF;
         border-bottom: 5px solid #AFAFAF;
}

#startinhaltrechts a {
         text-decoration: none;
         color: #003366;
}

#startinhaltrechts a:hover {
         text-decoration: underline;
         color: #003366;
}

/* Inhalt Impressum */
#startinhalt2 {
         float: left;
         padding: 10px 0 10px 0;
         margin: 0;
         width: 980px;
}

#startinhaltlinks2 {
         float: left;
         width: 285px;
         padding: 10px 20px;
         margin: 0;
}

#startinhaltmitte2 {
         width: 287px;
         float: left;
         text-align: center;
         border-left: 1px solid #003366;
         border-right: 1px solid #003366;
         padding: 10px 20px;
         margin: 0;
}

#startinhaltrechts2 {
         float: right;
         width: 280px;
         padding: 10px 20px;
         margin: 0;

}
#inhaltcontainermitterechts {
         float: left;
         width: 650px;
         padding: 0;
         margin: 0;
}

#reportagen {
         font-size: 13px;
         padding-left: 200px;
         padding-top: 20px;
         clear: both;
}

#reportagen a {
         color: #003366;
         font-size: 16px;
         font-weight: fat;
         text-decoration: none;
}

#reportagen a:hover {
         text-decoration: underline;
}

#reportagen img {
         float:left;
         padding-right: 20px;
}

#zwischensteg {
         clear: both;
         font-size: 20px;
         border-bottom: 1px solid #003366;
         display: block;
}

#reportageueberschrift {
         font-size: 20px;
         text-align: center;
}

#reportageueberschrift img {
         padding: 4px;
         border-left: 1px solid #AFAFAF;
         border-top: 1px solid #AFAFAF;
         border-right: 5px solid #AFAFAF;
         border-bottom: 5px solid #AFAFAF;
}

.reportagetext {
         font-size: 13px;
         text-align: justify;
         line-height: 1.4em;
}

#reportagestartinhalt {
         float: left;
         padding: 10px 0 10px 0;
         margin: 0;
         width: 980px;
         clear: both;
}
#reportagestartinhaltlinks {
         margin: 0;
         padding: 0;
         border-right: 1px solid #003366;
         float: left;
         width: 490px;
}

#reportagestartinhaltlinks img {
         float: right;
         margin-right: 20px;
         padding: 4px;
         border-left: 1px solid #AFAFAF;
         border-top: 1px solid #AFAFAF;
         border-right: 5px solid #AFAFAF;
         border-bottom: 5px solid #AFAFAF;
}

#reportagestartinhaltlinks p {
         clear: both;
         text-align: justify;
         font-size: 13px;
         padding-right: 20px;
         padding-left: 85px;
}
#reportagestartinhaltrechts {
         margin: 0;
         padding: 0;
         float: right;
         width: 480px;
}

#reportagestartinhaltrechts img {
         float: left;
         margin-left: 10px;
         margin-right: 15px;
         padding: 4px;
         border-left: 1px solid #AFAFAF;
         border-top: 1px solid #AFAFAF;
         border-right: 5px solid #AFAFAF;
         border-bottom: 5px solid #AFAFAF;
}

#reportagestartinhaltrechts p {
         clear: both;
         text-align: justify;
         font-size: 13px;
         padding-left: 10px;
         padding-right: 85px;
}

#interviews {
         font-size: 13px;
         padding-left: 200px;
         padding-top: 20px;
         clear: both;
}

#interviews a {
         color: #003366;
         font-size: 16px;
         font-weight: fat;
         text-decoration: none;
}

#interviews a:hover {
         text-decoration: underline;
}

#interviews img {
         float:left;
         padding-right: 20px;
}

#interviewueberschrift {
         font-size: 20px;
         text-align: center;
}

#interviewueberschrift img {
         padding: 4px;
         border-left: 1px solid #AFAFAF;
         border-top: 1px solid #AFAFAF;
         border-right: 5px solid #AFAFAF;
         border-bottom: 5px solid #AFAFAF;
}

.interviewtext {
         font-size: 13px;
         text-align: justify;
         line-height: 1.4em;
         padding-left: 10px;
         padding-right: 10px;
}

#treffen {
         font-size: 13px;
         padding-left: 200px;
         padding-top: 20px;
         clear: both;
}

#treffen a {
         color: #003366;
         font-size: 16px;
         font-weight: fat;
         text-decoration: none;
}

#treffen a:hover {
         text-decoration: underline;
}

#treffen img {
         float:left;
         padding-right: 20px;
}

#treffenueberschrift {
         font-size: 20px;
         text-align: center;
}

#ueberschriftneu {
         color: #ff0000;
         font-size: 16px;
         font-weight: bold;
}

#treffenueberschrift img {
         padding: 4px;
         border-left: 1px solid #AFAFAF;
         border-top: 1px solid #AFAFAF;
         border-right: 5px solid #AFAFAF;
         border-bottom: 5px solid #AFAFAF;
}

.treffentext {
         font-size: 13px;
         text-align: justify;
         line-height: 1.4em;
         padding-left: 10px;
         padding-right: 10px;
}

#treffenstartinhalt {
         float: left;
         padding: 10px 0 10px 0;
         margin: 0;
         width: 980px;
         clear: both;
}
#treffenstartinhaltlinks {
         margin: 0;
         padding: 0;
         border-right: 1px solid #003366;
         float: left;
         width: 490px;
}

#treffenstartinhaltlinks img {
         float: right;
         margin-right: 20px;
         padding: 4px;
         border-left: 1px solid #AFAFAF;
         border-top: 1px solid #AFAFAF;
         border-right: 5px solid #AFAFAF;
         border-bottom: 5px solid #AFAFAF;
}

#treffenstartinhaltlinks p {
         clear: both;
         text-align: justify;
         font-size: 13px;
         padding-right: 20px;
         padding-left: 85px;
}
#treffenstartinhaltrechts {
         margin: 0;
         padding: 0;
         float: right;
         width: 480px;
}

#treffenstartinhaltrechts img {
         float: left;
         margin-left: 10px;
         margin-right: 15px;
         padding: 4px;
         border-left: 1px solid #AFAFAF;
         border-top: 1px solid #AFAFAF;
         border-right: 5px solid #AFAFAF;
         border-bottom: 5px solid #AFAFAF;
}

#treffenstartinhaltrechts p {
         clear: both;
         text-align: justify;
         font-size: 13px;
         padding-left: 10px;
         padding-right: 85px;
}

#ffscrollbarfix {
        border: 0;
        position: absolute;
        top: 0;
        bottom: -0.1px;
        width: 1em;
        z-index: -1;
}

/* Erstellt: Detlef Klewer, letzte Änderung: 2018-07-16 */