/* #content #text */
/* 
eigentliche Textinhalte für
content.css und content_breiter-text.css

ABER:
Die Textinhalte für 
content_typ2.css
sind auch in dieser definiert! 
*/

#text .clear { clear: both; }
/* allgemeine Klass für blau: */
#text .blau { color: #003366; color: #336385; }

#text.home { font-size: 0.94em;  }

#text img {
border: 0;
}
#text p>strong, #text div>strong {
color: #353535;
}
* html #text p strong, * html #text div strong {
color: #353535;
}
#text h1 {
font-size: 1.0em;
color: #003366;
margin: 3px 0 1.0em 0;
}
#text h1.mitSubline {
font-size: 1.0em;
color: #003366;
margin: 3px 0 0 0;
}
#text h1.subline {
font-size: 0.8em;
color: #003366;
margin: 0 0 1.0em 0;
}
#text h2 {
font-size: 1.0em;
color: #336385;
margin: 1.0em 0 0.3em 0;
}
#text h2.zeile {
font-size: 1.0em;
color: #336385;
margin: 1.0em 0 0.3em 0;
padding: 0 3px;
background-color: #e5ebef;
}
#text h2.mitSubline {
font-size: 1.0em;
color: #336385;
margin: 1.0em 0 0 0;
}
#text h2.subline {
font-size: 0.8em;
font-weight: normal;
color: #336385;
margin: 0 0 0.7em 0;
}
#text h2.abstand {
font-size: 0.8em;
margin: 1.4em 0 1.4em 0;
}
#text h3 {
font-size: 0.8em;
font-weight: bold;
color: #333;
margin: 0 0 0.2em 0;
}
#text h4 {
font-size: 0.8em;
font-weight: bold;
color: #444;
margin: 0;
}
/* würde man die schrifgröße
#text div zuordnen ,so würde die schrift kleiner.
anscheindend wird dann #text * div gerechnet: 0.8 x 0.8
da #text auch eine div ist! 
 */
#text p, #text div.left, #text div.leftKontakt #text div.right, #text div.leftZahlen, #text div.rightZahlen {
font-size: 0.8em;
margin: 0 0 0.6em 0;
}
#text p.abstand {
margin: 1.2em 0 0.8em 0;
}
/* für Homepage Sondermeldungen */
#text div.meldung {
background-color: #ccd8e0;
background-color: #f2f5f7;
border: 1px solid #ccd8e0;
border: 1px solid #003c66;
padding: 3px 3px 0 3px;
margin: 0 0 5px 0;
}
/* für sonderfall, p in div.right wieder überschreiben: */
#text div.right p, #text div.rightZahlen p {
font-size: 1.0em;
}
#text p.linie {
font-size: 1px;
height: 1px;
margin: 10px 0;
background-color: #ccd8e0;
}

/* 2spaltige Darstellungen: */
/* ------------------------ */
#text div.left {
width: 130px;
clear: both;
float: left;
font-weight: bold;
padding-right: 10px;
margin: 0 0 0.5em 0;
}
/* für Mitarbeiter-Bild Kontaktseite: */
#text div.leftKontakt {
float: left;
width: 100px; 
border-right: 1px solid #ccd8e0; 
margin: 0 10px 0.5em 0; 
padding: 0 10px 0 0;
}
#text div.leftZahlen {
width: 75px;
clear: both;
float: left;
font-weight: bold;
padding-right: 10px;
margin: 0 0 0.5em 0;
}
#text div.right {
width: 287px; /* ie braucht mal wieder 3px mehr! deshalb 287 statt 290 */
padding: 0;
margin: 0 0 12px 140px;
font-size: 0.8em;
}
#text div.rightZahlen {
width: 342px; /* ie braucht mal wieder 3px mehr! deshalb 342 statt 345 */
padding: 0;
margin-left: 85px;
}
#text p.left-zeile {
width: 74px;
/*clear: both;*/
float: left;
font-weight: normal;
padding-right: 10px;
margin: 0 0 0.1em 0;
}
#text p.right-zeile {
/*width: 530px;*/
padding: 0;
margin: 0 0 0.1em 74px;
}
/* 2 ist für die ganze seitenbreite ohne newsbox + farbig */
#text p.left2 {
width: 240px;
clear: both;
float: left;
font-weight: normal;
padding: 0 5px;
margin: 0 0 0.5em 0;
background-color: #e5ebef;
}
#text p.right2 {
padding: 0 5px;
margin-left: 252px;
background-color: #e5ebef;
}

/* Listen */
/* ------ */
/* für agb, aber auch sonst verwendbar 
für Listen mit a) 1) "Bullets "*/
#text ul.text {
font-size: 0.8em;
margin: -0.4em 0 0.6em 1.5em;
padding: 0;
list-style-type: none;
}
#text ul li span.bullet {
font-family: monospace;
font-size: 1.25em; /* mozilla macht die schrift kleiner! */
margin: 0 0 0 -1.25em;
padding: 0 0.05em 0 0;
}
* html #text ul li span.bullet {
font-size: 1.0em;
}
/* normale Liste mit browser bullets */
#text ul, #text ol, #text ul.text2, #text ul.pfeil {
font-size: 0.8em;
margin: 0 0 0.6em 1.25em; /* -0.4em um absatand nach p auszugleichen */
padding: 0;
}
#text ul { list-style-type: square; }
#text ol { margin-left: 1.8em; }
/* ausnahme für listen im div.rechts z.B. 
also für div die als format-bereiche benutzt werden */
#text div ul.text2 {
font-size: 1.0em;
}
#text ul.pfeil {
list-style-image: url(../img/css/pfeil-blau.gif);
}


/* Boxen für Referenzen 4 Stück für breite Textseite */
#text div.box {
float: left;
width: 135px; 
min-height: 90px;
margin: 0 7px 8px 6px;
background-color: #f2f5f7;
background-color: #e5ebef;
border: 1px solid #ccd8e0;
font-size: 0.8em;
text-align: center
}
* html #text div.box { margin-left: 4px; }
#text div.box img { 
border-bottom: 5px solid #ccd8e0;
}

/* Boxen für Referenzen 5 Stück für breite Textseite */
#text div.box2 {
float: left;
width: 112px; 
min-height: 84px;
margin: 3px;
background-color: #f2f5f7;
background-color: #e5ebef;
border: 1px solid #ccd8e0;
font-size: 0.7em;
text-align: center;
overflow: hidden;
}
* html #text div.box2 { margin-left: 2px; }
#text div.box2 img { 
border-bottom: 5px solid #ccd8e0;
}
/* ----TEST----- */


#text .frage {
color: red;
margin-top: 20px;
}
#text .work {
color: green;
margin-top: 20px;
}