p {
    text-align: left;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
    text-indent: 0.7em;
    line-height: 1.43em;
}

p.mit:first-letter {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 125%;
    font-weight: bold;

}

p.ohne {
    text-indent: 0em;
}

p.artikeltext {
    text-indent: 0em;
    padding-left: 15px;
    padding-right: 15px;
}

p.forumlinks {
    float: left;
    text-indent: 0em;
    padding-left: 10px;
}

p.forumrechts {
    float: right;
    text-indent: 0em;
    padding-right: 10px;
}

p.ohnenull {
    text-indent: 0em;
    line-height: 0em;
    font-weight: bold;
    padding: 5px;
    margin: 0;
}

p.texteinstellungen {
    line-height: 1.7em;
    text-indent: 1em;
    padding: 0;
    margin: 0;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 100%;
}

h1 {
    text-align: left;
    font: 0.85em Verdana, sans-serif;
    font-size: 150%;
}

h2 {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 130%;
    letter-spacing: 0.07em;
}

h2.spaced {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 130%;
    font-weight: bold;
    letter-spacing: 0.12em;
}

h2.trennungoben {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 2px dotted #404096;
}

h3 {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
    font-weight: bold;
}

acronym, abbr {
    border-bottom: 1px dotted #61554E;
    cursor: help;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: #E7F1FB;
}

span.help {
    cursor: help;
    border-bottom: 1px dotted #61554E;
}

/* --------------------------------------------------------- */
/* Kopfbereich                                               */
/* --------------------------------------------------------- */

#logobereich {
    width: 762px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
