/* Beispiel: 'margin: oben rechts unten links;' */
/*
10=0.6
12=0.75
14=0.9
16=1
18=1.1
*/

/* Hacks für IE
* html				Nur IE bis Version 6
*+html				Nur IE, nur Version 7
*+html, * html		Nur IE, alle Versionen
*/

html, body {
	/*max-width: 1024px;*/
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
}

DIV.csc-header H1, DIV.csc-header H2, DIV.csc-header H3, DIV.csc-header H4, DIV.csc-header H5, DIV.csc-header H6, 
H1, H2, H3, H4, H5, H6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 18px 0;
}
DIV.csc-header H2, H2 { font-size: 18px; padding-bottom: 15px; }
DIV.csc-header H3, H3 { font-size: 16px; padding-bottom: 12px; }
DIV.csc-header H4, H4 { font-size: 14px; padding-bottom: 9px; }
DIV.csc-header H5, H5 { font-size: 12px; padding-bottom: 6px; }
DIV.csc-header H6, H6 { font-size: 10px; padding-bottom: 3px; }
DIV.csc-header H1, DIV.csc-header H2, DIV.csc-header H3, DIV.csc-header H4, DIV.csc-header H5, DIV.csc-header H6 {
}

/* Vorder- und Hintergrundfarbe zum Markieren von Text ändern */
::-moz-selection {
	color: #27387F;
	background: #adc7da;
}

.unsichtbar {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.1em;
}

IMG {
	font-family: Times, "Times New Roman", serif;
	font-size: 10px;
	display: inherit;
}

SUB, SUP {
  line-height: 0px;
  font-size: 60%;
  font-family: Arial, Helvetica, sans-serif;
}

P{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

A IMG {
	border: none;
}

#divMENU_TOP1 {
	text-align: right;
	padding: 0 5px 5px 0;
}
#divMENU_TOP2 {
	text-align: right;
	padding: 5px 5px 5px 0;
}

#tdLeftColumnWidth {
	width: 200px;
}
* html #tdLeftColumnWidth {
	width: 200px;
}

* html #tdMainColumnWidth {
	width: 570px;
}

#tableGesamtBreite {
	width: 770px;
}
* html #tableGesamtBreite {
	width: 770px;
}

/* ##################### ende - Logos ######################## */

/* ##################### start - Header ######################## */

#divHeader {
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #fff;
}

#tdHeaderHeight {
	height: 100px;
	border-bottom: 1px dashed #ccc;
}

#divHeaderLeft DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin: 0; padding: 0; }

#divHeaderRight {
	padding: 10px 10px 10px 0;
}

#tdKlickPfadHeight {
	height: 30px;
	background-color: #fff;
}
#divKlickPfad {
	position: fixed;
	top: 101px;
	left: 0px;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	background-color: #fff;
	margin: 0 0 0 0;
	padding: 2px 0 2px 220px;
	width: 550px;
}
* html #divKlickPfad {
	left: 0px;
}
#divKlickPfad A, #divKlickPfad A:visited {
	color: #999;
	text-decoration: none;
}
#divKlickPfad A:hover {
	color: #243a7e;
}

/* ##################### ende - Header ######################## */

/* ##################### start - Main ######################## */

#divContentMain UL {
	list-style-type: none;
	padding-left: 8px;
	margin-left: 8px;
}
#divContentMain LI {
	list-style-image: url(../images/dot-liste-vier-farben12x12.gif);
	padding-bottom: 4px;
}

#divContentMain A, #divContentMain A:visited {
	color: #069;
	text-decoration: underline;
}
#divContentMain A:hover {
	color: #999;
	text-decoration: none;
}
#divContentMain H1 A, #divContentMain H2 A, #divContentMain H3 A, #divContentMain H4 A, #divContentMain H5 A, #divContentMain H6 A, 
#divContentMain H1 A:visited, #divContentMain H2 A:visited, #divContentMain H3 A:visited, #divContentMain H4 A:visited, #divContentMain H5 A:visited, #divContentMain H6 A:visited {
	color: #999;
	text-decoration: none;
}
#divContentMain H1 A:hover, #divContentMain H2 A:hover, #divContentMain H3 A:hover, #divContentMain H4 A:hover, #divContentMain H5 A:hover, #divContentMain H6 A:hover {
	color: #243a7e;
	text-decoration: underline;
}

P.bodytext A, P.bodytext A:visited {
	color: #069;
	text-decoration: underline;
}
P.bodytext A:hover {
	color: #999;
	text-decoration: none;
}

/* ##################### ende - Main ######################## */

/* ##################### start - Main Normal ######################## */

#divContentMain {
	font-size: 12px;
	padding: 10px 10px 10px 20px;
	margin: 0 0 0 0;
	width: 98%;
}
* html #divContentMain {
	width: 100%;
}

#divContentMain P.bodytext {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}

/*#divContentMainEinstieg {
	font-size: 12px;
	white-space: nowrap;
	width: 770px;
	height: 470px;
	text-align: center;
	border: none;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 20%;
	margin-top: -94px;
}
*+html, * html #divContentMainEinstieg {
	width: 100%;
	height: 450px;
}*/

#divContentMainEinstieg {
	font-size: 12px;
	white-space: nowrap;
	text-align: left;
	background-color: #fff;
}
*+html, * html #divContentMainEinstieg {
}

#divContentMainEinstieg P.bodytext {
	padding: 0 0 0 10px;
}

#divContentMainEinstieg H1,
#divContentMainEinstieg H2,
#divContentMainEinstieg H3,
#divContentMainEinstieg H4,
#divContentMainEinstieg H5,
#divContentMainEinstieg H6 {
	padding: 0 0 0 10px;
}

#divContentMainEinstieg H1 A, #divContentMainEinstieg H2 A, #divContentMainEinstieg H3 A, 
#divContentMainEinstieg H4 A, #divContentMainEinstieg H5 A, #divContentMainEinstieg H6 A, 
#divContentMainEinstieg H1 A:visited, #divContentMainEinstieg H2 A:visited, #divContentMainEinstieg H3 A:visited, 
#divContentMainEinstieg H4 A:visited, #divContentMainEinstieg H5 A:visited, #divContentMainEinstieg H6 A:visited {
	color: #999;
	text-decoration: none;
}
#divContentMainEinstieg H1 A:hover, #divContentMainEinstieg H2 A:hover, #divContentMainEinstieg H3 A:hover, 
#divContentMainEinstieg H4 A:hover, #divContentMainEinstieg H5 A:hover, #divContentMainEinstieg H6 A:hover {
	color: #243a7e;
	text-decoration: underline;
}

/* ##################### ende - Main Normal ######################## */

/* ##################### start - Footer ######################## */

#divFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 0 10px;
}

#divFooter A, #divFooter A:link, #divFooter A:visited, #divFooter A:active {
	color: #069;
	text-decoration: none;
}
#divFooter A:hover {
	color: #999;
	text-decoration: underline;
}

/* ##################### ende - Footer ######################## */

.standardText1Small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.standardText2Normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.standardText3Big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.standardText4Bigger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.standardText5Biggest {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

/* begin Nav */

/* ##################### start - linke Spalte ##################### */

#divHomeLink, #divBottomLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 24px 0 20px 10px;
}
#divHomeLink A, #divHomeLink A:visited,
#divBottomLink A, #divBottomLink A:visited {
	color: #666;
	text-decoration: none;
}
#divHomeLink A:hover,
#divBottomLink A:hover {
	color: #243a7e;
}
#divHomeLinkAktiv, #divBottomLinkAktiv,
#divHomeLinkAktiv A, #divHomeLinkAktiv A:visited,
#divBottomLinkAktiv A, #divBottomLinkAktiv A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 24px 0 20px 10px;
	text-decoration: none;
	color: #243a7e;
}
#divBottomLink, #divBottomLinkAktiv {
	padding: 10px 0 10px 10px;
}

#divColumnLeftNaviTEXT {/* DIV der Navigation (Text) */
	padding: 5px 0 0 10px;
}

#divColumnLeftNavi1IMG {/* DIV Grafik vor Navigation */
	float: none;
	padding: 0 0 0 22px;
}

#divColumnLeftNavi2IMG {/* DIV Grafik vor Navigation */
	float: none;
	padding: 4px 0 0 0;
}

#divColumnLeftNavi3IMG {/* DIV Grafik vor Navigation */
	float: none;
	padding: 0 0 0 12px;
}

#divColumnLeftNavi4IMG {/* DIV Grafik vor Navigation */
	float: none;
	padding: 0 0 0 18px;
}

#divMenuLinks1 {
	padding: 5px 0 10px 0;
	border-bottom: 2px dashed #e5e5e5;
	margin-bottom: 10px;
}

