/*
** Author    : t3media AG
** Version   : 01.07.08
** Datei     : content.css
** Desc      : Stylesheet fuer Typo3 Content Elemente
** LayoutKey : t3media_def
** Changes   : 
** 14.03.07 - pf - Add Mailform and delete mailform.css
** 06.07.07 - pf - floatings angepasst
** 03.08.07 - pf - Umbau auf Farbglobalisierung, Formular gesaeubert
** 28.09.07 - pf - Pfad von Punktliste: Layout 5 auf neuen Ordner images_layouts geaendert
** 11.10.07 - pf - bugfix : safari (.csc-mailform {overflow:hidden;}) eingefuegt
** 26.10.07 - pf - bugfix : ie7 (.csc-textpic-imagerow) eingefuegt
** 26.10.07 - pf - change : #mailformformtype_mail margin-left
** 26.10.07 - pf - bugfix : ie6 (#mailformformtype_mail) eingefuegt
** 21.02.08 - pf - create File version
** 24.04.08 - eb - new categories
** 01.07.08 - pf - bugfix : ie6 (div.csc-textpic-imagewrap dl) eingefuegt
** 19.11.08 - gp - listen/aufzaehlungen: Neue Listen-Zeichen definiert
*/

/* -----------------------------------------------------------------------------
** Content Allgemein
** -----------------------------------------------------------------------------
*/
/*----- Header, Ueberschrift ------ */
.csc-header {margin-top:0px;} 
/*----- Datum ------ */
.csc-header-date {margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:9px;text-align:right;}
/*----- Bild caption ------ */
.csc-textpic-caption {font-size:9px;text-align:center;}
/*----- Subheader, Untertitel ------ */
.csc-subheader {} 
/*----- Untertitel, Layout 1 ------ */
.csc-subheader-0 {}
/*----- Untertitel, Layout 2 ------ */
.csc-subheader-1 {font-weight:bold;}
/*----- Untertitel, Layout 3 ------ */
.csc-subheader-2 {font-style:italic;}
/*----- Untertitel, Layout 4 ------ */
.csc-subheader-3 {font-weight:bold;font-style:italic;}
/*----- Untertitel, Layout 5 ------ */
.csc-subheader-4 {font-variant:small-caps;}

