/**
 * main.css 

 */
 
html, body{
    height: 100%;
	
}

body{
	font: 			62.5% Helvetica, Arial, sans-serif normal;
}

.showgrid{
	background :	transparent;	
}

h1, h2, h3, h4, h5, h1 span{
	color :			#4d4d4d !important;
}

.td-0, .td-2, .td-4, .td-6, .td-8, .td-10, .td-12, .td-14, .td-16, .td-18, .td-20{
	font-weight :	bold;
	vertical-align :top;
	width :			170px;
}
.td-1, .td-3, .td-4, .td-7, .td-9, .td-11, .td-13, .td-15, .td-17, .td-19, .td-21{
}
td{
	vertical-align :	bottom;
}
#debug{
	display:		none;
}
p, td, textarea, input, dl{
	color :			#4d4d4d;
	font-size :		1.22em;
	line-height :	1.4em;
}
.body ul, .body ol{
	font-size :		1.22em;
	line-height :	1.4em;
}

table{
	width :			100%;
}

td{
	padding :		1px 0 1px 0;
}
dd{
	margin-left :	0;
}
.teaser.hr{
	margin-bottom :	1em;
	border-top :	1px solid #000;
}
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{
	float :			left;
}
.textpic{
	overflow :		auto;
	width :			auto;
}

h1{
	color :			#4d4d4d;
	font-size :		2.4em;
	margin :		0 0 0.5em;
}

h2{
	color :			#4d4d4d;
	font-size :		2.4em;
	margin :		0.5em 0 0.5em;
}

h3{
	color :			#000;
	font-size :		1.5em;
	margin :		0.5em 0 0.2em;
	line-height:	1.3em;
}

h1 a, h2 a, h3 a, h4 a{
	text-decoration:none;
}

a img{
	outline:		none !important;
}

h1.parent span{
	color :			#000;
	font-size :		0.7em;
}

/*
 * classes
 * */

.container.main{ 
	height: auto; 
	min-height: 100%;
}

/**
 * Footer positioning
 */

.footer{
	padding-left :	340px;
	margin-top: 	-50px;
}
* html .footer{
	padding :		0;
	margin: 		0;
	padding-bottom:	20px;
	margin-left: 	171px;
}
*:first-child+html .footer{
	padding-bottom:	20px;
	margin-top: 	0px;
}
* html .backpic-10 .footer, * html .backpic-9 .footer,* html .backpic-8 .footer,* html .backpic-7 .footer{
	margin-left: 	171px;
}

.footer .nav ul{
	margin-left :	0;
	padding :		0;
	list-style :	none;
}

.footer .nav li{
	float :			left;
	margin-right :	4px;
	background :	#939598;
	padding :		1px 4px 2px 4px;
}

.footer .nav li.print {
  background: none;
  float: left;
  margin-right: 4px;
  padding: 2px 4px 0;
}

.footer .nav li.print a{
  color: #939598;
  font-size: 120%;
}

.footer .nav li.print a:hover{
  color: #BE0F34;
  text-decoration: underline;
}

/*
.footer .nav li a[href="index.php?id=6"]{
	background: 	url(../pics/footer_men.gif) no-repeat 0 0;
}

.footer .nav li a:hover[href="index.php?id=6"]{
	background: 	url(../pics/footer_men.gif) no-repeat 0 -17px;
}

.footer .nav li a[href="index.php?id=5"]{
	background: 	url(../pics/footer_men.gif) no-repeat -70px 0;
}

.footer .nav li a:hover[href="index.php?id=5"]{
	background: 	url(../pics/footer_men.gif) no-repeat -70px -17px;
}
*/

.backpic{
	position :		fixed;
	bottom :		10px;
	left :			20px;
}
* html .backpic{
	position :		absolute;
	top:			24px;
	/*margin-top :	-600px;*/
}


