html {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "DejaVu Sans", "Arial", sans-serif;
    font-size: 70%;
}

body {
    display: block;
    vertical-align: baseline;
    padding: 0;
}

html, body {
    background-attachment: scroll;
    background-repeat: repeat;
    background-image: none;
    background-position: 0% 0%;
    background-color: #BBBBD5;
    height: 100%;
}

/*****************************************************************/
/********* Öffentliche Seiten waldkirche-obertshausen.de *********/
/*****************************************************************/

#wrapper {
    display: block;
    padding: 0;
    margin: auto;
    border: none;
    width: 100em;
    text-align: left;
    background-attachment: scroll;
    background-repeat: repeat;
    background-image: none;
    background-position: 0% 0%;
    background-color: #DDD;
    display: table;
}

#wk-wrapper {
    display: block;
    padding: 0;
    margin: 0 auto;
    border: none;
    background-color: #FFF;
    width: 66em;
}

.group-wrapper {
    width: 100%;
    padding: 1em 2em 1em 2em;
    margin: 0;
    width: 60em;
}

.subgroup-wrapper {
    width: 100%;
    padding: 1em 2em 1em 2em;
    margin: 0em 0em 1em 0em;
    border-width: 1px;
    border-style: solid;
    border-color: #DDD;
    width: 56em;
    background-image: url("../static/bg-shade-white-lrg.png");
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position: 0% 100%;
}

.mittig {
    text-align: center;
}

.img-3 {
    height: 3em;
    vertical-align: middle;
}

/*****************************************************************/
/************************** Top-Bereich **************************/
/*****************************************************************/
#topzeile {
    width: 100em;
    height: 11em;
    top: 0em;
    left: 0em;
    bottom: auto;
    right: auto;
    background-position: 0% 0%;
    background-color: #50427B;
    display: table;
}

#topzeile img {
    height: 9em;
    float: left;
    margin: 1em 2em 1em 2em;
    padding: 0;
    border: none;
}

#topzeile #rechtslogo {
    float: right;
}

#topzeile h1 {
    display: block;
    margin: 1em;
    float: none;
    font-size: 2.2em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
}

body h1 {
    display: block;
    vertical-align: middle;
    text-align: left;
    font-size: 2em;
    font-weight: normal;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
}

body h2 {
    display: block;
    vertical-align: middle;
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
}

/*****************************************************************/
/************************** Navibereich **************************/
/*****************************************************************/
#navibereich {
    top: 11em;
    left: 0;
    bottom: auto;
    right: auto;
    float: left;
    width: 14em;
    padding: 2.0em 0 2.0em 0;
    margin: 0;
    background-color: #DDD;
}

/* Erste Ebene Navigation alle Knoten */
#navibereich ul, #navibereich ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
    text-decoration: none;
    float: none;
    line-height: 1.0em;
}

#navibereich .abstandsknoten {
    margin: 2em 0 0 0;
}

/* Erste Ebene Navigation, aktiver Knoten */
#navibereich ul li a.akt:link, #navibereich ul li a.akt:visited {
    background-color: #FFF;
    line-height: 2.0em;
    border-color: #FFF;
    border-width: 0 0 0 .50em;
    border-style: none none none solid;
}

/* Erste Ebene Navigation, nicht aktive Knoten */
#navibereich ul li a:link, #navibereich ul li a:visited {
    display: block;
    color: #000;
    text-decoration: none;
    line-height: 2.0em;
    border-color: #DDD;
    border-width: 0 0 0 .50em;
    border-style: none none none solid;
}

/* Erste Ebene Navigation, nicht aktive Knoten, Mouse Overlay */
#navibereich ul li a:hover, #navibereich ul li a:active {
    display: block;
    color: #000;
    text-decoration: none;
    background-color: #FFF;
    border-color: #FFF;
    border-width: 0 0 0 .50em;
    border-style: none none none solid;
}

/* Zweite Ebene Navigation Gesamt */
#navibereich ul li ul {
    padding: 0.25em 0 0.25em 0;
}

/* Zweite Ebene Navigation alle Knoten */
#navibereich ul li ul, #navibereich ul li ul li {
    margin: 0 0 0 .3em;
    width: 100%;
    float: none;
    /*font-size: 0.9em;*/
}

/* Zweite Ebene Navigation, nicht aktive Knoten */
#navibereich ul li ul li a:link, #navibereich ul li ul li a:visited {
    display: block;
    color: #000;
    text-decoration: none;
    background-color: #FFF;
    border-color: #FFF;
    border-width: 0 0 0 2em;
    border-style: none none none solid;
}

/* Zweite Ebene Navigation, nicht aktive Knoten Mouse Overlay */
#navibereich ul li ul li a:hover,
#navibereich ul li ul li a:active {
    border: none;
    padding: 0 0 0 2em;
    background-color: #FFF;
    background-image: url(../static/navi2icon.gif);
    background-repeat: no-repeat;
    background-position: .75em .75em;
    font-weight: normal;
}

/* Zweite Ebene Navigation, aktiver Knoten */
#navibereich ul li ul li a.akt:link, #navibereich ul li ul li a.akt:visited {
    border: none;
    padding: 0 0 0 2em;
    margin: 0.05em 0 0.05em 0;
    line-height: 1.8em;
    background-color: #FFF;
    background-image: url(../static/navi2icon.gif);
    background-repeat: no-repeat;
    background-position: .75em .75em;
    font-weight: bold;
}

/*****************************************************************/
/************************** Contentbereich ***********************/
/*****************************************************************/
#contentbereich {
    top: 11em;
    left: 14em;
    bottom: auto;
    right: auto;
    display: block;
    float: right;
    width: 82em;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 2em;
    border-color: #FFF;
    vertical-align: top;
    background-color: #FFF;
}

#contentbereich a {
    color: #000;
    /*text-decoration	: none;*/
}

.blaetterbereich {
    color: #666;
    float: none;
    padding: 0.5em 0 0.5em 0;
}

#contentbereich .blaetterlink, .blaetterlink {
    color: #666;
    font-weight: bold;
}

.linknormal {
    color: #666;
}

.linkausgewaehlt {
    color: #666;
    font-size: 1.3em;
    font-weight: bold;
}

#contentbereich h2 {
    font-size: 1.5em;
    font-weight: bold;
    font-style: normal;
    color: #000;
    padding: 0.9em 0.5em 0.9em 0.5em;
    margin: 0;
    border: none;

    border-width: 1px;
    border-style: solid;
    border-color: #DDD;
    background-image: url("../static/bg-shade-white-lrg.png");
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position: 0% 100%;

}

#contentbereich h3 {
    clear: both;
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    color: #666;
    padding: 1em 0em 0.5em 0em;
    margin: 0em 0 0.5em 0;;
    border-style: solid none none none;
    border-width: .1em;
    border-color: #DDD;
    /*background-color:
#FFF ;*/
}

#contentbereich .h3aktuell {
    clear: both;
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    color: #DDD;
    padding: 0.5em 0em 0.5em 0em;
    margin: 0 0 0.5em 0;;
    border: none;
}

#contentbereich .suchbox {
    float: left;
    border: solid 0.1em#DDD;
    width: 80em;
    padding: 0.9em;
    margin: 0;
    background-color: #FFF;
    clear: both;
}

#contentbereich .aktuell {
    float: none;
    border: solid 0.1em#DDD;
    width: 80em;
    padding: 0.9em;
    margin: 0;
    background-color: #FFF;
    clear: both;
}

#contentbereich .hilitebox {
    float: none;
    border: solid 0.1em#DDD;
    width: 80em;
    padding: 0.9em;
    margin: 0;
    background-color: #FFF;
    clear: both;
}

#contentbereich .hilitesubbox {
    float: none;
    clear: both;
}

#contentbereich .loginfeld {
    float: none;
    border: 0 none;
    width: 30%;
    height: 2.6362em;
    margin: 1.5em;
}

#contentbereich .loginfeld label {
    float: none;
    border: 0 none;
    width: 50%;
    height: 2.6362em;
    margin: 0em;
}

#contentbereich .loginfeld input {
    float: right;
    width: 50%;
}

#contentbereich .spalte1tel,
#contentbereich .spalte2tel,
#contentbereich .spalte3tel,
#contentbereich .spalte4tel,
#contentbereich .spalte5tel,
#contentbereich .spalte6tel {
    float: left;
    border: 0 none;
    width: 48%;
}

#contentbereich .suchfeld1tel,
#contentbereich .suchfeld2tel,
#contentbereich .suchfeld3tel,
#contentbereich .suchfeld4tel,
#contentbereich .suchfeld5tel,
#contentbereich .suchfeld6tel,
#contentbereich .feld1tel,
#contentbereich .feld2tel,
#contentbereich .feld3tel,
#contentbereich .feld4tel,
#contentbereich .feld5tel,
#contentbereich .feld6tel,
#contentbereich .feld23tel {
    float: left;
    border: 0 none;
    padding: 0 0 0 0;

    margin: 0 0.5em 0 0.5em;
    height: 3.6362em;
}

