/*
Allg. CSS-Vorgabe für HTML- bzw. TYPO3- Standard-Elemente 

ACHTUNG:
   => FOCUS: NORMALER CONTENT-BEREICH <=
   ... Also das, was der Redakteur im Backend über RTE einpflegen kann.
   
   NICHT: Navibereich, Seitenstruktur etc. ==> das folgt in styles_main.css
   
Hier werden default-Werte definiert für
- Schriftklasse, Farbe, Größe der gängigen HTML-Elemente
- Aussehen der Formular-Elemente
- Mögliche Überschriften (die im Content-Bereich erlaubt sind)
	inkl. gesondert: erlaubte Farb-Klassen / Varianten (z.Bsp. h2.color_1, h3.block)
- Vorgabe für Links + Hover-Effekt innerhalb Fließtext 
  inkl. gesondert: verfügbare Link-Stile (beispielsweise mit Pfeil davor, als Button etc.)
- Vorgabe allg. für Tabellen im Content (sofern erlaubt): Schrift, Padding, Rand-Farbe, alternierende Farbe etc.
- Vorgabe für Aufzählungslisten (ol sowie ul)
*/


/***************************/
/* General element styles: */
/***************************/

body { margin : 0; padding : 0; border : 0; font : normal 12px/145% Arial, Verdana, sans-serif; color : #000;}

/* Grundlegende Schriftart und Farbe */
H1, H2, H3, H4, H5, H6, P, TD, TH, UL, OL, LI, DL, BLOCKQUOTE, 
  INPUT, TEXTAREA, SELECT, label, option, DIV, a { 
  	font-family: Arial, Verdana, sans-serif;   	
  	color: #000; 
  	line-height : 145%; 
}

/* Vorgaben: Fließtext allgemein ... */
PRE, P, TD, UL , OL, DL, INPUT, TEXTAREA, SELECT, A { font-size: 12px; font-weight : normal;}
LABEL, TH { font-size: 12px; font-weight : bold;}
P { margin : 0; padding : 0 0 12px 0; }

/* Vorgaben: Blockelemente allgemein ... */
PRE { margin : 0; padding : 0 0 12px 0; }
FORM, DIV { margin: 0; padding:0}
INPUT, TEXTAREA, SELECT { margin:0; padding: 2px 5px 2px 5px; border: 1px solid #CDCDCD; line-height : 125%; }


/* VORGABEN für LINKS: allgemein ... */
a { color: #EF4049; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a img { border : none; }

/* VORGABEN für LINKS: special-sonder-links ... */
a.pfeil_rot { padding : 0 0 0 12px; background : url("pix/arrow.gif") no-repeat 0 4px; font-weight : bold; text-decoration : underline; }
a.pfeil_weiss { padding : 0 0 0 13px; background : url("pix/arrow2.gif") no-repeat 0 3px; color : #fff; text-decoration : underline; }



/** ABBR, ACRONYM usw. **/
abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dotted #CDCDCD;
}



/******************/
/* Headers, plain */
/******************/
	h1 { font : bold 14px/145% Arial, Verdana, sans-serif; color : #000; margin : 0; padding : 0 0 12px 0; }
	h2 { font : bold 12px/145% Arial, Verdana, sans-serif; color : #000; margin : 0; padding : 10px 0 5px 0; }
	h3 { font : bold 19px/145% Arial, Verdana, sans-serif; color : #D6242D; margin : 0 0 13px 0; padding : 15px 0 7px 0; border-bottom : 2px solid #CDCDCD; }
	h4 { font : bold 12px/125% Arial, Verdana, sans-serif; color : #000; margin : 0; padding : 0; }
	h5 { font : normal 11px/125% Arial, Verdana, sans-serif; color : #EF4049; margin : 0; padding : 0; }
	h6 { font : normal 11px/125% Arial, Verdana, sans-serif; color : #000; margin : 0; padding : 0; }

/* Headers, with link */
H1 A, H2 A, H4 A, H6 A { color: #000000; text-decoration: none; }
H3 A, H5 A { color: #D6242D; text-decoration: none; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover, H6 A:hover { text-decoration: underline; }



/*******************/
/* RTE / Aufzählungen: */
/*******************/

UL { margin : 0; padding : 0 0 10px 20px; border : 0; list-style-type : square; }
OL { margin : 0; padding : 0 0 10px 20px; border : 0; list-style-type : decimal; }
UL LI UL { padding-top: 10px; }
LI { margin: 0; padding: 2px 0 4px 0 ; line-height: 125%}

LI UL, LI OL {margin : 0; padding : 0 0 5px 20px;}
LI UL LI, LI ol LI { padding: 0 0 2px 0 ; }

ul.skills { margin : 0; padding : 0; border : 0; list-style-type : none; border-top : 1px solid #CDCDCD; }
ul.skills li { margin : 0; padding : 3px 0 4px 0; border : 0; list-style-type : none; background : none; border-bottom : 1px solid #CDCDCD; }



/*******************/
/* Verfügbare Schrift-Farben: */
/*******************/
.color1 {color: #D6242D;}
.color2 {color: #666666;}
.color3 {color: #000;}




/**********/
/* TYPO3: Element "Images" */
/**********/


/* Images / Captions */
div.csc-textpic-caption {font-size: 12px; padding-top: 5px;}



/*********************/
/* TYPO3: Element "Tables", generally */
/*********************/

TABLE.contenttable { border: 1px #CDCDCD solid; margin: 0 0 10px 0; padding:0; border-collapse:collapse;}
TABLE.contenttable TR TD { padding: 4px 10px 2px 10px; text-align:left; vertical-align: top;}
TABLE.contenttable TR TH { padding: 6px 10px 4px 10px; text-align:left; vertical-align: top;}
TABLE.contenttable TR TD P { padding:0; }
TABLE.contenttable TR { background-color: #fff; }
TABLE.contenttable TR.tr-odd { background-color: #fff; }
TABLE.contenttable TR.tr-even { background-color: #F2D5D6; }


/* Tables, Design-Typ "standard" */
TABLE.contenttable-0 tr td { color: #666666; }

/* Tables, Design-Typ "Layout 1" */
TABLE.contenttable-1 TR TH, TABLE.contenttable-1 TR TD {  text-align:right; vertical-align: top;}
TABLE.contenttable-1 TR td.td-0, TABLE.contenttable-1 TR th.td-0 {  text-align:left; padding-left:19px;}
TABLE.contenttable-1 TR td.td-last, TABLE.contenttable-1 TR th.td-last {  padding-right:20px;}
TABLE.contenttable-1 TR TH { font-weight:bold;}




/************************/
/* TYPO3: Element "Filelinks", generally */
/************************/
TABLE.csc-uploads { border: 0px; }
TABLE.csc-uploads TR TD P { background-color : transparent; font-size: 12px; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #EDEBF1; }
TABLE.csc-uploads TR.tr-odd { background-color: #D8D7DC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }



/*****************/
/* Email-Forms (Klassen zuvor über TypoScript gesetzt, name ggfs. abweichend ...)*/
/*****************/


/* Block: Label und Feld */
div.form_zeile {width: 490px;}
/* Block: normaler Text innerhalb Form */
div.form_comment {  margin : 0; padding : 0 0 10px 0;  }
/* Block: Zwischenüberschrift / wichtiger Text innerhalb der Form */
div.form_label { font-size: 14px; font-weight : bold; color: #666666; margin : 0; padding : 5px 0 10px 0; border : 0; }

/* Falls 2-Spaltig (label neben Formfeld), dann label als Blockelement */
div.form_zeile label {width:190px; float:left;display:block;}

/* Konstrukt aus Radio-Element-Liste */
.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}
.mf-radio {
border:0px;
}

/* Vorgaben für die einzelnen Form-Elemente (typo3 setzt jeweils eigene Klasse ...) */
.mf-textarea {
width:280px;height:120px;
}

.mf-check {
border: 0px;
}
.mf-select {
width:280px;
}

.mf-textfield {
	width:280px;
}

.mf-submit, .mf-reset {
margin:0; padding: 0;
width:140px; font-size:12px;
padding : 0 0 0 12px; background : #fff url("pix/arrow.gif") no-repeat 0 4px; 
color: #D6242D; font-weight:bold;  border: 1px solid #D6242D;
}






/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
.csc-sitemap ul li { list-style-type : none; background : none; margin : 0; padding : 0 0 5px 0; border : 0; }
.csc-sitemap ul li a { font-size : 14px; font-weight : bold; color : #D6242D; text-decoration : none; 
	padding : 0 0 0 12px; background : #fff url("pix/arrow.gif") no-repeat 0 4px; }

.csc-sitemap ul li ul li {padding-left:20px;}
.csc-sitemap ul li ul li a {background: none; padding:0;}
.csc-sitemap ul li ul li a {font-size : 12px; color: #000; }
.csc-sitemap ul li ul li ul li a {font-size : 12px; font-weight: normal; color: #666; }





/********************************/
/* TYPO3 ==> Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; }
P.csc-linkToTop A { font-weight: bold; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #CDCDCD; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #CDCDCD; }
DIV.csc-frame-indent { padding-left: 190px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }