/*
** 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 ul {
  overflow:hidden;
  margin-bottom:0em !important;  /* bei  overflow:hidden wird ansonsten das margin doppelt*/
}
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 */
* html div.csc-textpic-above {overflow:visible; display:inline;}
* html div.csc-textpic-above ul {display:inline;  list-style-position: outside; }
* html div.csc-textpic-above ul li{ overflow: visible; }

/*----- Alle / unten csc-textpic-caption----- */
div.csc-textpic-below {overflow:hidden;} /* overflow:hidden is a FF-hack */
div.csc-textpic-below ul {
  overflow:hidden;
  margin-bottom:0em !important;  /* bei  overflow:hidden wird ansonsten das margin doppelt*/
}
* html div.csc-textpic-below {height:1%;overflow:visible; display:inline;} /* height:1% is a IE-hack*/
* html div.csc-textpic-below ul {display:inline;  list-style-position: outside;}
* html div.csc-textpic-below ul li{ overflow: visible;}
div.csc-textpic-below div.csc-textpic-imagewrap {overflow:hidden;} /* overflow:hidden is a FF-hack */
div.csc-textpic-below div.csc-textpic-text {
  margin-bottom:17px;
}

/*----- 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 {}
div.csc-textpic-intext-right ul{
  overflow:hidden;
  margin-bottom:0em !important;
}
* html div.csc-textpic-intext-right {overflow:visible; display:inline;}
* html div.csc-textpic-intext-right ul {display:inline;  list-style-position: outside; }
* html div.csc-textpic-intext-right ul li{ overflow: visible; }

/*----- Im Text links ----- */
.csc-textpic-intext-left ul{display:inline; float:left;padding:0px 0px 0px 0px;}
.csc-textpic-intext-left ul li{margin-right:10px; }/**/
*+html .csc-textpic-intext-left ul{
display:inline; list-style-position: outside; margin-right:17px;

}
#col3_content .csc-textpic-intext-left ul,
#col2_content .csc-textpic-intext-left ul {
  margin-bottom:0em !important;
}

* html .csc-textpic-intext-left ul{
  display:inline; 
  float:left; 
  list-style-position: outside; 
  left:0px;
  margin-right:17px; 
  overflow: visible;
}

*+html .csc-textpic-intext-left ul li{
  margin-right:17px;
}
* html .csc-textpic-intext-left ul li{
  overflow: visible;
  margin-right:17px;
}

/*----- Im Text rechts (neben) ----- */
div.csc-textpic-intext-right-nowrap {overflow:hidden;}
* html div.csc-textpic-intext-right-nowrap {overflow:visible; display:inline;}
* html div.csc-textpic-intext-right-nowrap ul {display:inline;  list-style-position: outside; }
* html div.csc-textpic-intext-right-nowrap ul li{ overflow: visible; }
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {} 
div.csc-textpic-intext-right-nowrap ul {
  overflow:hidden;
  margin-bottom:0em !important;   /* bei  overflow:hidden wird ansonsten die Zeile doppelt*/
}

/*----- Im Text links (neben) ----- */
div.csc-textpic-intext-left-nowrap {overflow:hidden;}
* html div.csc-textpic-intext-left-nowrap {overflow:visible; display:inline;}
* html div.csc-textpic-intext-left-nowrap ul {display:inline;  list-style-position: outside; }
* html div.csc-textpic-intext-left-nowrap ul li{ overflow: visible; }
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {}
div.csc-textpic-intext-left-nowrap ul {
  overflow:hidden;
  margin-bottom:0em !important; /* bei  overflow:hidden wird ansonsten die Zeile doppelt*/
}

/*----- 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-top-width:1px;border-top-style:solid;padding:0px;padding-top:1em; margin:0px;}
/*----- Rahmen: Linie danach ----- */
.csc-frame-rulerAfter {border-bottom-width:1px;border-bottom-style:solid;padding:0px;padding-bottom:0px;margin:0px;margin-bottom:1em;}
/*----- 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)}

/**
 * 	Tabellen
 */
.contenttable th, .contenttable td {
	border: none;
}

/**
 * 	Uploads
 */
.ce-uploads span {
	display: inline;
}

/**
 * Suche
 */
 .searchbox-container {
 	padding-left: 9px;
 	padding-bottom: 7px;
 	margin-bottom: 1em;
 }
 
 .searchbox-container .searchbox_submit {
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 16px;
    height: 20px;
    color: #038DC9;
    display: inline;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
    border-width: 1px 1px 1px 0px;
    border-style: solid solid solid solid;
    border-color: #EAECED #EAECED #EAECED #EAECED;
    background-color: #ffffff;
 }
 
  .searchbox-container .searchbox_submit:hover {
  	background-color: #FFF;
  	color: #038DC9;
  }
 
 .searchbox-container input[type="text"] {
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 133px;
    height: 20px;
    display: inline;
    font-size: 10px;
    color: #038DC9;
    vertical-align: middle;
    border-width: 1px 0px 1px 1px;
    border-style: solid solid solid solid;
    border-color: #EAECED #EAECED #EAECED #EAECED;
    background-color: #ffffff;
 }
 
  .searchbox-container input[type="text"]::placeholder,
  .searchbox-container input[type="text"]::-webkit-input-placeholder {
  	color: #038DC9;
  }


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

/* -----------------------------------------------------------------------------
** News
** -----------------------------------------------------------------------------
*/
.news .footer,
.news .article::after {
	clear: none;
}

.news .page-navigation p,
.news .page-navigation ul {
	float: none;
	display: inline-block;
	width: 50%;
}

/*.news .page-navigation ul {
	text-align: right;
}*/
.news .page-navigation ul li {
	margin: 0;
}
.news .page-navigation ul li {
	float: none;
	display: inline-block;
}
.news-list-view .news-content {
	position: relative;
}
.news-list-view h2.lay2 {
	font-weight: bold;
	font-size: 1.1em;
}
.news-list-view .article {
	border-top: 1px solid #c2c2c2;
	padding-top: 5px;
	padding-bottom: 0;
	margin: 5px 0 0 0;
}
.article .news-time {
	font-size: 0.8em;
}
.news-list-view .article .news-time p {
	margin-bottom: 0;¨
}
.news-list-view .article.is-news .news-time {
	position: absolute;
	right: 0;
	top: 0;
}
.news-list-view div.csc-textpic,
.news-list-view div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}
.news-list-view img {
	width: 120px;
	height: auto;
}
.news-list-view .is-event .news-time {
	font-size: 11px;
}
.news-single img {
	width: 150px;
	height: auto;
}
.news-single .news-teaser {
	font-weight: bold;
}
.news-single .floatbox .title {
	width: 180px;
	display: inline-block;
}
.news-single .csc-textpic.csc-textpic-intext-left {
	margin-bottom: 20px;
}
.news-single-content {
	margin: 20px 0;
}
.news-single .ce-uploads li {
	margin: 0;
}
.news-single .event-image {
	margin-bottom: 15px;
}
.news-search-form {
	margin-bottom: 20px;
}
.news-search-form input {
	border: 1px solid #038DC9;
	height: 16px;
	padding: 2px;
	margin: 2px 0 1px 0;
	font-size: 0.9em;
	background-color: #FFF;
	color: #000;
	vertical-align: top;
	box-sizing: content-box;
	padding: 2px;
	width: 180px;
}

.news-search-form input[type="submit"] {
	margin-left: 5px;
	width: auto;
}

/* -----------------------------------------------------------------------------
** Galerie
** -----------------------------------------------------------------------------
*/
.ig-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.tx-indexedsearch-browsebox li {
	margin-left: 0;
}

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

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