@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/ui.tabs.css";
@import "lib/plugins/shadowbox.css";
@import "lib/plugins/jquery.panels.css";
@import "lib/statistikseite.css";

body {
	margin: 0;
	padding: 0 0 0 20px;
}

#main {
	 width: 948px;
}

#newsletter #main {
	width: 496px;
}

body#newsletter {
	padding: 0 10px 0 10px;
}

body#external {
	/* not for IE */
	padding-left:8px;
}

html>body#external {
	/* not for IE */
	padding-left:0px;
}

body#external .row.first {
	/* != IE6 width:768px ? */
	width:800px;
	height:auto;
}

blockquote {
	display: block;
	font-size: 12px;
	line-height: 16px;
	border-top : 2px solid #00693b;
	border-bottom : 2px solid #00693b;
	width: 48%;
	float: right;
	margin: 4px 0 10px 12px;
	padding: 6px 0 6px 0;
	color: #333;
	font-weight: bold;
}

.topline {
	border-top: 1px dotted #666;
	margin: 24px 0 6px 0;
	padding: 6px 0 0px 0;
}

table.org {
	width: 100%;
	border: none;
	background-color: #eee;
}


table.org td {
	border: none;
	padding: 0;
	margin: 0;
}

table.org a {
	display: block;
	border-top: 1px solid #00693B;
	padding: 4px 0px 8px 0px;
	margin: 6px 6px 6px 6px;
}

