/* ----- Allgemein --------------------------- */
.breaker {
	clear: both;
	overflow: hidden;
}
.unsichtbar {
	display: none;	
}
h1 {
	font-size: 13.5px;
	display: inline;	
}
h2 {
	font-size: 13.5px;
	display: inline;	
}
h3 {
	font-size: 10px;
	display: inline;	
}
a {
	color: #333333;	
}
a:link {
	color: #333333;	
}
a:visited {
	color: #333333;	
}
a:hover {
	color: #F4A700;	
}


/* ----- Farben --------------------------- */
.gruen {
	color: #3F8D10;
}
.orange {
	color: #F4A700;
}
.blau {
	color: #57A5DC;
}


/* ----- Seitenlayout --------------------------- */
body {
	padding: 20px 0px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;	
}
#inhalt {
	margin: auto;
	width: 980px;
	text-align: left;
}


/* ----- Textzeile PLENUM ------------------------------ */  
#textzeile-plenum {
	height: 21px;
	background: url(../bilder/balken_text-plenum.gif) no-repeat;
}


/* ----- Querbalken ------------------------------ */  
#querbalken {
	border-width: 1px;
	border-color: #F4A700;
	border-style: solid;
}
#balken-bild-1 {
	float: left;
	height: 102px;
	width: 140px;
	background-image: url(../bilder/balken_vogel.jpg);
	background-repeat: no-repeat;
}
#balken-bild-2 {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_blanko.jpg);
	background-repeat: no-repeat;
}
#balken-bild-3 {
	float: left;
	height: 102px;
	width: 460px;
	background-image: url(../bilder/balken_verlauf.jpg);
	background-repeat: no-repeat;
}
#balken-bild-4 {
	float: left;
	height: 102px;
	width: 148px;
	background-image: url(../bilder/balken_logo.jpg);
	background-repeat: no-repeat;
}
#balken-bild-start {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_start.jpg);
	background-repeat: no-repeat;
}
#balken-bild-aktuell {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_aktuell.jpg);
	background-repeat: no-repeat;
}
#balken-bild-projekte {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_projekte.jpg);
	background-repeat: no-repeat;
}
#balken-bild-akteure {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_akteure.jpg);
	background-repeat: no-repeat;
}
#balken-bild-links {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_links.jpg);
	background-repeat: no-repeat;
}
#balken-bild-projektziele {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_projektziele.jpg);
	background-repeat: no-repeat;
}
#balken-bild-plenum {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_plenum.jpg);
	background-repeat: no-repeat;
}
#balken-bild-kriterien {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_kriterien.jpg);
	background-repeat: no-repeat;
}
#balken-bild-foerderung {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_foerderung.jpg);
	background-repeat: no-repeat;
}
#balken-bild-info {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_info.jpg);
	background-repeat: no-repeat;
}
#balken-bild-download {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_download.jpg);
	background-repeat: no-repeat;
}
#balken-bild-kontakt {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_kontakt.jpg);
	background-repeat: no-repeat;
}
#balken-bild-impressum {
	float: left;
	height: 102px;
	width: 230px;
	background-image: url(../bilder/balken_impressum.jpg);
	background-repeat: no-repeat;
}


/* ----- Navigation, Content und Infoblock ------------------------------ */  
#navi-content-infoblock-hg {
	background-image: url(../bilder/hg_linien.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	_height: 1%;
}
#navi-content-infoblock-rand {
	border-width: 0px 1px 1px 1px;
	border-color: #F4A700;
	border-style: solid;
}


/* ----- Navigation ------------------------------ */  
#navi {
	float: left;
	width: 160px;
	overflow: hidden;
	height: 100%;
}
#navi-content {
	padding: 2px 2px 2px 2px;
}

#navi-content ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#navi-content ul li {
	margin: 0px;
	font-size: 11px;
}
#navi-content ul li a.active {
	background: url(../bilder/listenpunkt.gif) no-repeat 5px 9px;
}
#navi-content ul ul li a.active {
	background: url(../bilder/listenpunkt.gif) no-repeat 15px 9px;
}
#navi-content ul ul ul li a.active {
	background: url(../bilder/listenpunkt.gif) no-repeat 25px 9px;
}


#navi-content ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	_height: 1%;
	border-bottom: 2px solid #FFFFFF;
}

#navi-content ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#navi-content ul ul li {
	margin: 0px;
}
#navi-content ul ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 30px;
	_height: 1%;
	border-bottom: 1px solid #FFFFFF;
}

#navi-content ul ul ul li {
	margin: 0px;
}
#navi-content ul ul ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 40px;
	_height: 1%;
}
.bg-blau {
	background-color: #AAD5EF;
}

li.bg-blau li{
	background-color: #BEDFF3;
}

li.bg-blau li li{
	background-color: #DAEDF8;
}

.bg-gruen {
	background-color: #C3DF4C;
}

li.bg-gruen li{
	background-color: #CDE470;
}

li.bg-gruen li li{
	background-color: #DAEC93;
}

.bg-orange {
	background-color: #F8C300;
}

