/*
0. Farbwerte
1. Null setzen
2. im Template festgelegte CSS-Angaben/Bezeichner(?)
2a. äußere Struktur
2b. eingeschachtelte Struktur
3. CSS-Angaben/Bezeichner(?) die im TypoScipt-Code festgelegt werden



Farben:

# blau, HKS 47:
blau100 = #009EE0     blau100
blau80 = #33B1E6
blau80 = #007BB0
blau60 = #66C5EC
blau40 = #99D8F3
blau20 = #CCECF9

# grün, HKS 66:
gruen100 = #85B617
gruen80 = #9DC545
gruen60 = #B6D374
gruen40 = #CEE2A2
gruen20 = #E7F0D1

# grau, HKS 95:
grau100 = #92907B
grau80 = #A8A695
grau60 = #BEBCB0
grau40 = #D3D3CA
grau20 = #E9E9E5

? = #74725D Schrift InhaltInnen

weiss = #FFF
schwarz = #000
schwarz60 = #87888A

Typo-Blau = #007BB0
Typo-Gruen = #85B617
Typo-Grau = #74725D

*/

/* alle Werte Null setzen (beachten: vielleicht arbeitet TYPO3 mit Default Werten, die dann nicht mehr gesetzt sind): */
/* , ul, ol, span, a, table, td, form, img, li */

html, body, div, p, h1, h2, h3  {margin: 0; padding: 0; border: 0; }

/*
im Template festgelegte CSS-Angaben/Bezeichner(?):
*/

body {
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    background-color: #FFF;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
/* zum testen:
body {margin: 20px; font-weight: bold;}*/

div#gesamterInhalt {
    width: 900px;
    border-right: 1px dotted #D3D3CA;     /* grau40 */
    margin-bottom: 50px;
}

div#Kopfzeile {
    border: 0px dotted orange;
	 margin: 0;
  }

	.datumImKopf {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-weight: normal;
    color: #FFF;
    /*margin-top: 90px;
    margin-left: 10px*/;
    position: absolute;
    top: 95px;
    left: 10px
    }

hr.oben {
    width: 900px;
	 background-color: #009EE0;    /* blau100 */
    height: 6px;
	 margin: 4px 0 30px 0;
	 border: 0;
}

div#GaestebuchTeaser,
div#Hauptmenue {
    float: left;
	 width: 158px;
    margin: -8px 0 0 0;     /*8px Rand oben sind in Grafik enthalten*/
	 padding: 0;
    border: 0px dotted orange;
}
/*
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: black; background-color: #eee;
  }
  ul#Navigation a:visited {
    color: #666; background-color: #eee;
  }
  ul#Navigation a:hover {
    color: black; background-color: white;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }
*/
div#InhaltRechts {
    float: right;
	 width: 726px;
    margin: 0px 0 16px 0;
    margin-bottom: 10px;     /*stellt den Abstand zu <hr-unten> ein*/
	 padding: 0;
	 border: 0px dashed silver;
}

/*
  div#InhaltRechts h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#InhaltRechts p {
    font-size: 1em;
    margin: 0.5em;
  }
*/

div#InhaltMitte {     /*die Box InhaltMitte bleibt leer*/
    margin: 0 726px 0 158px;
    padding: 0;
    border: none;
  }
* html div#InhaltMitte {
    height: 1em;     /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
/*
  div#InhaltMitte h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#InhaltMitte p {
    font-size: 1em;
    margin: 1em 0;
  }
*/

div#Fusszeile {
    clear: both;
    margin: 0;
	 padding: 0;
	 border: 0px solid silver;
}

hr.unten {
    clear: both;     /*Elementfluss wiederherstellen*/
    width: 900px;
	 background-color: #009EE0;    /* blau100 */
    height: 6px;
	 margin: 40px 0 14px 0;
	 border: 0;
}



/*
eingeschachtelte Struktur im Template:
*/

div#KopfzeileInnen {
	 width: 726px;

}

