/* 
***********************************
***** CSS Document            *****
***** SIMAJA OHG              *****
***** www.simaja.de           *****
***** Developer Udo Baldewein *****
***********************************
*/
html {
    font-family: Arial, Helvetica, sans-serif;
    color:#414141;
}
body {
    margin:3px;
    padding:0;
    height:100%;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
}
#quadr1 {
    position:absolute;
    top:3px;
    left:3px;
    width:8em;
    height:8em;
    background-color: #551285;
}
#quadr2 {
    position:absolute;
    top:3px;
    left:8.37em;
    width:8em;
    height:8em;
    background-color:#97BFEE;
    color:#551285;
}
#bannertop {
    position:absolute;
    top:3px;
    left:16.56em;
    width:34.81em;
    height:8em;
    background-color:#DCCFF5;
    z-index:1;
}
#bread {
    position:relative;
    top:106px;
    left:8px;
}
#bannerright {
    position:absolute;
    top:3px;
    left:51.56em;
    background-color:#FFF;
    height:8em;
    width:10.6em;
}
#quadr3 {
    position:absolute;
    top:8.37em;
    left:3px;
    width:8em;
    height:8em;
    background-color: #D9EBFF;
}
#quadr3 label {
    font-weight:bold;
    font-size:1em;
}
#quadr4 {
    position:absolute;
    top:8.37em;
    left:8.37em;
    width:8em;
    height:8em;
    background-color:#BFDDFF;
}
#quadr4 a:link, #quadr4 a:visited {
    position:relative;
    top:0.5em;
    outline: 0; /*verhindert in Firefox den kleinen Rahmen*/
    margin-top:0.5em; 
    padding: 0.2em 0.72em 0em 0.72em;
    font-weight: bold; 
    font-size: 0.63em; 
    line-height: 1.5em;
    text-decoration: none;
    color:#551285;
}
#quadr4 a:hover {
    color:#551285;
}
#bannerbottom {
    position:absolute;
    top:8.37em;
    left:16.56em;
    width:34.81em;
    height:8em;
    background-color: #FFF;
    margin:0;
    padding:0;
}
#bannerright2 {
    position:absolute;
    top:8.37em;
    left:51.56em;
    background-color:#FFF;
    height:8em;
    width:10.6em;
}
/* Die waagerechte Navigation = 1. Ebene */
#naviwaage {
    position:absolute;
    top:16.87em;
    left:3px;
    width:992px;
    background-color:#FFF;
    height:1.62em;
}
* html > body #naviwaage ul li {
    width:auto;
}
#naviwaage ul {
    margin:0;
    padding:0;
    list-style-type:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.75em;
}
#naviwaage ul li {
    margin:0;
    padding:0.18em 0em;
    float:left;
}
#naviwaage a {
    margin:0px 2px;
    padding: 0.31em 1.18em;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    display:block;
    width:1%;
}
html > body #naviwaage a {
    width:auto;
}
#naviwaage a:link, #naviwaage a:visited {
    background-color:#F5F5F5;
    color:#4E297B;
}
#naviwaage a:hover {
    background-color:#DCCFF5;
    color:#4E297B;
}
#naviwaage a#current {
    background-color:#DCCFF5;
}
/* Die linke Navigation = 2. Ebene */
#navileft {
    position:absolute;
    top:16.375em;
    width:16.19em;
    background-color:#FFF;
}
#navileft ul {
    margin:0;
    padding:0;
    list-style-type:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
#navileft ul li {
    margin:0;
    padding:0;
}
#navileft a {
    width:100%;
    display:block; 
    margin:0.2em 0em;
    padding:0;
    text-decoration: none;
    font-size:0.75em;
    font-weight: bold;
    line-height:1.5em;
}
#navileft a:link, #navileft a:visited {
    background-color:#F5F5F5;
    color:#551285;
}
#navileft a:hover {
    background-color:#DCCFF5;
    color:#551285;
}
/* 2. Linkebene aktiv */
#navileft a#currentleft {
    background-color:#DCCFF5;
}
/* 3. Linkebene aktiv */
#navileft a#currentleft1 {
    background-color:#EEE8F2;
}