.backpic-10 .backpic{
	position :		fixed;
	left :			0;
	top :			200px;
	width :			325px;
	height :		1000px;
    background: 	#fff url(../pics/bg_umwelt.gif) no-repeat left top;
	z-index :		-1;
}
* html .backpic-10 .backpic{
	position :		absolute;
	/*top :			500px;*/
}
.backpic-9 .backpic{
	position :		fixed;
	left :			0;
	top :			0;
	width :			325px;
	height :		1000px;
    background: 	#fff url(../pics/bg_foerderprojekte.gif) no-repeat left top;
	z-index :		-1;
}
* html .backpic-9 .backpic{
	position :		absolute;
	/*top :			500px;*/
}
.backpic-8 .backpic{
	position :		fixed;
	left :			0;
	top :			0;
	width :			325px;
	height :		1000px;
    background: 	#fff url(../pics/bg_soziales.gif) no-repeat left top;
	z-index :		-1;
}
* html .backpic-8 .backpic{
	position :		absolute;
	/*top :			500px;*/
}
.backpic-7 .backpic{
	position :		fixed;
	left :			0;
	top :			0;
	width :			325px;
	height :		1000px;
    background: 	#fff url(../pics/bg_veranstaltungen.jpg) no-repeat left top;
	z-index :		-1;
}
* html .backpic-7 .backpic{
	position :		absolute;
	/*top :			500px;*/
}
.campaign .backpic{
	position :		fixed;
	left :			20px;
	bottom:			0;
	width :			325px;
	height :		601px;
    background: 	#fff url(../pics/mehrturm.gif) no-repeat left top;
	z-index :		-1;
}
.work .backpic{
	height:			650px;
	 background: 	#fff url(../pics/arbeit_turm.gif) no-repeat left top;
}
* html .campaign .backpic{
	position :		absolute;
}
.span-16{
	width:			695px;
}
* html .span-16{
	overflow:		visible !important;
}

.campaign .navs{
	list-style:		none;
	margin-left:	0;
	font-size:		1.2em;
	padding-bottom:	10px;
	border-bottom:	1px solid #000;
}
.campaign .content .n1{
	margin-bottom:	1.5em;
	border-bottom:	1px solid #000;
}
.campaign .navs a, .campaign .navs a:link, .campaign .navs a:visited{
	color:			#000;
	line-height:	21px;
}
.campaign .navs a, .campaign .navs a:hover, .campaign .navs a:active, .campaign .navs a.active, .campaign .navs a:focus{
	color:			#be0f34;
}

/**
 * Background
 */
 .container{
 	margin :		0 0 0 0px;
	width :			auto;
 }


/**
 * Nav(igation)
 */
/*
 * temp fontsize
 * */
.nav a{
	font-size :		9px;
}

.nav a, .nav a:link, .nav a:visited{
	color :			#fff;
	text-decoration:none;
}

.nav a:hover, .nav a:focus, .nave a:active{
	color :			#636363;
}

/**
 * Header
 */
.header{
	margin-left :	319px;
	padding-left :	0;
	position :		fixed;
	top : 			0;
	left :			20px;
	background :	#fff;
	z-index:		1000;
	width: 90%;
	/*padding-right :	217px;*/
}

* html .header{
	margin-left :	110px;
}

.header .nav{
	line-height :	normal;
	background :	#fff;
	width :			100%;
	clear :			left;
	margin :		2px;
}
* html .header .nav{
	height:			20px;
}
*:first-child+html .header .nav{
	/*margin :		2px;*/
}
* html .body h1{
	margin :		0.7em 0 0 0;
}
.header .main h2{
	float :			left;
	margin :		4px 0 0 -103px;
	width : 		95px;
	font-size :		1em;
	text-align :	right;
	height :		0;
	padding-top :	16px;
	overflow:		hidden;
	background :	url(../pics/initiative.gif) no-repeat;
}

.header .sub h2{
	float :			left;
	margin :		4px 0 0 -104px;
	width : 		95px;
	font-size :		1em;
	text-align :	right;
	height :		0;
	padding-top :	16px;
	overflow :		hidden;
	background :	url(../pics/engagement.gif) no-repeat;
	text-indent: 	-20000em !important;
}