#divMenuLinks2 {
	padding: 15px 0 10px 0;
	border-bottom: 2px dashed #e5e5e5;
	margin-bottom: 10px;
}

#divMenuLinks3 {
	padding: 10px 0 10px 0;
	border-bottom: 2px dashed #e5e5e5;
	margin-bottom: 10px;
}

#divMenuLinks4 {
	padding: 10px 0 10px 0;
	border-bottom: 2px dashed #e5e5e5;
	margin-bottom: 10px;
}

#divMenuLinks5 {
	padding: 10px 0 10px 0;
}

#divColumnLeftNavi1, #divColumnLeftNavi1Aktiv {
	padding: 0 5px 3px 0;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#divColumnLeftNavi2, #divColumnLeftNavi2Aktiv {
	padding: 1px 5px 5px 25px;
	font-size: 12px;
	text-align: left;
}

#divColumnLeftNavi3, #divColumnLeftNavi3Aktiv {
	padding: 1px 5px 5px 35px;
	font-size: 11px;
	text-align: left;
}

#divColumnLeftNavi4, #divColumnLeftNavi4Aktiv {
	padding: 1px 5px 5px 45px;
	font-size: 10px;
	text-align: left;
}

#divColumnLeftNavi5, #divColumnLeftNavi5Aktiv {
	padding: 1px 5px 5px 55px;
	font-size: 10px;
	text-align: left;
}

#divColumnLeftNavi1Aktiv, 
#divColumnLeftNavi2Aktiv, 
#divColumnLeftNavi3Aktiv, 
#divColumnLeftNavi4Aktiv,
#divColumnLeftNavi5Aktiv {
	font-weight: bold;
	color: #243a7e;
}

#divColumnLeftNavi1 A, #divColumnLeftNavi1 A:visited, 
#divColumnLeftNavi2 A, #divColumnLeftNavi2 A:visited, 
#divColumnLeftNavi3 A, #divColumnLeftNavi3 A:visited, 
#divColumnLeftNavi4 A, #divColumnLeftNavi4 A:visited,
#divColumnLeftNavi5 A, #divColumnLeftNavi5 A:visited {
	color: #666;
	text-decoration: none;
}
#divColumnLeftNavi1Aktiv A, #divColumnLeftNavi1Aktiv A:visited,
#divColumnLeftNavi2Aktiv A, #divColumnLeftNavi2Aktiv A:visited,
#divColumnLeftNavi3Aktiv A, #divColumnLeftNavi3Aktiv A:visited,
#divColumnLeftNavi4Aktiv A, #divColumnLeftNavi4Aktiv A:visited,
#divColumnLeftNavi5Aktiv A, #divColumnLeftNavi5Aktiv A:visited {
	color: #243a7e;
	text-decoration: none;
}
#divColumnLeftNavi1Aktiv A:hover,
#divColumnLeftNavi2Aktiv A:hover,
#divColumnLeftNavi3Aktiv A:hover,
#divColumnLeftNavi4Aktiv A:hover,
#divColumnLeftNavi5Aktiv A:hover {
	color: #666;
}
#divColumnLeftNavi1 A:hover, 
#divColumnLeftNavi2 A:hover, 
#divColumnLeftNavi3 A:hover, 
#divColumnLeftNavi4 A:hover,
#divColumnLeftNavi5 A:hover {
	color: #243a7e;
}

/* ##################### ende - linke Spalte ##################### */

/* ##################### end Nav ##################### */

img.imgBildRahmen {
	border-top: 1px #c0c0c0 solid;
	border-left: 1px #c0c0c0 solid;
	border-bottom: 1px #808080 solid;
	border-right: 1px #808080 solid;
}

.rahmenPassbilder {
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
}

/* Begin - Forms */

form {
	display: inline;
}

.formsTextFields {
	border-bottom: 1px #99f solid;
	border-right: 1px #99f solid;
	border-left: 1px #99f solid;
	border-top: 1px #99f solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fdd;
}

.formsButtons {
	border-bottom: 1px #99f solid;
	border-right: 1px #99f solid;
	border-left: 1px #99f solid;
	border-top: 1px #99f solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ddf;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ##################### ende - Forms ##################### */

/* ##################### start - tt_content ##################### */

/* Space below each image (also in-between rows), Bildeigenschaften */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin: 0px; padding: 0 3px 0 3px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin: 0px; padding: 0; display: block; }