/* -----------------------------------------------------------------------------
** Text m/Bild
** -----------------------------------------------------------------------------
*/
/*----- alle <div> ----- */
div.csc-textpic {overflow:hidden;}
* html div.csc-textpic {height:1%;overflow:visible;}
/*----- Box um Bilder <img> ----- */
div.csc-textpic-imagewrap {}
* html div.csc-textpic-imagewrap dl {position:static;} /* YAML Korrektur fuer IE6 */ 
*+html div.csc-textpic-imagewrap .csc-textpic-imagerow {height:1%;padding-bottom:4px;} /* IE7 */
/*----- Das Bild <img> ----- */
dl.csc-textpic-image dt img {vertical-align:top;} /* verhindert im IE 1px zwischen bild und caption */
/*----- Abstand bei IMG ----- */
div.csc-textpic div.csc-textpic-imagerow {clear:left;}
/*----- Alle / oben ----- */
div.csc-textpic-above {}
div.csc-textpic-above div.csc-textpic-imagewrap {overflow:hidden;}
div.csc-textpic-above div.csc-textpic-text {clear:none;} /* is overload from 'clear:both;' to 'clear:none;' for FF */
/*----- Alle / unten csc-textpic-caption----- */
div.csc-textpic-below {overflow:hidden;} /* overflow:hidden is a FF-hack */
* html div.csc-textpic-below {height:1%;overflow:visible;} /* height:1% is a IE-hack*/
div.csc-textpic-below div.csc-textpic-imagewrap {overflow:hidden;} /* overflow:hidden is a FF-hack */
div.csc-textpic-below div.csc-textpic-text {}
/*----- Alle / center (unten oder oben)----- */
div.csc-textpic-center {}
/*----- Alle / rechts (unten oder oben)----- */
div.csc-textpic-right {overflow:hidden;} 
* html div.csc-textpic-right {height:1%;overflow:visible;} 
div.csc-textpic-right div.csc-textpic-imagewrap {float:right;}
div.csc-textpic-right div.csc-textpic-text {clear:right;}
/*----- Alle / links (unten oder oben)----- */
div.csc-textpic-left {overflow:hidden;}
* html div.csc-textpic-left {height:1%;overflow:visible;} 
div.csc-textpic-left div.csc-textpic-imagewrap {float:left;}
div.csc-textpic-left div.csc-textpic-text {clear:left;}
/*----- Oben mittig ----- */
div.csc-textpic-center div.csc-textpic-above {}
/*----- Oben rechts ----- */
div.csc-textpic-right div.csc-textpic-above {}
/*----- Oben links ----- */
div.csc-textpic-left div.csc-textpic-above {}
/*----- Unten mittig ----- */
div.csc-textpic-center div.csc-textpic-below {}
/*----- Unten rechts ----- */
div.csc-textpic-right div.csc-textpic-below {}
/*----- Unten links ----- */
div.csc-textpic-left div.csc-textpic-below {}
/*----- Im Text rechts ----- */
div.csc-textpic-intext-right {}
/*----- Im Text links ----- */
div.csc-textpic-intext-left {}
/*----- Im Text rechts (neben) ----- */
div.csc-textpic-intext-right-nowrap {overflow:hidden;}
* html div.csc-textpic-intext-right-nowrap {overflow:visible;}
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {} 
/*----- Im Text links (neben) ----- */
div.csc-textpic-intext-left-nowrap {overflow:hidden;}
* html div.csc-textpic-intext-right-nowrap {overflow:visible;}
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {}
/*----- Bild Beschreibung ----- */
dl.csc-textpic-image dd.csc-textpic-caption {}
/*----- Clearer ----- */
div.csc-textpic-clear {clear:none;} /* is overload from 'clear:both;' to 'clear:none;' for FF */

/* div.csc-textpic-clear-right{clear:right;}  clear fix for image-top-right */
/* div.csc-textpic-clear-left{clear:left;}  clear fix for image-top-left */

/* -----------------------------------------------------------------------------
** Rahmen
** -----------------------------------------------------------------------------
*/

/*----- Rahmen: Alle ----- */
.csc-frame {margin:0px;padding:0px;}
/*----- Rahmen: Unsichtbar ----- */
.csc-frame-invisible {}
/*----- Rahmen: Linie davor ------ */
.csc-frame-rulerBefore {border-bottom-width:1px;border-bottom-style:solid;padding:0px;margin:0px;margin-top:10px;}
/*----- Rahmen: Linie danach ----- */
.csc-frame-rulerAfter {border-top-width:1px;border-top-style:solid;padding:0px;margin:0px;}
/*----- Rahmen: Einruecken ----- */
.csc-frame-indent {padding-left:20px;}
/*----- Rahmen: Einruecken 33/66 ----- */
.csc-frame-indent3366 {padding-left:33%;}
/*----- Rahmen: Einruecken 66/33 ----- */
.csc-frame-indent6633 {padding-left:66%;}
/*----- Rahmen: Rahmen 1 ------ */
.csc-frame-frame1 {border-width:1px;border-style:solid;padding:5px;margin:0px;margin-top:5px;}
/*----- Rahmen: Rahmen 2 ------ */
.csc-frame-frame2 {border-width:1px;border-style:dotted;padding:5px;margin:0px;margin-top:5px;}

/* -----------------------------------------------------------------------------
** Punktliste
** -----------------------------------------------------------------------------
*/

/*----- Punktliste: Alle ----- */
#col3_content ul.csc-bulletlist {list-style-image: none;}
/*----- Punktliste: Layout 1 ----- */
#col3_content ul.csc-bulletlist-0 {}
/* IE6 */
* html #col3_content ul.csc-bulletlist-0 {}
/* IE7 */
*+html #col3_content ul.csc-bulletlist-0 {}