#contentbereich .feld1tel select,
#contentbereich .feld2tel select,
#contentbereich .feld3tel select,
#contentbereich .feld4tel select,
#contentbereich .feld5tel select,
#contentbereich .feld6tel select,
#contentbereich .feld23tel select {
    margin: 0 !important; /* außer IE */
    margin: 0 0.8em 0 0.8em; /* für IE */
}

#contentbereich .suchfeld1tel,  .spalte1tel  { width: 80em !important; width: 78em;}
#contentbereich .feld1tel  { width: 78.8em !important; width: 76.8em;}
#contentbereich .suchfeld2tel,  .spalte2tel  { width: 40em !important; width: 38em;}
#contentbereich .feld2tel  { width: 38.8em !important; width: 36.8em;}
#contentbereich .suchfeld3tel,  .spalte3tel  { width: 26.666666666667em !important; width: 24.666666666667em;}
#contentbereich .feld3tel  { width: 25.466666666667em !important; width: 23.466666666667em;}
#contentbereich .suchfeld4tel,  .spalte4tel  { width: 20em !important; width: 18em;}
#contentbereich .feld4tel  { width: 18.8em !important; width: 16.8em;}
#contentbereich .suchfeld5tel,  .spalte5tel  { width: 16em !important; width: 14em;}
#contentbereich .feld5tel  { width: 14.8em !important; width: 12.8em;}
#contentbereich .suchfeld6tel,  .spalte6tel  { width: 13.333333333333em !important; width: 11.333333333333em;}
#contentbereich .feld6tel  { width: 12.133333333333em !important; width: 10.133333333333em;}
#contentbereich .suchfeld23tel,  .spalte23tel  { width: 53.333333333333em !important; width: 51.333333333333em;}
#contentbereich .feld23tel  { width: 52.133333333333em !important; width: 50.133333333333em;}

#contentbereich .suchfeld1tel select,
#contentbereich .suchfeld1tel input,
#contentbereich .suchfeld2tel select,
#contentbereich .suchfeld2tel input,
#contentbereich .suchfeld23tel select,
#contentbereich .suchfeld23tel input,
#contentbereich .suchfeld3tel select,
#contentbereich .suchfeld3tel input,
#contentbereich .suchfeld4tel select,
#contentbereich .suchfeld4tel input,
#contentbereich .suchfeld5tel select,
#contentbereich .suchfeld5tel input,
#contentbereich .suchfeld6tel select,
#contentbereich .suchfeld6tel input,
#contentbereich .feld1tel select,
#contentbereich .feld1tel input,
#contentbereich .feld2tel select,
#contentbereich .feld2tel input,
#contentbereich .feld23tel select,
#contentbereich .feld23tel input,
#contentbereich .feld3tel select,
#contentbereich .feld3tel input,
#contentbereich .feld4tel select,
#contentbereich .feld4tel input,
#contentbereich .feld5tel select,
#contentbereich .feld5tel input,
#contentbereich .feld6tel select,
#contentbereich .feld6tel input {
    font: normal 1.0em Verdana, Arial, Helvetica, sans-serif;
    width: 99%;
}

#contentbereich .suchfeld5tel #sucheAktuelleTermine {
    width: 10%;
}

#contentbereich .pflegefeld {
    float: left;
    border: 0 none;
    width: 100%;
    height: 3.6em;
    margin: 0;
}

#userfile {
    width: 100%;
}

.predigtheadergruppe {
    display: inline;
    border: none;
    vertical-align: middle;
    margin: 0;
}

.predigtheadergruppe select, .predigtheadergruppe label {
    display: block;
    clear: both;
    float: left;
}

#contentbereich .pflegefeld label {
    float: left;
    width: 25%;
}

#contentbereich .errorlabel {
    color: #F00;
    font-weight: bold;
}

#contentbereich .warnung {
    color: #F00;
    clear: both;
}

#contentbereich .messagezeile {
    color: #F00;
    clear: both;
    border-style: solid none none none;
    border-width: .1em;
    border-color: #DDD;
}

#contentbereich .pflegefeld select, #contentbereich .pflegefeld span, #contentbereich .pflegefeld input {
    font-size: 100%;
    float: right;
    width: 75%;
}