/* ##################### Rahmen für die Bilder ##################### */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #999;
}

/* ##################### ende - tt_content ##################### */

/* ##################### start - rtehtmlarea ##################### */

/* ##################### start - damit Aufzählungspunkte nicht hinter dem Bild verschwinden ##################### */
DIV.csc-textpic-text LI {
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}
#divContentMainProdukte DIV.csc-textpic-imagewrap {
	padding: 0 5px 0 0;
}
* html #divContentMainProdukte DIV.csc-textpic-imagewrap {
	padding: 0 8px 0 0;
}

/* ##################### ende - damit Aufzählungspunkte nicht hinter dem Bild verschwinden ##################### */

/* ##################### start - Link Icons ##################### */

TABLE.contenttable P P IMG {
	border: none;
}

/* Link-Icon Mail */
A.mail IMG, 
P.bodytext A.mail IMG, 
P.bodytext P A.mail IMG, 
UL A.mail IMG, 
OL A.mail IMG {
	border: none;
}
H1 A.mail IMG, 
H2 A.mail IMG, 
H3 A.mail IMG, 
H4 A.mail IMG, 
H5 A.mail IMG, 
H6 A.mail IMG, 
H1 P A.mail IMG, 
H2 P A.mail IMG, 
H3 P A.mail IMG, 
H4 P A.mail IMG, 
H5 P A.mail IMG, 
H6 P A.mail IMG {
	border: none;
}

/* Link-Icon internal-link-new-window */
A.internal-link-new-window IMG, 
P.bodytext A.internal-link-new-window IMG, 
P.bodytext P A.internal-link-new-window IMG, 
UL A.internal-link-new-window IMG, 
OL A.internal-link-new-window IMG {
	border: none;
}
H1 A.internal-link-new-window IMG, 
H2 A.internal-link-new-window IMG, 
H3 A.internal-link-new-window IMG, 
H4 A.internal-link-new-window IMG, 
H5 A.internal-link-new-window IMG, 
H6 A.internal-link-new-window IMG, 
H1 P A.internal-link-new-window IMG, 
H2 P A.internal-link-new-window IMG, 
H3 P A.internal-link-new-window IMG, 
H4 P A.internal-link-new-window IMG, 
H5 P A.internal-link-new-window IMG, 
H6 P A.internal-link-new-window IMG {
	border: none;
}

/* Link-Icon internal-link */
A.internal-link IMG,
P.bodytext A.internal-link IMG, 
P.bodytext P A.internal-link IMG, 
UL A.internal-link IMG, 
OL A.internal-link IMG {
	border: none;
}
H1 A.internal-link IMG, 
H2 A.internal-link IMG, 
H3 A.internal-link IMG, 
H4 A.internal-link IMG, 
H5 A.internal-link IMG, 
H6 A.internal-link IMG, 
H1 P A.internal-link IMG, 
H2 P A.internal-link IMG, 
H3 P A.internal-link IMG, 
H4 P A.internal-link IMG, 
H5 P A.internal-link IMG, 
H6 P A.internal-link IMG {
	border: none;
}

/* Link-Icon external-link-new-window */
A.external-link-new-window IMG, 
P.bodytext A.external-link-new-window IMG, 
P.bodytext P A.external-link-new-window IMG, 
UL A.external-link-new-window IMG, 
OL A.external-link-new-window IMG {
	border: none;
}
H1 A.external-link-new-window IMG, 
H2 A.external-link-new-window IMG, 
H3 A.external-link-new-window IMG, 
H4 A.external-link-new-window IMG, 
H5 A.external-link-new-window IMG, 
H6 A.external-link-new-window IMG, 
H1 P A.external-link-new-window IMG, 
H2 P A.external-link-new-window IMG, 
H3 P A.external-link-new-window IMG, 
H4 P A.external-link-new-window IMG, 
H5 P A.external-link-new-window IMG, 
H6 P A.external-link-new-window IMG {
	border: none;
}

/* Link-Icon external-link */
A.external-link IMG, 
P.bodytext A.external-link IMG, 
P.bodytext P A.external-link IMG, 
UL A.external-link IMG, 
OL A.external-link IMG {
	border: none;
}
H1 A.external-link IMG, 
H2 A.external-link IMG, 
H3 A.external-link IMG, 
H4 A.external-link IMG, 
H5 A.external-link IMG, 
H6 A.external-link IMG, 
H1 P A.external-link IMG, 
H2 P A.external-link IMG, 
H3 P A.external-link IMG, 
H4 P A.external-link IMG, 
H5 P A.external-link IMG, 
H6 P A.external-link IMG {
	border: none;
}