/*----- Punktliste: Layout 2 ----- */
#col3_content ul.csc-bulletlist-1 {list-style-type:circle;}
/*----- Punktliste: Layout 3 ----- */
#col3_content ul.csc-bulletlist-2 {list-style-type:square;}
/*----- Punktliste: Layout 4 ----- */
#col3_content ul.csc-bulletlist-3 {list-style-type:decimal;}
/*----- Punktliste: Layout 5 ----- */
#col3_content ul.csc-bulletlist-4 {list-style-image:url(/fileadmin/images_layouts/element/li_3.gif)}




/* -----------------------------------------------------------------------------
** Formular
** -----------------------------------------------------------------------------
*/

form#mailform {margin:0px;padding:0px;}
/*----- Fieldset innerhalb Formular (<form>) ----- */
.csc-mailform {
	margin:0px;
	padding:0px;
	border-style:solid;
	border-width:0px;
}

.csc-mailform {overflow:hidden;} /* bugfix : safari */

/*----- Zeile : Label ----- */
.csc-mailform-label {
	clear:left;
	margin:0px;
	padding:0px;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	font-weight:bold;
}
/*----- Zeile : Field ----- */
.csc-mailform-field {
	margin-bottom:3px;
	clear:left;
}
/*----- Spalte : Text ----- */
.csc-mailform-field label {
	float:left;
	width:220px;
	margin-right:3px;
	padding-right:0px;
	text-align:right;
	font-weight: normal;
}
/*----- Spalte : Eingabefeld ----- */
.csc-mailform-field input,
.csc-mailform-field textarea {
	width:200px;
	margin-left:0px;
	padding-left:0px;
	border-style:solid;
	border-width:1px;
}
.csc-mailform-field input:focus,
.csc-mailform-field textarea:focus {
}
/*----- Spalte : Wie Eingabefeld wenn Radios ----- */
.csc-mailform-field span.csc-mailform-radio {
}
/*----- fieldset innerhalb der Spalte ----- */
.csc-mailform-field .csc-mailform-radio fieldset {margin:0px;padding:0px;border-width:0px;}
/*----- Legend zum fieldset (steht das selbe wie in label drin) ----- */
.csc-mailform-field .csc-mailform-radio fieldset legend {display:none;}
/*----- Label zum Radio Eingabefeld -----*/
.csc-mailform-field .csc-mailform-radio fieldset label {
	float:left;
	width:auto;
	margin-left:0px;
	border-width:0px;
	border-style:solid;
	text-align:left;
}
/*----- Radio Eingabefeld -----*/
.csc-mailform-field .csc-mailform-radio fieldset input {
	float:left;
	width:auto;
	margin-left:0px;
	border-style:none;
	background-color:transparent; /* for IE*/ /*@@LAYOUT:BODY:IEHACKS;IE Hack für Hintergrund@@*/
	text-align:left;
}
/*----- Checkbox Eingabefeld -----*/
.csc-mailform-field input.csc-mailform-check {
	float:left;
	width:auto;
	border-style:none;
	border-top:0px;
	background-color:transparent; /* for IE*/ /*@@LAYOUT:BODY:IEHACKS;IE Hack für Hintergrund@@*/
}
#mailformSelect_options {} /* ?? */

/* der Submit Button */
#mailformformtype_mail {
	float:left;
	width:auto;
	margin:0px 0px 0px 228px;
	padding:3px 15px 3px 15px;
	text-align:center;
}

* html #mailformformtype_mail {margin-left:231px;} /* for IE6 */


/* -----------------------------------------------------------------------------
** Diverses
** -----------------------------------------------------------------------------
*/

/*----- fuer FE Edit ----- */
.typo3-editPanel-label {font-size:9px;}
.csc-captiontext{
    position:relative;
}