div#KopfzeileInnen img {    /*Abstand vom Bild (nur auf der Startseite) zu Inhalts- und Infospalte*/
    margin: 0 0 40px 0;

}
div#InhaltInnen {
    float: left;
	 width: 470px;
	 margin: 0 0 0 0;
}


div#InhaltInnen div.ansprechpartner,     /* .ansprechpartner - ok hier?? */
div#InhaltInnen .tx-veguestbook-pi1,
div#InhaltInnen .tx-veguestbook-pi1 h2.tx-guestbook-header,
div#InhaltInnen p {
    font-family: Helvetica,Verdana,Arial;
    font-family: Arial;     /*hier noch Ersatzschriften angeben*/
    font-size: 11px;
    color: #74725D;      /* Typo-Grau */
    line-height: 17px;
	 margin-bottom: 17px;
}

div#InhaltInnen .tx-veguestbook-pi1 h2.tx-guestbook-header {
    font-size: 12px;
    color: #007BB0;      /* Typo-Blau */
    font-weight: bold;
}

div#InhaltInnen .tx-veguestbook-pi1 div.tx-guestbook-result {
    font-weight: bold;
}

div#InhaltInnen li {
    font-family: Helvetica,Verdana,Arial;
    font-family: Arial;     /*hier noch Ersatzschriften angeben*/
    font-size: 11px;
    color: #74725D;      /* Typo-Grau */
    /*line-height: 17px;
    margin-bottom: 17px;*/
}

/* Links im InhaltInnen: */
/*
gruen100 = #85B617
gruen80 = #9DC545
gruen60 = #B6D374

*/
div#InhaltInnen a:link,
div#InhaltInnen a:visited,
div#InhaltInnen a:focus,
div#InhaltInnen a:hover,
div#InhaltInnen a:active {
    font-weight: normal;
    color: #85B617;
    text-decoration: underline;
}

div#InhaltInnen a:hover,
div#InhaltInnen a:visited {
    font-weight: normal;
    /*color: #000;*/
    text-decoration: none;
}

/* &Uuml;berschriften: */
/* Seiten&uuml;berschrift, Headline: */              /* Headline: */
div#InhaltInnen .csc-header h1.csc-firstHeader,
div#InhaltInnen .csc-header h5 {
    font-family: Helvetica,Verdana,Arial;
    font-family: Arial;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
    color: #66C5EC;     /* blau60 */
    color: #007BB0;     /* blau80 */
    margin: 0 0 24px 0;
	 border: 0;
}

/* Links in der Infospalte: */

div#Infospalte a:link,
div#Infospalte a:visited,
div#Infospalte a:focus,
div#Infospalte a:hover,
div#Infospalte a:active {
    font-weight: normal;
    color: #85B617;
    text-decoration: underline;
}

div#Infospalte a:hover,
div#Infospalte a:visited {
    font-weight: normal;
    /*color: #000;*/
    text-decoration: none;
}



/* Absatz&uuml;berschrift, Subheadline in Versalien: */ /* Subheadline,  versal: */
div#InhaltInnen .csc-header h1 {
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #AFD377;     /*gruen60*/
    color: #95C44A;     /*gruen80*/
    color: #85B617;
    padding: 0 0 10px 0;
    margin: 24px 0 24px 0;
    margin: 24px 0 0 0;
    margin: 10px 0 0px 0;     /* ge&auml;ndert damit die blaue Linie direkt auf den Bildern liegt */
    margin: 10px 0 14px 0;
    border-bottom: 2px solid #009EE0;     /* blau100 */
}

/* &Uuml;berschrift im Flie&szlig;text, Subsubheadline: */   /* Subsubheadline: */
div#InhaltInnen .csc-header h3 {     /* h3(??) */
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #85B617;     /* Typo-Grau */
}
div#InhaltInnen p.csc-subheader {     /* wof&uuml;r ist dies noch? */
    margin: 0 0 10px 0;

}