table.org a,
table.org a:visited, {
	color: #00693B;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

table.org a:hover, {
	color: #00693B;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

table.picture {
	border: 0;
	float:right;
	width:auto;
	margin: 6px 0 6px 12px;
}
table.picture.left {
	float:left;
	margin: 6px 12px 6px 0px;
}

table.picture.center {
	float:none;
	margin: 6px 0px 6px 0px;
	margin-left:auto; 
    margin-right:auto;
}

table.picture td {
	padding: 0;
	margin: 0;
	border: 0;
}

table.picture th {
	padding: 0;
	margin: 0;
	border: 0;
	padding-top: 4px;
}

table.picture img {
	padding: 0;
	margin: 0;
	display: block;
}

table.picture.author {
	margin: 0 0 6px 0;
	float: none;	
}

table.picture.author th {
	vertical-align: bottom;
}

table.picture.author img {
	margin: 0 10px 0 0;
}

table.picture td a {
	display: block;
	background: url("lib/icons/icon_lupe.gif") no-repeat left bottom;
	padding-bottom: 20px;
}

.mediabox {
	clear: both;
}

.mediabox img {
	display: block;
	float: right;
	padding: 0 0 6px 6px;
}

.mediabox p {
	padding: 0 !important;
	margin: 0 !important;
}

.hidescreen {
	display: none;
}
/* @group section links */

/* @group list, linklist, rubriklist */

ul.linklist, ul.special, ul.list {
	list-style-type: none;
	padding: 1px 0 0 0;
	margin: 0 0 0 0;
}

ul.linklist li, ul.list li, ul.special li {
	margin: 0 0 6px 0;
	padding: 6px 0 0 0;
}

ul.linklist li, ul.list li {
	border-top : 1px dotted #999;
}

ul.linklist li {
	padding-left: 14px;
	background:url("lib/icons/icon_arrow_orange.gif") no-repeat;
	background-position: 0px 9px;
}

ul.special li {
	padding-left: 14px;
	background: url("lib/icons/icon_ntr.gif") no-repeat;
	background-position: 0px 9px;
}

ul.linklist li.noline, ul.list li.noline {
	border: none;
	padding-top: 0px;
	background-position: 0px 3px;
}

ul.linklist li.active {
	background-image: url("lib/icons/icon_active.gif");
}

ul.linklist.download li, ul.linklist li.download {
	background-image: url("lib/icons/icon_ard.gif");
}

ul.linklist.newwin li, ul.linklist li.newwin {
	background-image: url("lib/icons/icon_arn.gif");
}

ul.linklist.jump li {
	background-image: url("lib/icons/icon_jump.gif");
}

ul.linklist.jump li {
	background-image: url("lib/icons/icon_jump.gif");
}

ul.linklist.jump a {
	color: #666;
}

ul.linklist li.active a {
	color:  #00693B;
}


ul.special li.neg {
	color: #900;
	background-image: url("lib/icons/icon_neg.gif");
}

ul.special li.pos {
	color: #00693B;
	background-image: url("lib/icons/icon_pos.gif");
}

a.active {
	color:  #00693B !important;
}

ul.list ul li {
	list-style-type: none;
}

ul.linklist h3 {
	margin-top: 0px;
}


/* Call to Action */
ul.linklist li.cta {
	background: transparent;
	border-top: none;
	padding: 0
}

ul.linklist li.cta a,
ul.linklist > li.group {
	padding: 10px;
	display:block;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	/* -moz-box-shadow:    0px 2px 3px 0px #999; */
	/* -webkit-box-shadow: 0px 2px 3px 0px #999; */
	/* box-shadow:         0px 2px 3px 0px #999; */
	
}


ul.linklist li.cta a:hover {
	background-color: #00693B !important;
	text-decoration: none;
}

ul.linklist li.cta.orange a {
	background: #f60 url("lib/icons/cta_pos_50.png") right center no-repeat;
	color: #fff;
}

ul.linklist li.cta.orange.download a {
	background: #f60 url("lib/icons/cta_dow_50.png") right center no-repeat;
	color: #fff;
}

ul.linklist li.cta.orange.email a {
	background: #f60 url("lib/icons/icon_mail.png") right center no-repeat;
	color:#fff;
}

ul.linklist li.cta.grey a {
	background: #999 url("lib/icons/cta_pos_50.png") right center no-repeat;
	color:#eee;
}

ul.linklist li.cta.green a {
	background: #00693B url("lib/icons/cta_pos_50.png") right center no-repeat;
	color:#eee;
}
ul.linklist li.cta.green a:hover {
	background-color: #666 !important;
}

ul.linklist li.cta span.big {
	 font-size:18px;
	 font-weight:normal;
	 line-height:20px;
	 display:inline-block;
	 margin-bottom:4px
}

ul.linklist li.cta.blue a {
	background-color: rgb(8, 58, 104);
	color:#fff;
}
ul.linklist li.cta.blue h2 a {
	font-weight: normal
}

/* group */

ul.linklist > li.group.outline {
	background: #eee url("lib/icons/cta_dot_green.png") right top no-repeat;
	border: 2px solid #00693B;
	margin-top:20px;
}

ul.linklist > li.group.filled {
	background: #999 url("lib/icons/cta_dot_50.png") right top no-repeat;
	/* margin-top:20px;	*/
}

ul.linklist > li.group {
}

ul.linklist > li.group:hover {
	background-image: none;
}

ul.linklist > li.group > strong {
	color: #eee;
}

ul.linklist > li.group.outline > strong {
	color: #00693B;
}

ul.linklist > li.group > ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	display:none;
}

ul.linklist > li.group:hover > ul {
	display:block;
}

ul.linklist > li.group > ul > li {
	background:none;
	border:none;
	padding:0px;
}

ul.linklist > li.group.grey > ul > li > a {
	border: 1px solid #ccc;
}

/* Testimonials */
#testimonials {
	height:192px;
}
#testimonials li a { 
	height: 165px;
	background-position: right bottom;
	color: #ccc
}

#testimonials li a strong {
	color: #fff
}

/* @end */


/* @group clickable */

.clickable {
	cursor: pointer;
}

div.clickable, ul.clickable li {
	background: url("lib/icons/icon_arrow_grey.gif") no-repeat right bottom;	
}

div.clickable.chover, ul.clickable li.chover {
	background: url("lib/icons/icon_arrow_orange.gif") no-repeat right bottom;
}

ul.clickable li {
	padding-left: 0px;
	cursor: pointer;
}

.clickable a,
.clickable a:visited,
.clickable a:focus,
.clickable a:hover,
.clickable a:active {
	/* IE6 Problem inherit
	text-decoration: inherit;
	color: inherit;
	font-weight: inherit;
	*/

	text-decoration: none;
	color: #333;
	font-weight: normal;
}

.clickable b a, 
.clickable b a:hover, 
.clickable b a:visited, 
.clickable strong a, 
.clickable strong a:hover, 
.clickable strong a:visited, 
.clickable h3 a,
.clickable h3 a:hover,
.clickable h3 a:visited, 
.clickable h4 a {
	font-weight: bold;
}

/* ohne pfeil */
div.noarrow, ul.noarrow li, ul.linklist li.noarrow {
	background: none;
}