/* Link-Icon download */
A.download IMG, 
P.bodytext A.download IMG, 
P.bodytext P A.download IMG, 
UL A.download IMG, 
OL A.download IMG {
	border: none;
}
H1 A.download IMG, 
H2 A.download IMG, 
H3 A.download IMG, 
H4 A.download IMG, 
H5 A.download IMG, 
H6 A.download IMG, 
H1 P A.download IMG, 
H2 P A.download IMG, 
H3 P A.download IMG, 
H4 P A.download IMG, 
H5 P A.download IMG, 
H6 P A.download IMG {
	border: none;
}

/* ##################### ende - Link Icons ##################### */

/* ##################### ende - rtehtmlarea ##################### */

/* ##################### start - fdfx_2cols (zwei Reihen-Content) ##################### */

/*  Layout 1 */
.c2l1-left {
   padding-right: 5px;
   width: 50%;
   white-space: normal;
   vertical-align: top;
}
.c2l1-middle {
   padding-left: 5px;
   width: 50%;
   white-space: normal;
   vertical-align: top;
}

/*  Layout 2 */
.c2l2-left {
   padding-right: 5px;
   width: 25%;
   white-space: normal;
   vertical-align: top;
}
.c2l2-middle {
   padding-left: 5px;
   width: 75%;
   white-space: normal;
   vertical-align: top;
}

/* Layout 3 */
.c2l3-left {
   padding-right: 5px;
   width: 75%;
   white-space: normal;
   vertical-align: top;
   text-align: center;
}
.c2l3-middle {
   padding-left: 5px;
   width: 25%;
   white-space: normal;
   vertical-align: top;
   text-align: center;
}

/* ##################### ende - fdfx_2cols (zwei Reihen-Content) ##################### */

/* ##################### start - fdfx_3cols (drei Reihen-Content) ##################### */

/*  Layout 1 */
.c3l1-left {
   border: none;
   padding-right: 5px;
   width: 33%;
   white-space: normal;
   vertical-align: top;
}
.c3l1-middle {
   border: none;
   padding-left: 5px;
   width: 33%;
   white-space: normal;
   vertical-align: top;
}
.c3l1-right {
   border: none;
   padding-left: 10px;
   padding-right: 5px;
   width: 34%;
   white-space: normal;
   vertical-align: top;
}

/*  Layout 2 */
.c3l2-left {
   border: none;
   padding-right: 5px;
   width: 60%;
   white-space: normal;
   vertical-align: top;
}
.c3l2-middle {
   border: none;
   padding-left: 5px;
   width: 20%;
   white-space: normal;
   vertical-align: top;
}
.c4l2-right {
   border: none;
   padding-left: 5px;
   width: 20%;
   white-space: normal;
   vertical-align: top;
}

/* Layout 3 */
.c3l3-left {
   border: none;
   padding-right: 5px;
   width: 40%;
   white-space: normal;
   vertical-align: top;
   text-align: center;
}
.c3l3-middle {
   border: none;
   padding-left: 5px;
   width: 20%;
   white-space: normal;
   vertical-align: top;
   text-align: center;
}
.c3l3-right {
   border: none;
   padding-left: 10px;
   padding-right: 5px;
   width: 40%;
   white-space: normal;
   vertical-align: top;
}

/* ##################### ende - fdfx_3cols (drei Reihen-Content) ##################### */

/* ##################### start - fdfx_4cols (vier Reihen-Content) ##################### */

/* Layout 1 */
.c4l1-left {
   border: none;
   padding-right: 5px;
   width: 25%;
   white-space: normal;
   vertical-align: top;
}
.c4l1-middle {
   border: none;
   padding-right: 10px;
   width: 25%;
   white-space: normal;
   vertical-align: top;
}
.c4l1-right {
   border: none;
   padding-left: 10px;
   padding-right: 5px;
   width: 25%;
   white-space: normal;
   vertical-align: top;
}
.c4l1-right2 {
   border: none;
   width: 25%;
   white-space: normal;
   vertical-align: top;
}