div.logolinks {
    float: left;
    height: 65px;
    width: 300px;
    background-image: url(bilder/logo_rahmen.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
div.logorechts {
    float: right;
    height: 65px;
    width: 300px;
    background-image: url(bilder/delmenhorst_logo.png);
    background-repeat: no-repeat;
    background-position: top right;
}

a.kopf {
    text-decoration: none;
    padding-top: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    color:#000000;
}

a.kopf:link {
    color:#000000;
    text-decoration: none;

}
a.kopf:hover {
    color:#000000;
    background-color: #E7F1FB;
}
a.kopf:focus {
    color:#000000;
    background-color: #E7F1FB;

}
a.kopf:active {
    color:#000000;

}

a.mittel {
    text-decoration: none;
    padding-top: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    font-size: 120%;
    color:#000000;
}

a.mittel:link {
    color:#000000;
    text-decoration: none;
    font-size: 120%;
}
a.mittel:hover {
    color:#000000;
    background-color: #E7F1FB;
    font-size: 120%;
}
a.mittel:focus {
    color:#000000;
    font-size: 120%;
    background-color: #E7F1FB;

}
a.mittel:active {
    color:#000000;
    font-size: 120%;

}

a.gross {
    text-decoration: none;
    padding-top: 0px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    font-size: 135%;
    color:#000000;
}

a.gross:link {
    color:#000000;
    text-decoration: none;
    font-size: 135%;
}
a.gross:hover {
    color:#000000;
    background-color: #E7F1FB;
    font-size: 135%;
}
a.gross:focus {
    color:#000000;
    font-size: 135%;
    background-color: #E7F1FB;
}
a.gross:active {
    color:#000000;
    font-size: 135%;
}

/* --------------------------------------------------------- */
/* Hauptkasten oben/mitte/unten                              */
/* --------------------------------------------------------- */

div.kastenoben {
    width: 770px;
    height: 15px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(bilder/rahmen_oben.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

@media screen {
    body>#kastenoben {
        margin-top: 3px;
    }
}

div.kasten {
    width: 770px;
    padding-top: 1px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    background-image: url(bilder/rahmen_mitte.gif);
    background-repeat: repeat;
    background-position: top left;
    text-align: left;
}


div.kastenunten {
    width: 770px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(bilder/rahmen_unten2.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

/* --------------------------------------------------------- */
/* Fussbereich                                               */
/* --------------------------------------------------------- */

p.fussbereich {
    padding: 0px;
    margin: 0px;
    text-align: center;
    font-size: 100%;
}

a.fussbereich {
    text-decoration: none;
}

a.fussbereich:visited {
    color: #000000;
    text-decoration: none;
    /* font-weight: bold; */


}

a.fussbereich:link {
    color:#000000;


}
a.fussbereich:hover {
    color:#000000;
    border-width: 1px;
    border-bottom-style: solid;

}
a.fussbereich:focus {
    color:#000000;
    border-width: 1px;
    border-bottom-style: solid;

}
a.fussbereich:active {
    color:#000000;

}


/* --------------------------------------------------------- */
/* Textbereich - Inhalt                                      */
/* --------------------------------------------------------- */

#inhalt {
    margin-top: 17px;
    margin-left: 25px;
    margin-right: 50px;
    margin-bottom: 20px;

}

div.text {
    padding-left: 10px;
    padding-bottom: 20px;
    background-image: url(bilder/kasten.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

div.details {
    padding-left: 0px;
    padding-bottom: 20px;
    background-image: url(bilder/kasten.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
}

div.kontakt {
    padding-bottom: 20px;
}

div.kontaktunten {
    padding-bottom: 10px;
    margin-top: 10px;
}

div.kontaktlinks {
    float: left;
    width: 320px;
    height: 425px;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #3F4096;
    text-align: center;
}

div.kontaktrechts {
    float: right;
    width: 320px;
    height: 425px;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #3F4096;
}

div.links {
    margin: 0;
    padding: 0;
    width: 495px;
    float: right;
}

/* --------------------------------------------------------- */
/* Textdetails                                               */
/* --------------------------------------------------------- */

p.zitat {
    padding-left: 30px;
}

p.zusammenfassung {
    font-weight: bold;
}

p.links {
    text-indent: 0em;
}


p.fehler {
    font-weight: bold;
    line-height: 1.5em;
    color: #E82323;
}

p.bild {
    font-size: 90%;
    font-weight: bold;
    text-indent: 0em;
    padding: 1px;
    padding-left: 7px;
    padding-right: 10px;
    width: 300px;
    margin: 0;
}

p.kontakttext {
    text-indent: 0em;
    padding-left: 7px;
}

.textkasten {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    padding: 2px;
    margin-right: 2px;
}

div.nachoben {
    float: left;
    margin-top: 7px;
}

/* -------------------------------------------------------- */
/* Texteinstellungen                                        */
/* -------------------------------------------------------- */

#texteinstellungen {
    margin-left: 10px;
    margin-right: 50px;
    margin-top: 10px;
    width: auto;
    border-width: 1px;
    border-style: dotted;
    border-color: #000000;
    background-color: #FEFEFE;
    width: 12.4em;
    height: 3.5em;
}

/* -------------------------------------------------------- */
/* Liste                                                    */
/* -------------------------------------------------------- */

div.liste {
    margin: 0;
    padding: 10px;
    background-color: #F5FAFF;
    margin-top: 5px;
    border-style: dotted;
    border-width: 1px;
    border-color: black;
    float: right;
    width: 470px;
}

div.liste ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 30px;
    margin-bottom: 70px;
}

ul.menuads {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 30px;
    margin-bottom: 70px;
}

ul.menuforum {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 30px;
    margin-bottom: 0px;
}

ul.mitgliederliste {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.normal {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li.mitgliederohne {
    margin: 7px;
    margin-left: 30px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
}

li.mitgliedermit {
    margin: 7px;
    padding-left: 2px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
}

li.menu {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
    font-weight: bold;
}

li.links {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 3px;
}

li.gross {
    margin: 0px;
    margin-bottom: 7px;
    background-image: url(bilder/kreis_g.jpg);
    background-position: 0em .3em;
    background-repeat: no-repeat;
    padding: .1em;
    padding-left: 1.4em;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 130%;
}

li.mittel {
    margin: 0px;
    margin-left: 25px;
    margin-bottom: 2px;
    background-image: url(bilder/kreis_g.jpg);
    background-position: 0em .3em;
    background-repeat: no-repeat;
    padding: .1em;
    padding-left: 1.4em;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
}

li.info {
    margin: 0px;
    margin-left: 5px;
    margin-bottom: 2px;
    background-image: url(bilder/kreis_g.jpg);
    background-position: 0em .3em;
    background-repeat: no-repeat;
    padding: .1em;
    padding-left: 1.5em;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
}

li.klein {
    background-image: url(bilder/kreis_m.jpg);
    background-position: 0em .5em;
    background-repeat: no-repeat;
    padding: .1em;
    padding-left: 1.3em;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 110%;

}

li.details {
    padding: .1em;
    padding-left: 1.3em;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 110%;
}

/* Menu im oberen Bereich des Inhalts */
div.menuoben {
    height: 215px;
}

/* -------------------------------------------------------- */
/* Navigation                                               */
/* -------------------------------------------------------- */

#navigation {
    float: left;
    width: 180px;
    margin-right: 15px;
    margin-bottom: 2px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    background-color: #F5FAFF;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 115%;
    font-weight: bold;
}

@media screen {
    body>#navigation {
        margin-left: 20px;
    }
}

#navigation ul {
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    list-style-type: none;


}

#navigation li {
    margin: 0px;
    list-style-type: none;
}

#navigation a {
    text-align: left;
    font-size: 95%;
    font-weight: bold;
    display: block;
    text-decoration: none;
     width: 160px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;


}
/* Korrektur für den bescheuerten Internet Explorer */
#navigation>a {width: auto;}

#navigation a:visited {
    color: #000000;
    text-decoration: none;
    /* font-weight: bold; */
    display: block;
    text-decoration: none;
    background: #F5FAFF;
    border:solid 1px #F5FAFF;
}

#navigation a:link {
    color:#000000;
    background: #F5FAFF;
    border:solid 1px #F5FAFF;

}
#navigation a:hover {
    color:#000000;
    border:solid 1px #000000;
    background: #CDE1F7;
}

