/*
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



0. Farben:

weiss = 255 255 255 -> #FFF
schwarz = 0 0 0 -> #000

# grau:
grau102 = 102 102 102 -> #666666     dunkelgrau
grau128 = 128 128 128 -> #808080
grau180 = 180 180 180 -> #B4B4B4     hellgrau

# rot:
rot = 227 34 25 -> #EA2219

*/

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

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

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

body {
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    background-image: url(gfx/hintergrund_1px.gif);
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
/* zum testen:
body {margin: 20px; font-weight: bold;}*/

div#gesamterInhalt {
    font-family: Arial;
	 font-size: 12px;
	 line-height: 18px;
	 color: #808080;
    width: 950px;
    background-color: #FFF;
    border: 0px solid #666;     /* grau102 */
    margin: 20px 0;
    margin-left:auto;
	 margin-right:auto;
}
/*
Hinweis zur Zentrierung des gesamten Inhaltes:
http://de.selfhtml.org/css/eigenschaften/randabstand.htm#margin_right
http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align
*/

span.detail {font-size: 11px;}

div#skipIntro {
	 width: 100%;
    background-image: url(gfx/hintergrund_flash_horiz_1px.gif);
	 background-repeat:repeat-y;
    line-height: 26px;
    vertical-align: top;
/*
    height: 26px;
    width: 950px;
    background-color: #ABB7BD;
*/
}

div#skipIntro a {
    color: #FFF;
    color: #ABB7BD;
    margin-left: 25px;
}

div#Kopfbereich {
    border-bottom: 2px solid #EA2219;     /*rot 227 34 25*/
	 margin: 0;
  }

div.hrOben, hr.oben {
    width: 950px;
background-color: orange;
	 background-color: #FFF;
    height: 3px;
	 margin: 0;
	 border: 0;
}

div#Hauptmenue, div#UntermenuePresse{
	 width: 950px;
    line-height: 26px;
    vertical-align: middle;
    height: 26px;
    background-color: #666;
    margin: 0;
	 padding-left: 110px;
	 padding-left: 0px;
    border: 0px dotted orange;
}

div.MenueVorne {
    float: left;
    width: 430px;
    margin-left: 110px;
}

div.MenueHinten {
    text-align: right;
    width: 220px;
    margin-left: 610px;
}

div#Hauptmenue a.aktiveSeite {
    color: #FFF;
}

div#UntermenuePresse {
    clear: both;     /* nötig? */
    background-color: #FFF;
    width: 840px;
  	 padding-left: 110px;

}

div#UntermenuePresse a.aktiveSeite {
    color: #666;
}

div#zurOben {
    position: absolute;
    top: 365px;
    left: 273px;
	 z-index: 1;
}
span.zurOben {
    margin-left: 33px;
}

span.zurObenBeteiligungen {      /* besser: float und clear */
    margin-left: 64px;
}

div#zurUnten {
    margin: 20px 0 20px 160px;
}


/*span.IntroSeite
(entfernt)*/

/*a:visited, a:hover*/
a.external-link-new-window,
a.mail {
    font-family: Arial;
	 font-size: 12px;
    color: #808080;
color: #EA2219; /*<----------------*/
color: #96bedc; /*<----------------*/
color: #96AABE; /*<----------------*/
    text-decoration: none;
}
a {
    font-family: Arial;
	 font-size: 11px;
    color: #B4B4B4;
    text-decoration: none;
}

div.MenueVorne a {     /* Abstand zwischen den Men&uuml;punkten */
    color: #B4B4B4;
	 margin-right: 25px;
margin-right: 15px;
}
div.MenueHinten a {
    color: #B4B4B4;
}


/*a:active {color: #FFF}*/

/*
a:visited {
  color: #FFF;
}

a:hover {
  color: #FFF;
}
*/
/*
div#InhaltLinks {
    float: left;
    width: 430px;
    margin-left: 0px;
    margin-bottom: 0px;*/     /*stellt den Abstand zu <hr-unten> ein*/
/*    padding-left: 110px;
    padding-right: 75px;
    border: 0px dashed silver;
}
*/

div#InhaltLinks {
    float: left;
    width: 430px;
    margin-left: 110px;
    margin-bottom: 0px;     /*stellt den Abstand zu <hr-unten> ein*/
    padding-left: 0px;
    padding-right: 0px;
    border: 0px dashed silver;
}

div#InhaltLinks h1,
div#InhaltEinspaltig h1,
div#InhaltEinspaltig h2 {
    font-size: 16px;
    font-weight: normal;
    color: #EA2219;
    height: 42px;
    background-color: #CCC;
    background-color: #FFF;
    margin-top: 28px;
    padding-left: 0px;
}

div#InhaltLinks p {
    margin-bottom: 18px;
}

div#InhaltRechts {
	 width: 220px;
    background-color: #EEE;
    padding-bottom: 20px;
    border-bottom: 2px solid #EA2219;
    margin-top: 70px;
    margin-left: 615px;
    /*margin-right: 115px;*/
	 margin-bottom: 50px;    /* stellt den Abstand zu <hr-unten> ein*/
}