/*div#InhaltInnen .detail {     die Klasse soll im RTE in subheadline umbenannt werden*/
div#InhaltInnen h4 {     /* im RTE: Heading4 */
    color: #AFD377;     /*gruen60*/
    color: #95C44A;     /*gruen80*/
    color: #85B617;     /* Typo-Gruen */
    font-weight: bold;
    font-size: 12px;
	 margin: 0 0 10px 0;
  }

div#InhaltInnen .csc-textpic-imagewrap {
    border-top: 0px solid #009EE0;     /* blau100 */
	 /*margin-top: 10px;      funktioniert einfach nicht, ich f&uuml;ge ein br ein*/
	 padding-top: 0px;
}
/* No margins around the whole image-block
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }
                                           */
div#InhaltInnen .csc-textpic-text {
    margin: 24px 0 0 0;
	 background-color: white;
}

div#InhaltInnenMitte {     /* bleibt leer! */
    margin: 0 240px 0 0;
}

div#InhaltInnen div.ansprechpartner {
    margin-bottom: 100px;
}

p.csc-linkToTop {
    margin: 10px 0 20px 0px;
    border: 0px solid black;
}

p.csc-linkToTop a {
    font-weight: bold;
	 color: #85B617;     /* gruen100 */
    color: #009EE0;    /* blau100 */
    text-decoration: none;
    padding: 0px;
    border: 0px solid #B6D374;     /* gruen60 */
    margin: 0 0 0 152px;
    margin: 0 0 0 0px;
}



  table.contenttable {
    width: 470px;
	 margin-bottom: 30px;
	 }

  td {
    font-family: Helvetica,Verdana,Arial;
	 font-size: 11px;
    font-weight: bold;
	 color:#009EE0;
	 padding: 10px;
	 }
  td.td-1 {
   color: #888;
	}

  tr.tr-even {
    background-color: #95C44A;     /*gruen80*/
    background-color: #AFD377;     /*gruen60*/
    background-color: #CAE1A5;     /*gruen40*/
  }

tr.tr-odd {
    background-color: #95C44A;     /*gruen80*/
    background-color: #E4F0D2;     /*gruen20*/
  }

div#FusszeileInnen {
    clear: both;
    margin: 0;
	 padding: 0;
}
/* wieder &auml;u&szlig;ere Struktur: */

div#Fusszeile,
div#Fusszeile a {
    font-size: 0.9em;
    font-size: 11px;
    color: #74725D;
    text-decoration: none;
}

div#FusszeileLinks {
    float: left;
    width: 164px;
    background: #FFFFFF
}

div#FusszeileMitte {
    width: 502px;     /* stellt auch die Position des img ein */
	 padding-left: 10px;
    background: #FFFFFF;
    float: left;
}

div#Hilfsmenu {
    margin: 0px 0px 0 10px;
}

/*
CSS-Angaben/Bezeichner(?) die im TypoScipt-Code festgelegt werden:

*/

div#Infospalte {
    float: right;
    width: 240px;
    margin: 0 0 0 0;
}

div#Infospalte .infobox .csc-textpic-imagewrap {
    border: 0px solid #009EE0;     /* blau100 */
}

div#Infospalte .infobox {
    margin: 0 0 14px 0;
}

div#Infospalte .infoboxTextVar1,
div#Infospalte .infoboxTextVar2 {
    font-family: Helvetica,Verdana,Arial;
    font-family: Arial;
	 font-size: 11px;
	 color: #007BB0;
    font-weight: normal;
    line-height: 17px;
    border-left: 2px solid #CEE2A2;     /*gr&uuml;n40*/
	 /*padding: 10px;*/ /* ohne padding reicht der Rahmen nicht bis an die obere Grafik!? Im IE 5 sowieso nicht. eventuell noch whitespace no hinzuf&uuml;gen? ---> das lag wohl an den Einstellungen in der csc-styles f&uuml;r 'Space below each image'! */
    margin: 0;
    padding: 14px 0 20px 10px;
}

div#Infospalte .infoboxTextVar2 {
    border-left: 2px solid #99D8F3;     /*blau40*/
}

div#Infospalte .variante {border-left: 2px solid #99D8F3;}     /*andere Rahmenfarbe links*/