li.bg-orange li{
	background-color: #FFD540;
}

li.bg-orange li li{
	background-color: #FFDE6A;
}

.navi-blau {
	padding: 6px 2px 6px 8px;
	background-color: #AAD5EF;
}

.navi-gruen {
	padding: 6px 2px 6px 8px;
	background-color: #C3DF4C;
}
.navi-orange {
	padding: 6px 2px 6px 8px;
	background-color: #F8C300;
}
.navi-zeichen {
	float: left;
	width: 14px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.navi-text {
	float: left;
	font-size: 11px;
}
.navi-text a, .navi-text a:link, .navi-text a:visited {
	color: #333333;
	text-decoration: none;
}
.navi-text a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* ----- Content ------------------------------ */  
#content {
	float: left;
	overflow: hidden;
	width: 660px;
}
#content-content {	
	padding: 30px 40px 30px 40px;
}
.content-head {	
	font-weight: bold;
	padding: 15px 0px 15px 0px;
}
.content-text {
	padding: 0px 0px 15px 0px;
}
.content-link-orange {
	padding: 0px 0px 12px 0px;
}
.content-link-orange a:hover {
	color: #F4A700;
}
.content-link-gruen {
	padding: 0px 0px 12px 0px;
}
.content-link-gruen a:hover {
	color: #3F8D10;
}
.content-link-blau {
	padding: 0px 0px 12px 0px;
}
.content-link-blau a:hover {
	color: #57A5DC;
}
.content-link-zeichen {
	float: left;
	font-size: 10px;
	font-weight: bold;
}
.content-link-text {
	float: left;
	padding: 0px 0px 0px 3px;
	font-size: 10px;
}
.content-linie {
	padding: 0px 0px 0px 0px;
}
#content-symbole-jumptop-orange {		
	float: right;
	height: 18px;
	font-size: 10px;
	color: #F4A700;
	background-image: url(../bilder/symbole_jumptop-orange.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 0px 15px;	
}
#content-symbole-jumptop-orange a, #content-symbole-jumptop-orange a:link, #content-symbole-jumptop-orange a:visited {
	color: #F4A700;
	text-decoration: none;
}
#content-symbole-jumptop-orange a:hover {
	color: #333333;
	text-decoration: underline;
}
#content-symbole-jumptop-gruen {		
	float: right;
	height: 18px;
	font-size: 10px;
	color: #3F8D10;
	background-image: url(../bilder/symbole_jumptop-gruen.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 0px 15px;	
}
#content-symbole-jumptop-gruen a, #content-symbole-jumptop-gruen a:link, #content-symbole-jumptop-gruen a:visited {
	color: #3F8D10;
	text-decoration: none;
}
#content-symbole-jumptop-gruen a:hover {
	color: #333333;
	text-decoration: underline;
}
#content-symbole-jumptop-blau {		
	float: right;
	height: 18px;
	font-size: 10px;
	color: #57A5DC;
	background-image: url(../bilder/symbole_jumptop-blau.gif);
	background-repeat: no-repeat;
	padding: 1px 0px 0px 15px;	
}
#content-symbole-jumptop-blau a, #content-symbole-jumptop-blau a:link, #content-symbole-jumptop-blau a:visited {
	color: #57A5DC;
	text-decoration: none;
}
#content-symbole-jumptop-blau a:hover {
	color: #333333;
	text-decoration: underline;
}
#content-symbole-drucken-orange {		
	float: right;
	height: 18px;
	font-size: 10px;
	color: #F4A700;
	background-image: url(../bilder/symbole_drucken-orange.gif);
	background-repeat: no-repeat;
	padding: 1px 20px 0px 17px;	
}
#content-symbole-drucken-orange a, #content-symbole-drucken-orange a:link, #content-symbole-drucken-orange a:visited {
	color: #F4A700;
	text-decoration: none;
}
#content-symbole-drucken-orange a:hover {
	color: #333333;
	text-decoration: underline;
}
#content-symbole-drucken-blau {		
	float: right;
	height: 18px;
	font-size: 10px;
	color: #57A5DC;
	background-image: url(../bilder/symbole_drucken-blau.gif);
	background-repeat: no-repeat;
	padding: 1px 20px 0px 17px;	
}
#content-symbole-drucken-blau a, #content-symbole-drucken-blau a:link, #content-symbole-drucken-blau a:visited {
	color: #57A5DC;
	text-decoration: none;
}
#content-symbole-drucken-blau a:hover {
	color: #333333;
	text-decoration: underline;
}
#content-symbole-drucken-gruen {		
	float: right;
	height: 18px;
	font-size: 10px;
	color: #3F8D10;
	background-image: url(../bilder/symbole_drucken-gruen.gif);
	background-repeat: no-repeat;
	padding: 1px 20px 0px 17px;	
}
#content-symbole-drucken-gruen a, #content-symbole-drucken-gruen a:link, #content-symbole-drucken-gruen a:visited {
	color: #3F8D10;
	text-decoration: none;
}
#content-symbole-drucken-gruen a:hover {
	color: #333333;
	text-decoration: underline;
}
.backbutton {
	float: right;
	padding: 0px 0px 0px 0px;
}
.backbutton a, .backbutton a:link, .backbutton a:visited {
	color: #333333;
}
.backbutton a:hover {
	color: #57A5DC;
}