#boxright {
    position:absolute;
    top:16.375em;
    left:51.56em;
    width:10.6em;
    background-color:#FFF;
}
#content {
    position:absolute;
    top:16.56em;
    left:16.56em;
    width:34.81em;
    height:30.19em;
    background-color: #FFF;

}
#content h1 {
    font-size:0.875em;
    font-weight:bold;
    color:#414141;
    padding:2px 8px 0px 8px;
    margin:0;
}
#content p, #content .normal {
    padding:0px 8px;
    font-size:0.75em;
    color:#414141;
}
#content ul {
    font-size:0.75em;
    color:#414141;
}
#content img {
    margin-right:0.75em;
}
#content a:link, #content a:visited {
    font-weight:bold;
    /*font-size:0.75em;*/
    text-decoration:none;
    color:#551285;
}
#content a:hover {
    font-weight:bold;
    /*font-size:0.75em;*/
    text-decoration:underline;
    color:#551285;
}
#content a.map:link, #content a.map:visited {
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    color:#551285;
    line-height:18px;
}
#content a.map:hover {
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    color:#97BFEE;
    line-height:18px;
}
#linkbox {
    background-color:#FFF;
    padding:0;
    margin:0;
    border:solid 1px #551285;
    margin-bottom:3px;
}
#linkbox a {
    margin:0.2em 0.2em;
    padding:0;
    text-decoration: none;
    font-size:0.75em;
    font-weight: bold;
    line-height:1.5em;    
}
#zitat{
    background-color:#FFF;
    margin:0;
    padding:0;
    border:solid 1px #551285;
    margin-bottom:3px;
}
#zitat .zitat_hdl {
    margin:0;
    padding:0 0.2em;
    font-weight:bold;
    color:#551285;
    background-color:#DCCFF5;
    display:block;
    line-height:1.5em;
    font-size:0.75em;
}
#zitat p {
    font-size:0.75em;
    padding:0 0.2em;
    margin:0.5em 0;
    color:#414141;
    line-height:1.5em;
}
#zitat a {
    font-size:0.75em;
    text-align:right;
    color:#414141;
    background-color:#DCCFF5;
    display:block;
    padding:0 0.2em;
    line-height:1.5em;
    text-decoration:none;
}
.diakonie-logo {
    margin-top:7px;
}
.claim {
    padding:8px;
    font-size:0.88em;
    color:#551285;
    font-weight:bold;
}
.breadcrumb {
    font-size:0.69em;
    color:#551285;
    text-decoration:none;    
}
.suche {
    font-size:0.75em;
    padding:8px 8px;
    font-weight:bold;
    color:#551285;
}
/* Formatierung der rechten Navigation*/
a.navright, a.navrighton {
    outline: 0; /*verhindert in Firefox den kleinen Rahmen*/
    display: block;
    margin-top: 0.1em; 
    padding: 0.2em 0.5em 0.2em 0.5em;
    font-weight: bold; 
    font-size: 0.75em; 
    line-height: 1.25em;
    text-decoration: none;
}
a.navright, a.navright:link, a.navright:visited    { color:#67F5FF; background-color:#551285;}
a.navright:hover   { color:#FFFFFF; background-color:#551285;}
a.naviquadr4, a.naviquadr4on {
    outline: 0; /*verhindert in Firefox den kleinen Rahmen*/
    display: block;
    margin-top: 0.1em; 
    padding: 0.2em 0.72em 0.2em 0.72em;
    font-weight: bold; 
    font-size: 0.63em; 
    line-height: 1.25em;
    text-decoration: none;
}
a.naviquadr4, a.naviquadr4:link, a.naviquadr4:visited    { color:#551285; background-color:#BFDDFF;}
a.naviquadr4:hover   { color:#551285;}
/* Formatierung der Nachrichten */

.n_datum {
    padding:8px;
    font-size:0.75em;
    color:#414141;
    font-weight:bold;
}
.n_text {
    padding:8px 8px 8px 8px;
    font-size:0.75em;
    color:#414141;
}
.n_footer {
    padding:8px;
    font-size:0.75em;
}
a.n_anc {
    /*padding:8px;*/
}
/* Formatierung des Kontaktformulares */
.fehlermeldung {
    font-weight:bold;
    font-size:0.875em;
    color:#F00;
    padding:8px;
}
#kontakt_nachtext {
    background-color:#EEE8F2;
    padding: 0.5em 0em;
}
fieldset {
    padding: 0em 0.5em;
    margin: 0em 0.5em;
}
legend {
    font-size:0.875em;
    font-weight:bold;
    color:#414141;
}
label {
    font-size:0.75em;
}
.k_label {
    padding:0em 0.5em;
    width:100px;
    float:left;
}
/* Formatierung der Zeitleiste*/
#tabellezeitleiste {
    background-color:#FFFFFF;
}
caption {
    font-size:0.875em;
    font-weight:bold;
    color:#414141;
    background-color:#BFDDFF;
    padding:4px 8px 0px 8px;
    margin:0;
    margin-bottom:2px;
    border:solid 2px #FFF;
}
.trhead {
    font-size:0.875em;
    font-weight:bold;
    color:#414141;
    padding:4px 8px 4px 8px;
    margin:0;
    background-color:#DCCFF5;
}
.trgerade {
    padding:0px 8px;
    font-size:0.75em;
    color:#414141;
    background-color:#D9EBFF;
    vertical-align:top;
}
.trungerade {
    padding:0px 8px;
    font-size:0.75em;
    color:#414141;
    background-color:#BFDDFF;
    vertical-align:top;
}
.tdtext {
    padding:4px 8px;
}
/* Formatierung der Biografie */
.bio_bild {
    float:left;
    padding:4px 8px 4px 8px;
}
.bio_autor {
    clear:both;
}

/*Einrichtungen*/
.einrichtung_navi {
    width:109px;
    background-color:#D9EBFF;
    float:left;
    height:18px;
    padding:0;
    margin:0;
    margin-top:0px;
    margin-right:2px;
}
.einrichtung_navi_high {
    width:109px;
    background-color:#DCCFF5;
    float:left;
    height:18px;
    padding:0;
    margin:0;
    margin-top:0px;
    margin-right:2px;
}
a.einrichtung:link, a.einrichtung:visited {
    font-weight:bold;
    font-size:0.75em;
    text-decoration:none;
    color:#551285;
    padding-left:8px;
}
a.einrichtung:hover {
    font-weight:bold;
    font-size:0.75em;
    text-decoration:underline;
    color:#551285;
    padding-left:8px;
}
.anzeige  {
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    width:200px;
    float:left;
    padding-left:8px;
    margin-top:4px;
}
.ausgabe {
    font-family:arial;
    font-size:12px;
    font-weight:normal;
    width:340px;
    float:left;
    margin-left:8px;
    margin-top:4px;
}
.klar {
    clear:both;
    height:6px;
}
/* Formatierung für den Adressbereich*/
.adress_einzel  {
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding-left:8px;
}
.adress_anzeige  {
    font-family:arial;
    font-size:12px;
    width:100px;
    float:left;
    padding-left:8px;
}
.adress_ausgabe {
    font-family:arial;
    font-size:12px;
    width:430px;
    float:left;
    margin-left:8px;
}




/* Formatierungen für den Backend-Bereich  */
.backend {
    position:absolute;
    top:16.87em;
    left:3px;
    width:62em;
    background-color:#FFA;
}

/* RedDot Funktionen */
.simaja {
    font-size:11px;
    color:#F00;
    padding:0;
    margin:0;
}
#reddot {
    position:absolute;
    top:6px;
    left:268px;
    width:550px;
    z-index:100;
    background-color:#FFF;
}
 
/*FORMATIERUNG FÜR DAS ANMELDEFORMULAR*/
#anmeldeformular{
    /*padding:0px 8px;
    font-size:0.75em;
    color:#414141;*/

}
.inputLable {
    width: 100px;
    float: left;
    /*height:auto;*/
}
 .inputFields
{
    float:left;
    margin-left:10px;
}