div#Infospalte .infoboxTextVar1 .csc-header h1.csc-firstHeader,
div#Infospalte .infoboxTextVar2 .csc-header h1.csc-firstHeader {
    font-size: 10px;
    font-weight: bold;
}

/*bei Angabe der Klassen ohne Kommas wird die geschachtelte (div-)Hierarchie abgebildet - alle Angaben
wirken zusammen; mit Kommas wird dagegen allen Klassen die gleiche Eigenschaft zugewiesen*/
div#Infospalte div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {border: 0px solid #99D8F3}
/*wenn nur an einer Seite, z. B. links, ein Rand erscheinen soll, muss trotzdem vorher border: 0 gesetzt
werden, weil sonst der schwarze default-Rahmen angezeigt wird*/
div#Infospalte div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {border-left: 2px solid #99D8F3}
/* Space below each image (also in-between rows): */
div#Infospalte DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }

/* Eingabeformulare (size bzw. cols
und rows stehen im HTML-Template): */

/* Kontaktformular */
/* G&auml;stebuch - Formular, FORM */

fieldset, fieldset div.tx-guestbook-field,
fieldset.csc-mailform {
    font-family: Helvetica,Verdana,Arial;
    font-family: Arial;     /*hier noch Ersatzschriften angeben*/
    font-size: 11px;
    color: #74725D;      /* Typo-Grau */
    /*line-height: 17px;*/
    padding: 0;
    border: none;
}
/*
span.csc-mailform-label {
    background-color: #009EE0;
    margin-top: 25px;
    padding: 20px 0 20px 0;
}
*/

.tx-guestbook-submit,
.csc-mailform-submit {
    color: #FFF;
    background-color: #92907B;
    margin-top:25px;
}

/* zum Testen: Boxen farbig anlegen: */

/*
div#Kopfzeile {background-color: wheat;  }

hr.oben {
    background-color: #66C5EC;
}

div#Hauptmenue {
    background-color: palegoldenrod;
}
div#InhaltRechts {
    background-color: gold;
}

div#InhaltMitte {
    background-color: firebrick;
  }

div#Fusszeile {
    background-color: #fed;
}

hr.unten {
    background-color: #66C5EC;
    height: 6px;
    margin: 10px 0 20px 0;
    border: 0;
}

div#KopfzeileInnen {
    background-color: #fed;
}

div#InhaltInnen {
    background-color: green;

}

div#Infospalte {
    background-color: yellow;
}

div#InhaltInnenMitte {
    background-color: red;
}

*/

/* Stylesheet-Anweisungen f&uuml;r ansprechpartner2spaltig.tmpl: */

div#InhaltInnen div.links,
div#InhaltInnen div.rechts {
width: 229px;
background-image: url(gfx/linie_li_re_229x1.gif);
/*background-image: url(flaeche_rund_oben_470x400.gif);
height: 600px;
background-color: red;
padding: 0px;     */
margin: 0 0 40px 0;
}

div#InhaltInnen div.links {
float: left;
}

div#InhaltInnen div.rechts {
float: left;    /* warum muss dem rechten auch ein float zugewiesen werden?? */
margin-left: 12px;
}

div#InhaltInnen div.links p,
div#InhaltInnen div.rechts p {
margin-bottom: 0;
padding: 10px;
background-image: url(gfx/linie_li_re_229x1.gif);
/*background-image: url(../../TYPO3/fileadmin/gfx/linie_li_re_229x1.gif);*/
}

div.links p.bodytext b,
div.rechts p.bodytext b {
font-size: 12px;
}



/*K&auml;sten auf der Seite WIE WIR HELFEN: */

div#InhaltInnen div.BildMitText {
    /*height: 100px; auf neuen Browsern gar nicht n&ouml;tig?*/
	 border-left: 1px solid #D3D3CA;
	 border-right: 1px solid #D3D3CA;
}

