/*
 *  Allgemeine Einstellungen 
 */
body, h1, h2, h3, h4, h5, p, li, td {
	font-family:		verdana,arial,helvetica,sans-serif;
}

body {
	font-size:		12px;
}

p, td, li, dt, dd, address, blockquote {
	font-size:		100%;
}

.csc-firstHeader,
.csc-header-n1 {
	margin-top:		20px;
	padding-top:	0;
}

/*
 *	Schlagschatten für Bilder mit Häkchen bei Rahmen - jh, 02.09.2010
 */

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image DIV.tx-workshops-single-img IMG
{
	border: none;
	padding: 0px 0px;
	-moz-box-shadow: 3px 3px 4px #666666;
	-webkit-box-shadow: 3px 3px 4px #666666;
	box-shadow: 3px 3px 4px #666666;
	/* Für IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* Für IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.csc-textpic-caption
{
	padding-top:5px;
}

p,
.bodytext {
	margin-bottom:		12px;
}

/*
 *  Tabellen 
 */
table {
	border-collapse:	collapse;
}

#rightcolumn table {
	margin-right:		5px;
	
}

/* Silke Änderung*/
#rightcolumn table td img{
	margin-left:		5px;
	
}

.contenttable td {
	border:			1px solid #666666;
}

.no-css td {
	border-width:		0;
}
.contenttable-0 td{
	border:	solid 0px #ffffff;
}

.contenttable-1 .tr-0 td {
	background-color:	#999999;
}

.contenttable-2 .td-0 {
	background-color:	#999999;
}

.contenttable-3 .tr-0 td {
	background-color:	#999999;
}
.contenttable-3 .td-0 {
	background-color:	#999999;
}


/*
 *	Listen
 */
#maincolumn ul,
#rightcolumn ul,
.startseite #leftcolumn ul,
.csc-bulletlist-0 {
	list-style-image: 	url(img/bullet_bull.gif); 
}

.csc-bulletlist-2 {
	list-style-image: 	url(img/bullet_arrow_gross.gif); 
}

.csc-bulletlist-3 {
	list-style-image: 	url(img/bullet_arrow_klein.gif); 
}



/*
 *	Formulare
 */
fieldset {
	border:			none;
}

legend {
	display:		none;
}

fieldset div {
	margin-bottom:		5px;
}

.csc-mailform-field {
	clear:			both;
}

label {
	float:			left;
	display:		block;
	margin-right:	10px;
	width:			150px;
	text-align: right;
}

#rightcolumn label {
	width:			195px;
}

#rightcolumn .csc-mailform-checkboxfield label {
	margin-left: 		20px;
	width:			160px;
}

input,
textarea,
select {
	font-size:		90%;		/*11px*/
	background-color:	#fefefe;
	border:			1px solid #999999;
}

#rightcolumn .csc-mailform-field input,
#rightcolumn .csc-mailform-field textarea {
	width:			175px;

}

#rightcolumn .csc-mailform-field{
	width:			178px;
}

#maincolumn .csc-mailform-checkboxfield {
	width:			176px;
}

#maincolumn .csc-mailform-checkboxfield input {
	float:			right;
}

#maincolumn .csc-mailform-field textarea {
	width:			333px;

}

#maincolumn .csc-mailform-label {
	width:			333px;
	padding-left: 	158px;
}


#rightcolumn .csc-mailform-checkboxfield{
	clear:both;
	width:			178px;
}
#rightcolumn .csc-mailform-checkboxfield input {
	float:	left;
	margin:0px;
	padding:0px;
	display: inline;
}
#rightcolumn .csc-mailform-checkboxfield label{
	width:			146px;
	float:			right;
	display: inline;
	margin:0px;
	padding:0px;
	padding-bottom: 5px;
}

#rightcolumn .csc-mailform-checkboxfield input {
	border-width:		0;
	/*background-color:	#ffecd4;*/
}

.csc-mailform-submit {
	width:			100px;
	margin-top:		12px;
	margin-left:		160px;
}

#rightcolumn .csc-mailform-field .csc-mailform-submit {
	margin-left:		0;
	width:			100px;
}

/********************************************************/





/*
 *	Einstellungen für die Hyperlinks
 */
a {
	text-decoration:	none;
	color:			#202040;
}

.standard #maincolumn a,
.standard #rightcolumn a.active,
.standard #seitenaktionsmenu a,
.standard #fussbereich a {
	color:			#e7001f;
}

.startseite #leftcolumn a,
.startseite #maincolumn a,
.startseite #rightcolumn a.active,
.startseite #seitenaktionsmenu a,
.startseite #fussbereich a {
	color:			#e7001f;
}

.wirueberuns #leftcolumn a.active,
.wirueberuns #maincolumn a,
.wirueberuns #rightcolumn a,
.wirueberuns #seitenaktionsmenu a,
.wirueberuns #fussbereich a {
	color:			#e7001f;
}

.veranstaltungen #leftcolumn a.active,
.veranstaltungen #maincolumn a,
.veranstaltungen #rightcolumn a,
.veranstaltungen #seitenaktionsmenu a,
.veranstaltungen #fussbereich a {
	color:			#ff860e;
}