#navigation a:focus {
    color:#000000;
    border:solid 1px #000000;
    background: #CDE1F7;
}

/* -------------------------------------------------------- */
/* Standards (zB clearboth)                                 */
/* -------------------------------------------------------- */

div.clearboth {
    clear: both;
}

/* -------------------------------------------------------- */
/* Image-Floats                                             */
/* -------------------------------------------------------- */

div.imageads {
    float: left;
    margin: 0;
    margin-right: 10px;
    border-width: 1px;
    border-color: #404096;
    border-style: solid;
    padding: 2px;
    padding-top: 8px;
    text-align: center;
}

div.imagerechts {
    float: right;
    margin-left: 15px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 7px;
}

div.imagelinks {
    float: left;
    margin-left: 0px;
    margin-right: 15px;
    margin-bottom: 2px;
    margin-top: 7px;
}

/* -------------------------------------------------------- */
/* Links                                                    */
/* -------------------------------------------------------- */

/* --> Auswahlmenu - Kopf Inhalt */

.linkmenu {
    background-image: url(bilder/linkpfeil_gross.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 22px;
}

a:link.menu {

    text-decoration: underline;
    color: #000000;

}

a:visited.menu {

    color: #000000;
    text-decoration: underline;

}

a:hover.menu {


    background: #ECF1FD;

}

a:focus.menu {


    background: #ECF1FD;

}

/* --> Link in der Gruppenanzeige */

a.externtrasparent {
    color: #404096;
    text-decoration: none;
    padding-left: 20px;
    background-color: transparent;
    background-image: url(bilder/extern_transparent.gif);
    background-repeat: no-repeat;
    background-position: center left;
    font-weight: bold;
}

a:link.externtransparent {
    color: #404096;
    text-decoration: none;
    padding-left: 20px;
    background-color: transparent;
    background-image: url(bilder/extern_transparent.gif);
    background-repeat: no-repeat;
    background-position: center left;
    font-weight: bold;
}
a:visited.externtransparent {
    color: #404096;
    text-decoration: none;
    padding-left: 20px;
    background-color: transparent;
    background-image: url(bilder/extern_transparent.gif);
    background-repeat: no-repeat;
    background-position: center left;
    font-weight: bold;
}

a:hover.externtransparent {
    color: #404096;
    text-decoration: underline;
}

a:focus.externtransparent {
    color: #404096;
    text-decoration: underline;
}

/* --> Textlinks */

a:link.text {
    color: #404096;
    text-decoration: none;


    font-weight: bold;
}
a:visited.text {
    color: #404096;
    text-decoration: none;


    font-weight: bold;
}

a:hover.text {
    color: #404096;
    text-decoration: underline;
    font-weight: bold;
}

a:focus.text {
    color: #404096;
    text-decoration: underline;
    font-weight: bold;
}

.intern {
    background-image: url(bilder/intern.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
}

.extern {
    background-image: url(bilder/extern.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
}

img, img a {
    border: none;
}

div.hinweis {
    margin-top: 70px;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    border-color: #404096;
    border-style: dotted;
    border-width: 2px;
    background-color: #F5FAFF;
}

div.blitzlicht {
    width: 457px;
    float: right;
    margin-top: 15px;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: #404096;
    border-style: dotted;
    border-width: 2px;
    background-color: #F5FAFF;
}


div.planung {
    width: 490px;
    float: right;
    border-color: #404096;
    border-top-style: dotted;
    border-top-width: 2px;
    padding-top: 5px;
}

div.inplanung {
    border-color: #404096;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
}



/* -------------------------------------------------------- */
/* Formulare                                                */
/* -------------------------------------------------------- */

#submitbutton {
    width: 70%;
    float: right;
}

#submitanmeldung {
    width: 60%;
    float: right;
}

input[type=submit]	{
    cursor: pointer;
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #404096;
    border-width: 2px;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 110%;
}

form {
    margin: 0;
    padding: 0;
    margin-right: 2em;
    line-height: 210%;


}

legend {
    background-color: #CBE5FE;
    border-color: #404096;
    border-width: 1px;
    padding: 4px;
    margin-bottom: 10px;
    border-style: solid;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
    font-weight: bold;


}

fieldset {
    background-color: #F5FAFF;
    padding-bottom: 20px;
}

label {
    clear: both;
    width: 30%;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
    font-weight: bold;
    float: left;
    text-align: right;
}

label.anmeldung {
    width: 40%
}

label.anmeldungfehler {
    width: 40%;
    clear: both;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 140%;
    font-weight: bold;
    float: left;
    text-align: right;
    color: #E82323;
}

label.fehler {
    clear: both;
    width: 30%;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
    font-weight: bold;
    float: left;
    text-align: right;
    color: #E82323;
}

input {
    margin-top: 5px;
    margin-left: 10px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;
}

textarea {
    text-align: left;
    margin-left: 10px;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 120%;

}

input:focus, textarea:focus {
    border-color: #3F4096;
    border-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
}

/* -------------------------------------------------------- */
/* Anzeige der Selbsthilfegruppen                           */
/* -------------------------------------------------------- */

div.shg {
    margin: 0;
    padding: 0;
    width: 695px;
    background-image: url(bilder/shg_hg.jpg);
    background-repeat: repeat-y;

}

div.shgoben {
    width: 695px;
    height: 18px;
    background-image: url(bilder/shg_rahmen_oben.jpg);
}

div.shgunten {
    width: 695px;
    height: 25px;
    background-image: url(bilder/shg_rahmen_unten.jpg);
}

div.blau {
    margin-left: 9px;
    margin-right: 10px;
    background-color: #EFF6FF;
    padding: 5px;
    padding-left: 7px;
    border-bottom-color: #3F4096;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
}
  

div.weiss {
    margin-left: 9px;
    margin-right: 10px;
    padding: 5px;
    padding-left: 7px;
    border-bottom-color: #3F4096;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
}

div.neuerbuchstabe {
    border-style: none;
    border-width: 2px;
    border-color: #3F4096;

    border-top-style: dotted;
}

p.shg {
    margin: 0;
    padding: 0;
    text-indent: 0;
    line-height: 1.3em;
    margin-left: 225px;

}

div.feld {
    float: left;
    width: 31%;

}

div.zeigegruppe {
    margin: 0;
    padding: 0;
}

p.feldlinks {
    margin: 0;
    text-align: right;
    font-weight: bold;
}

p.bstabe {
    font-weight: bold;
    text-indent: 0em;
    word-spacing: 0.5em;

}

/* --------------------------------------------------------- */
/* Auswahl der Kategorie                                     */
/* --------------------------------------------------------- */

p.abc {
    text-align: center;
    font-weight: bold;
    line-height: 0.7em;
    text-indent: 0em;
}

p.grau {
    text-align: center;
    font-weight: bold;
    line-height: 0.7em;
    text-indent: 0em;
    color: #A9A9A9;
}

div.letter {
    margin: 0;
    padding: 0;
    width: 37px;
    height: 25px;
    float: left;

}

div.auswahl {
    padding-bottom: 10px;
    margin-top: 10px;
}

div.auswahllinks {
    float: left;
    width: 320px;

}

div.auswahlrechts {
    float: right;
    width: 320px;

}

ul.kategorie {
    padding: 0;
    margin: 3px;
    list-style-type: none;
    margin-top: 10px;
    border-style: solid;
    border-color: #9F9F9F;
    border-width: 1px;
    border-bottom-style: none;
}

li.kategorie {
    padding: 0.15em;
    border-bottom: 1px solid;
    border-color: #9F9F9F;
}

a.auswahl {
    text-align: left;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 110%;
    font-weight: bold;
    color: #404096;
    text-decoration: none;
    padding: 0 0.65em;
    display: block;
    width: 300px;
}

/* Korrektur für den bescheuerten Internet Explorer */
div.auswahl>a {width: auto;}

a:visited.auswahl {
    color: #000000;
    display: block;
    text-decoration: none;

}

a:link.auswahl {
    color: #000000;
    display: block;
    text-decoration: none;


}
a:hover.auswahl {
    color: #000000;
    display: block;
    text-decoration: none;
    background-image: url(bilder/pfeil.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

a:focus.auswahl {
    color: #000000;
    display: block;
    text-decoration: none;
    background-image: url(bilder/pfeil.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

.nichtaktiv {
    color: #A9A9A9;
}

/* --------------------------------------------------------- */
/* Forum                                                     */
/* --------------------------------------------------------- */

div.forumkasten {
    width: 100%;
    border-color: #3F4096;
    border-style: solid;
    border-width: 2px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    margin-top: 20px;
}

div.forumthemen {
    margin-top: 10px;
    width: 100%;
}

div.forumoben {
    height: 100px;
}

div.themenblau {
    width: 100%;
    border-top-color: #3F4096;
    border-top-style: solid;
    border-top-width: 2px;
    background-color: #F5FAFF;
}

h2.forum {
    text-indent: 0.7em;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
p.forum {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 100%;
    border-bottom-color: #3F4096;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

p.artikel {
    font-size: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-color: #3F4096;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-color: #3F4096;
    border-top-style: solid;
    border-top-width: 2px;
    background-color: #F5FAFF;
}

p.forumadmin {
    padding-top: 10px;
    font-size: 100%;
    border-top-color: #3F4096;
    border-top-style: dotted;
    border-top-width: 1px;
}