ul.linklist li.nolink {
	background-image: url("lib/icons/icon_nolink.gif");
}

div.noarrow:hover, ul.noarrow li:hover {
	background: none;
	color: #f60;
}

/* @end */


/* @end */


/* @group Images */

.cell img {
	margin: -4px 0 6px 0;
}

img.imageLeft {
	display: block;
	float: left;
	margin: 0px 6px 6px 0;
}

img.imageRight {
	display: block;
	float: right;
	margin: 0px 0 6px 6px;
}

/* @end */

/* @group Header */

#header
{
	margin: 4px 0 4px 0;
	/*
	width: 948px;
	*/
	height: 108px;
	background-image: url("lib/img/headers/header_00_interim.gif");
	background-repeat: no-repeat;
}

#header .headerText {
	display: block;
	width: 692px;
	height: 110px;
	float: left;
	margin: 0;
	padding: 0;
}

#newsletter #header .headerText {
	width: 296px;
}

#header .headerText p {
	display: block;
	position: relative;
	top: 80px;
	left: 195px;
	margin: 0;
	padding: 0;	
		
	font-family: times;
	font-weight: normal;
	font-size: 18px;
	color: #00693B;
}

#newsletter #header .headerText p {
	left: 0px;
}

#header .headerImage
{
	display: block;
	float: left;
}

#header .headerLogo
{
	display: block;
	float: right;
}

/* @group Header-Grafiken */

.home {
	background-image: url("lib/img/headers/home.gif") !important;
}

.foerderung {
	background-image: url("lib/img/headers/foerderung.gif") !important;
}

.service {
	background-image: url("lib/img/headers/service_neu.gif") !important;
}

.netzwerk {
	background-image: url("lib/img/headers/netzwerk_green.gif") !important;
}
.presse {
	background-image: url("lib/img/headers/presse.gif") !important;
}
.stiftung {
}
.beratung {
	background-image: url("lib/img/headers/beratung.gif") !important;
}

.sonderprojekte {
}

.nks {
	background-image: none !important;
}
.nks .headerText img
{
	display: block;
	position: relative;
	margin: 7px 0 0 0;
}

/* @end */

/* @end */

/* @group Top Navigation */

#topNavigation
{
	background-color:#00693B;
	width: 948px;
	height: 32px;
	vertical-align: middle;
	font-size: 9px;
	letter-spacing: 1px;
}

#newsletter #topNavigation {
	/*
	width: 496px;
	*/
	width: 100%;
}

#topNavigation #topNavigationRight {
	float: right;
}

#topNavigation #topNavigationLeft a,
#topNavigation #topNavigationRight a
{
	color:#BFD9CE;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	margin-top: 8px;
	font-weight: normal;
}

#topNavigation #topNavigationLeft a
{
	margin-left: 14px;
}

#topNavigation #topNavigationRight a
{
	margin-right: 14px;
}

#topNavigation #topNavigationLeft a:hover,
#topNavigation #topNavigationRight a:hover
{
	color: #f60;
}

/* @end */

/* @group Main Navigation */

#mainNavigation {
	border-top: 2px solid #00693b;
	float: left;
	padding: 6px 0 50px 0;
	width: 180px;
}

#mainNavigation a
{
	color: #666;
	text-decoration: none;
	display: block;
}

#mainNavigation a:hover
{
	color: #ff6600;
}

#mainNavigation ul
{
	list-style: none;
	color: #00693b;
	padding: 0;
	margin: 0;
}


/* first level */

#mainNavigation ul li
{
	border-bottom : 1px solid #d5d5d5;
	margin: 0 0 6px 0;
	padding: 0 0 4px 0;
	font-weight: bold;
	line-height: 14px;
}

/* second level */

#mainNavigation ul li ul 
{
	/* Abstand Level 1 zu Level 2 */
	margin: 0px 0 0 0;
	padding: 0;
}

#mainNavigation ul li ul li
{
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	border-bottom: 1px solid #fff;
	padding: 6px 0 0 0;
	margin: 0 0 0 0;
}

#mainNavigation ul li ul li a {
	font-weight: normal;
}


/* @end */

/* @group Content */

#content
{
  	float: left;
}

/*
#firstContentRow
{
	clear: both;
}
*/


/* @group row */

.row
{
	clear: both;
}

.row .brick
{
	border-top : 2px solid #00693B;
	padding: 6px 0 0 0;
	clear:both;
}