* html .header .sub h2{
	margin :		0 !important;
	height :		16px !important;
	padding-top :	16px !important;
	overflow:		hidden !important;
	background :	url(../pics/engagement.gif) no-repeat;
	text-indent: 	-2000em !important;
}
* html .header .main h2.title.nav{
	margin :		0 !important;
	height :		16px !important;
	padding-top :	16px !important;
	overflow:		hidden !important;
	background :	url(../pics/initiative.gif) no-repeat;
	text-indent: 	-2000em !important;
}

.header .nav ul{
	float :			left;
	list-style : 	none;
	width :			100%;
	overflow : 		auto;
	margin: 		0;
	margin-bottom :	2px;
	padding:		0 5px 0 5px;
}
* html .header .sub ul{
	margin-left :	60px;
	margin-top:		-18px;
}
* html .header .main ul{
	margin-bottom :	0;
	margin-left :	60px;
	margin-top:		-18px;
}
.header .nav li{
	float :			left;
	padding :		3px 5px 4px 5px;
}

.header .nav li .navSpacer{
	margin :		 0 10px 0 0;
}

.header h1{
	margin :		45px 0 60px;
}
* html .header h1{
	margin :		45px 0 30px 120px;
}
.header h1 a{
	display :		block;
	width :			184px;
	height :		0;
	padding-top :	40px;
	background : 	#fff url(../pics/head_logo.gif) no-repeat 0 0;
	overflow : 		hidden;
}

* html .header h1 a{
	text-indent: -2000em;
}

.header .main ul {
/* 	padding-right :	217px; */
	width: 75%;
	overflow :		hidden;
	background :	#000;
}

.header .nav ul li.last {
	margin-left :	5px;
	padding-left :	14px;
	background :	url(../pics/spacer_white.gif) repeat-y;
}

.header .sub ul {
/* 	padding-right :	217px; */
	width: 75%;
	margin :		0;
	background :	#be0f34;
}

.nav .bottom{
    background-color: #939598;
}

.nav .main a,
.nav .sub a,
.nav .bottom a{
    font-family: Helvetica,Arial,sans-serif;
    font-size: 125%;
}

.nav .main a,
.nav .sub a{
    color: #ffffff;
}

.nav .main .spacer,
.nav .sub .spacer{
    font-size: 125%;
    color: #ffffff;
    padding-right: 10px;
}

.nav .bottom a{
    color: #f8f8f9;
}

.nav .main a:hover{
    color: #636363;
}

.nav .sub a:hover,
.nav .bottom a:hover{
    color: #000000;
}



/**
 * Body
 */

.body{
	position:		relative;
	margin-left :	330px;
	
	padding-left :	0;
	margin-top : 	225px;
	width :			482px;
	background :	#fff;
	
	padding-bottom: 3em;
	min-height :	350px;
	margin-bottom:	50px;
}
* html .body{
	margin-top : 	0px;
	margin-left : 	166px;
	padding: 0;
	overflow:		visible;
}

*:first-child+html .body {
	margin-left:	330px;
}

.body a, .body a:visited{
	color :			#be0f34;
}
.body a:hover, .body a:hover, .body a:focus, .body a.active{
	color :			#000;
}


.body .contentrecord h2{
	color :			#000;
	font-size :		1.4em;
}

.body .contentrecord h2 a{
	color :			#000;
	text-decoration:none;
}
.body .contentrecord h2 a:hover{
	color :			#4d4d4d;
	text-decoration:none;
}
/**
 * Content
 */

.content{
	padding-left :	10px;
}

.content p .link.more{
    padding-left: 4px;
}

.content .contentrecord{
   margin: 10px 0px;
}

.hr{
	padding-top: 1.5em;
	border-top: 1px solid #000;
}

.page-14 .n1{
	margin-top:		4em;
}

.page-8 .csc-textpic-imagewrap,
.page-9 .csc-textpic-imagewrap{
    padding-bottom: 1em;
    overflow: hidden;
}

.page-8 .csc-textpic-imagewrap img,
.page-9 .csc-textpic-imagewrap img{
    padding-right: 1em;
}