/* Layout 2 */
.c4l2-left {
   border: none;
   padding-right: 5px;
   width: 30%;
   white-space: normal;
}
.c4l2-middle {
   border: none;
   padding-left: 5px;
   padding-right: 5px;
   width: 30%;
   white-space: normal;
}
.c4l2-right {
   border: none;
   padding-left: 5px;
   width: 20%;
   white-space: normal;
}
.c4l2-right2 {
   border: none;
   padding-left: 5px;
   width: 20%;
   white-space: normal;
}
/* Layout 3 */
.c4l3-left {
   border: none;
   padding-right: 5px;
   width: 20%;
   white-space: normal;
}
.c4l3-middle {
   border: none;
   padding-left: 5px;
   padding-right: 5px;
   width: 20%;
   white-space: normal;
}
.c4l3-right {
   border: none;
   padding-left: 5px;
   width: 30%;
   white-space: normal;
   background-color: #FFEDA8;
}
.c4l3-right2 {
   border: none;
   padding-left: 5px;
   width: 30%;
   white-space: normal;
   background-color: #FFEDA8;
}

/* ##################### ende - fdfx_4cols (vier Reihen-Content) ##################### */

/* ##################### start - Mailform ##################### */
/*			Infos in /typo3/sysext/css_styled_content/static/setup.txt */

.csc-mailform {
	/* TABLE der Form */
}


.csc-form-labelcell {
	/* TD hier stehen die Texterklärungen zu den Formelementen z.B. Name: */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

.csc-form-label {
	/* P (nicht Pflichtfelder) hier stehen die Texterklärungen zu den Formelementen z.B. Name: */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 3px 0 0 0;
}

.csc-form-label-req {
	/* P (Pflichtfelder) hier stehen die Texterklärungen zu den Formelementen z.B. Name: */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 3px 0 0 0;
	color: red;
}

.csc-form-fieldcell {
	/* TD hier stehen die Formelemente */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.csc-form-comment {
}

.csc-form-radio {
}

.csc-form-commentcell {
	background-color: red;
}

/* ##################### ende - Mailform ##################### */

/* ##################### start - indexed_search ##################### */

.tx-indexedsearch TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tx-indexedsearch .tx-indexedsearch-browsebox LI {
	display: inline;
	margin-right: 5px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
	width: 100px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
	width: 300px;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
	margin-top: 10px;
	margin-bottom: 5px;
}

.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
	font-weight: bold;
	font-style: italic;
}

.tx-indexedsearch .tx-indexedsearch-noresults {
	text-align: center;
	font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
	font-style: italic;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
	color: red;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	background: #eee;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
	margin-top: 20px;
	margin-bottom: 5px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
	margin-top:0px;
	margin-bottom:0px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
	background-color: #ccc;
	vertical-align: middle;
}

.tx-indexedsearch .tx-indexedsearch-res .noResume {
	color: #666;
}

.tx-indexedsearch .tx-indexedsearch-category {
	background-color: #ccc;
	font-size: 16px;
	font-weight: bold;
}

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css {
	clear: both;
	margin-bottom: 1em;
}

.tx-indexedsearch .searchbox-tmpl-css LABEL {
	margin-right: 1em;
	width: 10em;
	float: left;
}

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
	letter-spacing: 0;
	font-weight: normal;
	margin-top: -1.2em;
	float: right;
}

.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd {
	float: left;
}

.tx-indexedsearch .info-tmpl-css dd.item-mtime {
	float: none;
}

.tx-indexedsearch .info-tmpl-css dd.item-path {
	float: none;
}

DIV.tx-indexedsearch-rules H3 {
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
}

DIV.tx-indexedsearch-rules P {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* ##################### ende - indexed_search ##################### */

/* ##################### start - News ##################### */

/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer {
	clear: right;
	height: 1px;
	border: 1px solid #fff;
}

.news-latest-container HR.clearer {
	clear: left;
}



/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
.news-latest-container p {
	margin: 0 0 0 0;
}

.news-latest-gotoarchive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}

.news-latest-item H4 {
	margin: 15px 0 3px 0;
}

.news-latest-item IMG {
	margin: 0 5px 5px 0;
	border: 1px solid #666;
	float: left;
}

.news-latest-category IMG {
	float: none;
	border: none;
	margin: 0px;
}

.news-latest-date,.news-latest-category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
}
* html .news-latest-date,.news-latest-category {
	/* für IE 5 + 6 */
	margin-top: 10px;
}

.news-latest-morelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 15px 0;
}



/*------------ tt_news LIST view (Übersichts-Startseite der Nachrichten und Termine) -----------*/
.news-list-container p {
	margin: 0 0 0 0;
}