div#InhaltRechts h1 {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    line-height: 23px;
    vertical-align: middle;
    height: 23px;
    background-color: #666;
	 padding-left: 20px;

}

div#InhaltRechts p.bodytext {
	 margin: 0px;
    padding: 0 0 0 20px;
    padding: 0 10px 0 20px;
    border: 0px solid #EA2219;
	 /* hierzu beachten: ein <br> im Quelltext bzw. Eingabefeld !! */
}

div#InhaltRechts ul {
    list-style-image: url(gfx/bullet_rot.gif);
	 margin: 0px;
    padding: 0 0 0 40px;
}

div.csc-textpic-imagewrap {
	 margin-bottom: 10px;
    padding: 0 0 0 0px;
}

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

/* Einspaltige HTML-Vorlage f&uuml;r Beteiligungen */
div#InhaltEinspaltig {
    width: 725px;
    margin-left: 110px;
}

div#InhaltEinspaltig h1 {
    border-bottom: 1px solid #666;
}

div#InhaltEinspaltig .csc-textpic {
/*div#InhaltEinspaltig .csc-textpic-intext-left-nowrap {*/
/*div#InhaltEinspaltig .csc-textpic-intext-left-nowrap {*/
clear: left;     /* wegen zur&uuml;ck-Link neben &Uuml;berschrift */

    width: 725px;
    padding: 15px 0 15px 0;
    margin-left: 0px;
    border-bottom: 1px solid #666;
/*background-color: lemonchiffon;*/
}

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}
div#InhaltEinspaltig .csc-textpic-text {
    float: left;
	 width: 430px;
/*background-color: #ABC;*/
}

div#InhaltEinspaltig .csc-textpic p {
    width: 430px;
}



/* Pressemeldungen, Liste:
div#TitelUndLink {
flo at: left;
wid th: 150px;
}                          */

div#InhaltLinksDatum {
float: left;
width: 150px;

}

div#InhaltLinksText {
width: 430px;
margin-left: 160px;
}

div#NameBeteiligungsfirma h1 {
font-size: 12px;
font-weight: bold;
color: #888;
    line-height: 26px;
    vertical-align: middle;
    height: 26px;
width: 720px;
margin-bottom: 10px;
border-bottom: 2px solid #CCC;
}

/* Media-Download */
div#InhaltEinspaltig h2 {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    height: auto;
    /*background-color: #CCC;
    background-color: #FFF;
    padding-left: 0px;*/
    margin-top: 28px;
    border-bottom: 1px solid #666;
}

* html div#InhaltRechts {
    height: 1em;     /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }

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

div.hrUnten, hr.unten {
    clear: both;     /*Elementfluss wiederherstellen*/
    width: 950px;
width: auto;
	 background-color: #666;     /* grau102 */;
background-color: #FFF;
    height: 2px;
height: 125px;
	 margin: 0;
	 border: 0;
border-bottom: 2px solid #666;
}

/*Kontaktformular*/

.csc-mailform {
	margin-top: 12px;
	border: 0;
}

.csc-mailform-field {
width: auto;
margin-left: -20px;
margin-left: 0px;
	margin-bottom:12px;
}

.csc-mailform-field label {
	float:left;
	width: 75px;
	padding-left: 0;
}

.csc-mailform-field input, .csc-mailform-field textarea {
	width: 300px;
	margin-left: 10px;
   border-top: 2px solid #666;
   border-right: 1px solid #666;
   border-bottom: 1px solid #666;
   border-left: 2px solid #666;
}

.csc-mailform-field .csc-mailform-submit {
    color: #FFF;
    background-color: #666;
    width: 100px;
	 border: 0;
    margin-left: 85px;
}



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

/* 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;
}

*/



div#InhaltEinspaltig h1.csc-firstHeader {
    font-size: 13px;
    font-weight: bold;
    color: #666;
    line-height: 26px;
    vertical-align: middle;
    height: 26px;
	 margin-top: 15px;
}

div#InhaltEinspaltig div#pressemeldungenListe {
    width: 720px;
	 padding: 10px 0 10px 0;
    border-top: 0px solid #666;
    border-bottom: 1px solid #666;
background-color: #FFF;
margin-top: 0px;

}

div#InhaltEinspaltig div#pressemeldungenListe .csc-firstHeader {
float: left;
width: 175px;
    font-size: 13px;
    font-weight: normal;
    color: #666;
/*color: green;*/
    line-height: 23px;
    /*vertical-align: middle;
vertical-align: bottom;*/
    height: 23px;
    background-color: #ABC;
background-color: #FFF;
	 padding-left: 00px;
    border: 0;
    margin: 10px 0 5px 0;
    margin: 0;
}


div#InhaltEinspaltig div#pressemeldungenListeText {
    float: left;
    width: 400px;
    margin-left: 0px;
    border: 0;
    background-color: #DEF;
background-color: #FFF;

}

div#InhaltEinspaltig div#pressemeldungenListeLinks {
    text-align: right;
    width: 145px;
    background-color: #FED;
background-color: #FFF;
    border-bottom: 0px solid #666;
    border: 0;
    margin-left: 575px;
}

div.clear {clear: both;}