.page-8 .csc-textpic-caption,
.page-9 .csc-textpic-caption{
    display: none;
}

/*
 * SIDEBAR
 * */

* html .sidebar{
	position :		absolute;
	left:			0;
	z-index :		1000;
	height:			200px;
	width:			350px;
}
*:first-child+html .sidebar {
	position :		absolute;
	left:			0;
	z-index :		1000;
	height:			200px;
	width:			350px;
}
.body .sidebar{
	
	background:		#fff;
	width: 			200px; 
	position: 		absolute; 
	top: 			0pt;
	right: 			-220px;
	display:		block;
	
}
.body .sidebar .n1, .body .sidebar .n2{
	border: 		1px solid rgb(0, 0, 0);
	margin-bottom:	10px;
	overflow: 		hidden;
}
*:first-child+html .body .sidebar{
  overflow: 		visible;
	width:			202px;
	height:			320px;
	left: 			500px;
}
* html .body .sidebar{
	overflow: 		visible;
	width:			202px;
	left: 			500px;
	top:			20px;
}
* html .body .sidebar .n1{
	height:			340px;
}
.body  .sidebar p{
	padding:		0 15px;	
}

#contentnav{
	position :		fixed;
	z-index :		1000;
	top :			260px;
	left :			-2px;
	width :			350px;
	text-align :	right;
}
* html #contentnav{
	position :		absolute;
	top :			50px;
	left :			-12px;	
}

#contentnav a{
	color :			#000;
	text-decoration:none;
	font-size :		1.25em;
}
#contentnav a:hover, #contentnav a.active{
	color :			#be0f34;
}

#contentnav ul{
	list-style : 	none;	
}

#contentnav li a{
	line-height :	21px;
	/*display :		block;
	height :		0;
	padding-top :	21px;
	width :			142px;
	overflow :		hidden;*/
}

/**
 * News
 */
  
.news-list-item:first-child{
    border :        none;
    padding :   1em 0;
}

.news-list-item{
	padding :	1.5em 0;
	border-top :	1px solid #000;
}

.news-list-item h2{
    font-size: 1.6em !important;
    font-weight: bold;
    color: #000000 !important;
}

.news-list-item img{
    padding: 1em 0 0 0;
}

.news-list-item p{
    margin: 0 0 1em;
    padding: 0em 0 0 0;
}

.news-list-item p.news-single-imgcaption{
    margin :   0.8em 0 0 0;
}

.pdf{
	padding-right :	16px;
	background :	url(../pics/pdf.gif) no-repeat right 1px;
}

.mehrwert {
	color :			#000;
}
.mehrwert span{
	color :			#be0f34;
}

/**
 * Newsletter
 */
 
.newsletterforms{
    margin: 0 0 60px 0;
}

.newsletterforms h2{
    border-top: 1px solid #000000;
    padding: 24px 0 14px 0;
}

.newsletterforms h2:first-child{
    border-top: 1px solid #ffffff;
    padding: 0px 0 14px 0;
}

form.newsletter.subscribe{
    margin: 0 0 30px 0;
}

form.newsletter .msg{
    color: #be0f34;
}

form.newsletter label{
    display: block;
    font-size: normal;
    font-weight: normal;
    padding: 0 0 5px 0;
}

form.newsletter label input{
    margin: 0 5px 0 0;
}

form.newsletter .submit{
    display: block;
    margin: 5px 0 0 0;
    font-size :     1.22em;
}

form.newsletter .submit{
    display: block;
    margin: 5px 0 0 0;
    font-size :     1.22em;
}

.newsletter.downloads h2{
    
    border-top: 1px solid #000000;
    padding: 24px 0 14px 0;
}

.news-single-img-above{
    
    padding-bottom: 20px;
}

.sidebar .newsletter{}

.sidebar .newsletter p{
    padding-top: 0px;
    padding-bottom: 5px;    
}

.sidebar .newsletter{
    padding-bottom: 20px;
}

.sidebar .newsletter h2{
    border: none;
    padding: 10px 15px;    
}