/* Rahmen &uuml;ber dem Bild; border: 0 erzeugt einen
undefinierten(?) Abstand vom/zum n&auml;chsten Element: */
/*div#InhaltInnen div.csc-textpic, div.csc-textpic-intext-left-nowrap {}*/
/*hier auch noch div.BildMitText erg&auml;nzen???*/
div#InhaltInnen div.BildMitText div.csc-textpic, div.csc-textpic-intext-left-nowrap {
    border-top: 1px solid #80CFF0;
    /* border-top: 1px solid #009EE0; */
}

div#InhaltInnen div.BildMitText p.bodytext {
    margin: 0px;
    padding: 0px;
padding: 0 10px 10px 20px;
background-color: red;
background-color: white;
}

/* Abstand unter dem Bild zum n&auml;chsten Element:
(zum Testen die Fl&auml;che einf&auml;rben) */
div.BildMitText DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px;}
<!--div.BildMitText DIV.csc-textpic DIV.csc-textpic-imagewrap {background-color: red;}-->

a img {border: none}    /* nur so wird irgendwie Rahmen um Grafiklink nicht angezeigt IE6)*/
div#InhaltInnen a img {
border-width: 0;
border-style: none;

    /*border: none;*/
    margin-top: 0px;
    margin-bottom: 40px;
}

/*  dl.csc-textpic-image dl.csc-textpic-firstcol dl.csc-textpic-lastcol {background-color: green;}



style="width:146px;<dt><img src="uploads/pics/Martinshof-4_146x100.jpg" width="146" height="100" border="0" alt="" />*/


/* Darstellung der H&auml;user, f&uuml;r statisches Template
statischeContentElemente.tmpl mit "text w/ images": */

div#InhaltInnen .haeuser .csc-textpic {
margin-bottom:40px;
/*background-image: url(gfx/linie_rund_oben_470x400.gif);      richtigen Pfad beachten!!
background-position:30px 20px;                                                         */
background-image: url(gfx/flaeche_rund_oben_470x600.gif);
background-repeat: no-repeat;

}

/* Border just around the image (wegen anderer Farbe als default)  */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
border: 2px solid #C3C3B6;
padding: 0px 0px;
}

div.csc-textpic, div.csc-textpic-intext-left-nowrap {
/* &uuml;berschreibt eine Anweisung von weiter oben, die
blaue Linie oben an der Box: */
border: none;
}

div.csc-textpicHeader h1, div.csc-textpicHeader-26 h1 {
font-size: 11px;
color: #74725D;
font-weight: bold;
padding-top: 0px;
}

/*div#InhaltInnen .haeuser .csc-textpic-text p.bodytext {*/
div#InhaltInnen .haeuser .csc-textpic-text {
/*width: 245px;*/
padding-right: 10px;
/*background-color: red;
margin-top: 40px;       */
}

/* Darstellung der H&auml;user, f&uuml;r statisches Template
statischeContentElemente_text.tmpl mit "text"
f&uuml;r die Betreuungsangebote ohne Bilder: */

div#InhaltInnen .haeuserNurText {
padding:0px;
margin: 0px 0 20px 0px;     /* wof&uuml;r? */
background-image: url(gfx/linie_rund_oben_470x400.gif);
background-repeat: no-repeat;
}

div#InhaltInnen .haeuserNurText p {
padding: 10px 10px 0 10px;
margin: 0px;
}

/* Suchfeld. */
/*div#Hauptmenue .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.searchbox-sword { width:100px; }       */
div#Hauptmenue INPUT.searchbox-button {
margin: 0;
}

div#Hauptmenue INPUT.searchbox-sword {
width: 158px;

}

div#Hauptmenue table,
div#Hauptmenue td {
height: 34px;width: 158px;
margin: 0px;
padding: 0px;
}

dd.csc-textpic-caption {
font-size: 1px;
margin: 30px;
}

/* Datum &uuml;ber einer &Uuml;berschrift bei den Stellenangeboten: */
/* div#InhaltInnen div.csc-header csc-header-n3 p.csc-header-date { */
.csc-header-date {
margin-top: 50px;
}