.standardtable {
    width: 100%;
    border-collapse: collapse;
    border: none;
    clear: both;
}

.stern {
    width: 3em;
    float: left;
}

.sterntext {
    padding: .5em 0 0 0;
}

#contentbereich .trefferliste,
#contentbereich .liederliste {
    border-collapse: collapse;
    border: none;
    clear: both;
    width: 82em;
    table-layout: fixed;
}

.trefferliste span {
    width: 100%;
    border-width: 1px 0 1px 0;
    border-style: solid;
}

.theader {
    font-weight: bold;
    text-shadow: white 1px 1px 1px;
    color: #000;
    background-color: #F8F8F8;
    background-image: url("../static/bg-shade-light.png");
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position: 0% 100%;
}

.tzeileerste {
    border-color: #DDD;
    border-width: 1px 0 0 0;
    border-style: solid;
}

.tzeilewichtig {
    text-align: center;
    font-weight: bold;
}

.tzeileWk1,
.tzeileWk1 a,
.tzeile,
.tzeiletradi {

}

.tzeileWk2,
.tzeileWk2 a,
.tzeilemodern,
.tzeilemodern a {
    color: #0000DD !important;
}

.tzeileJona,
.tzeileJona a,
.tzeilejona,
.tzeilejona a {
    color: #00BB00 !important;
}

.tzeileSonst,
.tzeileSonst a,
.tzeilesonst,
.tzeilesonst a {
    color: #DE8F00 !important;
}

.tfehlt {
    font-size: 1em;
    color: #F00;
}

.ticons {
    font-size: 1em;
    width: 1em !important; /* außer IE */
    width: 2.5em; /* für IE */
    text-align: center;
}

.ticons img {
    border: none;
}

table img {
    border: none;
}

.tint {
    font-size: 1em;
    width: 5em;
    text-align: center;
}

.tdatetime {
    font-size: 1em;
    width: 5.5em;
    text-align: center;
}

.tdatelong {
    font-size: 1em;
    width: 8em;
    text-align: center;
}

.ttext {
    font-size: 1em;
    width: 7em;
    max-width: 7em;
}

.ttextrest {
    font-size: 1em;
    width: auto;
}

.trest {
    font-size: 1em;
    width: 99%;
}

.tint3 {
    font-size: 1em;
    text-align: center;
    width: 3em;
    max-width: 3em;
}

.ttext3 {
    font-size: 1em;
    width: 3em;
    max-width: 3em;
}

.ttext6 {
    font-size: 1em;
    width: 6em;
    max-width: 6em;
}

.ttext10 {
    font-size: 1em;
    width: 10em;
    max-width: 10em;
}

.ttext10a {
    border-style: solid solid solid none;
    font-size: 1em;
    width: 10em;
    max-width: 10em;
}

.ttext13 {
    font-size: 1em;
    width: 13em;
    max-width: 13em;
}

.ttext16 {
    font-size: 1em;
    width: 16em;
    max-width: 16em;
}

.ttext20 {
    font-size: 1em;
    width: 20em;
    max-width: 20em;
}

.textarea {
    font-size: 1em;
    height: 5em;
    width: 99%;
}

th, td {
    border-width: 1px;
    border-style: solid;
    border-color: #DDD;
    padding: 0.5em 0.5em 0.5em 0.5em;
}

.footerzeile {
    width: 100%;
    font-style: italic;
    color: #50427B;
    border-color: #8F8EB6;
    border-width: 1px 0 0 0;
    border-style: solid none none none;
    margin: 2em 0 0 0;
    padding: 0.2em 0 0 0;
    clear: both;
}

.nachobenlink {
    width: 100%;
    font-style: italic;
    color: #50427B;
    border: none;
    margin: 0.5em 0 0 0;
    padding: 0.2em 0 0 0;
    clear: both;
}

#contentbereich pre {
    font-size: 0.9em;
}

#contentbereich .buttonbox {
    margin: 0.5em 0 0 0;
    float: none;
    clear: both;
}

#contentbereich .buttonboxanfang {
    margin: 0.5em 0 0 0;
    float: left;
    clear: both;
}

#contentbereich .buttonboxmitte {
    margin: 0.5em 0 0 0;
    float: left;
}

#contentbereich .buttonboxende {
    margin: 0.5em 0 0 0;
    float: none;
}

#contentbereich .debug {
    background-color: yellow;
}