.row .brick.important {
	border-color: #f60;
}

/* @end */

/* @group cell */

.cell {
	margin: 0 0 50px 16px;
	float: left;
	width: 240px;
	height:auto;
	/*
	overflow: hidden;
	*/
	/*
	border-bottom: 1px solid #ccc;
	*/
}

#newsletter .cell {
	margin:  0 0 50px 0;
}

.cell .linkGrey {
	margin: 0 0 0 0;
}

.cell .iconizedContentLink {
	padding: 5px 20px 5px 0;
	background: transparent url("lib/icons/icon_more.gif") no-repeat center right;
}

.span-2 img {
	margin: -4px 0 6px 0;
}

.span-2 .iconizedContentLink {
	padding: 5px 20px 5px 0;
	background: transparent url("lib/icons/icon_more.gif") no-repeat center right;
}

.span-2 {
	width: 496px;
}

.span-3 {
	width: 752px;
}

.span-2 h3, .span-3 h3 {
	margin-top: 18px;	
}

.span-2 table td h3 {
	margin-top: 0;
}

.brick {
	border-top : 2px solid #ff6600;
	padding: 6px 0 0 0;
	clear: both;
}

a.arrow, p.arrow a, ul.arrow a, .arrow a {
	padding-left: 14px;
	background:url("lib/icons/icon_arrow_orange.gif") no-repeat;
	background-position: 0px 2px;
}

a.arrownewwin {
	padding-left: 14px;
	background:url("lib/icons/icon_arn.gif") no-repeat;
	background-position: 0px 2px;	
}

a.arrowdownload {
	padding-left: 14px;
	background:url("lib/icons/icon_ard.gif") no-repeat;
	background-position: 0px 2px;	
}

small a.arrowdownload, .mediabox a.arrowdownload {
	padding-left: 10px;
	background:url("lib/icons/icon_ard_small.gif") no-repeat;
	background-position: 0px 3px;		
}

small a.arrownewwin, .mediabox a.arrownewwin {
	padding-left: 10px;
	background:url("lib/icons/icon_arn_small.gif") no-repeat;
	background-position: 0px 2px;	
}

/* @end */

.separate {
	display: block;
	border-top : 1px dotted #999999;
	padding-top: 6px;
	margin-top: 6px;
}

/* search form */
form.search {
	background-color: #eee;
	border-top: 1px solid #666;
	padding-top:  6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #666;
	margin-bottom: 6px;
}
.search label, .search input, .search  select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  margin: 0 4px 4px 4px;
  width: 224px;
}

.search textarea {
	display: block;
	margin: 0 4px 4px 4px;
	/* 
	width: 219px;
	*/
	width: 210px;
	height: 50px;
}

form.search h3, form.search h4, form.search p, form.search.panelright .panel {
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 4px;
}

form.search h4 input {
	padding:0;
	margin:0;	
}


form.search label {
	margin-bottom: 8px;
}

form.search input#reset { /* den Submit-Button */
  width: 100px;
  float: left;
}

form.search input#submit { /* den Submit-Button */
  width: 100px;
  float: right;
}

form.search .check {
	width: auto;
	display: inline;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-left: 0px;
}

/* gform */

form.gform {
	background-color: #eee;
	border-top: 1px solid #666;
	padding-top:  6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #666;
	margin-bottom: 6px;
}
form.gform table {
	margin: 0;
}

form.gform table th, form.gform table td {
	padding-left: 4px;
}

form.gform table td input {
	width: 100%;
}

form.gform table td textarea {
	width: 100%;
	height: 50px;
}

/* formular */
table.formular td {
	padding-left:4px;
	padding-top:4px;
	background-color: #eee;
	border-bottom-color: #fff;
}
table.formular td input {
	width:95%;
}
table.formular td textarea {
	width:93%;
	height:60px;
}

html>body table.formular td input {
	width:100%;
}

html>body table.formular td textarea {
	width:98%;
}

table.formular td label {
	font-weight:normal;
}

/* ende */
.formContainer
{
}

.formContainer p {
	margin: 0 0 4px 0;
}

.formContainer input
{
	margin-right: 4px;
	display: block;
	float: left;
}

.width1 {
	width: 140px;
}

.formContainer select
{
	width: 100%;
	display: block;
}

.formContainer .submitButton
{
	width: 80px;
	display: block;
	float: right;
	margin: 0px;
}