.news-list-gotoarchive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}

H4.news-list-item {
	margin: 5px 0 5px 0;
}

TR.news-list-item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.news-list-item {
	padding: 0px 0 0px 0;
	/*border-top: 1px solid #e4e4e4;*/
}

TD.news-list-item-trenner {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 3px;
	background-color: #fff;
}

.news-list-item-extrafields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.news-list-item-extrafields-entry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

TR.trVeranstaltungenZeile {
	background-color: #efefef;
}
TR.trVeranstaltungenZeile:hover {
	background-color: #d6d6d6;
}

.news-list-category IMG {
	float: none;
	border: none;
	margin: 0px;
}

.news-list-date,.news-list-category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
* html .news-list-date,.news-list-category {
	/* für IE 5 + 6 */
	margin-top: 10px;
}

.news-list-container H3 {
	margin-bottom: 5px;
	padding: 2px;
	border-bottom: 1px solid #769024;
	background-color: #769024;
}

.news-list-container H4 {
	margin: 3px 0 3px 0;
}

.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
	color: #fff;
	padding-left: 2px;
}

.news-list-container H3 A {

}

.news-list-imgcaption {
	float: right;
	padding-top: 3px;
	padding-right: 3px;
	font-size: 9px;
}

.news-list-image {
	margin: 0 0 0 0;
	float: right;
}
* html .news-list-image {
	margin: 0 0 0 0;
}
.news-list-container IMG {
}
.news-list-image A {
	padding: 0 0 0 0;
}

.news-list-morelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 15px 0;
}

.news-list-browse {
	text-align: center;
	width: 570px;
}



/*---------------------------------  tt_news search ---------------------------------*/
.news-search-emptyMsg{
	margin: 0px;
}

.news-search-form {
	padding: 3px;
	margin-bottom: 5px;
}

.news-search-form FORM {
	margin: 0px;
}



/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
}

.tx-ttnews-browsebox TD {
	font-size: 10px;
}

.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}

.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin: 0px;
}

.tx-ttnews-browsebox-SCell {
}



/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
}
.news-single-item H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin: 0 0 0 0;
}
.news-single-item H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 0 0;
}
.news-single-item .bodytext {
	margin: 0 40px 0 0;
}
.news-single-item UL {
	margin: 0 40px 0 0;
}

.news-single-img {
	float: right;
	margin-left: 5px;
}
.news-single-img A {
	padding: 0 0 0 0;
}

.news-single-imgcaption {
	padding: 3px;
	clear: both;
}

.news-single-category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	text-align: right;
}
.news-single-backlink, .news-single-backlink a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-single-timedata {
	float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	margin-top: 15px;
	border: 1px solid #ccc;
	padding: 3px;
	padding-bottom: 0px;

}
.news-single-related,.news-single-files,.news-single-links  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 3px;
	padding: 3px;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left: 20px;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 11px;
	margin-left: 5px;
	width: 90%;
}



/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	float: right;
	margin: 0 0 6px 6px;
}

.news-amenu-container LI {
	padding-bottom: 1px;
}

.news-amenu-container UL {
	padding: 0 0 3px 3px;
	list-style-type: none;
}

.news-amenu-item-year {
	font-weight: bold;
	padding: 6px 0 0 0;
}



/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */
.news-catmenu  {
	padding: 5px;
	margin: 10px 0px 10px 10px;
	border: 1px solid #666;
	background-color: #F9FFE5;
}
.news-catmenu-header {
	font-size: 11px;
	font-weight: bold;
}
.news-catmenu DIV {
	font-size: 10px;
	white-space: nowrap;
}
.news-catmenu DIV img, .news-catmenu img, .news-catmenu-header img {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.news-catmenu-ACT {
	font-weight: bold;
}

/*  Styles for catmenu mode "nestedWraps" */
.level1 {
	padding: 1px;
	padding-left: 10px;
	background-color: #EBF8BF;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
}
.level2 {
	padding: 1px;
	padding-left: 10px;
	background-color: #DDF393;
	border-left: 1px solid #666;
}
.level3 {
	padding: 1px;
	padding-left: 10px;
	background-color: #CAE46E;
	border-left: 1px solid #666;
	border-top: 1px solid #666;

}
.level4 {
	padding: 1px;
	padding-left: 10px;
	background-color: #B0CB51;
	border-left: 1px solid #666;
}

/* ##################### ende - News ##################### */