/* ----- Kontaktformular ------------------------------ */ 
#c-formular {		
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	background: #FFFCED;	
}
.c-formular-ueberschrift {		
	padding: 0px 0px 10px 0px;	
}
.c-formular-felder {		
	padding: 3px 0px 3px 0px;	
}
.c-formular-feldbeschreibung {		
	float: left;
	width: 75px;	
}
.c-formular-pfeil {		
	font-size: 14px;
	font-weight: bold;	
}
.c-formular-feld-xl {		
	width: 270px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;	
}
.c-formular-feld-xxl {		
	width: 345px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;	
}
.c-formular-hinweis {		
	font-size: 10px;
	padding: 5px 0px 0px 0px;	
}
.download-link {
	padding: 0px 0px 5px 0px;
}
.download-link-zeichen {
	float: left;
	font-size: 12px;
	font-weight: bold;
}
.download-link-text {
	float: left;
	font-size: 12px;
	padding: 0px 0px 0px 2px;
}
.download-text {
	font-size: 10px;
	padding: 0px 0px 0px 10px;	
}


/* ----- Listviews ------------------------------ */  
.lv-link {
	padding: 0px 0px 2px 0px;
}
.lv-link a:hover {
	color: #57A5DC;
}
.lv-link-zeichen {
	float: left;
	font-size: 12px;
	font-weight: bold;
}
.lv-link-text {
	float: left;
	font-size: 12px;
	width: 350px;
	padding: 0px 0px 0px 10px;
}
.lv-text {
	font-size: 10px;
	color: #57A5DC;
	padding: 3px 0px 0px 0px;	
}
.lv-sortierung {
	font-size: 12px;
	background-color: #57A5DC;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;	
}
.lv-sortierung-text {
	float: left;
	ppadding: 0px 0px 0px 0px;	
}
.lv-sortierung-button {
	float: left;
	padding: 0px 0px 0px 45px;	
}
.lv-sortierung-button a, .lv-sortierung-button a:link, .lv-sortierung-button a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.lv-sortierung-button a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* ----- Suchergebnisse ------------------------------ */  
.suche-link {
	padding: 0px 0px 1px 0px;
}
.suche-link-zeichen {
	float: left;
	font-size: 11px;
	font-weight: bold;
}
.suche-link-text {
	float: left;
	font-size: 11px;
	width: 355px;
	padding: 0px 0px 0px 3px;
}
.suche-text {
	font-size: 10px;
	padding: 0px 0px 0px 3px;	
}


/* ----- Suche ------------------------------ */  
form {
	display: inline;	
}
.suche-text {
	font-size: 10px;
	padding: 5px 10px 5px 10px;	
}
.suche {
	padding: 0px 10px 10px 10px;	
}
.suche-feld {
	float: left;
	font-size: 10px;
	width: 105px;	
}
.suche-button {
	float: right;
	padding: 2px 0px 0px 0px;	
}


/* ----- Infoblock ------------------------------ */  
#infoblock {
	float: right;
	overflow: hidden;
	width: 155px;
}
.ib-head {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	background-color: #FFFCED;
	border-width: 1px 0px 1px 0px;
	border-color: #F4A700;
	border-style: solid;
}
.ib-text {
	font-size: 10px;
	padding: 10px 10px 10px 10px;	
}
.ib-link-orange {
	padding: 0px 10px 5px 10px;
}
.ib-link-orange a:hover {
	color: #F4A700;
}
.ib-link-gruen {
	padding: 0px 10px 5px 10px;
}
.ib-link-gruen a:hover {
	color: #3F8D10;
}
.ib-link-blau {
	padding: 0px 10px 5px 10px;
}
.ib-link-blau a:hover {
	color: #57A5DC;
}
.ib-link-zeichen {
	float: left;
	font-size: 10px;
	font-weight: bold;
}
.ib-link-text {
	float: left;
	padding: 0px 0px 0px 3px;
	font-size: 10px;
}
.ib-bilder {
	text-align: center;
	padding: 10px 10px 10px 10px;	
}
.ib-abschluss {
	height: 10px;
	border-width: 0px 0px 1px 0px;
	border-color: #F4A700;
	border-style: solid;	
}
.ib-barriere-bilder {
	text-align: center;
	padding: 10px 10px 0px 10px;	
}


/* ----- Spacer ------------------------------ */ 
.spacer-2 {
	height: 2px;
	overflow: hidden;	
}
.spacer-5 {
	height: 5px;
	overflow: hidden;	
}
.spacer-10 {
	height: 10px;
	overflow: hidden;	
}
.spacer-15 {
	height: 15px;
	overflow: hidden;	
}
.spacer-20 {
	height: 20px;
	overflow: hidden;	
}
.spacer-30 {
	height: 30px;
	overflow: hidden;	
}
.spacer-40 {
	height: 40px;
	overflow: hidden;	
}