.publikationen #leftcolumn a.active,
.publikationen #maincolumn a,
.publikationen #rightcolumn a,
.publikationen #seitenaktionsmenu a,
.publikationen #fussbereich a {
	color:			#0074bc;
}

.projekte #leftcolumn a.active,
.projekte #maincolumn a,
.projekte #rightcolumn a,
.projekte #seitenaktionsmenu a,
.projekte #fussbereich a {
	color:			#51aa27;
}

.foerderung #leftcolumn a.active,
.foerderung #maincolumn a,
.foerderung #rightcolumn a,
.foerderung #seitenaktionsmenu a,
.foerderung #fussbereich a {
	color:			#ffb100;
}

.service #leftcolumn a.active,
.service #maincolumn a,
.service #rightcolumn a,
.service #seitenaktionsmenu a,
.service #footer a {
	color:			#00663a;
}

#leftcolumn a:hover,
#leftcolumn a.active:hover,
#maincolumn a:hover,
#rightcolumn a:hover,
#seitenaktionsmenu a:hover {
	color:			#999999;
}





/********************************************************/


.weiter {
	text-align: 		right;	
}


.light {
	font-style:italic;
}

.divider,.divider-right,.divider-border,.divider-left,
.csc-frame-rulerAfter {
	height:			1px;
	margin-top:		20px;
	margin-bottom:		20px;
	margin-left:		auto;
	margin-right:		auto;
	padding:		0;
	background-color:	#dbdcdc;
	border:			0;
}

.divider-left,
#leftcolumn .csc-frame-rulerAfter {
	width:			35%;
}

.divider,
#maincolumn .csc-frame-rulerAfter {
	width:			50%;
	margin-left: 		0;
}

.divider-right,
#rightcolumn .csc-frame-rulerAfter {
	width:			35%;
}

.divider-border {
	width:			35%;
}

.baseline-hack {
/*	font-size:		120%;*/		/*14px*/
}

.h3 {
	font-size:		120%;		/*14px*/
	font-weight:		bold;
}

.noscript, .nosession {
	display:block;
	width:			300px;
	margin:			10px;
	padding:		5px;
	background-color:	#fff8f8;
	border:			2px solid red;
	font-size:		90%;		/*11px*/
	color:			red;
}

.noscript {
	margin-left:		205px;
}

.nosession {
	margin-bottom:		20px;
}





/*******************************************************/






/*
 *  Einstellungen für die linke Spalte 
 */
 
/*
 *  Schriftgöße von 90 auf 100% geändert J. Heuper, 22.07.2009 
 */
.startseite #leftcolumn {
	font-size:		100%;		/*11px*/
}

.startseite #leftcolumn h1 {
	margin-top:		15px;
	margin-bottom:		10px;
	font-size:		170%;	/*20px*/
}

.startseite #leftcolumn h2 {
	margin-top:		15px;
	margin-bottom:		10px;
	font-size:		150%;	/*18px*/
}

.startseite #leftcolumn h3 {
	margin-top:		10px;
	margin-bottom:		5px;
	font-size:		135%;	/*16px*/
}

.startseite #leftcolumn h4 {
	margin-top:		10px;
	font-size:		100%;	/*12px*/
}

.startseite #leftcolumn h5 {
	margin-top:		10px;
	font-size:		100%;	/*12px*/
	font-weight:		normal;
}

.startseite #leftcolumn p {
	font-size:		100%;	/*12px*/
	line-height:		130%;
}

.startseite #leftcolumn li, 
.startseite #leftcolumn td, 
.startseite #leftcolumn strong {
	font-size:		100%;	/*12px*/	
}

.startseite #leftcolumn table.imgtext-table {
	margin-right:		3px;
}

.startseite #leftcolumn img.rechts {
	margin:			3px;
	padding:		0;
}



/***********************************************
 * 
 *  Einstellungen für die Mittlere Spalte (Hauptseiteninhalt) 
 * 
 ***********************************************/
#maincolumn {
	font-size:		100%;	/*12px*/
}

#maincolumn h1 { 
	margin-top: 		20px; 
	margin-bottom: 		5px; 
	font-size: 		135%;	/*16px*/ 
}

#maincolumn h2 { 
	margin-top: 		20px; 
	margin-bottom: 		5px; 
	font-size: 		120%;	/*14px*/ 
}

#maincolumn h3 { 
	margin-top: 		20px; 
	margin-bottom: 		5px; 
	font-size: 		100%;	/*12px*/
}

#maincolumn h4 { 
	margin-top: 		20px; 
	margin-bottom: 		0px; 
	padding-bottom:0px;
	font-size: 		100%;	/*12px*/
}

#maincolumn h5 { 
	margin-bottom: 		0px;
	padding-bottom:		0px; 
	font-size: 		100%;	/*12px*/ 
	font-weight: 		normal; 
}

#maincolumn .csc-header h4,
#maincolumn .csc-header h5{
	margin-bottom: 		0px; 
	padding-bottom:		7px;
}