.infobox {
	border: 1px solid  #00693b;
	background-color: #bfd9ce;
	padding: 6px 10px 4px 10px;
	margin-bottom: 6px;
}

.infobox h3 {
	margin-top: 0;
}

.alertbox {
	border: 1px solid  #ff6600;
	background-color: #ffd9bf;
	padding: 6px 10px 4px 10px;
	margin-bottom: 6px;
}

.alertbox h3 {
	margin-top: 0;
}


/* Animation Slideshow */
#rotate {
	overflow: hidden;
	width:496px;
	height:218px;
	overflow:hidden;
}

/* paging */
.paging {
	width:100%;
	text-align: right;
	margin-top:8px;
	margin-bottom:8px;
	padding-bottom:8px;
	padding-top:4px;
	border-top: 2px solid #00683D;
	font-weight: bold;
	color: #999;
}

.paging img {
	border: 0px;
	margin: 0px;
	padding:0px;
	vertical-align:text-bottom;
	padding-bottom: 2px;
	}

.paging a {
	text-decoration: none;
}

.paging a:hover {
	color: #00683D;
}

/* @end */

/* @group Footer */

#footer
{
	margin: 0 0 50px 16px;
	padding: 6px 0 0 0;
	border-top: 1px solid #999999;
	width: 752px;
	clear: both;
	position: static;
	font-size: 12px;
	color: #999999;
}

#newsletter #footer {
	margin: 0 0 50px 0px;
	width: 496px;
}

#footer img
{
	margin: 3px 5px 0 0; 
	/* display: block; */
	/* float: left; */
}

#footer a
{
	margin: 0 10px 0 0;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

/* @end */

.left {
	display: block;
	float: left;
}

.right {
	display: block;
	float: right;
}

/* @group Kosmos - einsortieren */

h1 {
	height: 67px;
    margin: 0 0 0 0;
    color: #333;
}

.span-2.article h1
{
    /* display: block;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	*/
	
    margin: 0 0 16px 0;
    height: auto;
    color: #333;
}

.span-2.article h2 {
	height: auto;
    margin: 16px 0 16px 0;
	padding: 0;
}

.span-2 h1 {
	height: auto;
	margin: 0 0 17px 0;
	color: #333;
}


#kosmos #firstContentRow .cell
{
	margin: 0 0 16px 16px;
	padding: 0 0 0 0;
	float: left;
	width: 240px;
}

#kosmos .contentRow .cell
{
	margin: 0 0 50px 16px;
	padding: 0 0 0 0;
	float: left;
	width: 240px;
	border-bottom: 0px;
}

#kosmos h5
{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 16px 0;
}

#kosmos h6
{
	font-size: 10px;
	font-weight: normal;
	font-family: verdana,sans-serif;
	margin: 0 0 16px 0;
}

#kosmos #mainNavigation h3
{
	margin: 16px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}

p.image {
	display: block;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

p.image img {
	display: block;
	margin: 6px 0 6px 0;

}

.imageLeftContainer
{
	margin: -4px 0 16px 0;
}
	
.imageLeftContainer div
{
	display: table-cell;
	width: 240px;
}	
	
.imageLeftContainer img
{
	margin: 0;
	display: block;
	float: left;
}

.imageLeftContainer p
{
	position: relative;
	bottom: 0px;
	float: left;
	margin: 6px;
	padding: 0;
	font-family: verdana, arial, helvetica sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

.commentContainer
{
	border-top : 1px solid #000;
	padding: 6px 0 0 0;
}

.commentContainer h2
{
	color: #f60;
	margin: 0px 0 6px 0;
	padding: 0;
}

.commentContainer h3
{
	color: #adadad;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0;
}

.commentContainer ul
{
	margin: 0 0 0 0;
	list-style: none;
}

.commentContainer ul li
{
	line-height: 14px;
	border-top : 1px dotted #999999;
	margin: 0;
	padding: 6px 0 6px 0;
}

#kosmos .sublineImage
{
	margin: 6px 0 0 0;
	font-family: verdana, arial, helvetica sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

.bookmarkContainer
{
	margin: 0 0 6px 0;
}

.bookmarkContainer img
{
	margin: 0 4px 0 0;
}

h2.info.icon {
	color: #fff;
	padding:10px;
	margin-bottom: 5px;
	background: #999 url("lib/icons/icon_info.png") right top no-repeat;
}

/* @end */