#maincolumn p { 
	line-height: 		140%; 
}

#maincolumn li { 
	font-size: 		100%;	/*12px*/ 
	line-height:		130%; 
}

#maincolumn table td { 
	font-size: 		100%;	/*12px*/ 
	line-height:	130%;
}

#maincolumn .imgtext-table { 
	margin-top: 		5px; 
}
#maincolumn .imgtext-nowrap .imgtext-table { 
	margin-top: 		2px; 
}

#maincolumn .imgtext-nowrap h4, 
#maincolumn .imgtext-nowrap p { 
	margin-top: 	0; 
	margin-right: 	0; 
	margin-left: 	0; 
}

#maincolumn div.weiter { 
	text-align: 			right; 	
	margin-right: 		25px; 
}

#maincolumn p.nosession, 
#maincolumn p.noscript { 
	font-size: 90%;	/*11px*/; 
}

/*
 * Abstände um Bilder:
 * eingefügt von jh, 04.06.2010
 */

/* Bilder links, füge Abstand oben, rechts und unten hinzu */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin: 5px 10px 5px 0px;
}

/* Bilder rechts, füge Abstand oben, links und unten hinzu */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin: 5px 0px 5px 10px;
}

/* Bilder mittig, füge Abstand links hinzu */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }


/*Bildgalerien*/
#maincolumn .csc-textpic-imagerow{
	margin-bottom:5px;
}


/*
 * Einstellungen für das Edit-Panel
 */
#maincolumn .typo3-editPanel-controls {
	width:			24px;
}

#maincolumn .typo3-editPanel-label {
	width:			160px;
}





/************************************
 * 
 *  Einstellungen für die rechte Spalte 
 * 
 ************************************/
#rightcolumn {
	font-size:		100%;	/*12px*/
}

#rightcolumn h1 {
	margin-bottom:	5px;
	font-size:		120%;	/*14px*/
}

#rightcolumn h2 {
	margin-top:		20px;
	margin-bottom:		5px;
	font-size:			120%;	/*14px*/
}

#rightcolumn h3 {
	margin-top:		20px;
	margin-bottom:		5px;
	font-size:		120%;	/*14px*/
}

#rightcolumn h4 {
	font-size:		100%;	/*12px*/
	margin-bottom:		5px;
}

#rightcolumn p {
	font-size:		100%;	/*12px*/
	line-height:	130%;
}

#rightcolumn ul {
/*	margin-left:		20px;*/
	font-size:		100%;	/*12px*/
}

#rightcolumn table {
	font-size:12px;
}

#rightcolumn table.imgtext-table {
	margin-right: 		3px;
}

#rightcolumn strong {
	font-size:		100%;	/*12px*/
}

#rightcolumn img.rechts {
	margin:3px;
}

#rightcolumn .weiter {
	text-align:		left;
	margin-left:		5px;
}

.startseite #rightcolumn h1 {
	margin:			10px 0 5px 0;
	font-size:			120%;	/*14px*/
}

.startseite #rightcolumn h2 {
	margin:			10px 0 5px 0;
	font-size:			120%;	/*14px*/
}

.startseite #rightcolumn h3 {
	margin:			10px 0 5px 0;
	font-size:			120%;	/*14px*/
}

.startseite #rightcolumn h4 {
	margin:			10px 0 5px 0;
	font-size:			100%;	/*12px*/
}

.startseite #rightcolumn p,
.startseite #rightcolumn li,
.startseite #rightcolumn td {
	font-size:		100%;	/*12px*/
	line-height:	130%;
}


#rightcolumn form #username,
#rightcolumn form #pwfield
#rightcolumn form #tx_indexedsearch[sword]{
	width:125px;
}




/*
 * Einstellungen für die Sitemap
 */
.sitemap .level1-listelement {
	list-style:		none;
	padding-top:		20px;
	font-weight:		bold;
	width:100%;
}

.sitemap .level1-listelement>a {
	border-bottom:		1px solid black;
	display:block;
	width:95%;
	font-weight:bold;

}

.sitemap .level2-listelement {
	font-weight:		bold;
}

.sitemap .level3-listelement {
	font-weight:		normal;
}

.sitemap .level4-listelement {
	font-weight:		normal;
}

.sitemap li.level2-listelement ul{
	list-style-type:square;
}

.sitemap  a {
	color:#000000;
}
/*
 * 	Einstellungen für die Hilfeseiten
 */
#popup h3, 
#popup h4, 
#popup table.imgtext-nowrap, 
#popup p {
	width:			490px;
	margin:			10px;
}

#popup table.imgtext-table {
	width:			50px;
}

#popup table.imgtext-nowrap td {
	text-align:		left;
}

#popup table.imgtext-nowrap td p {
	width:			430px;
}

#popup h3 {
	font-size:		120%;	/*14px*/
}

#popup h4 {
	padding:		2px;
	background-color:	#FFF2E7;
	font-size:		100%;	/*12px*/
}

#popup p {
	font-size:		80%;		/*10px*/
}

#popup img {
	margin:			0 0 10px 0;
}