/**
 *
 * KfW Global Stylesheet
 *
 * Contains basic style information for elements used on every page.
 *
 * @style       Standard Layout
 * @media       screen
 * @css-for		Mozilla Firefox
 * @version     0.1
 * @author      Milan Matull
 * @copyright   Fork Unstable Media GmbH
 * @licensor    Fork Unstable Media GmbH
 * @layout      12 columns at 60px + 20 px gutter each

 				in pixels:
 				| 960 |
 				| 10 | 60 | 20 | 60 | 20 | 60 | 20 | 60 | 20 | 60 | 20 | 60 | 20 | 60 | 20 | 60 | 20 | 60 | 20 | 60 | 20 | 60 | 10 |

 * @colors      KfW orange: 			#d06702		82% brightness		links, subheadings
 										#bb5d02		73% birghtness		new default orange. validated to contrast of WCAG AA.

 				grey-dark: 				#333333 	20% brightness		body-text
 				grey-medium:			#676767 	40% brightness		subline-text
 				grey-extralight:		#f2f2f2		95% brightness		teaser background

 				blue-grey-medium:		#6d7781		51% brightness		teaser background, selected item nav-sub
 				blue-grey-light:		#c9d1d3		83% brightness		teaser link background
 				blue-grey-extralight:	#d5dbdd 	87% brightness		header background
 				blue-grey-extralight2:	#eef1f1		95%	brightness		odd table cells background
 */


/**
 * @section reset
 *
 * Globaler Reset. Margin und Padding auf allen Elementen zuruecksetzen,
 * um eine moeglichst einheitliche Darstellung in allen Browsern zu
 * erlangen.
 *
 */

* {
	margin: 0;
	padding: 0;
}

/* first for IE 6/7/8 */
@font-face {
	font-family: ff-meta-condensed-web-pro-1;
	src: url( "webfont/MetaWeb-CondNormal_eot.eot" );
}

/* then for Mozilla browsers -> Firefox */
@font-face {
	font-family: ff-meta-condensed-web-pro-1;
	src: url( "webfont/MetaWeb-CondNormal_woff.woff" ) format('woff');
}

/**
 * @section body
 *
 * Basis Font-Groesse von 100% setzen. Dies entspricht der ueblichen
 * Standard Font-Groesse von 16px im Browser. Alle weiteren Angaben zu
 * Groessen beziehen sich auf diese Standard-Groesse und werden in der
 * Einheit EM angegeben, damit die Seite mit dem Aendern der Font-Groesse
 * durch den User skaliert.
 *
 * Falls an einem Element gleichzeitig die Font-Groesse und andere
 * Eigentschaften veraendert werden, muessen die Berechnungen entprechend
 * der aktuellen Font-Groesse angepasst werden.
 *
 * Folgende Beispiele dienen der Erklaerung:
 *
 * font-size: 1em; 		// 16px * 1 = 16px;
 * width: 10em; 		// 16px * 10 = 160px
 *
 * font-size: 1em; 		// 16px * 1 = 16px;
 * line-height 1.5em; 	// 16px * 1.5 = 24px;
 *
 * font-size: 0.75em; 	// 16px * 0.75 = 12px;
 * line-height: 1.5em;	// 12px * 1.5 = 18px;
 *
 * Ungerade Teiler werden auf drei Nachkommastellen gerundet
 * (z.B. 16.333) sollten soweit aber wenn moeglich vermieden
 * werden, da Browser unterschiedliche Rundungsverhalten aufweisen.
 *
 */

body {
	background: #fff;
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
}

fieldset {
	border: none;
}

a {
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #bb5d02; */
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #bb5d02; */
	color: #83983d;  /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}

p, li, label {
	font-size: 1em;
	/*font-size: 0.875em;*/ /* 14px */ /* =nfs */
	line-height: 1.5em;
}

/* d229 20120925: newsroomteaser mit kleinem font */
p.minor, .newsroomteaser p, .newsroomteaser li, .newsroomteaser label {
	
	font-size: 0.75em; /* 12px */
	line-height: 1.333em; /* 16px */
}

/**
 *
 * Aussabstand nach unten zwischen Listenelementen entfernt.
 *
 */

p {
	margin: 0 0 1.5em;
}

ul, ol {
	margin: 0 0 1.3125em 1.5em; /* 0 0 21px 24px */ /* =nfs */
}

ol {
	list-style-type: decimal;
}

ol li,
ul li {
	padding: 0 0 0 1.5em;
}

/**
 *
 * Ungeordnete und geordnete Liste verschachtelt.
 *
 */

ol ul,
ul ol {
	padding: 0 0 0 1.5em;
}

/**
 *
 * Zeilenhoehe bei hochgestelltem Text unveraendert lassen.
 *
 */

sup {
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	bottom: 1ex;
}

/**
 *
 * 'Meta Condensed Web Pro' als Schriftart fuer die wichtigesten
 * Ueberschriften setzen. Die Schrift wird zur Zeit per Typekeit
 * <http://www.typekit.com> bereitgestellt, muss aber in der finalen
 * Implementierung durch die KfW erworben und selbst eingebunden werden,
 * da sich diese gegen externes Hosting der Schriftdatei entschieden
 * hat.
 *
 * Alternativer Font ist Arial Narrow, da dieser ueber eine aehnliche
 * Laufweite verfuegt.
 *
 */

h1, p.intro, h2, th, legend {
	font-family: "ff-meta-condensed-web-pro-1", "arial narrow", arial, helvetica, sans-serif; /* typkit replacement */
	font-weight: normal;
}

/**
 *
 * Ueberschrift erster Ordnung. Wird fuer den Seitentitel verwendet.
 *
 */

h1 {
	margin: 0 0 0.558em; /* 24px */
	font-size: 2.625em; /* 42px */
	line-height: 1.143em; /* 48px */

	font-size: 2.625em; /* 42px */ /* =nfs */
	line-height: 1em; /* 42px */ /* =nfs */
	margin: 0 0 0.5em; /* 21px */ /* =nfs */
	margin: 0 0 0.3em; /* 12,6px */ /* =nfs */

	color: #5a7067; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #434343 */
}

/**
 *
 * Einleitender grosser Intro-Text. War urspruenglich als <h2> definiert,
 * da aber nicht alle Seiten der KfW ueber Intro-Texte verfuegen, in <p>
 * geaendert, damit die korrekte Ueberschriften-Hierarchie eingehalten
 * werden kann.
 *
 */

p.intro {
	margin: 0 0 0.8em; /* 24px */
	font-size: 1.875em; /* 30px */
	line-height: 1.5em; /* 20px */

	margin: 0 0 0.7em; /* 21px */ /* = nfs */
	margin: 0 0 0.3em; /* 9px */ /* = nfs */
	font-size: 1.875em; /* 30px */ /* = nfs */
	line-height: 1.4em; /* 42px */ /* = nfs */
}



/**
 *
 * Zwischenueberschriften zur Strukturierung in laengeren Texten und
 * Legende in <fieldset>-Gruppierungen in Formularen.
 *
 */

h2, legend {
	font-size: 1.125em; /* 18px */
	margin: 0 0 1.333em; /* 24px */
	line-height: 1.111em; /* 20px */

	margin: 0 0 1.166em; /* 21px */ /* =nfs */
	margin: 0.778em 0 0.389em; /* 14px 0 7px */ /* =nfs */
	line-height: 1.166em; /* 21px */ /* =nfs */

	font-weight: bold;
	color: #5A6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #bb5d02 */
	text-transform: uppercase;
}

/**
 *
 * Inverser Inline-Stil in Ueberschriften zur gesonderten Hervorhebung
 * von Kategorien, Arten, etc.
 *
 */

h2 span.label {
	padding: 0 0.25em; /* 0 3px */
	background: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background:#bb5d02 */
	color: #fff;
	font-size: 0.667em; /* 12px */
	line-height: 1.5em;
}

/**
 *
 * Ueberschrift dritter Ordnung.
 *
 */

h3 {
	font-size: 1em; /* 16px */
	margin: 0 0 1.75em; /* 28px */
	line-height: 1.25em; /* 20px */

	margin: 0 0 1.3125em; /* 21px */ /* = nsf */
	margin: 0.875em 0 0.4375em; /* 14px 0 7px */ /* = nfs */
	line-height: 1.3125em; /* 21px */ /* = nsf */

	font-weight: bold;
}

/**
 *
 * Alternative Ueberschrift dritter Ordnung. Hintergrundfarbe und
 * Typekit-Einbindung. Wird in @page-step-by-step verwendet.
 *
 */

h3.alt-1 {
	padding: 10px 20px;
	background: #eef1f1;
	font-size: 1.125em;
	line-height: 1.111em; /* 20px */
	line-height: 1.166em; /* 21px */ /* =nfs */
	font-family: "ff-meta-condensed-web-pro-1", "arial narrow", arial, helvetica, sans-serif; /* typkit replacement */
	text-transform: uppercase;
}

/**
 *
 * Alternative Ueberschrift dritter Ordnung #2.
 * Aussenabstand unten angepasst; Anforderung aus OKP.
 *
 */

h3.alt-2 {
	margin: 0 0 1.5em;
}

h4 {
	margin: 0;
	font-size: 0.75em; /* 12px */
	line-height: 2em;
	color: #666;
	text-transform: uppercase;
	font-weight: normal;
}

/**
 * @section table
 *
 * Tabellengestaltung. 'cellspacing="0"' muss weiterhin im HTML gesetzt
 * werden.
 *
 */

table {
  width: 100%;
	margin: 0 0 1.5em; /* 24px */
	margin: 0 0 1.3125em; /* 21px */ /* = nfs */
}

th, td {
	border-right: 0.214em solid #fff; /* 3px */
	border-bottom: 0.214em solid #fff; /* 3px */
	padding: 1em 1.429em; /* 14px 20px */
	padding: 0.5em 1em; /* 7px 10px */ /* = nfs */
	background: #eef1f1;
	font-size: 0.875em; /* 14px */
	line-height: 1.285em; /* 18px */
	text-align: left;
}

th p,
td p {
	margin-bottom: 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}


/**
 *
 * Zebra-Tabellen werden ueber Klassen an den Tabellenzeilen <tr>
 * realisiert.
 *
 */

th,
tr.even td {
	background: #d5dbdd;
}

/**
 *
 * Tabellenbeschriftung ueber <caption>.
 *
 */

caption {
	font-size: 0.75em; /* 12px */
	line-height: 1.5em; /* 18px */
	caption-side: bottom;
	color: #666;
	text-align: left;
}

a img {
	border: none;
}

object, embed {
	margin: 0;
	padding: 0;
}


/**
 * @section nav-anchor
 *
 * Anker-Navigation mit Sprungmarken zu einzelnen Inhaltsbereichen.
 * Klasse wird im HTML-Editor an geordnete Liste <ol> angeheftet.
 *
 * Enhanced-Version: Hintergrundbilder und icons werden hinzugefuegt.
 *
 * Fallback-Version: Geordnete Liste in Grossbuchstaben.
 *
 */

ol.nav-anchor,
ol.nav-steps,
ol.nav-position  {
	margin: 0 0 2em; /* 36px */
	padding: 0;
}

ol.nav-anchor li,
ol.nav-steps li,
ol.nav-position li {
	margin: 0 0 0 1.5em;
	padding: 0;
	font-size: 0.75em; /* 12px */
	line-height: 1.5em;
	text-transform: uppercase;
}

ol.nav-anchor li a,
ol.nav-steps li a,
ol.nav-position li a {
	color: #333;
}

ol.nav-anchor li a:hover,
ol.nav-anchor li a:focus,
ol.nav-anchor li a:active,
ol.nav-steps li a:hover,
ol.nav-steps li a:focus,
ol.nav-steps li a:active,
ol.nav-position li a:hover,
ol.nav-position li a:focus,
ol.nav-position li a:active {
	background-color: #6d7781;
	color: #fff;
}

.has-js ol.nav-anchor {
	float: left;
	/*width: 33.75em; 540px */
	width: 38em;
}

.has-js ol.nav-anchor li {
	clear: left;
	float: left;
	margin: 0;
	width: 31.667em; /* 380px */
	width: 370px;
	background: transparent url( "enhanced/nav-anchor/nav-anchor-li.png" ) 0 100% no-repeat;
	list-style-type: none;
	line-height: 1.467em; /* 17px */
	padding: 0.417em; /* 5px */
}

.has-js ol.nav-anchor li a {
	float: left;
	padding: 0 0.1667em 0 1.75em; /* 0 2px 0 21px */
	background-image: url( "enhanced/nav-anchor/nav-anchor-a.png" );
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

.has-js ol.nav-anchor li a:hover {
	background-position: 0 -500px;
}

.has-js ol.nav-anchor li a span.number {
	float: left;
	width: 3.334em; /* 40px */
}

.has-js ol.nav-anchor li a span.title {
	float: left;
	width: 23.666em; /* 284px */
}

/**
 * @section footnote
 *
 * Kleingedruckter Text.
 * d229: fussnote aufgenommen, fuer alte Styles (Ephox)
 */
.fussnote,
.footnote {
	font-size: 0.75em;
	line-height: 1.5em;
	color: #666;
}


/**
 * @section image
 *
 * Bilder im Inhaltsbereich werden ueber die Kombination mehrerer
 * Klassen an einem <div> ausgerichtet und gestaltet.
 *
 */

#content .image {

}

/**
 *
 * Aussenabstand von Absaetzen in Bildunterschriften entfernen.
 *
 */


#content .image p {
	margin: 0;
}


/**
 *
 * Bild linksbuendig vom Text umfliessen lassen.
 *
 */

#content .image-left {
	float: left;
	margin-right: 1.25em; /* 20px */
	display: inline; /* ie 6 */
}

/**
 *
 * Bild rechtsbuendig vom Text umfliessen lassen.
 *
 */


#content .image-right {
	float: right;
	margin-left: 1.25em; /* 20px */
	display: inline; /* ie 6 */
}

#content .image img {
	float: left;
	margin: 0 0 1.125em; /* 18px */
}

/**
 *
 * Unterzeilen von Bildern werden kleiner dargestellt.
 *
 */

#content .image p,
#content .video p {
	font-size: 0.75em; /* 12px */
	line-height: 1.5em;
	color: #666;
}

/**
 * @section image-small
 *
 * Kleines Bildformat.
 *
 * Bildbreite: 3 Spalten = 220px.
 *
 */

#content .image-small {
	width: 13.75em; /* 220px */
}

#content .image-small img,
#content .image-full img {
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#content .image-small img {
	width: 13.75em; /* 220px */
}

/**
 * @section image-small-2
 *
 * Kleines Bildformat.
 *
 * Bildbreite: 2 Spalten = 140px.
 *
 */


#content .image-small-2 {
	width: 8.75em; /* 140px */
}

#content .image-small-2 img{
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#content .image-small img {
	width: 13.75em; /* 220px */
}

/**
 * @section image-2
 *
 * Alternatives kleines Bildformat. Grauer Hintergrund und Auffuellung
 * am Rand.
 *
 * Bildbreite: 3 Spalten - Auffuelung = 200px.
 *
 */

#content .image-2 {
	width: 12.5em; /* 200px */
	padding: 0.625em; /* 10px */
	background: #f2f2f2;
}

#content .image-2 img {
	width: 12.5em; /* 200px */
}

#content .image-2 p {
	margin: 0;
	padding: 0 0.1667em; /* 0 2px */
}

/**
 * @section image-graph
 *
 * Bildformat zur Einbindung von Infografiken.
 *
 * Bildbreite: 7 Spalten = 540px.
 *
 */

#content .image-graph {
	float: left;
	padding: 0 0 1.875em; /* 30px */
}

#content .image-graph img {
	width: 33.75em; /* 540px */
}

/**
 * @section image-full
 *
 * Grosses Bildformat. Wird mit negativem Aussenabstand ueber die Breite des
 * Inhaltsbereiches hinaus gesetzt.
 *
 * Bildbreite: 8 Spalten = 620px
 *
 */

#content .image-full {
	float: left;
	margin: 0 -5em 0 0; /* 80px */
	padding: 0 0 1.875em; /* 30px */
}

#content .image-full img {
	width: 38.75em; /* 620px */
}

#content .image-full p {
	max-width: 45em; /* 540px */
}

/**
 * @section header-wrapper
 *
 * Zusaetzliches Wrapper-Element fuer den Kopfbereich, damit
 * Hintergrundverlauf ueber die komplette Seitenbreite angezeigt werden
 * kann.
 *
 */


#header-wrapper {
	background: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #d5dbdd url( "global/header/header.png" ) 0 100% repeat-x; */ 
}

/**
 * @section header
 *
 * Kopfbereich. Horizontal zentriert und auf relative Positionierung
 * gesetzt, damit Elemente innrhalb des Kopfbereiches absolut in
 * Relation der Dimensionen des Kopfbereiches positioniert werdern
 * koennen.
 *
 */

#header {
	margin: 0 auto;
	width: 60em; /* 960px */
	height: 4.0625em; /* 65px */
	position: relative;
	background: transparent;  /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #d5dbdd url( "global/header/header.png" ) 0 100% repeat-x;*/
	overflow: hidden;
}

#header a {
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
}


#header ul,
#header li {
	list-style-type: none;
}

#header label,
#header li,
#header p {
	font-size: 0.75em; /* 12px */
}

/**
 * @section nav-skip
 *
 * Sprung-Links fuer Screenreader. Werden ueber negative Text-Einrueckung
 * versteckt, bleiben aber lesbar fuer Screenreader. Links erscheinen bei
 * Fokus durch Tabulator-Taste.
 *
 */


#nav-skip {
	position: absolute;
	right: 0.625em; /* 10px */
	top: 0.0625em; /* 1px */
	overflow: hidden;
}

#nav-skip ul,
#nav-skip li {
	float: right;
	margin: 0;
	padding: 0;
}

#nav-skip li {
	font-size: 0.75em; /* 12px */
	line-height: 1.333em; /* 16px */
	font-style: italic;
}

#nav-skip a {
	float: right;
	text-indent: -10000px;
	height: 0;
	overflow: hidden;
}

#nav-skip a:focus,
#nav-skip a:active {
	height: auto;
	border: 0.0625em solid #575f67; /* 1px */
	padding: 0 0.375em 0 1.25em; /* 0 6px 0 20px */
	text-indent: 0;
	background: #6d7781 url( "helper/more.png" ) 4px -82px no-repeat;
	color: #fff;;
}

/**
 * @section nav-meta
 *
 * Meta-Navigation: Enthaelt Sprach- und Service-Navigation.
 *
 */

#nav-meta {
	float: left;
	padding: 0 0 0 1.6875em; /* 27px */
	width: 58.3125em; /* 933px */
	height: 2.25em; /* 36px */
}

#nav-meta label,
#nav-meta li {
	text-transform: uppercase;
}

#nav-meta ul,
#nav-meta li,
#nav-meta-service {
	float: left;
}

/**
 * @section nav-meta-language
 *
 * Sprach-Navigation.
 *
 * Enhanced-Version: Custom-Select, das das umgebende Formular bei
 * Selektion automatisch absendet.
 *
 * Fallback-Version: Standard Select-Element mit Submit-Button.
 *
 */


#nav-meta-language {
	float: right;
	padding: 0 0.4375em 0 0; /* 10px */
}

#nav-meta-language form,
#nav-meta-language fieldset {
	float: left;
}

#nav-meta-language label,
#nav-meta-language select,
#nav-meta-language input.submit {
	float: left;
	font-size: 0.75em; /* 12px */
	line-height: 1.833em; /* 20px */
}

#nav-meta-language .input label {
	padding: 0 0.833em 0 0; /* 10px */
}

#nav-meta-language .input select {
	width: 11.5em; /* 138px */
	margin: 0.083em 0.833em 0 0; /* 1px 10px 0 0 */
	display: inline; /* ie 6 */
}

#nav-meta-language .input input.submit {
	display: block;
	margin: 0.083em 0 0;
	border: 0em solid #fff;
	padding: 0 0.833em; /* 0 10px */
	background: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #e2e6e7; */
	-webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.0324);
	-moz-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.0324);
	overflow: visible; /* correct padding for i6 + 7 */
}

/*
.has-js #nav-meta-language .ui-selectmenu {
	float: left;
	margin: 1px 0 0;
	width: 137px !important;
	background: #e2e6e7;
}

*/

.has-js #nav-meta-language .ui-selectmenu {
	float: left;
}

.has-js #nav-meta-language .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/nav-meta-language/ui-selectmenu-icon.png" ) 100% 0 no-repeat;
}

.has-js #nav-meta-language .ui-state-active .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/nav-meta-language/ui-selectmenu-icon-active.png" ) 100% 0 no-repeat;
}

.has-js #nav-meta-language .ui-state-default .ui-selectmenu-status {
	background-color: #f2f1ee; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #e2e6e7; */
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
}

.has-js #nav-meta-language .ui-state-hover .ui-selectmenu-status {
	background-color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #575f67; */
	color: #fff; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}

/**
 * @section nav-meta-service
 *
 * Service-Navigation. Ennthaelt globale Funktionen, die auf allen Seiten
 * zur Verfuegung stehen.
 *
 */

#nav-meta-service ul {
	margin: 0;
}

#nav-meta-service li {
	padding: 0 0.5em 0 0; /* 0 6px 0 0 */
	line-height: 1.583em; /* 19px */
}

#nav-meta-service a {
	float: left;
	padding: 0 0.75em 0.333em 2.75em; /* 0 9px 4px 33px */
	background-position: 0 0;
	background-repeat: no-repeat;
}

/**
 *
 * Icons der einzelnen Punkte werden ueber Hintergrund-Grafiken
 * eingebunden. Durch das Aendern der Hintergrund-Position werden
 * Mouseover-Zustaende erreicht.
 *
 */

#nav-meta-service a:hover,
#nav-meta-service a:focus,
#nav-meta-service a:active {
	background-position: 0 -100px;
	background-color: transparent;
	color:#83983d !important; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy */
}

#nav-meta-service-watchlist a {
	background-image: url( "global/nav-meta-service/nav-meta-service-watchlist.png" );
}

#nav-meta-service-service a {
	background-image: url( "global/nav-meta-service/nav-meta-service-service.png" );
}

#nav-meta-service-contact a {
	background-image: url( "global/nav-meta-service/nav-meta-service-contact.png" );
}

#nav-meta-service-download a {
	background-image: url( "global/nav-meta-service/nav-meta-service-download.png" );
}

#nav-meta-service-newsroom a {
	background-image: url( "global/nav-meta-service/nav-meta-service-newsroom.png" );
}

#nav-meta-service-password a {
	background-image: url( "global/nav-meta-service/nav-meta-service-password.png" );
	padding-left: 2.083em; /* 25px */
}

#nav-meta-service-logout a {
	background-image: url( "global/nav-meta-service/nav-meta-service-logout.png" );
	padding-left: 2.083em; /* 25px */
}

/**
 * @section nav-main
 *
 * Haupt-Navigation. Gestaltung als Tabs.
 *
 */

#nav-main {
	float: left;
	padding-left: 1.875em; /* 30px */
}

#nav-main ul,
#nav-main li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav-main li {
	float: left;
	margin: 0 0.333em 0 0; /* 4px */
	border-bottom: 0.083em solid transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: border-bottom: 0.083em solid #bdc9cf */
	background: #edefef; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #dde2e4 url( "global/nav-main/nav-main-li.png" ) 0 100% repeat-x; */
	-webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.0324);
	-moz-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.0324);
	box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.0324);
}

#nav-main a {
	float: left;
	padding: 0.417em 0.5em; /* 5px 6px */
}

#nav-main a:hover,
#nav-main a:focus,
#nav-main a:active {
	background-color: #f6f6f8; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781; */
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy ---Alt: color: #fff; */
}

#nav-main strong {
	font-weight: normal;
}

#nav-main li.selected {
	border-bottom: none;
	padding: 0.417em 0.5em 0.5em; /* 5px 6px 6px */
	background: #f6f6f8; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #fff */
	-webkit-box-shadow: 0 -2px 6px rgba(255, 255, 255, 0.18); /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: -webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.18); */
	-moz-box-shadow: 0 -2px 6px rgba(255, 255, 255, 0.18); /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: -moz-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.18); */
}

#nav-main li.selected a {
	padding: 0 0.417em; /* 0 5px */
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy */
}

/**
 * @section nav-search
 *
 * Globale Suche. Absolute Positionierung rechts bezieht sich auf
 * Dimensionen des umgebenden Kopfbereiches.
 *
 */

#nav-search {
	position: absolute;
	right: 0.625em; /* 10px */
	bottom: 0.0625em; /* 1px */
	width: 18.75em; /* 300px */
}

#nav-search label,
#nav-search p {
	text-transform: uppercase;
}

#nav-search p {
	float: right;
	margin: 0;
	padding: 0 0 0.083em; /* 1px */
	line-height: 1.667em; /* 20px */
}

#nav-search p a {
	float: right;
	padding: 0 0.833em 0 1.333em; /* 0 10px 0 16px */
	background: #d5dbdd url( "global/nav-search/nav-search-extended.png" ) 0 0 no-repeat;
}

#nav-search p a:hover,
#nav-search p a:focus,
#nav-search p a:active {
	background: #6d7781 url( "global/nav-search/nav-search-extended.png" ) 0 -100px no-repeat;
	color: #fff;
}

#nav-search form,
#nav-search fieldset {
	float: right;
}

#nav-search label {
	float: left;
	line-height: 2.167em; /* 26px */
	padding: 0 0.583em 0 0; /* 7px */
}

#nav-search input {
	float: left;
	border: 0em solid #fff;
}

#nav-search input#nav-search-text {
	margin-right: 0.083em; /* 1px */
	padding: 0.583em 0.417em; /* 7px 5px */
	width: 15.417em; /* 185px */
	height: 1em; /* 12px */
	background-color: #f2f1ee; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #d4dbde url( "global/nav-search/nav-search-text.png" ) 0 0 repeat-x;*/
	font-size: 0.75em; /* 12px */
	font-family: "trebuchet ms", verdana, sans-serif;
	line-height: 1em; /* 12px */
	-webkit-box-shadow: 0 -2px 6px rgba(255, 255, 255, 0.0324); /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: -webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.0324) */
	-moz-box-shadow: 0 -2px 6px rgba(255, 255, 255, 0.0324); /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: -moz-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.0324) */

	border: 1px solid #eef0f1;
	border-bottom: 1px solid #e4e9eb;
	width: 15.083em; /* 181px */
	height: 1.2em; /* 16px */ 
	line-height: 1.2em; /* 16px */
	padding: 0.4167em; /* 5px */
	/*color: #a3a5a5; sa43*/
	color: #5A6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */

}

#nav-search input#nav-search-submit {
	width: 2.167em; /* 26px */
	height: 2.167em; /* 26px */
	font-size: 0.75em; /* 12px */
}

/**
 * @section main
 *
 * Haupt-Wrapper. Enthaelt die eigentlichen Seiteninhalte.
 * Seiten-spezifische Klassen werden zusaetzlich an diesen angeheftet.
 *
 */

#main-wrapper {
	width: 60em; /* 960px */
	margin: 0 auto;
}

#main {
	float: left;
	width: 60em; /* 960px */
	background: transparent url( "global/nav-section/nav-section.png" ) 50% 0 no-repeat;
}

/**
 * @section nav-section
 *
 * Sektions-Navigation innerhalb eines Hauptbereiches der KfW.
 * Standard-Darstellung als Float, wird aber auf speziellen Seiten
 * (page-umbrella, page-home) absolut positioniert, damit diese ueber
 * den dort vorliegenden grossformatigen Hintergrundbildern angezeigt
 * werden kann.
 *
 */


#nav-section {
	float: left;
	margin-left: 0.625em; /* 10px */
	margin-top: 0.625em; /* 10px */
	display: inline; /* ie 6 */
	width: 58.75em; /* 940px */
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.27);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.27);
    z-index: 1;
}

/** 
 *	30.07.2012 - Neue Definitionen +++ Facelift syzygy 
 	Diese Styles sind notwendig um das abgestimmte 
 	freigestellte Logo auf der Homepage zu realisieren
 */

.page-umbrella #nav-section {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.page-umbrella #nav-section li {
	background:none !important;
}

/** 
 *	Ende Neue Definitionen +++ Facelift syzygy 
 */



#nav-section strong {
	font-weight: normal;
}

#nav-section ul,
#nav-section li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav-section ul {
	width: 58.75em; /* 940px */
	background: transparent url( "global/nav-section/nav-section-ul.png" ) 0 50% repeat-x;
}

#nav-section li {
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	background-image: url( "global/nav-section/nav-section-li.png" ); /* using background border image instead of border */
	background-position: 100% 0;
	background-repeat: no-repeat; 
	font-size: 1em; /* = nfs */
}

#nav-section a {
	float: left;
	width: 100%;
	height: 3.22em; /* ca. 45px in IE */
	padding: 1.857em 0 0; /* 26px 0 0 */
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color:#333; */
	font-size: 0.875em; /* 14px */
	line-height: 1.286em; /* 18px */
	overflow: hidden;
}

/**
 *
 * Navigationeintraege, die zu lang sind und umbrechen, bekommen via
 * JavaScript eine spezielle Klasse zugewiesen.
 *
 */

.has-js #nav-section li.nav-section-break a {
	height: 3.79em; /* ca. 53px in IE */
	padding: 1.286em 0 0; /* 18px 0 0 */
}

#nav-section a:hover,
#nav-section a:focus,
#nav-section a:active {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781; */
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}

/** 30.07.2012 - Alte Definition auskommentiert +++ Facelift syzygy
 *
	#nav-section .selected {
		background-color: #ebebeb;
	}
 *
 */

/** 
 *	Ende Alte Werte Auskommentiert +++ Facelift syzygy 
 */

/** 
 *	30.07.2012 - Neue Definitionen +++ Facelift syzygy 
 	Diese Styles sind notwendig um das abgestimmte 
	Aussehen der Navigation umzusetzen
 */
 
#nav-section a:selected {
	color: #1b618c;
}

#nav-section li:hover,
#nav-section li:focus,
#nav-section li:active,
#nav-section li.selected {
	background-color: #fff;
}

#nav-section li.selected a {
	color: #83983d !important;
}

/** 
 *	Ende Neue Definitionen +++ Facelift syzygy 
 */

#nav-section li#nav-section-kfw-logo {
	width: 13.75em; /* 220px */
	float: right;
}

#nav-section li#nav-section-kfw-logo a {
	padding: 0;
	height: 5.072em; /* 71px */
	height: 4.4375em; /* = nfs */
	font-size: 1em; /* =nfs */
	background: transparent url( "global/nav-section/kfw-logo.png" ) -110px 50% no-repeat;
	text-indent: -10000px;
}

/** 
 *	30.07.2012 - Neue Definitionen +++ Facelift syzygy 
	Auskommentiert weil Mouse-Over fuer Logo entfällt 

#nav-section li#nav-section-kfw-logo a:hover,
#nav-section li#nav-section-kfw-logo a:focus,
#nav-section li#nav-section-kfw-logo a:active {
	background: transparent url( "global/nav-section/kfw-logo.png" ) -547px 50% no-repeat;
}
*/

/**
 * @section nav-section-wdiths
 *
 * Navigationsbereiten werden je nach Anzahl der Menue-Eintraege (2-9)
 * gesetzt. Nach Abziehen der Logo-Breite stehen noch 720px zur
 * Verfuegung, die jeweils durch die Anzahl der Eintraege geteilt werden.
 *
 * Einige Ausnahmen muessen gemacht werden, wenn Rundungsfehler beim
 * Veraendern der Font-Groesse entstehen.
 *
 */

.nav-section-1 li {
	width: 45em; /* width: 720px; */
}

.nav-section-2 li {
	width: 22.5em; /* width: 360px; */
}

.nav-section-3 li {
	width: 15em; /* width: 240px; */
}

.nav-section-4 li {
	width: 11.25em; /* width: 180px; */
}

.nav-section-5 li {
	width: 9em; /* width: 144px; */
}

.nav-section-6 li {
	width: 7.5em; /* width: 120px; */
}

.nav-section-7 li {
	width: 6.4375em; /* width: 103px; */
}

.nav-section-7 li.first {
	width: 6.375em; /* width: 102px; */
}

.nav-section-8 li {
	width: 5.625em; /* width: 90px; */
}

.nav-section-8 li.first {
	width: 5.5625em; /* width: 89px; would otherwise break in Firefox */
}

.nav-section-9 li {
	width: 5em; /* width: 80px; */
}

.nav-section-9 li.first {
	width: 4.875em; /* width: 78px; would otherwise break in IE 7. */
}



/**
 * @section nav-breadcrump
 *
 * Brotkrumen-Navigation. Gibt Auskunft ueber die Position des User in
 * der Navigations-Hierarchie.
 *
 */

#nav-breadcrumb {
	float: left;
	width: 58.75em; /* 940px */
	margin-left: 0.625em; /* 10px */
	display: inline; /* ie 6 */
	background: #d5dbdd url( "global/nav-breadcrumb/nav-breadcrumb.png" ) 0 0 no-repeat; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt:  */
}

#nav-breadcrumb strong {
	font-weight: normal;
}

#nav-breadcrumb ul,
#nav-breadcrumb li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#nav-breadcrumb ul {
	padding: 0.4375em 0 0.4375em 0.9375em; /* 7px 0 7px 15px */
}

#nav-breadcrumb li {
	margin: 0;
	padding: 0 1.5em 0 0.25em; /* 0 18px 0 3px */
	font-size: 0.75em; /* 12px */
	line-height: 1.667; /* 20px */
	color: #676767;
  	background: transparent url( "global/nav-breadcrumb/nav-breadcrumb-li.png" ) 100% 50% no-repeat;
}

#nav-breadcrumb li.last {
	background: transparent url( "global/nav-breadcrumb/nav-breadcrumb-li-last.png" ) 100% 50% no-repeat;
}

/** 
 *	30.07.2012 - Neue Definitionen +++ Facelift syzygy 
 * 	Farbwert fuer aktive Seite angepasst
 */

#nav-breadcrumb li.last a{
	color: #83983d;
}

/** 
 *	Ende Neue Definitionen +++ Facelift syzygy 
 */

#nav-breadcrumb li.first {
	padding-left: 0;
}

#nav-breadcrumb a {
	color: #676767;
	padding: 0 0.417em; /* 0 5px */
}

#nav-breadcrumb a:hover,
#nav-breadcrumb a:focus,
#nav-breadcrumb a:active {
	background: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #6d7781; */
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}

/**
 * @section context
 *
 * Kontext-Spalte. Enthaelt je nach Template Sub-Navigation und
 * Teaser-Boxen.
 *
 */

#context {
	float: left;
	width: 14.375em; /* 230px */
	padding: 0 0.625em; /* 0 10px */
}

/**
 * @section nav-sub
 *
 * Sub-Navigation. Stellt bis zu 4 Hierarchie-Ebenen dar.
 * Erste Ebene laesst sich auch mit Submit-Buttons befuellen.
 *
 */

#nav-sub {
	float: left;
	width: 14.375em; /* 230px */
	margin: 0.375em 0 0; /* 6px */
	padding: 0 0 1.5em; /* 24px */
}

#nav-sub strong {
	font-weight: normal;
}

#nav-sub a,
#nav-sub input {
	display: block;
	border-right: 0.714em solid #fff; /* 10px */
	padding-top: 0.214em; /* 3px */
	padding-bottom: 0.214em; /* 3px */
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
}

#nav-sub input {
	border: 0px solid #fff;
	margin-right: 0.714em; /* 10px */
}

#nav-sub a:hover,
#nav-sub a:focus,
#nav-sub a:active {
	background-color: #6d7781;
	color: #fff;
}

#nav-sub input:hover,
#nav-sub input:focus,
#nav-sub input:active {
	background-color: #6d7781;
	color: #fff;
}

#nav-sub ul,
#nav-sub li {
	float: left;
	list-style-type: none;
}

#nav-sub ul {
	margin: 0;
	border-top: 0.25em solid #fff; /* 4px */
}

#nav-sub li {
	display: block;
	margin: 0;
	padding: 0 0 0.286em; /* 0 0 4px */
	font-size: 0.875em; /* 14px */
	line-height: 1.071em; /* 15px */
}

#nav-sub li a,
#nav-sub li input {
	width: 14.714em; /* 206px */
	padding: 0.214em 0 0.214em 1em; /* 3px 0 3px 14px */
}

#nav-sub li input {
	text-align: left;
	font-size: 1em;
	width: 15.714em; /* 220px */
	padding: 0.071em 0 0 1em; /* 1px 0 0 14px */
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	cursor: pointer;
	background-color: #fff;
}


/**
 *
 * Fehler-Klasse fuer nicht-ausgefuellt status im Kreditportal.
 *
 */

#nav-sub li.error a,
#nav-sub li.error input {
	color: #cc4242;
}

#nav-sub li.error a:hover,
#nav-sub li.error a:focus,
#nav-sub li.error a:active {
	color: #fff;
}

#nav-sub li.error input:hover,
#nav-sub li.error input:focus,
#nav-sub li.error input:active {
	color: #fff;
}


#nav-sub li.selected a,
#nav-sub li.selected input {
	background-repeat: no-repeat;
	background-image: url( "global/nav-sub/nav-sub-selected-a.png" );
	background-position: 0 0;
}

#nav-sub li.selected a:hover,
#nav-sub li.selected a:focus,
#nav-sub li.selected a:active {
	background-position: 0 -100px;
}

#nav-sub li.selected input:hover,
#nav-sub li.selected input:focus,
#nav-sub li.selected input:active {
	background-position: 0 -100px;
}

#nav-sub li.selected li a {
	width: 13.714em; /* 192px */
	padding: 0.214em 0 0.214em 1em; /* 3px 0 3px 14px */
	background-image: none;
}

#nav-sub li.selected li.selected a {
	background-image: url( "global/nav-sub/nav-sub-selected-a.png" );
}

#nav-sub li.selected li.selected li a {
	width: 12em; /* 168px */
	padding: 0.214em 0.714em 0.214em 1.214em; /* 3px 10px 3px 17px */
	background-image: none;
}

#nav-sub li.selected li.selected li.selected a {
	background-image: url( "global/nav-sub/nav-sub-selected-a.png" );
}

#nav-sub li.selected li.selected li.selected li a {
	width: 11.214em; /* 157px */
	padding: 0.214em 0.714em 0.214em 1.214em; /* 3px 10px 3px 17px */
	background-image: none;
}

#nav-sub li li {
	font-size: 100%;
}

#nav-sub li ul {
	border-top: 0.286em solid #fff; /* 4px */
	background: transparent url( "global/nav-sub/nav-sub-li-ul.png" ) 0 0 repeat-y;
}

#nav-sub li li {
	padding: 0 0 0.286em 1em; /* 0 0 4px 14px */
	background: transparent url( "global/nav-sub/nav-sub-li-li.png" ) 0 0 no-repeat;
}

#nav-sub li li.first {
	background: transparent url( "global/nav-sub/nav-sub-li-li-first.png" ) 0 0 no-repeat;
}

#nav-sub li li.last {
	background: transparent url( "global/nav-sub/nav-sub-li-li-last.png" ) 0 0 no-repeat;
}

#nav-sub li ul.single {
	background: none;
}

#nav-sub li ul.single li.single {
	background: none;
}

#nav-sub li li ul {
	background: transparent url( "global/nav-sub/nav-sub-li-li-ul.png" ) 0 0 repeat-y;
}

#nav-sub li li li {
	background: transparent url( "global/nav-sub/nav-sub-li-li-li.png" ) 0 0 no-repeat;
}

#nav-sub li li li.first {
	background: transparent url( "global/nav-sub/nav-sub-li-li-li-first.png" ) 0 0 no-repeat;
}

#nav-sub li li li.last {
	background: transparent url( "global/nav-sub/nav-sub-li-li-li-last.png" ) 0 0 no-repeat;
}

#nav-sub li li li ul {
	background: transparent url( "global/nav-sub/nav-sub-li-li-li-ul.png" ) 0 0 repeat-y;
}

#nav-sub li li li li {
	padding: 0 0 0.286em 0.786em; /* 0 0 4px 11px */
	background: transparent url( "global/nav-sub/nav-sub-li-li-li-li.png" ) 0 0 no-repeat;
}

#nav-sub li li li li.first {
	background: transparent url( "global/nav-sub/nav-sub-li-li-li-li-first.png" ) 0 0 no-repeat;
}

#nav-sub li li li li.last {
	background: transparent url( "global/nav-sub/nav-sub-li-li-li-li-last.png" ) 0 0 no-repeat;
}

/**
 *
 * Aktuell ausgewaehlter Menue-Eintrag. Klasse muss an <a>-Element
 * angeheftet werden.
 *
 */

#nav-sub a.current,
#nav-sub input.current {
	border-right: none !important;
	background-color: #6d7781 !important;
	background-image: url( "global/nav-sub/nav-sub-current-a.png" ) !important;
	background-position: 100% 50% !important;
	color: #fff !important;
}

#nav-sub a.current:hover,
#nav-sub input.current:hover {
	background-color: #444a50 !important;
	background-image: url( "global/nav-sub/nav-sub-current-a-hover.png" ) !important;
}

#nav-sub li a.current {
	width: 15.429em !important; /* 216px */
}

#nav-sub li input.current {
	width: 16.428em !important; /* 230px */
}

#nav-sub li li a.current {
	width: 14.429em !important; /* 202px */
}

#nav-sub li li li a.current {
	width: 12.714em !important; /* 178px */
}

#nav-sub li li li li a.current {
	width: 11.929em !important; /* 167px */
}


/**
 *
 * Helfer-Klasse, um Navigations-Eintraege in @page-step-by-step
 * zu verstecken.
 *
 */

#nav-sub ul.hidden {
	display: none;
}

/**
 *   Logo in Screen Sicht verstecken, in Print.Css aber wieder einblenden
 */

img.hidden {
	display: none;
}

/**
 * @section nav-teaser
 *
 * Wrapper um Teaser-Boxen unter Sub-Navigation, damit dieser gemeinsam
 * per Id fuer weitere Anforderungen (z.B. Print-Stylesheet) angesprochen
 * werden koennen.
 *
 */

#nav-teaser {
	clear: both;
}

/**
 * @section teaser
 *
 * Verschiedene Teaser-Boxen, die modul-artig durch die Seite verwendet
 * werden koennen. Eigenschaften werden durch die Kombination mehrerer
 * Klassen am <div>-Element gesetzt.
 *
 */

.teaser {
	width: 11.25em; /* 180px */
	padding: 0.625em 1.25em; /* 10px 20px */
	overflow: hidden;
}

/**
 *
 * Teaser linksbuendig ausrichten und vom Text umfliessen lassen.
 *
 */

.teaser-left {
	float: left;
	margin-left: 1.25em; /* 20px */
	display: inline; /* ie 6 */
}

/**
 *
 * Teaser rechtsbuendig ausrichten und vom Text umfliessen lassen.
 *
 */

.teaser-right {
	float: right;
	margin-left: 1.25em; /* 20px */
	display: inline; /* ie 6 */
}

/**
 *
 * Teaser mit negativem Aussenabstand rechts aus dem Inhalts-Bereich
 * ausbrechen lassen.
 *
 */

.teaser-right-out {
	margin-right: -5em; /* 80px */
}


.teaser h2 {
	font-size: 1.125em; /* 18px */
	margin: 0 0 1.2em; /* 15px */
	line-height: 1.111em; /* 20px */

	margin: 0 0 0.778em; /* 14px */ /* =nfs */
	line-height: 1.166em; /* 21px */ /* =nfs */


	font-family: "ff-meta-condensed-web-pro-1", "arial narrow", arial, helvetica, sans-serif; /* typkit replacement */
	font-weight: normal;
	text-transform: uppercase;
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
}

.teaser h3 {
	margin: 0 0 0.642em; /* 9px */
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-size: 0.875em; /* 14px */
	line-height: 1.286em; /* 18px */
	color: #666;
	text-transform: none;
	font-weight: normal;
}

.teaser-1,
.teaser-2,
.teaser-4 {
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

/**
 * @section teaser-1
 *
 * Teaser Typ 1. Hellgrauer Hintergrund.
 *
 */

.teaser-1 {
	background: #f2f2f2;
}

.teaser ul,
.teaser li {
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.teaser ul {
	width: 10em; /* 160px */
}

.teaser ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.teaser ul {
	display: inline-block;
}/* for IE/Mac */


.teaser li {
	/* margin: 0 0 0.75em; */ /* 9px */
	width: 13.333em; /* 160px */
	padding: 0 0 0.75em;
	font-size: 0.75em; /* 12px */
	line-height: 1.667em; /* 20px */
	text-transform: uppercase;
}

.teaser li a {
	float: left;
	width: auto;
	padding: 0.25em 0.417em 0.167em 1.667em; /* 3px 5px 2px 20px */
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #c9d1d3; */
	background-repeat: no-repeat;
	background-position: 4px 0;
	background-image: url( "helper/more.png" );
	color:#1B618C; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
}

.teaser li a:hover,
.teaser li a:focus,
.teaser li a:active {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781; */
	background-position: 4px -80px;
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt:color: #fff; */
}

/**
 *
 * @see <http://j.fork.de:8080/browse/KFW-152>
 *
 * Buttons genauso stylen wie Links in Teasern
 *
 */

.teaser li input {
	float: left;
	width: auto;
	padding: 0.25em 0.417em 0.167em 1.667em; /* 3px 5px 2px 20px */
	background-color: #c9d1d3;
	background-repeat: no-repeat;
	background-position: 4px 0;
	background-image: url( "helper/more.png" );
	color: #333;
	cursor: pointer;
	border: none;
	text-transform: uppercase;
	overflow: visible;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 1em;
}

.teaser li input:hover,
.teaser li input:focus,
.teaser li input:active {
	background-color: #6d7781;
	background-position: 4px -80px;
	color: #fff;
}


/**
 *
 * Definitionslisten in Teasern werden fuer Key-Value-Paare wie z.B.
 * Kontaktinformationen und Telefonnummer verwendet.
 *
 */

.teaser dl dt {
	font-size: 0.875em; /* 14px */
	line-height: 1.286; /* 18px */
}

.teaser dl dd {
	margin: 0 0 0.888em; /* 16px */
	font-size: 1.125em; /* 18px */
	line-height: 1em; /* 18px */
}

.teaser-1 dl dt,
.teaser-1 dl dd {
	color: #666;
}


/**
 * @section teaser-2
 *
 * Teaser Typ 2. Dunkelgrauer Hintergrund.
 *
 */

.teaser-2 {
	background: #6d7781;
	color: #fff;
}

.teaser-2 h2,
.teaser-2 h3 {
	color: #fff;
}

.teaser-2 p {
	font-size: 0.875em; /* 14px */
	line-height: 1.429em; /* 20px */
}

.teaser-2 li a:hover,
.teaser-2 li a:focus,
.teaser-2 li a:active {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #444a50 */
	background-position: 4px -160px;
}

/**
 * @section teaser-3
 *
 * Teaser Typ 3. Hellgrauer Hintergrund, 45grad-Spitze links.
 *
 */

.teaser-3 {
	width: 10em; /* 160px */
	padding: 0.625em 1.25em 0.625em 2.5em; /* 10px 20px 10px 40px */
	background: #e5e5e5 url( "module/teaser-3/teaser-3.png" ) 0 0 no-repeat;
}

.teaser-3 ul li {
	text-transform: none;
}

.teaser-3 ul li a {
	background-color: #e5e5e5;
	background-position: 4px -240px;
}

/**
 * @section teaser-4
 *
 * Teaser Typ 4. Hell-blaugrauer Hintergrund.
 *
 */

.teaser-4 {
	background: #f2f1ee; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #c9d1d3; */
}

.teaser-4 ul li a {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #fff; */
	background-position: 4px -320px;
}

/**
 * @section teaser-image
 *
 * Bilder in Teaser-Boxen.
 *
 */

.teaser .teaser-image {
	margin-bottom: 0.875em; /* 14px */
}

/**
 *
 * Bild im Teaser linksbuendig ausrichten und von Text umfliessen lassen.
 *
 */

.teaser .teaser-image-left {
	float: left;
	width: auto;
	margin-right: 0.625em; /* 10px */
	display: inline; /* ie 6 */
}

/**
 *
 * Bild im Teaser rechtsbuendig ausrichten und von Text umfliessen lassen.
 *
 */

.teaser .teaser-image-right {
	float: right;
	width: auto;
	margin-left: 0.625em; /* 10px */
	display: inline; /* ie 6 */
}

.teaser .teaser-image a {
	float: left;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

.teaser .teaser-image img {
	float: left;
}

/**
 * @section teaser-image-sizes
 *
 * Verschiedene Bildformate innerhalb der Teaser.
 *
 */

/**
 *
 * Teaser-Bild mit Zeilenumbruch.
 * Hoehe auf 136px festgelegt, Breite im Rahmen des Teaser flexibel.
 *
 */

.teaser .teaser-image-full {
	float: left;
	width: 11.25em; /* 180px */
}

.teaser .teaser-image-full img {
	height: 8.5em; /* 136px */
}

/**
 *
 * Teaser-Bild im Hochformat. Breite von 51px, Hoehe flexibel.
 *
 */

.teaser .teaser-image-portrait img {
	width: 3.1875em; /* 51px */
}

/**
 *
 * Teaser-Bild im Querformat. Breite von 74px, Hoehe flexibel.
 *
 */

.teaser .teaser-image-landscape img {
	width: 4.625em; /* 74px */
}

/**
 * @section teaser-interest
 *
 * Spezielle Teaser zur Darstellung von Zinssaetzen. 45grad-Spitze links.
 *
 */

.teaser-interest {
	width: 180px;
	padding: 0.625em 1.125em 0.625em 2.25em; /* 10px 20px 10px 36px */
	background: #6d7781 url( "enhanced/teaser-slidable/teaser-slidable.png" ) 0 0 no-repeat;
	color: #fff;
}

.teaser-interest p {
	font-size: 0.875em; /* 14px */
	line-height: 1.429em; /* 20px */
}

.teaser-interest li a:hover,
.teaser-interest li a:focus,
.teaser-interest li a:active {
	background-color: #444a50;
	background-position: 4px -160px;
}


/**
 * @section teaser-slidable
 *
 * Multi-Content-Teaser. Wird auf Doorpages verwendet. 45grad-Spitze links.
 *
 * Enhanced-Version: Hoehe setzen und Eintraege per Slide-Animation durchrotieren.
 *
 * Fallback-Version: Alle Eintraege untereinander anzeigen.
 *
 */

.teaser-slidable {
	width: 13.75em; /* 220px */
	padding: 0.625em 0 0.625em 1em; /* 10px 0 */
	background: #6d7781 url( "enhanced/teaser-slidable/teaser-slidable.png" ) 0 0 no-repeat;
	color: #fff;
}

.teaser-slidable-content-wrapper {
	width: 13.75em; /* 220px */
}

.teaser-slidable-content {
	width: 11.25em; /* 180px */
	padding: 0 1.25em; /* 0 20px */
}

.teaser-slidable-content h2 {
	margin-bottom: 0.9em; /* 20px */
	color: #fff;
}

.teaser-slidable-content p {
	font-size: 0.875em; /* 14px */
	line-height: 1.429em; /* 20px */
}

.teaser-slidable-content li a:hover,
.teaser-slidable-content li a:focus,
.teaser-slidable-content li a:active {
	background-color: #444a50;
	background-position: 4px -160px;
}

.has-js .teaser-slidable {
	overflow: hidden;
}

.has-js .teaser-slidable-content-wrapper {
	width: 55em; /* 880px */
	height: 10.125em; /* 162px */
}

.has-js .teaser-slidable-content {
	float: left;
}

.has-js .teaser-slidable-pagination {
	float: left;
	width: 11.25em; /* 180px */
	padding: 0 1.25em; /* 0 20px */
}

.has-js .teaser-slidable-pagination ul,
.has-js .teaser-slidable-pagination li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.has-js .teaser-slidable-pagination li {
	width: auto;
	margin: 0 0.5em 0 0; /* 0 0 8px 0 */
	display: inline; /* ie 6 */
}

.has-js .teaser-slidable-pagination li a {
	float: left;
	width: 0.583em; /* 7px */
	height: 0.583em; /* 7px */
	background: transparent url( "enhanced/teaser-slidable/teaser-slidable-pagination-a.png" ) 50% 0 no-repeat;
	padding: 0;
	overflow: hidden;
	text-indent: -10000px;
}

.has-js .teaser-slidable-pagination li.selected a {
	background: transparent url( "enhanced/teaser-slidable/teaser-slidable-pagination-a.png" ) 50% -100px no-repeat;
}

/**
 *
 * Aussenabstand unten fuer Teaser in Kontextspalte setzen.
 *
 */

#context .teaser {
	margin-bottom: 1.25em; /* 20px */
}


/**
 * @section teaser-list
 *
 * Teaser mit Listen fuer Zielgruppen. Findet zzt. keine Verwendung mehr.
 *
 */

#context .teaser-list {
	margin-top: -1.25em; /* 20px */
}

#context .teaser-list ul,
#context .teaser-list li {
	float: left;
	width: 13.75em; /* 220px */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#context .teaser-list li {
	border-bottom: 0.167em solid #fff; /* 2px */
	font-size: 0.75em; /* 12px */
	line-height: 2.083em; /* 25px */
}

#context .teaser-list li a {
	float: left;
	background-color: #d5dbdd;
	background-image: url( "module/teaser-list/teaser-list-a.png" );
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #000;
	padding: 0 0 0 2em; /* 24px */
	width: 16.333em; /* 196px */
}

#context .teaser-list li a:hover,
#context .teaser-list li a:focus,
#context .teaser-list li a:active {
	background-color: #6d7781;
	background-position: -440px 50%;
	color: #fff;
}

#context .teaser-list li.first a {
	background-image: url( "module/teaser-list/teaser-list-first-a.png" );
}


/**
 * @section content-wrapper
 *
 * Wrapper-Element fuer Inhaltsbereich. Verantwortlich fuer Hintergrund-
 * Bilder und Auffuellung.
 *
 */

#content-wrapper {
	float: left;
	width: 40em; /* 640px */
	margin: 0.625em 0 0; /* 10px */
	padding: 0.5em 0 0 3.75em; /* 8px 0 0 60px */
	background: transparent url( "global/Bilder/content.png" ) 0 0 no-repeat;
}

/**
 * @section content
 *
 * Inhalts-Bereich. Haupt-Seiteninhalte in diesem dargestellt.
 *
 */

#content {
	float: left;
	width: 33.75em; /* 540px */
	padding: 1.875em 4.375em 0 1.25em; /* 30px 70px 0 20px */
	background: #fff;
}

#content p a,
#content td a {
	background-repeat: no-repeat;
	background-image: url( "helper/a-default.png" );
	background-position: 2px 0;
	padding: 0 2px 0 17px;
}

/*
#content tr td a {
	background-image: url( "helper/a-td-odd.png" );
}

#content tr.even td a {
	background-image: url( "helper/a-td-even.png" );
}
*/

#content td a:hover,
#content td a:focus,
#content td a:active {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #bb5d02; */
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy */
}

#content p a:hover,
#content td a:hover,
#content p a:focus,
#content td a:focus,
#content p a:active,
#content td a:active {
	background-position: 2px -500px;
}

/**
 *
 * Spezielle Klasse fuer Links zu externen Inhalten.
 *
 */

#content p a.external,
#content p a.neuesPopupFenster,
#content td a.neuesPopupFenster,
#content td a.neuesFenster,
#content p a.neuesFenster { /* class name */
	background-image: url( "helper/a-external.png" );
}

/**
 *
 * Spezielle Klasse fuer Links zu E-Mail-Adressen (mailto:)
 *
 */

/**
 *
 * Hintergrundfarbe in Bild-Bloecken soll nicht weiss sein.
 *
 */

/* kfw class name */
/* #teaserbereich auch innerhalb von content, nav.teaser unterhalb Navi, noch "vor" content. Ji*/

p a.e-mail,
#nav-teaser a.e-mail,
#content td a.e-mail,
#content p a.e-mail{
	padding: 0 2px 0 19px !important; /* @todo */
	background-image: url( "helper/a-email.png" );
	background-repeat: no-repeat;
}

#content a.e-mail:hover,
#content a.e-mail:focus,
#content a.e-mail:active,
#nav-teaser a.e-mail:hover,
#nav-teaser a.e-mail:focus,
#nav-teaser a.e-mail:active { /* kfw class name */
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #bb5d02; */
	color: #83983d; /* 30.07.2012 - Neue Definition +++ Facelift syzygy  */
}

#nav-teaser a.e-mail {
	font-size:0.875em;
}
#content li li,
#content li p {
	font-size: 100%;
}

/**
 *
 * Aussenabstand bei verschachtelten Listen im Inhaltsbereich entfernen.
 *
 */

#content li ul,
#content li ol {
	margin: 0;
/*	margin-top: 1.5em; */
}

#content li ul {
	list-style-type: disc;
}


/**
 * @section related
 *
 * Bereich fuer verwandte Inhalte am Ende einer Artikelseite.
 *
 */

#related {
	float: left;
	width: 58.75em; /* 940px */
	margin: 1.5em 0 0; /* 24px 0 0 */
	padding: 2.3125em 0.625em 0; /* 27px 10px 0 */
	background: transparent url( "module/related/related.png" ) 50% 0 no-repeat;
}

#related .item {
	float: left;
	width: 13.125em; /* 210px */
	padding: 0 1.25em 0 0; /* 0 20px 0 0 */
	border-right: 0.625em solid #fff; /* 10px */
	background: transparent url( "module/related/related-item.png" ) 100% 0 no-repeat;
}

#related .last {
	padding: 0 0.625em 0 0; /* 10px */
	border-right: none;
	background: none;
}

#related .item h3 {
	margin: 0 0 1.2em; /* 15px */
	font-size: 1.125em; /* 18px */
	line-height: 1.111em; /* 20px */
	text-transform: uppercase;
	font-family: "ff-meta-condensed-web-pro-1", "arial narrow", arial, helvetica, sans-serif; /* typkit replacement */
	font-weight: normal;
}

#related .item h3 a {
	color: #333;
}

#related .item h3 a:hover,
#related .item h3 a:focus,
#related .item h3 a:active {
	background: #6d7781;
	color: #fff;
}

#related .item p {
	margin: 0 0 1.429em; /* 20px */
	color: #666;
	font-size: 0.875em; /* 14px */
	line-height: 1.285; /* 18px */
}

#related .item p.more {
	margin: 0;
	font-size: 0.75em; /* 12px */
	line-height: 1.667em; /* 20px */
	text-transform: uppercase;
}

#related .item p.more a {
	padding: 0.25em 0.833em 0.167em 1.667em; /* 3px 10px 2px 20px */
	background-color: #c9d1d3;
	background-repeat: no-repeat;
	background-position: 4px 0;
	background-image: url( "helper/more.png" );
	color: #333;
}

#related .item p.more a:hover,
#related .item p.more a:focus,
#related .item p.more a:active {
	background-color: #6d7781;
	background-position: 4px -80px;
	color: #fff;
}

#related .item .image {
	margin: 0 0 0 0.625em; /* 10px */
	float: right;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	display: inline; /* ie 6 */
}

#related .item .image img {
	float: left;
}

#related .item ul,
#related .item li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#related .item li {
	font-size: 0.875em; /* 14px */
	line-height: 1.714em; /* 24px */
}

#related .item ul li a {
	padding: 0.214em 0.714em 0.143em 1.428em; /* 3px 10px 2px 20px */
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 4px -320px;
	background-image: url( "helper/more.png" );
	color: #666;
}

#related .item ul li a:hover,
#related .item ul li a:focus,
#related .item ul li a:active {
	background-color: #6d7781;
	color: #fff;
	background-position: 4px -80px;
}


/**
 * Keine Anzeige bei SbS oder Suche
 */
.page-step-by-step #related,
.page-download #related {
	display: none;
}

/**
 * @section footer-wrapper
 *
 * Wrapper-Element fuer den Fussbreich.
 *
 */

#footer-wrapper {
	width: 60em; /* 960px */
	margin: 0 auto;
}

/**
 * @section footer
 *
 * Fussbereich. Enthaelt Aktions-Navigation, weitere Meta-Navigation und
 * Direktlink-Navigation.
 *
 */


#footer {
	float: left;
	width: 60em; /* 960px */
	margin: 1em 0 0; /* 16px */
	padding: 0.5em 0 0; /* 8px */
	background: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: transparent url( "global/footer/footer.png" ) 50% 0 no-repeat; */
}

/**
 *
 * @section nav-footer
 *
 * Footer-Navigation. Wrapper fuer Aktions-Navigation und Meta-Navigation
 *
 */

#nav-footer {
	float: left;
	width: 60em; /* 960px */
/* 30.07.2012 - Auskommentiert um freigestellten Footer zu realisieren +++ Facelift syzygy */
/*	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.27);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.27);
*/
}

#nav-footer ul,
#nav-footer li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav-footer li {
	font-size: 0.875em; /* 14px */
	text-transform: uppercase;
}

/**
 *
 * @section nav-footer-action
 *
 * Aktions-Navigation im Fussbereich. Enthaelt globale Funktionen wie
 * z.B. Empfehlen, PDF-Version, Druckversion und RSS-Feed.
 *
 */


#nav-footer-action {
	float: left;
	width: 60em; /* 960px */
	border-bottom: 0.0625em solid #c2c2c2; /* 1px */
	padding: 0.5625em 0 0.625em; /* 9px 0 10px */
}

#nav-footer-action li {
	float: right;
	height: 2.143em; /* 30px */
	padding: 0 0.429em 0 0; /* 6px */
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 2.429em; /* 34px */
}

#nav-footer-action a {
	float: left;
	padding: 0 0.929em 0 2.923em; /* 0 13px 0 41px */
	overflow: hidden;
	color: #0d5075; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #666; */
	background-repeat: no-repeat;
	background-position: 2px 0;
}

#nav-footer-action a:hover,
#nav-footer-action a:focus,
#nav-footer-action a:active {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781; */
	background-position: 2px -100px;
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}

#nav-footer li#nav-footer-action-top {
	float: left;
	border-left: 1.429em solid #fff; /* 20px */
}

#nav-footer li#nav-footer-action-rss {
	padding-right: 1.214em; /* 17px */
}

#nav-footer li#nav-footer-action-top a {
	background-image: url( "global/nav-footer-action/nav-footer-action-top.png" );
}

#nav-footer li#nav-footer-action-watchlist a {
	background-image: url( "global/nav-footer-action/nav-footer-action-watchlist.png" );
}

#nav-footer li#nav-footer-action-recommend a {
	background-image: url( "global/nav-footer-action/nav-footer-action-recommend.png" );
}

#nav-footer li#nav-footer-action-pdf a {
	background-image: url( "global/nav-footer-action/nav-footer-action-pdf.png" );
}

#nav-footer li#nav-footer-action-print a {
	background-image: url( "global/nav-footer-action/nav-footer-action-print.png" );
}

#nav-footer li#nav-footer-action-help a {
	background-image: url( "global/nav-footer-action/nav-footer-action-help.png" );
}

#nav-footer li#nav-footer-action-close a {
	background-image: url( "global/nav-footer-action/nav-footer-action-close.png" );
}

#nav-footer li#nav-footer-action-rss a {
	background-image: url( "global/nav-footer-action/nav-footer-action-rss.png" );
}

#nav-footer li#nav-footer-action-facebook a {
	background-image: url( "global/nav-footer-action/nav-footer-action-facebook.png" );
	padding-left: 1.323em;
/*
	padding-bottom: 0.66em;
	padding-left: 0.929em;
	padding-right: 0.66em;
	padding-top: 2.923em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
*/
}

#nav-footer li#nav-footer-action-twitter a {
	background-image: url( "global/nav-footer-action/nav-footer-action-twitter.png" );
	padding-left: 1.323em;
/*
	padding-bottom: 0.66em;
	padding-left: 0.929em;
	padding-right: 0.66em;
	padding-top: 2.923em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
*/
}

#nav-footer li#nav-footer-action-google a {
	background-image: url( "global/nav-footer-action/nav-footer-action-google.png" );
	padding-left: 1.323em;
/*
	padding-bottom: 0.66em;
	padding-left: 0.929em;
	padding-right: 0.66em;
	padding-top: 2.923em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
*/
}

#nav-footer li#nav-footer-action-delicious a {
	background-image: url( "global/nav-footer-action/nav-footer-action-delicious.png" );
	padding-left: 1.323em;
/*
	padding-bottom: 0.66em;
	padding-left: 0.929em;
	padding-right: 0.66em;
	padding-top: 2.923em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
*/
}

#nav-footer li#nav-footer-action-xing a {
	background-image: url( "global/nav-footer-action/nav-footer-action-xing.png" );
	padding-left: 1.323em;
/*
	padding-bottom: 0.66em;
	padding-left: 0.929em;
	padding-right: 0.66em;
	padding-top: 2.923em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
*/
}

#nav-footer li#nav-footer-action-mrwong a {
	background-image: url( "global/nav-footer-action/nav-footer-action-mrwong.png" );
	padding-left: 1.323em;
/*
	padding-bottom: 0.66em;
	padding-left: 0.929em;
	padding-right: 0.66em;
	padding-top: 2.923em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
*/
}


/**
 *
 * @section nav-footer-meta
 *
 * Meta-Navigation im Fussbereich. Enthaelt Links zu Meta-Inhalten wie
 * z.B. Inhaltsverzeichnis, Datenschutz, Impressum.
 *
 *
 */

#nav-footer-meta {
	float: left;
	width: 60em; /* 960px */
	background: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #ebebeb url( "global/nav-footer-meta/nav-footer-meta.png" ) 0 0 repeat-x; */
}

#nav-footer-meta ul,
#nav-footer-meta li {
	float: left;
}

#nav-footer-meta li {
	line-height: 3.714em; /* 52px */
}

#nav-footer-meta a {
	float: left;
	border-right: none; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: 0.071em solid #c2c2c2; /* 1px */
	padding: 0 1.071em; /* 0 15px */
	color: #0d5075; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
}

#nav-footer-meta a:hover,
#nav-footer-meta a:focus,
#nav-footer-meta a:active {
	background: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #6d7781; */
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}


/**
 *
 * @section nav-directlinks
 *
 * Direktlink-Navigation enthaelt Links zum Direkteintieg in bestimmte
 * Tehmenbereiche.
 *
 */

#nav-directlinks {
	float: left;
	width: 60em; /* 960px */
	padding: 1.5em 0 2em; /* 24px 0 36px */
}

#nav-directlinks .item {
	float: left;
	width: 13.75em; /* 220px */
	padding: 0 0.625em; /* 0 10px */
}

#nav-directlinks .last {
	padding: 0 0 0 0.625em; /* 0 10px */
}

#nav-directlinks ul,
#nav-directlinks li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav-directlinks li {
	font-size: 0.75em; /* 12px */
	line-height: 2em; /* 24px */
	color: #666;
}

#nav-directlinks li a {
	display: block;
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #666; */
	width: 17.25em; /* 207px */
	padding: 0 0 0 1.083em; /* 13px */
	background: #fff url( "global/nav-directlinks/nav-directlinks-a.png" ) 0 7px no-repeat;
}

#nav-directlinks li a:hover,
#nav-directlinks li a:focus,
#nav-directlinks li a:active {
	background-position: 0 -93px;
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
	text-decoration: none; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: text-decoration: underline; */
}


/**
 * @section pages
 *
 * Styles fuer Seiten-spezifische Elemente. Inhalte fuer ueber
 * Seiten-Klassen (page-article, ...) am #main-wrapper angesprochen.
 *
 *
 */

/**
 * @section page-article
 *
 * Artikelseite
 *
 */

/**
 *
 * Umbrueche bei Ueberschriften im Inhaltsbereich erzwingen.
 * Entfernt;
 * @see: http://j.fork.de:8080/browse/KFW-84
 */

/*
.page-article #content h1,
.page-article #content h2,
.page-article #content h3,
.page-article #content h4 {
	clear: both;
}
*/

/**
 * @section page-home
 *
 * Homepage. Fuer die einzelnen Hauptbereiche der KfW-Webseite
 *
 */

.page-home #main {
	background: none;
}

/**
 *
 * Sektions-Navigation absolut positionieren, damit sie ueber
 * grossformatigen Hintergrundbildern liegen kann.
 *
 */

.page-home #nav-section {
	margin: 0;
	position: absolute;
	left: 0.625em; /* 10px */
	top: 0.625em; /* 10px */
}

/**
 *
 * Inhalts-Bereich linksbuendig ausrichten.
 *
 */

.page-home #content {
	float: left;
	width: 38.75em; /* 620px */
	padding: 0 5em 0 0.625em; /* 0 80px 0 10px */
	background: transparent url( "page/home/content.png" ) 100% 0 no-repeat;
}

/**
 *
 * Kontext-Bereich rechtsbuendig ausrichten.
 *
 */

.page-home #context {
	width: 13.75em; /* 220px */
	border: none;
	padding: 0 0.625em; /* 10px */
	float: right;
}

/**
 *
 * Aussenabstand unten von Teaser-Boxen verringern.
 *
 */

.page-home #context .teaser {
	margin-bottom: 0.625em; /* 10px */
}


/**
 * @section feature
 *
 * Feature-Bereich auf Homepage und Umbrellapage. Enthaelt Sektions-
 * Navigation und Ueberschrift. Grosses Hintergrundbild wird als <img>
 * eingebunden, damit es beim Aendern der Font-Groesse mitskaliert.
 *
 */

#feature {
	position: relative;
	width: 60em; /* 960px */
/*	overflow: hidden;	*/
}

.page-home #feature {
	margin: 0 0 1.5em; /* 24px */
	height: 33em; /* 528px */
}

/* feature background */

.feature-bg {
	position: absolute;
	left: 0.625em; /* 10px */
	top: 0;
	width: 58.75em; /* 940px */
	z-index: 0;
}

.feature-bg img.featurebg {
	position: absolute;
	left: 0;
	top: 0;
	width: 58.75em; /* 940px */
}

.page-home #feature .feature-bg {
	height: 33em; /* 528px */
}

.page-home #feature .feature-bg img.featurebg {
	height: 33em; /* 528px */
}

/* headings */

/* m.delonge: padding-bottom ergaenzt, weil Unterlaengen im IE abgeschnitten werden. */
.feature-heading {
	position: absolute;
	left: 1.25em; /* 20px */
	top: 1.25em; /* 20px */
	z-index: 1;
	padding-bottom: .6em;
}


.feature-heading h1,
.feature-heading h2 {
	margin: 0;
}

/**
 * @section page-home-bankengruppe
 *
 * Homepage Bankengruppe
 *
 */



/**
 *
 * Ueberschrift im Feature-Bereich neu positonieren.
 *
 */

.page-home-bankengruppe .feature-heading {
	left: 35em; /* 560px */
	top: 7.5em; /* 120px */
	width: 23.75em; /* 380px */
}

/**
 * @page page-home-foerdergeschaeft
 *
 * Homepage Foerdergeschaeft
 *
 */

.page-home-foerdergeschaeft .feature-heading {
	left: 1.25em; /* 20px */
	top: 6.875em; /* 110px */
}

.page-home-foerdergeschaeft #news-secondary {
	margin: 0;
	border: none;
	padding: 0;
	background: none;
}


/**
 *
 * Teaser auf grossformatigen Foto in Bankengruppe ausrichten und stylen.
 * Zitat-Teaser hinzugefuegt.
 *
 */

/* .page-home-bankengruppe #feature .feature-teaser {
	position: absolute;
	top: 18.75em; 300px
	width: 12.125em; 194px
	min-height: 2.875em; 46px
	padding: 0.8125em; 13px
	background: #6d7781;
	color: #fff;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	z-index: 1;


	top: 15em; 240px;
	right: 0.625em; 10px;
	width: 11.125em; 178px;
	padding: 1.3125em; 21px;
} */


.page-home-bankengruppe #feature .feature-teaser {
	position: absolute;
	/* left: 35em; 560px */
	/* top: 18.75em; /* 300px */
	bottom: 0;
	right: 0.6em;
	width: 12.125em; /* 194px */
	min-height: 2.875em; /* 46px */
	padding: 0.8125em; /* 13px */
	background: #6d7781;
	color: #fff;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);	
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.page-home-bankengruppe #feature .feature-teaser h2 {
	font-family: "trebuchet ms", verdana, arial, sans-serif;
  font-size: 1.125em;
	line-height: 1.286em;  /* 18px */
	box-shadow: none;
	color: #FFFFFF;
}

.page-home-bankengruppe #feature .feature-teaser h2 a {
	color: #fff;
}

.page-home-bankengruppe #feature .feature-teaser h2 a:hover,
.page-home-bankengruppe #feature .feature-teaser h2 a:focus,
.page-home-bankengruppe #feature .feature-teaser h2 a:active {
	background-color: #d5dbdd;
	color: #333;
}

/** 
 *	30.07.2012 - Neue Definitionen +++ Facelift syzygy 
 	Diese Styles sind notwendig das neue Linkkonzept auf dem 
 	dunklen Hintergrund zu realisieren
 */

.page-home-bankengruppe #feature .feature-teaser a,
.teaser.teaser-2 a,
.teaser.teaser-2 a:hover {
	background-color: #fff;
}

/** 
 *	Ende Neue Definitionen +++ Facelift syzygy 
 */

/**
 *
 * Weiterlesen-Links im Feature-Teaser.
 *
 */

#feature .feature-teaser p.more {
	margin: 0;
	font-size: 0.75em; /* 12px */
	line-height: 1.667em; /* 20px */
	text-transform: uppercase;
}

#feature .feature-teaser p.more a {
	float: left;
	padding: 0 0.833em 0 1.667em; /* 0 10px 0 20px */
	background-repeat: no-repeat;
	background-color: #c9d1d3;
	background-position: 4px 0;
	background-image: url( "helper/more.png" );
	color: #333;
}

#feature .feature-teaser p.more a:hover,
#feature .feature-teaser p.more a:focus,
#feature .feature-teaser p.more a:active {
	background-color: #444a50;
	background-position: 4px -160px;
	color: #fff;
}

/**
 *
 * Bilder im Feature-Teaser.
 *
 */

#feature .feature-teaser-image {
	margin-bottom: 0.75em; /* 14px */
}

#feature .feature-teaser-image-left {
	float: left;
	width: auto;
	margin-right: 0.625em; /* 10px */
	display: inline; /* ie 6 */
}

#feature .feature-teaser-image-right {
	float: right;
	width: auto;
	margin-left: 0.625em; /* 10px */
	display: inline; /* ie 6 */
}

#feature .feature-teaser-image-full {
	float: left;
}

.page-home #feature .feature-teaser-image-full {
	width: 11.25em; /* 180px */
}

#feature .feature-teaser-image img {
	float: left;
}

#feature .feature-teaser-image a {
	float: left;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

/**
 * @section feature-teaser
 *
 * Feature-Teaser absolut innerhalb der Dimensionen von #feature
 * positionieren.
 *
 */

.feature-teaser {
	position: absolute;
	z-index: 1;
}

/**
 *
 * Feature-Teaser in Homepage Foerdergeschaeft positionieren.
 * Feature-Teaser enthalten Zielgruppen-Selects.
 *
 */

.page-home-foerdergeschaeft #feature-1 {
	left: 1.25em; /* 20px */
	top: 16.125em; /* 258px */
}

.page-home-foerdergeschaeft #feature-2 {
	left: 20.625em; /* 330px */
	top: 16.125em; /* 258px */
}

.page-home-foerdergeschaeft #feature-3 {
	left: 1.25em; /* 20px */
	top: 20.5625em; /* 329px */
}

.page-home-foerdergeschaeft #feature-4 {
	left: 20.625em; /* 330px */
	top: 20.5625em; /* 329px */
}


/**
 * @section feature-teaser-header
 *
 * Kopfbereich im Feature-Teaser.
 *
 */

.feature-teaser .header {
	float: left;
	height: 1.375em; /* 22px */
	padding: 0 1.375em 0 0; /* 22px 0 0 */
	background: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: transparent url( "module/feature-header/feature-header.png" ) 100% 0 no-repeat; */
}

.feature-teaser .header h2 {
	float: left;
	width: auto;
	margin: 0;
	padding: 0 0.833em; /* 0 10px */
	font-weight: normal;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 0.75em; /* 12px */
	line-height: 1.833em; /* 22px */
	background: #6d7781 url( "module/feature-header/feature-header.png" ) 0 0 no-repeat;
	color: #fff; /* may not be #fff */
}

/**
 * @section feature-teaser-content
 *
 * Inhaltsbereich im Feature-Teaser.
 *
 */

.feature-teaser .content {
	clear: left;
	float: left;
	width: 17.5em; /* 280px */
	padding: 0.625em; /* 10px */
	background: #c9d1d3;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

/**
 *
 * Gestaltung der Select-Menues auf Homepage Foerdergeschaeft.
 *
 * Enhanced-Version: Custom-Selects, die das umgebende Formular bei
 * Auswahl per JavaScript absenden.
 *
 * Fallback-Version: Standard-Selects mit Submit-Button.
 *
 */

.page-home-foerdergeschaeft .feature-teaser .content .select select,
.page-home-foerdergeschaeft .feature-teaser .content .select input.submit {
	float: left;
	font-size: 0.75em; /* 12px */
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}

.page-home-foerdergeschaeft .feature-teaser .content .select select {
	width: 17.5em; /* 210px */
	margin: 0 0.5em 0 0; /* 6px */
	display: inline; /* ie 6 */
}

.page-home-foerdergeschaeft .feature-teaser .content .select input.submit {
	width: 5em;
	overflow: auto;
	padding: 0;
	border: 0px solid #fff;
	background: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #d5dbdd; */
	color: #333;
	text-transform: uppercase;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.has-js .page-home-foerdergeschaeft .feature-teaser .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/page-home-foerdergeschaeft/ui-selectmenu-icon.png" ) 100% 0 no-repeat;
}

.has-js .page-home-foerdergeschaeft .feature-teaser .ui-state-active .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/page-home-foerdergeschaeft/ui-selectmenu-icon-active.png" ) 100% 0 no-repeat;
}

.has-js .page-home-foerdergeschaeft .feature-teaser .ui-state-default .ui-selectmenu-status {
	background-color: #d9dfe0;
	color: #333;
}

.has-js .page-home-foerdergeschaeft .feature-teaser a.ui-state-hover .ui-selectmenu-status {
	background-color: #575f67;
	color: #fff;
}

.has-js .page-home-foerdergeschaeft .feature-teaser .ui-selectmenu {
	/* d229 20110628 
	width: 17.5em !important; 
	*/
}

/**
 *
 * Menues der ausgeklappten custom selects auf der Foerdergeschaeft Homepage.
 *
 */

.page-home-foerdergeschaeft #foerdergeschaeft-select-1-menu,
.page-home-foerdergeschaeft #foerdergeschaeft-select-2-menu,
.page-home-foerdergeschaeft #foerdergeschaeft-select-3-menu,
.page-home-foerdergeschaeft #foerdergeschaeft-select-4-menu {
	min-width: 16em !important; /* 256px */
	width: auto !important;
}

/**
 * @section feature-programfinder
 *
 * Foererlots im Feature-Bereich. Wird auf Umbrellapage, Homepage und
 * Beratungsseite verwendet.
 *
 * Enhanced-Version: Custom-Selects und Custom-Checkboxen loesen
 * AJAX-Aufrufe aus, die ein sukzessives Eingrenzen der Auswahl ohne
 * Seiten-Reload ermoeglichen.
 *
 * Fallback-Version: Standard-Formular-Elemente loesen einen harten
 * Reload aus.
 *
 */

#feature-programfinder .content {
	background: #6d7781;
	color: #fff;
}

#feature-programfinder h5 {
	color: #fff;
	margin: 0 0 0.778em; /* 14px */
	font-weight: normal;
	font-family: "ff-meta-condensed-web-pro-1", "arial narrow", arial, helvetica, sans-serif; /* typkit replacement */
	font-size: 1.125em; /* 18px */
	line-height: 1.111em; /* 20px */
	text-transform: uppercase;
}

#feature-programfinder p {
	margin: 0 0 1em;
	font-size: 0.875em; /* 14px */
	line-height: 1.286em; /* 18px */
}

#feature-programfinder .submit {
	padding: 0 0 0.6875em;
}

#feature-programfinder .submit input {
	height: 1.667em;
	border: none;
	padding: 0.1667em 0.5em 0.333em 1.667em; /* 2px 6px 4px 20px */
	/* background: #d5dbdd url( "/kfw/Vorlagen/design/helper/more.png" ) 4px 0 no-repeat; correct color ? */
	/*background: #cbd3d5 url( "/kfw/Vorlagen/design/helper/more.png" ) 4px 0 no-repeat;*/
	background: #cbd3d5 url( "page/advice/lupe.png" ) 4px -35px no-repeat; /* d229 */
	font-size: 0.75em; /* 12px */
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	text-transform: uppercase;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	overflow: visible; /* correct padding for ie 6 + 7 */

	/*d229: 20110627 groesserer Abstand Buttons */
	margin-top: 0.5em;
	background-position: 4px -35px; /*d229*/
}
#feature-programfinder .submit input.submit-reset {
	background: #cbd3d5 url( "page/advice/reload.png" ) 4px -35px no-repeat; /* d229 */
}
#feature-programfinder .submit input:hover,
#feature-programfinder .submit input:focus {
	background: #444a50 url( "page/advice/lupe.png" ) 4px -195px no-repeat;	 /*d229*/	
	color: #fff;
}
#feature-programfinder .submit input:hover.submit-reset,
#feature-programfinder .submit input:focus.submit-reset {
	background: #444a50 url( "page/advice/reload.png" ) 4px -195px no-repeat;	 /*d229*/	
	color: #fff;
}

#feature-programfinder .checkbox {
	float: left;
	padding: 0 0 0.5em; /* 8px */
	width: 12.25em; /* 196px */
}

#feature-programfinder .input-group {
	width: 10.5em; /* 168px */
}

#feature-programfinder .checkbox label {
	font-size: 0.75em; /* 12px */
	line-height: 1.5em; /* 18px */
}

#feature-programfinder .checkbox label {
	padding-right: 1em;
}

#feature-programfinder .select {
	float: left;
	width: 12.25em; /* 196px */
	padding: 0 0 0.5em /* 8px */
}

#feature-programfinder .select select {
	font-size: 0.75em; /* 12px */
	font-family: "trebuchet ms", verdana, sans-serif;
	width: 16.333em; /* 196px */
}

.has-js #feature-programfinder .checkbox .custom-checkbox {
	float: left;
	margin: 0 2px 0 0; /* @todo */
}

/**
 *
 * @section feature-programfinder-ui-selectmenu
 *
 * Trigger-Elemente der Custom-Selects im Foerderlotsen.
 *
 */

.has-js #feature-programfinder .ui-selectmenu {
	width: 12.25em /*!important; *//* 196px */
}

.has-js #feature-programfinder .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/page-advice/ui-selectmenu-icon.png" ) 100% 0 no-repeat;
}

.has-js #feature-programfinder .ui-state-active .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/page-advice/ui-selectmenu-icon-active.png" ) 100% 0 no-repeat;
}

.has-js #feature-programfinder a.ui-state-default .ui-selectmenu-status {
	background-color: #575f67;
	color: #fff;
}

.has-js #feature-programfinder a.ui-state-hover .ui-selectmenu-status {
	background-color: #c9d1d3;
	color: #333;
}

/**
 * @section feature-programfinder-ui-selectmenu-menu
 *
 * Menues der ausgeklappten Custom-Selects im Foerderlotsen.
 * Body Klasse ist per JavaScript wieder an <body> dupliziert um
 * Ansprechen per Kaskade zu ermoeglichen.
 *
 */

.page-umbrella #filter-select-1-menu,
.page-umbrella #filter-select-2-menu,
.page-umbrella #filter-select-3-menu,
.page-umbrella #filter-select-4-menu,
.page-home-foerdergeschaeft #filter-select-1-menu,
.page-home-foerdergeschaeft #filter-select-2-menu,
.page-home-foerdergeschaeft #filter-select-3-menu,
.page-home-foerdergeschaeft #filter-select-4-menu {
	min-width: 10.75em !important; /* 172px */
	width: auto !important;
}


/**
 * @section page-home
 *
 * Positionierung des Foerderlotsen auf der Homepage.
 *
 */

.page-home #feature-programfinder {
	right: 0.625em; /* 10px */
	top: 8.5625em; /* 137px */
	width: 13.75em; /* 220px */
}

.page-home #feature-programfinder .content {
	width: 12.5em; /* 200px */
}

/**
 * @section news
 *
 * Newsbereich. Wird auf Homepage und Doorpage verwendet.
 * Enthaelt News erster, zweiter und dritter Ordnung.
 *
 */

#content .news a {
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
}

/* 30.07.2012 - Genauere Spezifizierung der Angabe: "h2" ergaenzt +++ Facelift syzygy */
#content .news h2 a:hover, 
#content .news h2 a:focus,
#content .news h2 a:active {
	color: #83983d !important; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781;; */
}

#content .news p {
	margin: 0;
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #666; */
}

#content .news img {
	float: left;
}

#content .news p.more {
	margin: 2em 0 0;
	margin: 1.75em 0 0; /* 21px 0 0 */ /* =nfs */
	font-size: 0.75em; /* 12px */
	line-height: 1.667em; /* 20px */
	text-transform: uppercase;
}

#content .news p.more a {
	float: left;
	padding: 0 0.833em 0 1.667em; /* 0 10px 0 20px */
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #c9d1d3; */
	background-position: 4px 0;
	background-image: url( "helper/more.png" );
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy */
}

#content .news p.more a:hover,
#content .news p.more a:focus,
#content .news p.more a:active {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781 */
	background-position: 4px -80px;
	color: #83983d !important; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy */
}


/**
 * @section news-primary
 *
 * News erster Ordnung.
 *
 */

.news-primary {
	float: left;
	width: 36.25em; /* 580px */
	margin: 0.8125em 0 0; /* 13px */
	padding: 1.25em; /* 20px */
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.news-primary-first {
	margin: 0;
}

.news-primary h2 {
	margin: 0 0 0.25em; /* 4px */
	font-weight: normal;
}

.news-primary p {
	font-size: 0.875em; /* 14px */
	line-height: 1.714em; /* 24px */
}

#content .news-primary p.more {
	margin: 0.75em 0 0; /* 9px 0 0 */
}

.news-image {}

.news-image-left {
	float: left;
	margin-right: 1.25em; /* 20px */
	display: inline; /* ie 6 */
}

.news-image-right {
	float: right;
	margin-left: 1.25em; /* 20px */
	display: inline; /* ie 6 */
}

.news-image img {
	float: left;
}

/**
 * @section news-secondary
 *
 * News zweiter Ordnung.
 *
 * Enhanced-Version: Weiterlesen-Links werden im Quellcode verschoben
 * und oberhalb der Bilder positioniert.
 *
 * Fallback-Version: Weiterlesen-Links werden unterhalb der News-Texte
 * angezeigt.
 *
 */

#news-secondary {
	float: left;
	width: 38.75em; /* 620px */
	padding: 0 0 0.75em; /* 12px */
	border-bottom: 2.25em solid #fff; /* 36px */
	background: transparent url( "module/news-secondary/news-secondary.png" ) 50% 100% no-repeat;
}


#news-primary p.intro ,
#news-secondary p.intro ,
#news-tertiary p.intro {
	float: left;
	width: 20em; /* 600px */
	margin: 0;
	padding: 0.8em 0.334em; /* 24px 10px */
	padding: 0.8em 0.334em 0.3em;/* 24px 10px */ /* = nfs ; d229 20120906 korrektur linker Abstand*/
}

#news-tertiary h2 {
	padding-left: .55em;
	/* aligned to p.intro in news-tertiary; see .pressbackframe */
}
.news-secondary-wrapper {
	float: left;
	width: 38.125em; /* 610px */
	padding: 0 0 3em;
}

.news-secondary {
	float: left;
	width: 17.5em; /* 280px */
	padding: 0.625em 1.875em 0 0.625em; /* 10px 30px 0 10px */
	padding: 0 1.875em 0.625em 0.625em; /* 0 30px 10px 10px */ /* =nfs */	
}

.news-secondary-last {
	padding: 0.625em 0 0 0.625em; /* 10px 0 0 10px */
	padding: 0 0 0.625em 0.625em; /* 0 0 10px 10px */ /* =nfs */
}

.news-secondary .news-image {
	width: 17.5em; /* 280px */
	height: 4.75em; /* 76px */
}

/* d229-changed: nicht alle Bilder, sondern nur mit class .news skalieren,
	sonst sind buttons im InsiteEditing auch so gross!
*/
.news-secondary .news-image img.news {
	width: 17.5em; /* 280px */
	height: 4.75em; /* 76px */
}

.news-secondary h2 {
	margin: 0;
	/*line-height: 1.667em; 30px */
	line-height: 1em;
	padding-top: 0.33em;
	padding-bottom: 0.33em;
	font-weight: normal;
}

.has-js .news-secondary .news-image {
	position: relative;
}

/* m.delonge: cursor ergaenzt! */
.has-js .news-secondary .news-image a span.more {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 0.833em 0 3.333em; /* 0 10px 0 40px */
	font-size: 0.75em; /* 12px */
	line-height: 1.667em; /* 20px */
	text-transform: uppercase;
	background: transparent url( "module/news-secondary/news-secondary-image-more.png" ) 0 0 no-repeat;
	cursor: pointer;
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy */
}

.has-js .news-secondary .news-image a:hover span.more {
	background: transparent url( "module/news-secondary/news-secondary-image-more.png" ) 0 -100px no-repeat;
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy */
}

/**
 * @section news-tertiary
 *
 * News dritter Ordnung. Nur-Text-Darstellung.
 *
 */

.news-tertiary {
	float: left;
	width: 37.5em; /* 600px */
	padding: 0 0.625em 3em; /* 0 10px 48px */
}

.news-tertiary h2 {
	margin: 0;
	line-height: 1.333em; /* 24px */
	font-weight: normal;
}


/**
 *
 * @section page-umbrella
 *
 * Umbrellapage. Enthaelt 4 Feature-Teaser und 2 News-Bloecke. Der erste
 * Feature-Teaser enthaelt den Foerderlotsen. Hintergrundbilder des
 * Feature-Bereiches werden ueber <img>-Tags realisiert, damit sie
 * beim Aendern der Font-Groesse mitskalieren und ueber JavaScript
 * ansprechbar sind.
 *
 * Enhanced-Version: Alle Feature-Teaser bis auf Foerderlotsen schliessen
 * und Hintergrundbild des ersten Teasers anzeigen.
 *
 * Fallback-Version: Alle Feature-Teaser im geoeffneten Status anzeigen.
 * Generisches Hintergrundbild anzeigen.
 *
 */

.page-umbrella #feature {
	margin: 0 0 1.125em; /* 18px */
	margin: 0;
	height: 40.5em; /* 648px */
	overflow: hidden;
}

.page-umbrella #nav-section {
	margin: 0;
	position: absolute;
	left: 45.625em; /* 730px */
	top: 0.625em; /* 10px */
	width: 13.75em; /* 220px */
}

.page-umbrella #nav-section ul {
	width: auto;
	background: transparent;
}

.page-umbrella .feature-heading {
	left: 1.25em; /* 20px */
	/* top: 6.25em; 100px */
	top: 5em; /* 80px */
}

.page-umbrella .feature-heading p {
	margin: 0;
	font-size: 0.875em; /* 14px */
	line-height: 1.429em; /* 20px */
}

.page-umbrella .feature-teaser {
	top: 11.125em; /* 178px */
	width: 13.75em; /* 220px */
}

.page-umbrella #feature-1 {
	left: 0.625em; /* 10px */
}

.page-umbrella #feature-2 {
	left: 15.625em; /* 250px */
}

.page-umbrella #feature-3 {
	left: 30.625em; /* 490px */
}

.page-umbrella #feature-4 {
	left: 45.625em; /* 730px */
}

/*
.page-umbrella .feature-teaser .header {
	background-image: url( "/kfw/Vorlagen/design/page/umbrella/feature-header.png" );
}

.page-umbrella .feature-teaser .header h2 {
	background-color: #b9bec0;
	background-image: url( "/kfw/Vorlagen/design/page/umbrella/feature-header.png" );
	color: #333;
}
*/

.page-umbrella .feature-teaser .header {
	float: left;
	padding: 0;
	width: 13.75em; /* 220px */
	height: auto;
}

.page-umbrella .feature-teaser .header h2 {
	float: left;
	padding: 0;
	background: transparent;
	text-transform: none;
}

.page-umbrella .feature-teaser .header a {
	float: left;
	width: 13.75em; /* 220px */
	cursor: pointer;
}

.page-umbrella .feature-teaser .header a:hover {
	background: transparent;
}

.page-umbrella .feature-teaser .header a span.h-title {
	float: left;
	width: 16.667em; /* 200px */
	padding: 0 0.833em; /* 0 10px */
}

.page-umbrella .feature-teaser .header a span.h-subtitle {
	float: left;
	width: 12.5em; /* 200px */
	padding: 0 0.625em; /* 0 10px */
}

.has-js .page-umbrella .feature-teaser .header a span.h-title {
	background: transparent url( "page/umbrella/feature-header-h-title.png" ) 100% 0 no-repeat;
	color: #fff; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color:#333; */
}

.page-umbrella .feature-teaser .header a span.h-title,
.has-js .page-umbrella .selected .header a span.h-title {
	background: transparent url( "page/umbrella/feature-header-h-title.png" ) 100% -100px no-repeat;
	color: #fff;
}

.page-umbrella .feature-teaser .header a span.h-subtitle {
	font-size: 1.333em; /* 16px */
	line-height: 1.25em; /* 20px */
	width: 11.05em; /* ~ 176px; ie rounding errors */
	height: 1.25em; /* 20px */
	padding: 1.1875em 0.75em 1.125em 2em; /* 19px 12px 18x 32px */
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

.has-js .page-umbrella .feature-teaser .header a span.h-subtitle {
	background: transparent url( "page/umbrella/feature-header-h-subtitle.png" ) 0 0 no-repeat;
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}

.page-umbrella .feature-teaser .header a span.h-subtitle-multiline {
	height: 2.5em;
	padding: 0.5625em 0.75em 0.5em 2em; /* 9px 12px 8px 32px */
}

.page-umbrella .feature-teaser .header a span.h-subtitle,
.has-js .page-umbrella .selected .header a span.h-subtitle {
    background: transparent url( "page/umbrella/feature-header-h-subtitle.png" ) 0 -114px no-repeat; 
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */ 
}

.page-umbrella .feature-teaser .header p.title,
.page-umbrella .feature-teaser .header p.subtitle {
	display: none;
}

.page-umbrella .feature-teaser .content {
	width: 13.75em; /* 220px */
	padding: 0;
	background: #d9d9d9 url( "page/umbrella/feature-content.png" ) 100% 0 no-repeat;
	/*background: #d5dbdd;*/
	color: #333;
}

/**
 *
 * Programmfinder hat andere Hintergrundfarbe als andere Teaser Boxen.
 *
 */

.page-umbrella #feature-1 .content {
	background: #6d7781;
	color: #fff;
}

.page-umbrella .feature-teaser .content h3 {
	margin: 0;
	font-weight: normal;
	font-size: 0.875em; /* 14px */
	line-height: 1.286em; /* 18px */
	font-weight: normal;
}

.page-umbrella .feature-teaser .content h3 a {
	display: block;
	padding: 0.571em 2em 0 0.714em; /* 8px 28px  0 10px */
	height: 4.429em; /* 62px */
	background: #fff url( "page/umbrella/h4-a.png" ) -880px 100%;
	color: #333;
}

.has-js .page-umbrella .feature-teaser .content h3 a {
	background: #6d7781 url( "page/umbrella/h4-a.png" ) 0 100%;
	color: #fff;
}

.has-js .page-umbrella .selected .content h3 a,
.has-js .page-umbrella .selected .content h3 a:hover {
	height: 5em; /* 70px */
	background: #fff url( "page/umbrella/h4-a.png" ) -880px 100%;
	color: #333;
}


/**
 *
 * Anderere Slices fuer Programmfinder.
 *
 */

.page-umbrella #feature-1 .content h3 a {
	background: #fff url( "page/umbrella/h4-a.png" ) -440px 100%;
}

.has-js .page-umbrella #feature-1 .content h3 a {
	background: #fff url( "page/umbrella/h4-a.png" ) 0 100%;
}

.has-js .page-umbrella #feature-1.selected .content h3 a,
.has-js .page-umbrella #feature-1.selected .content h3 a:hover {
	background: #fff url( "page/umbrella/h4-a.png" ) -440px 100%;
	color: #333;
}

/**
 *
 * Programmfinder durch Linkliste ersetzen
 *
 */


.page-umbrella #feature-1 .content {
	background: transparent url( "page/umbrella/feature-content-1.png" ) 100% 0 no-repeat;
}

.page-umbrella #feature-1 .content ul,
.page-umbrella #feature-1 .content li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.page-umbrella #feature-1 .content li a {
	float: left;
	width: 11.857em; /* 166px */
	padding: 0.214em 0.714em 0.143em 1.429em; /* 3px 10px 2px 20px; */
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 4px 2px; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-position: 4px -78px; */
	background-image: url( "helper/more-transparent.png" );
	color: #0D5075; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}

.page-umbrella #feature-1 .content li a:hover {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #cbd3d5; */
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
	background-position: 4px -78px; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-position: 4px 2px; */
}


/*
.page-umbrella #feature-1 .content h3 a {
	background: #fff url( "/kfw/Vorlagen/design/page/umbrella/h4-a.png" ) -440px 100%;
}

.has-js .page-umbrella #feature-1 .content h3 a {
	background: #fff url( "/kfw/Vorlagen/design/page/umbrella/h4-a.png" ) 0 100%;
}

.has-js .page-umbrella #feature-1.selected .content h3 a,
.has-js .page-umbrella #feature-1.selected .content h3 a:hover {
	background: #fff url( "/kfw/Vorlagen/design/page/umbrella/h4-a.png" ) -440px 100%;
	color: #333;
}

*/


/* teaser content */

.page-umbrella .feature-teaser .content .inner {
	float: left;
	width: 12.25em; /* 196px */
	padding: 0.75em; /* 12px */
	border-bottom: 0.0625em solid #5b646c; /* 1px */
}

.page-umbrella .feature-teaser .content .inner .feature-teaser-image {
	margin-top: 0.875em; /* 14px */
}

.page-umbrella .feature-teaser .content .inner p {
	margin: 0;
	font-size: 0.75em; /* 12px */
	line-height: 1.667em; /* 20px */
	color: #5d666e;
}

.page-umbrella .feature-teaser .content .inner p strong {
	color: #333;
}

.page-umbrella .feature-teaser .content .inner p.more a {
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

/* small teaser */

.page-umbrella .feature-teaser .content .inner h4 {
	font-size: 0.875em; /* 14px */
	line-height: 1.286em;
}

.page-umbrella .feature-teaser .content .inner h4 a {
	padding: 0 27px 0 0; /* @todo */
	color: #fff;
	background: transparent url( "page/umbrella/h5-a.png" ) 100% 50% no-repeat;
}

/* overview link */

.page-umbrella .feature-teaser .content .overview {
	float: left;
	width: 12.25em; /* 196px */
	padding: 0.75em; /* 12px */
}

.page-umbrella .feature-teaser .content .overview p {
	font-size: 0.75em; /* 12px */
	line-height: 3.333em; /* 40px */
	margin: 0;
	text-align: center;
}

.page-umbrella .feature-teaser .content .overview p a {
	display: block;
	background-color: #d5dbdd;
	background-color: transparent; /* wrong color ? */  /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #cbd3d5; */
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
	text-transform: uppercase;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

.page-umbrella .feature-teaser .content .overview p a:hover {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #444a50; */
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}

.page-umbrella .feature-teaser .content .overview p a span {
	padding: 0 0 0 20px; /* 0 0 0 20px */
	background: transparent url( "helper/more.png" ) 4px -3px no-repeat;
}

.page-umbrella .feature-teaser .content .overview p a:hover span {
	background: transparent url( "helper/more.png" ) 4px -163px no-repeat;
}

/**
 *
 * Temporary select width for umbrella page
 *
 */

.has-js .page-umbrella #feature-programfinder .select {
	width: 12.25em; /* 196px */
}

/**
 * @section bg
 *
 * Referenz zum Hintergrundbild im Feature-Teaser.
 * Bild wird nicht anzeigt, aber ueber JavaScript ausgelesen und
 * verarbeitet.
 *
 */

.page-umbrella .feature-teaser .bg {
	display: none;
}


/* content */

.page-umbrella #content {
	float: left;
	width: 58.75em; /* 940px */
	padding: 0 0.625em; /* 0 10px */
}


/* news */

.page-umbrella #news {
	position: relative;
	float: left;
	width: 58.75em; /* 940px */
	left: 0;
	top: -2.25em; /* -36px */
	margin: 0 0 -2.25em; /* -36px */
}

.page-umbrella #news .header {
	float: left;
	width: auto;
	height: 1.4375em; /* 23px */
	min-width: 13.125em; /* 210px */
	padding: 1em 3.4375em 1em 0.625em; /* 16px 55px 16px 10px */
	background: transparent url( "page/umbrella/news-header.png" ) 100% 0 no-repeat;
}

.page-umbrella #news .header h2 {
	float: left;
	width: auto;
	padding-right: 0.555em; /* 10px */
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
	/*color: #fff;*/
	font-weight: normal;
}

.page-umbrella #content .news p.more {
	margin: 0.75em 0 0; /* 9px */
}

.page-umbrella .news {
	float: left;
	width: 58.75em; /* 940px */
	padding: 0 0 1.25em; /* 0 0 20px */
}

.page-umbrella .news-image {
	float: left;
	width: 33.75em; /* 540px */
}

/*
.page-umbrella .news-image {
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}
*/

.page-umbrella .news-image img {
	float: left;
	width: 33.75em; /* 540px */
}

.page-umbrella .news-content {
	float: right;
	width: 22.5em; /* 360px */
	padding: 0 1.25em 0 0; /* 0 20px 0 0 */
}


/* = enhanced */

.has-js .page-umbrella #news .news {
	padding-bottom: 0;
	background: transparent url( "module/related/related-item.png" ) 100% 0 no-repeat;
}

.has-js .page-umbrella #news .header .eui-teaser-pagination {
	float: left;
	padding: 0 0.625em 0 0; /* 0 10px 0 0 */
}

.has-js .page-umbrella #news .header ul,
.has-js .page-umbrella #news .header li {
	float: left;
	width: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.has-js .page-umbrella #news .header li {
	float: left;
	width: auto;
}

.has-js .page-umbrella #news .header li a {
	float: left;
	width: 0.9375em; /* 15px */
	height: 1.3125em;  /* 21px */
	text-indent: -10000px;
	background: transparent url( "enhanced/teaser/teaser-pagination-indicator.png" ) no-repeat scroll 50% 6px;
}

.has-js .page-umbrella #news .header li.selected a {
	background: transparent url( "enhanced/teaser/teaser-pagination-indicator.png" ) no-repeat scroll 50% -94px;
}

.has-js .page-umbrella #news .header .eui-teaser-pagination-switch {
	float: right;
	overflow: hidden;
	width: 1.375em; /* 22px */
	height: 1.375em; /* 22px */
}

.has-js .page-umbrella #news .header .eui-teaser-pagination-switch a {
	float: left;
	width: 1.375em; /* 22px */
	height: 1.375em; /* 22px */
	text-indent: -10000px;
}

.has-js .page-umbrella #news .header .eui-teaser-pagination-switch-pause a {
	background: transparent url( "enhanced/teaser/teaser-pagination-switch-pause.png" ) 0 0 no-repeat;
}

.has-js .page-umbrella #news .header .eui-teaser-pagination-switch-pause a:hover {
	background: transparent url( "enhanced/teaser/teaser-pagination-switch-pause.png" ) 0 -100px no-repeat;
}

.has-js .page-umbrella #news .header .eui-teaser-pagination-switch-play a {
	background: transparent url( "enhanced/teaser/teaser-pagination-switch-play.png" ) 0 0 no-repeat;
}

.has-js .page-umbrella #news .header .eui-teaser-pagination-switch-play a:hover {
	background: transparent url( "enhanced/teaser/teaser-pagination-switch-play.png" ) 0 -100px no-repeat;
}

/**
 *
 * Aussabstand oben bei Ueberschriften entfernen.
 *
 */


.page-umbrella #news h2 {
	margin-top: 0;
}


/**
 * @page page-step-by-step
 *
 * Step-By-Step navigation and special checklist.
 * Spezielle Hintergrundgrafik fuer den Fussbereich in Download- und
 * Step-By-Step-Template.
 *
 * Veraltet: wird zzt. nicht verwendet, da keine Body-Klassen zur
 * Verfuegung stehen.
 *
 */

.page-step-by-step #footer,
.page-download #footer {
	margin-top: 1.5em; /* 24px */
	padding-top: 4.1875em; /* 67px */
	background: transparent url( "page/step-by-step/footer.png" ) 50% 0 no-repeat;
}


/**
 * @section nav-content-action
 *
 * Aktionslinks im Inhaltsbereich.
 *
 */

#nav-content-action {
	float: left;
	width: 40em; /* 640px */
}

#nav-content-action ul,
#nav-content-action li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav-content-action ul {
	float: right;
}

#nav-content-action li {
	float: left;
	height: 2.143em; /* 30px */
	font-size: 0.875em; /* 14px */
	padding: 0.786em 0.429em 0.786em 0; /* 11px 6px 11px 0 */
	line-height: 2.429em; /* 34px */
	background-repeat: no-repeat;
	background-position: 0 0;
	text-transform: uppercase;
}

#nav-content-action a {
	float: left;
	padding: 0 0.929em 0 2.923em; /* 0 13px 0 41px */
	overflow: hidden;
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #666; */
	background-repeat: no-repeat;
	background-position: 2px 0;
}

#nav-content-action a:hover,
#nav-content-action a:focus,
#nav-content-action a:active {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781; */
	background-position: 2px -100px;
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
}

#nav-content-action-watchlist,
#nav-content-action-help,
#nav-content-action-print,
#nav-content-action-help,
#nav-content-action-close {
	background-color: #fff;
}

#nav-content-action li#nav-content-action-back a {
	background-image: url( "module/nav-content-action/nav-content-action-back.png" );
}

#nav-content-action li#nav-content-action-watchlist {
	padding-left: 1.143em; /* 16px */
}

#nav-content-action li#nav-content-action-watchlist a {
	background-image: url( "global/nav-footer-action/nav-footer-action-watchlist.png" );
}

#nav-content-action li#nav-content-action-print {
	padding-left: 1.143em; /* 16px, delete this line if watchlist is present. */
}

#nav-content-action li#nav-content-action-print a {
	background-image: url( "global/nav-footer-action/nav-footer-action-print.png" );
}

#nav-content-action li#nav-content-action-help {
	padding-left: 1.143em; /* 16px, delete this line if watchlist is present. */
}

#nav-content-action li#nav-content-action-help a {
	background-image: url( "global/nav-footer-action/nav-footer-action-help.png" );
}

#nav-content-action li#nav-content-action-close {
	padding-left: 1.143em; /* 16px, delete this line if watchlist is present. */
}

#nav-content-action li#nav-content-action-close a {
	background-image: url( "global/nav-footer-action/nav-footer-action-close.png" );
}


/**
 * @section nav-steps
 *
 * Step-By-Step-Navigation.
 *
 * Enhanced-Version: Step-By-Step-Navigation anzeigen, horizontal
 * ausrichten, Pfeilgrafiken hinzufuegen, Tooltipps bei Hover anzeigen.
 *
 * Fallback-Version. Geordnete Liste anzeigen.
 *
 */

ol.nav-steps strong {
	font-weight: normal;
}

.has-js ol.nav-steps {
	float: left;
	width: 38.75em; /* 620px */
	height: 3.0625em; /* 49px */
	margin: 0 -5px 3em 0; /* 0 -80px 48px 0 */
}

.has-js ol.nav-steps,
.has-js ol.nav-steps li {
	list-style-type: none;
	padding: 0;
}

.has-js ol.nav-steps li {
	margin: 0;
	float: left;
	font-size: 1.0625em; /* 17px */
	line-height: 2.882em; /* 49px */
}

.has-js ol.nav-steps li a {
	float: left;
	background: transparent url( "enhanced/nav-steps/nav-steps-li-a.png" ) 100% 50% no-repeat;
	color: #fff;
	padding: 0 0.765em 0 0; /* 13px */
	cursor: pointer;
}

.has-js ol.nav-steps li a:hover {
	position: relative;
	text-decoration: underline;
}

.has-js ol.nav-steps li.last a {
	background: transparent url( "enhanced/nav-steps/last-normal.png" ) 100% 50% no-repeat;
}

.has-js ol.nav-steps li.last.selected a { /* ie 6 ? */
	background: transparent url( "enhanced/nav-steps/last-selected.png" ) 100% 50% no-repeat;
}

.has-js ol.nav-steps li a .nav-steps-number {
	float: left;
	padding: 0 0.833em; /* 0 20px */
	font-size: 1.412em; /* 24px */
}

.has-js ol.nav-steps li.before-selected a {
	background: transparent url( "enhanced/nav-steps/before-selected-normal.png" ) 100% 50% no-repeat;
}

.has-js ol.nav-steps li.selected a {
	background: #fff url( "enhanced/nav-steps/selected-normal.png" ) 100% 50% no-repeat;
}

.has-js ol.nav-steps li.selected a .nav-steps-number {
	color: #6d7781;
}

/**
 *
 * Webfont auskommentiert, um Umbruchverhalten besser steuern zu koennen.
 *
 */

.has-js ol.nav-steps li.selected a .nav-steps-tooltip {
	position: static;
	width: auto;
	display: block;
	float: left;
	padding: 0 1.353em 0 0; /* 0 23px 0 0 */
	font-size: 1em; /* 17px */
	line-height: 2.882em; /* 49px */
	background: none;
	color: #333;
	text-transform: none;
	font-family: "ff-meta-condensed-web-pro-1", "arial narrow", arial, helvetica, sans-serif; /* typkit replacement */
/*	font-family: "arial narrow", arial, helvetica, sans-serif;*/ /* typkit replacement */
	z-index: 1;
}

/**
 *
 * Tooltips werden als 9-Slice angezeigt, um korrekte
 * Schattendarstellung zu gewaehrleisten.
 *
 */

.has-js ol.nav-steps li a .nav-steps-tooltip {
	display: none;
	position: absolute;
	left: 0;
	top: -30px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #666;
	text-transform: uppercase;
	z-index: 2;
}


.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip {
	display: block;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-content {
	display: block;
	position: relative;
	padding: 8px 0;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-top {
	position: absolute;
	top: -5px;
	left: 8px;
	right: 8px;
	height: 13px;
	background: transparent url( "enhanced/nav-steps/tooltip-top.png" ) 0 0 repeat-x;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-top-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 8px;
	height: 8px;
	background: transparent url( "enhanced/nav-steps/tooltip-top-left.png" ) 0 0 no-repeat;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-top-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 8px;
	height: 8px;
	background: transparent url( "enhanced/nav-steps/tooltip-top-right.png" ) 0 0 no-repeat;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-bottom {
	position: absolute;
	bottom: -5px;
	left: 8px;
	right: 8px;
	height: 13px;
	background: transparent url( "enhanced/nav-steps/tooltip-bottom.png" ) 50% 0 no-repeat;
	background: transparent url( "enhanced/nav-steps/tooltip-bottom.png" ) -288px 0 no-repeat;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-bottom-left {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 8px;
	height: 8px;
	background: transparent url( "enhanced/nav-steps/tooltip-bottom-left.png" ) 0 0 no-repeat;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-bottom-right {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 8px;
	height: 8px;
	background: transparent url( "enhanced/nav-steps/tooltip-bottom-right.png" ) 0 0 no-repeat;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-left {
	display: block;
	margin: 0 0 0 -5px;
	background: transparent url( "enhanced/nav-steps/tooltip-left.png" ) 0 0 repeat-y;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-right {
	display: block;
	margin: 0 -5px 0 0;
	background: transparent url( "enhanced/nav-steps/tooltip-right.png" ) 100% 0 repeat-y;
}

.has-js ol.nav-steps li.normal a:hover .nav-steps-tooltip-content-inner {
	display: block;
	margin: 0 9px;
	padding: 0 18px;
	background: #fff;
	text-decoration: none;
}


/**
 * @section checklist
 *
 * Checkliste mit speziellem Icon.
 *
 */

ul.checklist {
	margin-left: 0;
}

ul.checklist li {
	list-style-type: none;
	padding-left: 3.25em;
	background: transparent url( "module/checklist/checklist-li.png" ) 0 0 no-repeat;
}

ul.checklist li ul li {
	list-style-type: disc;
	background: none;
	padding-left: 2em;
}

/**
 * @section ul.alt-1
 *
 * Alternativer Listen-Stil ohne unteren Aussenabstand.
 *
 */

ul.alt-1 li {
	margin-bottom: 0;
	font-size: 0.875em; /* 14px */
	font-weight: bold;
}

ul li.link {
  list-style-image: url( "helper/a-linkliste.png" );
  margin: .3em 0;
}

/**
 * @section nav-position
 *
 * Positions-Navigation am unteren Ende der Step-By-Step-Seite.
 *
 * Enhanced-Version: Zweispaltiges Layout mit zusaetzlichen Grafiken
 *
 * Fallback-Version: Geordnete Liste.
 *
 */


ol.nav-position {
	margin: 2.5625em 0 0; /* 41px */
	padding: 1.9375em 0 0; /* 31px */
	background: transparent url( "enhanced/nav-position/nav-position.png" ) 50% 0 no-repeat;
}

.has-js ol.nav-position {
	float: left;
	width: 33.75em;
}

.has-js ol.nav-position li {
	float: left;
	width: 16.429em; /* 230px */
	margin: 0;
	padding: 0 0 0.875em; /* 0 0 12px */
	font-size: 0.875em; /* 14px */
	line-height: 1.143em; /* 16px */
	list-style-type: none;
	text-transform: uppercase;
}

.has-js ol.nav-position li a strong {
	font-weight: normal;
}

.has-js ol.nav-position li a {
	float: left;
	background: transparent url( "enhanced/nav-position/nav-position-li-a.png" ) 0 50% no-repeat;
	cursor: pointer;
}

.has-js ol.nav-position li a .nav-position-number {
	float: left;
	width: 14px; /* @todo */
	padding: 0 15px 0 4px; /* @todo */
	color: #fff;
	text-align: center;
}

.has-js ol.nav-position li a .nav-position-label {
	float: left;
	color: #333;
	/* padding: 0 5px 0 0px; vorher */
	padding: 0 5px 0 0; /* @todo */
	width: 13.5em;
}

.has-js ol.nav-position li a:hover {
	float: left;
	background: #6d7781 url( "enhanced/nav-position/nav-position-li-a.png" ) -600px 50% no-repeat;
}

.has-js ol.nav-position li a:hover .nav-position-label {
	color: #fff;
}

.has-js ol.nav-position li.selected a {
	background: transparent url( "enhanced/nav-position/nav-position-li-a.png" ) -1200px 50% no-repeat;
}

.has-js ol.nav-position li.selected a .nav-position-number {
	color: #333;
}

.has-js ol.nav-position li.selected a .nav-position-label {
	color: #333;
}

/**
 * @section page-door
 *
 * Doorpage. Stellt Ueberblick ueber Inhalte in verschiedenen
 * Hierarchie-Ebenen dar.
 *
 */

.page-door {}

.page-door #content-wrapper {
	float: left;
	width: 43.75em; /* 700px */
}

/**
 *
 * Hintergrundbild fuer Inhaltsbereich in Hierarchie-Ebene 1 setzen.
 * Oben mit 140px auffuellen. Bei Skalierung wird Bereich horizontal mit
 * hellgrau aufgefuellt.
 *
 * Bildpfad muss bei Implementierung durch KfW angepasst werden.
 *
 */

.page-door-level-1 #content-wrapper {
	padding: 140px 0 0;
	background: #f2f2f2 url( "page/door/content-wrapper-level-1.jpg" ) 0 0 no-repeat;
}

/**
 *
 * Hintergrundbild fuer Inhaltsbereich in Hierarchie-Ebene 2 setzen.
 * Oben mit 61px auffuellen. Bei Skalierung wird Bereich horizontal mit
 * hellgrau aufgefuellt.
 *
 * Bildpfad muss bei Implementierung durch KfW angepasst werden.
 *
 */

.page-door-level-2 #content-wrapper {
	padding: 61px 0 0;
	background: #f2f2f2 url( "page/door/content-wrapper-level-2.jpg" ) 0 0 no-repeat;
}

.page-door #content {
	width: 38.75em; /* 620px */
	padding: 1.5em 0 0 5em; /* 24px 0 0 80px */
	background: #fff url( "page/door/content.png" ) 0 0 no-repeat;
}


/**
 * @section news-secondary
 *
 */

.page-door #news-secondary {
	padding: 0.75em 0 0; /* 12px 0 0 */
	padding: 0; /* =nfs */
	border-bottom: none;
	background: none;
}

.page-door .news-secondary-wrapper {
	float: left;
	width: 38.75em; /* 620px */
	padding: 0 0 1.5em; /* 24px */
}

.page-door .news-secondary {
	float: left;
	width: 18.75em; /* 300px */
	padding: 0 1.25em 0 0; /* 0 20px 0 0 */
}

.page-door .news-secondary p {
	font-size: 0.875em;
	/*line-height: 1.429em;*/ /* 20px */
	line-height: 1.286em; /* 18px */
}

.page-door .news-secondary-last {
	padding: 0;
}

.page-door .news-secondary .news-image {
	width: 18.75em; /* 300px */
	height: 8.1875em; /* 101px */
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* d229-changed: nicht alle Bilder, sondern nur mit class .news skalieren,
	sonst sind buttons im InsiteEditing auch so gross!
*/
.page-door .news-secondary .news-image img.news {
	width: 18.75em; /* 300px */
	height: 8.1875em; /* 101px */
}

.page-door .news-secondary h3 {
	padding: 0.556em 0 0.333em; /* 10px 0  6px */
	line-height: 1.111em; /* 20px */
}

.page-door .news-secondary ul,
.page-door .news-secondary li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.page-door .news-secondary ul {
	float: left;
	margin: 0.5em 0 0; /* 8px */
	width: 18.75em; /* 300px */
}

.page-door .news-secondary li {
	font-size: 0.75em; /* 12px */
	text-transform: uppercase;
}

.page-door .news-secondary li a {
	float: left;
	width: 11.667em;
	padding: 0 0 0 1.667em; /* 20px */
	background: #f2f2f2 url( "helper/arrow.png" ) 5px 7px no-repeat;
}

.page-door .news-secondary li a:hover,
.page-door .news-secondary li a:focus,
.page-door .news-secondary li a:active {
	background: #f2f2f2 url( "helper/arrow.png" ) 5px -193px no-repeat;
}

/**
 * @section page-advice
 *
 * Beratungs-Template mit Foerderlotsen und Suchergebnissen.
 *
 */

.page-advice {}

/**
 *
 * @section context
 *
 * Text-Stil fuer Teaser im Beratungs-Template.
 *
 */

.page-advice #context .teaser-1 p {
	font-size: 0.875em; /* 14px */
	line-height: 1.429em; /* 20px */
	color: #666;
}

.page-advice #content {
	width: 38.75em; /* 620px */
	padding-right: 0;
}

.page-advice #form {
	float: left;
	width: 38.75em; /* 620px */
	padding: 0 0 2em; /* 32px */
	background: transparent url( "page/advice/form.png" ) 50% 50% no-repeat;
}

/**
 *
 * @section feature-teaser
 *
 * Feature-Teaser im Beratungstemplate anpassen.
 *
 */

.page-advice .feature-teaser {
	position: static;
	float: left;
}

.page-advice .feature-teaser-first {
	margin-right: 1.25em; /* 20px */
}

.page-advice .feature-teaser .content {
	position: relative;
	width: 17.25em; /* 276px */
	height: 12.875em; /* 206px */
	padding: 0.75em; /* 12px */
	background: #6d7781;
}

.page-advice .feature-teaser .input {
	float: left;
	width: 17.25em; /* 276px */
	padding: 0 0 0.667em /* 8px */
}

.page-advice .feature-teaser .content div.submit {
	position: absolute;
	left: 0.75em; /* 12px */
	bottom: 1.4375em; /* 23px */
	padding: 0;
}

.page-advice .feature-teaser .content div.submit .submit {
	float: left;
	border: 0px solid #fff;
	margin: 0 0.5em 0 0; /* 0 6px 0 0 */
	padding: 0.25em 0.5em 0.1667em 1.667em; /* 3px 6px 2px 20px */
	background-color: #d5dbdd;
	background-repeat: no-repeat;
	background-image: url( "helper/arrow.png" );
	background-position: 6px 9px;
	color: #333;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 0.75em; /* 12px */
	text-transform: uppercase;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	overflow: visible; /* correct padding for ie 6 + 7 */
}

.page-advice .feature-teaser .content div.submit .submit-reset {
	background-image: url( "page/advice/submit-reset.png" );
	background-position: 6px 5px;
}

.page-advice .feature-teaser .content div.submit .submit-search {
	background-image: url( "page/advice/submit-search.png" );
	background-position: 5px 6px;
}



/**
 * @section filter
 *
 * Gestaltung fuer Foerderlotsen im Beratungstemplate.
 *
 *
 */

.page-advice .feature-teaser .input label {
	margin: 0 1.25em 0 0; /* 15px */
	font-size: 0.75em;
	color: #fff;
}

.page-advice .feature-teaser .select select {
	font-size: 0.75em; /* 12px */
	width: 23em; /* 276px */
}

/* enhanced state */

.has-js .feature-teaser .custom-checkbox {
	float: left;
	width: auto;
}

.has-js .feature-teaser .input .input-group,
.has-js #programmfinder_ .input .input-group  {
	float: left;
	margin: 0.125em 0.125em 0.125em 0; /* 2px 2px 2px 0 */
	/*width: 15.5em; *//* 248px */
}

.has-js .feature-teaser .custom-checkbox label {
	background-color: #6d7781;
}

/* d229 28.06.2011  .has-js .feature-teaser .eui-checkbox-locked {*/
.has-js .eui-checkbox-locked {
		background: transparent url( "enhanced/ui-selectmenu/page-advice/ui-selectmenu-icon-locked.png" ) 100% 0 no-repeat;
}

/* d229 28.06.2011 
.has-js .feature-teaser .eui-checkbox-locked .input-group, 
.has-js .feature-teaser .eui-checkbox-locked .custom-checkbox label {
*/
.has-js .eui-checkbox-locked .input-group,
.has-js .eui-checkbox-locked .custom-checkbox label {
	background-color: #78828b;
}
/*d229*/
.has-js .eui-checkbox-locked .custom-checkbox label {
	cursor: default;
}

/* d229 28.06.2011 
.has-js .feature-teaser .eui-select-disabled .ui-selectmenu-status, 
.has-js .feature-teaser .eui-select-locked .ui-selectmenu-status, 
.has-js .feature-teaser .eui-select-loading .ui-selectmenu-status {*/

.has-js .eui-select-disabled .ui-selectmenu-status,
.has-js .eui-select-locked .ui-selectmenu-status,
.has-js .eui-select-loading .ui-selectmenu-status {
	background: #78828b !important;
	color: #fff !important;
}

.has-js .feature-teaser .eui-select-disabled .ui-selectmenu {
	cursor: auto;
}

.has-js .feature-teaser .eui-select-disabled .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/page-advice/ui-selectmenu-icon-disabled.png" ) 100% 0 no-repeat !important;
}

.has-js .feature-teaser .eui-select-locked .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/page-advice/ui-selectmenu-icon-locked.png" ) 100% 0 no-repeat !important;
}

.has-js .feature-teaser .eui-select-loading .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/page-advice/ui-selectmenu-icon-loading.gif" ) 100% 0 no-repeat !important;
}

.has-js .page-advice .feature-teaser .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/page-advice/ui-selectmenu-icon.png" ) 100% 0 no-repeat;
}

.has-js .page-advice .feature-teaser .ui-state-active .ui-selectmenu-icon {
	background: transparent url( "enhanced/ui-selectmenu/page-advice/ui-selectmenu-icon-active.png" ) 100% 0 no-repeat;
}

/**
 *
 * Breite der ausgeklappten Menues im Beratungstemplate setzen.
 *
 */

.page-advice #filter-select-1-menu,
.page-advice #filter-select-2-menu,
.page-advice #filter-select-3-menu,
.page-advice #filter-select-4-menu {
	min-width: 15.8125em !important; /* 253px */
	width: auto !important;
}


/**
 * @section search
 *
 * Suchfunktion im Beratungstemplate.
 *
 * Enhanced-Version: Auto-Complete auf Text-Input wird hinzugefuegt.
 *
 */


.page-advice .feature-teaser .text input {
	font-size: 0.75em; /* 12px */
	width: 21.5em; /* 258px */
	height: 1em; /* 12px */
	border: none;
	padding: 0.583em 0.75em; /* 7px 9px */
	background: #fff;
	color: #666;
	font-family: "trebuchet ms", verdana, sans-serif;
	line-height: 1em; /* 12px */
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.page-advice .feature-teaser .hint input {
	margin: 0 0 1em; /* 12px */
}

.page-advice .feature-teaser .hint .hint {
	display: block;
	font-size: 0.75em; /* 12px */
	line-height: 1.333em; /* 16px */
	color: #fff;
}

.has-js .feature-teaser .eui-search {
	position: relative;
}

.has-js .feature-teaser .eui-search-disabled input {
	background: #fff url( "enhanced/search/eui-search-icon-disabled.png" ) 100% 50% no-repeat;
}

.has-js .feature-teaser .eui-search-loading input {
	background: #fff url( "enhanced/search/eui-search-icon-loading.png" ) 100% 50% no-repeat;
}

.has-js .feature-teaser .eui-search .eui-search-result {
	position: absolute;
	left: 0;
	top: 1.875em; /* 30px */
	width: 17.25em; /* 276px */
	background: #fff;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
/*
d229 20110627
*/
.eui-filter-content .eui-search input {
	background: #fff;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	color: #666;
	border: medium none;
	width: 14em;
	height: 1.5em;
	margin-bottom: 1em;
	padding-left: .5em;
	background: #d4dbde url( "global/nav-search/nav-search-text.png" ) 0 0 repeat-x;
}



.has-js .feature-teaser .eui-search .eui-search-result ul,
.has-js .feature-teaser .eui-search .eui-search-result li {
	float: left;
	width: 17.25em; /* 276px */
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.625em; /* 26px */
}

.has-js .feature-teaser .eui-search .eui-search-result .eui-search-result-item a {
	float: left;
	width: 17em; /* 238px */
	height: 1.857em; /* 26px */
	padding: 0 0.714em 0 2em; /* 0 10px 0 28px */
	font-size: 0.875em; /* 14px */
	background-image: url( "helper/arrow.png" );
	background-position: 12px 10px;
	background-repeat: no-repeat;
	color: #333;
	overflow: hidden;
}

.has-js .feature-teaser .eui-search .eui-search-result .eui-search-result-item-odd a {
	background-color: #f2f2f2;
}

.has-js .feature-teaser .eui-search .eui-search-result .eui-search-result-item-even a {
	background-color: #fff;
}

.has-js .feature-teaser .eui-search .eui-search-result .eui-search-result-item a:hover {
	background-color: #6d7781;
	background-position: 12px -190px;
	color: #fff;
}



/**
 *
 * @section sort
 *
 * Sortier-Optionen im Beratungstemplate.
 *
 * Enhaced-Version: Sortierkriterien werden mit zusaetzlichen Grafiken
 * dargestellt. Detail-Level der Suchergebenisse kann ohne Seiten-Reload
 * verringert werden.
 *
 * Fallback-Version: Sortierkriterien stehen als Radio-Buttons zur
 * Auswahl. Sortier-Reihenfolge kann per Checkbox geaendert werden.
 * Detail-Level steht nicht zur Verfuegung (alles wird angezeigt).
 *
 */

#sort {
	float: left;
	width: 38.75em;
	padding: 0 0 1.0625em; /* 17px */
	background: transparent url( "page/advice/result.png" ) 50% 100% no-repeat;
}

#sort legend {
	margin: 0 0 1em;
	font-size: 0.75em;
	text-transform: uppercase;
	color: #333;
	font-family: "trebuchet ms", verdana, sans-serif;
}

/* @no-js */

#sort label {
	font-size: 0.75em;
	margin: 0 0.833em 0 0; /* 10px */
}

#sort .input {
	float: left;
}

/* @has-js */

.has-js #sort {
	padding: 0 0 0.25em;
}

.has-js #sort ul,
.has-js #sort li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.has-js #sort li {
	padding: 0 0 1.083em; /* 13px */
	margin: 0 0.667em 0 0; /* 8px */
	font-size: 0.75em; /* 12px */
	line-height: 1.75em; /* 21px */
	display: inline; /* ie 6 */
}

/**
 *
 * Sortierkriteren mit spezieller Klassen in geringem Detail-Level
 * verstecken.
 *
 */

.has-js .result-minify #sort li.result-maxify {
	display: none;
}

.has-js #sort li.selected {
	background: transparent url( "page/advice/sort-li-selected.png" ) 50% 100% no-repeat;
}

.has-js #sort li a {
	float: left;
	padding: 0 0.75em 0 2.25em; /* 0 9px 0 27px */
	color: #333;
	background: #f2f2f2;
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url( "page/advice/sort-li-a.png" );
}

.has-js #sort li.normal a {
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

.has-js #sort li.selected a,
.has-js #sort li a:hover,
.has-js #sort li a:focus,
.has-js #sort li a:active {
	background-color: #6d7781;
	background-position: -300px 50%;
	color: #fff;
}

.has-js #sort li.selected a strong {
	font-weight: normal;
}

.has-js #sort li.selected a span {
	float: left;
	text-indent: -10000px;
	display: none;
}

.has-js #sort li.desc a {
	background-position: -600px 50%;
}

.has-js #sort li.asc a {
	background-position: -900px 50%;
}

/**
 *
 * Detail-Level-Umschalter
 *
 */

.has-js #sort p {
	float: right;
	margin: 0;
	font-size: 0.75em;
	line-height: 1.75em;
}

.has-js #sort p a,
.has-js #sort p a:hover {
	float: left;
	padding: 0 0 0 1.417em; /* 17px */
	color: #666;
	background: transparent url( "page/advice/sort-detail.png" ) 0 50%;
}

.has-js .result-minify #sort p a,
.has-js .result-minify #sort p a:hover {
	background: transparent url( "page/advice/sort-detail.png" ) -300px 50%;
}


/**
 *
 * @section results
 *
 * Ergenissdarstellung des Foerderlotsen.
 *
 */

.result {
	float: left;
	width: 38.75em;
	padding: 1.25em 0 1.75em;
	background: transparent url( "page/advice/result.png" ) 50% 100% no-repeat;
}

.result-last {
	padding-bottom: 0;
	background: none;
}

.result * {
	margin: 0;
}

.result-plan {
	font-size: 0.75em; /* 12px */
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #bb5d02; */
	text-transform: uppercase;
}

.result-title {
	float: left;
	width: 25em; /* 400px */
}

.result-title h3 {
	float: left;
	padding: 0.25em 0 0; /* 4px */
	font-weight: normal;
}

.result-title h3 a {
	padding: 0 0.25em 0 1.25em; /* 0 4px 0 20px */
	color: #333;
	background: transparent url( "page/advice/result-title-h4-a.png" ) 4px 0 no-repeat;
}

.result-title h3 a:hover,
.result-title h3 focus {
	background: #6d7781 url( "page/advice/result-title-h4-a.png" ) 4px -80px no-repeat;
	color: #fff;
}

.result-title p { /* program number */
	clear: left;
	float: left;
	width: 33.333em;
	padding: 0 0 1em; /* 12px */
	font-size: 0.75em; /* 12px */
	line-height: 1.5em; /* 18px */
	color: #666;
}

.result-interest {
	float: right;
	width: 12.1875em; /* 195px */
	padding: 0 0 0.625em 0.9375em; /* 0 0 10px 15px */
	background: #d5dbdd url( "page/advice/result-interest.png" ) 0 100% no-repeat;
}

.result-interest p {
	font-size: 0.875em; /* 14px */
	line-height: 1.929em; /* 27px */
	color: #666;
}

.result-content {
	margin: 0 0 0.75em; /* 12px */
	clear: both;
	width: 32.5em; /* 520px */
	color: #666;
}

.result-audience {
	margin: 0 0 1.333em; /* 16px */
	width: 43.333em; /* 520px; */
	font-size: 0.75em; /* 12px */
	color: #666;
}

.result-audience span {
	text-transform: uppercase;
}

.result-more {
	font-size: 0.75em; /* 12px */
	line-height: 1.667em; /* 20px */
	text-transform: uppercase;
}

#content .result-more a {
	padding: 0.25em 0.833em 0.167em 1.667em; /* 3px 10px 2px 20px */
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #c9d1d3; */
	background-repeat: no-repeat;
	background-position: 4px 0;
	background-image: url( "helper/more.png" );
	color: #1b618c; /* 27.08.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #333; */
}

#content .result-more a:hover,
#content .result-more a:focus,
#content .result-more a:active {
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781; */
	background-position: 4px -80px;
	color: #83983d; /* 27.08.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #fff; */
}

/**
 * @section result-minify
 *
 * Bestimmte Inhalte bei geringem Detail-Level verstecken.
 *
 */

.has-js .result-minify p.result-minify,
.has-js .result-maxify p.result-maxify {
	display: none;
}

.has-js .result-minify p.result-maxify,
.has-js .result-maxify p.result-minify {
	display: block;
}

.has-js .result-minify #sort-audience,
.has-js .result-minify #sort-interest {
	display: none;
}

.has-js .result-minify .result-maxify #sort p,
.has-js .result-maxify .result-minify #sort p {
	float: left;
	margin: 0 0 0 0.75em; /* 9px */
	display: inline; /* ie 6 */
}

.has-js .result-minify .result-interest,
.has-js .result-minify .result-content,
.has-js .result-minify .result-audience,
.has-js .result-minify .result-more {
	display: none;
}

/**
 * @section form-content
 *
 * Formulargestaltung fuer Formulare im Inhaltsbereich. Klasse an
 * <form> notwendig, um moegliche Konflikte mit Formularen an anderen
 * Stellen zu umgehen.
 *
 */

.form-content {}

/**
 *
 * Negativen Aussenabstand an Formular setzen, um Einhaltung des
 * Rasters zu gewaehrleisten.
 *
 */

.form-content {
	margin: 0 -1.25em; /* 0 -20px */
}

.form-content fieldset {
	border: 0.0625em solid #c2c2c2; /* 1px */
	padding: 1.1875em 1.1875em 0; /* 19px 19px 0 */
	margin: 0 0 2.125em; /* 0 0 34px */
}

.form-content fieldset.hidden {
	border: 0px solid #fff;
	padding: 1.25em 1.25em 0; /* 20px 20px 0 */
}

.form-content fieldset.submit {
	border: 0px solid #fff;
	padding: 1.75em 1.25em 0; /* 28px 20px 0 */
	background: transparent url( "module/form-content/fieldset-submit.png" ) 20px 0 no-repeat;
}

.form-content legend {
	margin: 0;
}

.form-content .input {
	clear: left;
	float: left;
	width: 33.75em; /* 520px */
	padding: 0 0 1.25em; /* 0 0 20px */
}

.form-content .input:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.form-content .input {
	display: inline-block;
}  /* for IE/Mac */


.form-content .input label {
	font-size: 0.875em; /* 14px */
	line-height: 1.714em; /* 24px */
	line-height: 1.5em; /* 21px */ /* = nfs */
}

/**
 * @section input-inner
 *
 * Inner-Wrapper als zusaetzliches Element, um Fehlermeldungen und Input-Elemente zu umschliessen.
 *
 */


.form-content .input .input-inner {
	float: left;
	width: 20em; /* 320px */
}

.form-content .input .input-inner .error {
	margin-left: 0;
}

/**
 * @section text
 *
 * Text-Inputs.
 *
 */

.form-content .text label,
.form-content .password label,
.form-content .file label,
.form-content .select label,
.form-content .textarea label {
	float: left;
	width: 14.286em; /* 200px */
	margin-right: 1.429em; /* 20px */
	padding: 0.214em 0; /* 3px 0 */
	display: inline; /* ie 6 */
}

.form-content .text input,
.form-content .password input,
.form-content .textarea textarea {
	float: left;
	border: 0.083em solid #c2c2c2; /* 1px */
	padding: 0.1667em 0.5em; /* 2px 7px */
	margin-right: 1.429em; /* 20px */
	background: #fff;
	color: #666;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 0.875em; /* 14px */
	line-height: 1.714em; /* 24px */
	display: inline; /* ie 6 */
}

.form-content .text input,
.form-content .password input {
	height: 1.714em; /* 24px */
}

.form-content .text input.xl,
.form-content .password input.xl,
.form-content .textarea textarea.xl {
	width: 20.286em; /* 284px */
}

.form-content .text input.l,
.form-content .password input.l,
.form-content .textarea textarea.l {
	width: 14.571em; /* 204px */
}

.form-content .text input.m,
.form-content .password input.m,
.form-content .textarea textarea.m {
	width: 8.857em; /* 124px */
}

.form-content .text input.s,
.form-content .password input.s,
.form-content .textarea textarea.s {
	width: 3.142em; /* 44px */
}

.form-content .text input:focus,
.form-content .password input:focus {
	border: 0.083em solid #6d7781; /* 1px */
	background: #f2f2f2;
	color: #333;
}

.form-content .disabled label {
	color: #c2c2c2;
}

.form-content .disabled input {
	border: 0.083em solid #e2e2e2; /* 1px */
	background: #fff url( "module/form-content/text-input-disabled.png" ) 0 0 repeat;
}

.form-content .highlight label {
	margin: 0 0.7142em 0 -0.7142em; /* 0 10px 0 -10px */
	padding: 0.214em 0.7142em; /* 3px 10px */
	background: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background: #bb5d02; */
	color: #fff;
	display: inline; /* ie 6 */
}

.form-content .unit,
.form-content .hint {
	font-size: 0.75em; /* 12px */
	color: #666;
}

/**
 * @section select
 *
 * Select-Inputs
 *
 */

.form-content .select select {
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 0.75em; /* 12px */
	margin-right: 1.667em; /* 20px */
	display: inline; /* ie 6 */
}

.form-content .select select.xl {
	width: 25em; /* 300px */
}

.form-content .select select.l {
	width: 18.333em; /* 220px */
}

.form-content .select select.m {
	width: 11.667em; /* 140px */
}

.form-content .select select.s {
	width: 5em; /* 60px */
}

/**
 *
 * Only for Erweiterte Suche. Von F220.
 */

.form-content .select .enhanced-search-left {
	float:left;
}

.form-content .input .enhanced-search-width-auto {
	width:auto;
}

.form-content .input .enhanced-search-right {
	float:right;
}

/**
 * @section radio
 * @section checkbox
 *
 * Radio & Checkbox-Inputs.
 *
 */

.form-content .radio input,
.form-content .checkbox input {
	float: left;
	clear: left;
	margin: 0.3125em 0.75em 0 0; /* 5px 12px 0 0 */
	display: inline; /* ie 6 */
}

.form-content .radio label,
.form-content .checkbox label {
	float: left;
	width: 36.714em; /* 514px */
}

.form-content .radio p,
.form-content .checkbox p {
	margin: 0;
}

.form-content .radio .error,
.form-content .checkbox .error {
	display: block;
}

/**
 *
 * Fehlermeldungen an Checkboxen buendig mit label einruecken.
 *
 */

.form-content .checkbox .error {
	margin-left: 1.75em; /* 21px */
}

/**
 * @section radio-inline
 *
 * Horizontale Ausrichtung fuer Gruppierungen von Radio-Inputs.
 *
 */

.form-content .radio-inline p {
	float: left;
	width: 14.286em; /* 200px */
	margin-bottom: 0;
	margin-right: 1.429em; /* 20px */
	padding: 0.214em 0; /* 3px 0 */
	display: inline; /* ie 6 */
	font-size: 0.875em; /* 14px */
	line-height: 1.714em; /* 24px */
}

.form-content .radio-inline input {
	clear: none;
}

.form-content .radio-inline label {
	width: auto;
	margin-right: 10px;
}

.form-content .radio-inline .error {
	clear: left;
	display: block;
}

/**
 * @section radio-columns-2
 * @section checkbox-columns-2
 *
 * Zweispaltiges Layout fuer Radio- and Checkbox-Inputs.
 *
 */

.form-content .checkbox-columns-2 input,
.form-content .radio-columns-2 input {
	clear: none;
}

.form-content .checkbox-columns-2 label,
.form-content .radio-columns-2 label {
	width: 17.143em; /* 240px */
}


/**
 * @section textarea
 *
 * Textarea-Inputs.
 *
 */

.form-content .textarea textarea {
	overflow: auto;
}

/**
 * @section file
 *
 * File-Inputs.
 *
 */

.form-content .file input {
	float: left;
}


/**
 * @section output-key-value
 *
 * Anzeige von Datensaetzen in OKP ueber Definitionslisten
 *
 */

.form-content dl.output-key-value {
	float: left;
	width: 33.75em; /* 540px */
}

.form-content dl.output-key-value:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.form-content dl.output-key-value {
	display: inline-block;
}  /* for IE/Mac */


.form-content dl.output-key-value dt,
.form-content dl.output-key-value dd {
	font-size: 0.875em; /* 14px */ /* =nfs */
	line-height: 1.5em;
	padding: 0 0 1.5em;
	margin: 0;
}

/**
 *
 * Keys/Label werden ueber dt angezeigt.
 *
 */

.form-content dl.output-key-value dt {
	clear: left;
	float: left;
	width: 14.286em; /* 200px */
	margin-right: 1.429em; /* 20px */
	display: inline; /* ie 6 */
}

/**
 *
 * Values in dd.
 *
 */

.form-content dl.output-key-value dd {
	float: left;
	width: 25em; /* 300px */
	width: 21.429em; /* 300px */
	color: #666;
}

/**
 * @section table
 *
 * Tabellen innerhalb von Formularen.
 *
 */

.form-content table {
	clear: both;
	width: 33.75em; /* 540px */
}

.form-content table th {
	font-size: 0.75em; /* 12px */
	font-weight: normal;
	font-family: "trebuchet ms", verdana, sans-serif;
}

.form-content tr.super th {
	background: #6d7781;
	color: #fff;
	vertical-align: top;
	border-bottom: 0.428em solid #fff; /* 4px */
}

.form-content tr.spacer th {
	border-bottom: 0.428em solid #fff; /* 4px */
}

.form-content tr.super th a {
	color: #fff;
}

.form-content tr.super th a:hover,
.form-content tr.super th a:active,
.form-content tr.super th a:focus {
	background: transparent;
	color: #fff;
}

/**
 * @section super-sort
 *
 * Sortier-Buttons in Tabellenkopf
 *
 */

.form-content th input.sort,
.form-content th button.sort {
	border: 0px solid #fff;
	background: #D5DBDD;
	color: #333;
	cursor: pointer;
}

.form-content tr.super th input.sort,
.form-content tr.super th button.sort {
	background: #6d7781;
	color: #fff;
}


.form-content table .input {
	padding: 0;
	width: auto;
}

.form-content table .input input,
.form-content table .input select,
.form-content table .input textarea {
	margin: 0;
}

.form-content table .input label {
	font-size: 1em;
}

/**
 * @section .table-pagination
 *
 * Paginierung in Daten-Tabellen.
 *
 */

.table-pagination div {
	float: left;
}

.table-pagination .previous,
.table-pagination .next {
	width: 24.9%;
}

.table-pagination .previous a {
	float: left;
	padding: 0 0 0 1.833em; /* 22px */
	background: transparent url( "module/form-content/table-pagination-previous.png" ) 0 0 no-repeat;
	color: #333;
}

.table-pagination .next a {
	float: right;
	padding: 0 1.833em 0 0; /* 22px */
	background: transparent url( "module/form-content/table-pagination-next.png" ) 100% 0 no-repeat;
	color: #333;
}

.table-pagination .current {
	width: 49.9%;
	text-align: center;
}

/**
 * @section .table-pagination-select
 *
 * Paginierung in Daten-Tabellen mit Select-Menue.
 *
 */

.table-pagination-select {
	vertical-align: middle !important;
}

.table-pagination-select .current,
.table-pagination-select .count {
	float: left;
	width: 49.9%;
}

.table-pagination-select .current {
	padding: 0.214em 0; /* 3px 0 */
}

.table-pagination-select .count .input {
	float: right;
}

/**
 * @section .table-icons
 *
 * Icons in Daten-Tabellen.
 *
 */

#content .form-content table a.icon {
	padding: 0;
	display: block;
	text-indent: -10000px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 32px;
	height: 42px;
}

#content .form-content table a.download {
	background-image: url( "module/form-content/icon-download.png" );
}

#content .form-content table a.archive {
	background-image: url( "module/form-content/icon-archive.png" );
}



/**
 * @section submit
 *
 * Submit-Buttons.
 *
 */

.form-content .submit input {
	margin-right: 0.714em; /* 10px */
	border: none;
	padding: 0.714em 0.714em 0.714em 1.929em; /* 10px 10px 10px 27px */
	background-color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #c9d1d3; */
	background-repeat: no-repeat;
	background-image: url( "helper/arrow.png" );
	background-position: 10px 17px;
	color: #fff; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 0.875em; /* 14px */
	line-height: 1.429em; /* 20px */
	text-transform: uppercase;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	display: inline; /* ie 6 */
	overflow: visible; /* ie 6 + 7 */
}


.form-content .submit input.submit-secondary-back {
}

.form-content .submit input.submit-primary {
	background-color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781; */	
	background-position: 10px -183px;
	color: #fff;
}

.form-content .submit input.submit-secondary-back,
.form-content .submit input.submit-primary-back {
	background-image: url( "helper/arrow-back.png" );
}

/**
 * @section table-submit
 *
 * Submit Buttons innerhalb von Tabellen.
 *
 */

.form-content table .submit input {
	margin: 0;
	padding: 2px 6px;
	background: #e2e6e7;
	color: #333;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}


/**
 * @section message
 *
 * Fehler- und Erfolgsmeldungen.
 *
 */

.message {
	margin: 0 0 1.0625em; /* 0 0 17px */
	padding: 0.5625em 0.5625em 0.5625em 2.3125em; /* 9px 9px 9px 37px */
	border: 0.0625em solid #e5e5e5; /* 1px */
}

.message p {
	margin: 0;
	font-size: 0.875em; /* 14px */
	line-height: 1.429em; /* 20px */
	line-height: 1.5em; /* 21px */ /* = nfs */
	font-style: italic;
}

.message ul {
	margin: 0 0 -0.4375em; /* 7px */
	font-style: italic;
}

.message ul li {
	padding: 0;
	margin-bottom: 0.5em; /* 7px */
	list-style: none;
}


.message-error {
	border-color: #cc4242;
	background: transparent url( "module/form-content/message-error.png" ) 11px 10px no-repeat;
	color: #cc4242;
}

.message-success {
	border-color: #c9d1d3;
	background: #dde2e4 url( "module/form-content/message-success.png" ) 15px 13px no-repeat;
	color: #666;
}

.message-alert {
	border-color: #c9d1d3;
	background: transparent url( "helper/attention.png" ) 3px 6px no-repeat;
	color: #333;
}

/**
 * @section success
 *
 * Erfolgs-Validierungs-Feedback an Formular-Elementen.
 *
 */

.form-content .success {
	background: transparent url( "module/form-content/input-success.png" ) 100% 10px no-repeat;
}

/**
 * @section error
 *
 * Fehler-Validierungs-Feedback an Formular-Elementen.
 *
 */

.form-content .error .error {
	font-size: 0.75em; /* 12px */
	line-height: 1.667em; /* 20px */
	line-height: 1.5em; /* 18px */ /* = nfs */
	color: #cc4242;
}

.form-content .text .error,
.form-content .select .error,
.form-content .textarea .error {
	clear: left;
	float: left;
	width: 25em; /* 300px */
	display: block;
	margin: 0.75em 0 0 18.333em; /* 9px 0 0 220px */
	display: inline; /* ie 6 */
}

.form-content .error input,
.form-content .error textarea {
	border-color: #cc4242;
}

/**
 * @section nav-form-steps
 *
 * Step-By-Step-Navigation innerhalb von Formularen.
 *
 */

.nav-form-steps ol,
.nav-form-steps li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-form-steps li {
	font-size: 1em;
	line-height: 2.1875em; /* 35px */
}

.nav-form-steps li a {
	float: left;
	padding: 0 1.3125em 0 0.6875em; /* 0 21px 0 11px */
	text-align: center;
}

.nav-form-steps li.first a {
	padding: 0 1.3125em; /* 0 21px */
}

.nav-form-steps li.past a {
	background: #6d7781 url( "module/form-content/nav-form-steps-past.png" ) 100% 50%;
	color: #fff;
}

.nav-form-steps li.before-selected a {
	background: #6d7781 url( "module/form-content/nav-form-steps-before-selected.png" ) 100% 50%;
	color: #fff;
}

.nav-form-steps li.selected a {
	background: #fff url( "module/form-content/nav-form-steps-selected.png" ) 100% 50%;
	color: #333;
}

.nav-form-steps li.future a {
	background: #f2f2f2 url( "module/form-content/nav-form-steps-future.png" ) 100% 50%;
	color: #aaa;
}

/**
 * @section page-download
 *
 * Download-Template.
 *
 */

.page-download #content {
	width: 38.75em; /* 620px */
	padding-right: 0;
}

.page-download h1 {
	margin: 0;
}

/**
 * @section nav-download
 *
 * Download-Navigation. Umschalter zwischen Suche nach Themen und Stichworten.
 * geaendert fuer die Ergebnisdarstellung von F220
 */

#nav-download {
	float: left;
	padding: 0 0 0; /* 0 0 0 */
	width: 38.75em; /* 620px */
}

/* header */

#nav-download .header,
#nav-download .content {
	float: left;
	width: 38.75em; /* 620px */
}

#nav-download .header ul,
#nav-download .header li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#nav-download .header strong {
	font-weight: normal;
}

#nav-download .header li {
	width: 12.8125em; /* 205px */
	height: 1.375em; /* 22px */
	margin: 0 0.5625em 0 0; /* 0 9px 0 0 */
	padding: 0 1.375em 0 0; /* 22px 0 0 */
	background: transparent url( "module/feature-header/feature-header.png" ) 100% 0 no-repeat;
	text-transform: uppercase;
}

#nav-download .header li a {
	float: left;
	width: 16.333em; /* 196px */
	padding: 0 0 0 0.75em; /* 9px */
	background: #6d7781 url( "module/feature-header/feature-header.png" ) 0 0 no-repeat;
	color: #fff;
	font-size: 0.75em; /* 12px */
}

#nav-download .header li.selected {
	background: transparent url( "page/download/feature-header-selected.png" ) 100% 0 no-repeat;
}

#nav-download .header li.selected a {
	color: #333;
	background: #c9d1d3 url( "page/download/feature-header-selected.png" ) 0 0 no-repeat;
}

/* content */

#nav-download .content {
	width: 37.25em; /* 596px */
	padding: 1.6875em 0.75em 0.9375em; /* 27px 12px 15px */
	background: #c9d1d3;
}

#nav-download .content .input {
	padding: 0 0 0.75em; /* 0 0 12px */
}

#nav-download .content .select select {
	width: 25em; /* 300px */
	margin: 0 0.833em 0 0; /* 0 10px 0 0 */
	font-size: 0.75em; /* 12px */
	font-family: "trebuchet ms", verdana, sans-serif;
}

#nav-download .content .select .submit {
	border: none;
	padding: 0.083em 0.833em 0; /* 1px 10px 0 */
	background: #e2e6e7;
	color: #333;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 0.75em; /* 12px */
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#nav-download .content .text label {
	float: left;
	margin: 0 1em 0 0; /* 0 12px 0 0 */
	font-size: 0.75em; /* 12px */
	line-height: 2.167; /* 26px */
	text-transform: uppercase;
}

#nav-download .content .text input#download-search-text {
	float: left;
	width: 14.917em; /* 179px */
	height: 1.5em; /* 18px */
	border: none;
	margin: 0 0.0833em 0 0; /* 1px */
	padding: 0.333em 0.667em; /* 4px 8px */
	background: #fff;
	color: #666;
	font-size: 0.75em; /* 12px */
	line-height: 1.5em; /* 18px */
	font-family: "trebuchet ms", verdana, sans-serif;
}

#nav-download .content .text input#download-search-submit {
	float: left;
	width: 2.167em; /* 26px */
	height: 2.167em; /* 26px */
	border: none;
	margin: 0 1.417em 0 0; /* 0 17px 0 0 */
	text-indent: -10000px;
	font-size: 0.75em; /* 12px */
	background: #f2f2f2 url( "global/nav-search/nav-search-submit.png" ) 50% 0 no-repeat;
}

#nav-download .content .text .hint {
	float: left;
	width: 21em; /* 252px */
	font-size: 0.75em; /* 12px */
	line-height: 1.333em; /* 16px */
	color: #666;
}

/**
 *
 * Zusaetzliche Optionen in Download-Navigation.
 *
 * Enhanced-Version: Select-Inputs schicken das umgebende Formular
 * bei Aenderung per JavaScript ab. Submit-Buttons werden versteckt.
 *
 * Fallback-Version: Submit-Buttons werden angezeigt.
 *
 */

#nav-download .options {
	float: left;
	width: 37.25em; /* 596px */
	padding: 0 0.75em; /* 0 12px */
	background: #f2f2f2 url( "page/download/nav-download-options.png" ) 0 0 repeat-x;
}

#nav-download .options label {
	font-size: 0.75em; /* 12px */
	line-height: 1.5em; /* 18px */
	text-transform: uppercase;
}

#nav-download .options .input {
	padding: 0.625em 0 0.5em; /* 10px 0 8px */
}

#nav-download .options #download-relevance {
	float: left;
}

#nav-download .options #download-count {
	float: right;
}

/**
 * @section download-result-pagination
 *
 * Paginierung fuer Suchergebnisse im Download-Template.
 *
 */

.download-result-pagination {
	float: left;
	width: 38.75em; /* 620px */
	padding: 0.9375em 0; /* 15px 0 */
}

/* @deprecated conflicts with the removal of body classes. */

.download-result-pagination-bottom {
	/* border-bottom: 1em solid #c9d1d3; */ /* 16px */
}

.download-result-pagination ul,
.download-result-pagination li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.download-result-pagination li {
	float: left;
}

.download-result-number  {
	float:right;
	text-align:right;
}



.download-result-pagination li a {
	float: left;
	padding: 0 0.3125em; /* 0 5px */
	text-decoration: underline;
}

.download-result-pagination li.ellipse {
	padding: 0 0.3125em; /* 0 5px */
}

.download-result-pagination li.next a,
.download-result-pagination li.previous a {
	width: 0.3125em; /* 5px */
	text-indent: -10000px;
}

.download-result-pagination li.next a {
	background: transparent url( "page/download/nav-download-pagination-next.png" ) 50% 50% no-repeat;
}

.download-result-pagination li.previous a {
	background: transparent url( "page/download/nav-download-pagination-previous.png" ) 50% 50% no-repeat;
}

.download-result-pagination li a:hover,
.download-result-pagination li a:focus,
.download-result-pagination li a:active {
	text-decoration: none;
}

/**
 * @section download-result
 *
 * Suchergebnisse im Download-Template
 *
 */

#download-result.no-results {
	color: #666;
}

.download-result {
	float: left;
	width: 38.75em; /* 620px */
	background: transparent url( "page/advice/result.png" ) 50% 0 no-repeat;
}

.download-result h2 {
	margin: 0 0 0.375em; /* 0 0 6px */
	text-transform: none;
	font-family: "trebuchet ms", verdana, sans-serif;
	font-weight: bold;
	font-size: 1em; /* 16px */
	line-height: 1.5em; /* 24px */
}

.download-result h2 a {
	text-decoration: underline;
}

.download-result h2 a .download-result-type {
	font-weight: normal;
}

.download-result h2 a .download-result-size {
	font-weight: normal;
	text-decoration: none;
}

.page-download-result-search .download-result h2 a {
	display: block;
	background-image: url( "helper/arrow.png" );
	background-repeat: no-repeat;
	background-position: 5px -387px;
	padding: 0 0 0 1.25em; /* 20px */
}

.page-download-result-search .download-result h2 a:hover,
.page-download-result-search .download-result h2 a:focus,
.page-download-result-search .download-result h2 a:active {
	background-position: 5px -187px;
	text-decoration: none;
}


/**
 *
 * Icons fuer verschiedene Datei-Typen setzen.
 *
 */

.download-result-icon {
	float: left;
	width: 33.75em; /* 540px */
	padding: 1.75em 0 1.25em 5em; /* 28px 0 20px 60px */
	background-repeat: no-repeat;
	background-position: 0 29px;
}

.download-result-icon-pdf {
	background-image: url( "page/download/download-result-icon-pdf.png" );
}

.download-result-icon-html {
	background-image: url( "page/download/download-result-icon-html.png" );
}

.download-result-icon-audio {
	background-image: url( "page/download/download-result-icon-audio.png" );
}

.download-result-icon-video {
	background-image: url( "page/download/download-result-icon-video.png" );
}

.download-result-icon-zip {
	background-image: url( "page/download/download-result-icon-zip.png" );
}


.download-result-teaser {
	margin: 0 0 0.375em; /* 0 0 6px */
}

.download-result-meta {
	margin: 0;
	font-size: 0.75em; /* 12px */
	line-height: 1.667em; /* 20px */
	font-weight: bold;
	color: #666;
}

/**
 * @section page-download-result
 *
 * Download-Ergebnis-Template
 *
 */

.page-download-result-search #nav-download {
	padding: 0;
}

.page-download-result-search #footer {
	margin-top: 0;
}

/**
 * @section teaser-full
 *
 * Teaser ueber volle Breite am Ende des Download-Templates.
 *
 */

.teaser-full {
	width: 27.5em; /* 440px */
	padding: 1.25em 10em 1.25em 1.25em; /* 20px 160px 20px 20px */
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.teaser-download {
	background: transparent url( "page/download/teaser-download.png" ) 458px 21px no-repeat;
}

.teaser-mediathek {
	background: transparent url( "page/download/teaser-mediathek.png" ) 458px 21px no-repeat;
}

.teaser-full h3 {
	margin: 0 0 0.222em; /* 0 0 4px */
	font-size: 1.125em; /* 18px */
	line-height: 1.111em; /* 20px */
	font-family: "ff-meta-condensed-web-pro-1", "arial narrow", arial, helvetica, sans-serif; /* typkit replacement */
	text-transform: uppercase;
}

.teaser-full h3 a {
	color: #333;
}

.teaser-full h3 a:hover,
.teaser-full h3 a:focus,
.teaser-full h3 a:active {
	background: #6d7781;
	color: #fff;
}

.teaser-full p {
	margin: 0 0 0.75em; /* 0 0 12px */
	font-size: 1em; /* 16px */
	line-height: 1.5em; /* 24px */
	color: #666;
}

/**
 * @section page-download-result-empty
 *
 * Download-Template leeres Sucheergbenis. Min-Height setzen,
 * da Inhaltsbereich ansonsten nicht hoch genug im Hintergrund-
 * Grafik anzuzeigen.
 *
 */

.page-download-result-empty #content {
	min-height: 37.75em; /* 604px */
}

/**
 * @section page-toolframe
 *
 * Toolframe als neu gebrandeter Container fuer bestehende Web-Applikationen.
 *
 */

.page-toolframe,
.page-download-result-detail {
	padding: 2em 0 0;
	background: #fff url( "global/header/header.png" ) 0 -40px repeat-x;
}

.page-toolframe #nav-section li#nav-section-kfw-logo a:hover,
.page-toolframe #nav-section li#nav-section-kfw-logo a:focus,
.page-toolframe #nav-section li#nav-section-kfw-logo a:active,
.page-download-result-detail #nav-section li#nav-section-kfw-logo a:hover,
.page-download-result-detail #nav-section li#nav-section-kfw-logo a:focus,
.page-download-result-detail #nav-section li#nav-section-kfw-logo a:active {
	background: transparent url( "global/nav-section/kfw-logo.png" ) -110px 50% no-repeat;
}

.page-toolframe #footer,
.page-download-result-detail #footer {
	padding-bottom: 2em;
}

/**
 *
 * Auffuellen im Inhaltsbereich fuer Toolframe neu setzen.
 *
 */

.page-toolframe #content {
	width: 58.75em;
	padding-left: 0.625em;
	padding-right: 0.625em;
}

/**
 * @section page-download-result-detail
 *
 * Individuelle Suchergebenisse im Download-Bereicht, die als HTML
 * in einem neuen Fenster angezeigt werden.
 *
 */


/**
 * @section nav-section
 *
 * Sektions-Navigation enthaelt hier Aktionslinks.
 *
 */

.page-download-result-detail #nav-section li {
	float: left;
	width: auto;
	padding: 1.1875em 0 1.125em; /* 19px 0 18px */
	background-image: none;
	text-align: left;
}

.page-download-result-detail #nav-section li a {
	float: left;
	width: auto;
	padding: 0 0.929em 0 2.929em; /* 0 13px 0 41px */
	color: #666;
	background-repeat: no-repeat;
	background-position: 2px 0;
	font-size: 0.875em; /* 14px */
	line-height: 2.429em; /* 34px */
	overflow: hidden;
	height: auto !important;
}

.page-download-result-detail #nav-section li a:hover,
.page-download-result-detail #nav-section li a:focus,
.page-download-result-detail #nav-section li a:active {
	padding: 0 0.929em 0 2.929em; /* 0 13px 0 41px */
	background-color: #6d7781;
	background-position: 2px -100px;
	color: #fff;
}


.page-download-result-detail #nav-section li#nav-section-back {
	padding-left: 1.25em; /* 20px */
	/* had to remove padding as character width on xp is higher */
	/* padding-right: 1.25em; */ /* 20px */
}

.page-download-result-detail #nav-section li#nav-section-back a {
	background-image: url( "global/nav-footer-action/nav-footer-action-top.png" );
}

.page-download-result-detail #nav-section li#nav-section-watchlist a {
	background-image: url( "global/nav-footer-action/nav-footer-action-watchlist.png" );
}

.page-download-result-detail #nav-section li#nav-section-recommend a {
	background-image: url( "global/nav-footer-action/nav-footer-action-recommend.png" );
}

.page-download-result-detail #nav-section li#nav-section-pdf a {
	background-image: url( "global/nav-footer-action/nav-footer-action-pdf.png" );
}

.page-download-result-detail #nav-section li#nav-section-print a {
	background-image: url( "global/nav-footer-action/nav-footer-action-print.png" );
}

/* rewrite kfw logo */

.page-download-result-detail #nav-section li#nav-section-kfw-logo {
	width: 13.75em; /* 220px */
	float: right;
	padding: 0;
}

.page-download-result-detail #nav-section li#nav-section-kfw-logo a {
	float: left;
	width: 13.75em; /* 220px */
	height: 4.4375em !important; /* 71px */
	padding: 0;
	background: transparent url( "global/nav-section/kfw-logo.png" ) -110px 50% no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	font-size: 1em;
}


/**
 * @section content-wrapper
 *
 * Auffuellen am #content-wrapper aendern, da keine Sub-Navigation
 * vorhanden.
 *
 */

.page-download-result-detail #content-wrapper {
	padding: 0 0 0 5.625em; /* 0 0 0 90px */
	background: none;
}

/* Textausrichtung */

.text-links {
	text-align: left;
}

.text-zentriert {
	text-align: center;
}

.text-rechts {
	text-align: right;
}

.text-eingerueckt {
	margin-left: 1.5em;
}

/*
style fuer Links ohne Hervorhebung
*/
a.anchor {
	background-image: none !important;
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333333; */
	padding: 0px 0px 0px 0px !important;
}
h2 a.anchor {
	background-image: none !important;
	color: #5a6166; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #bb5d02; */
	padding: 0px 0px 0px 0px !important;
}

a.anchor:hover {
	background-color: transparent !important;  /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: white !important; */
	background-image: none !important;
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy */
}
a:hover.anchor {
	background-color: transparent !important; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: white !important; */
	background-image: none !important;
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy */
}

#AnkerGlossar {
	display: none;
}

#AnkerInfobox {
	display: none;
}

/*
	d229: vermeiden, dass insite-edit buttons groesse des containers erben
*/
.vipisetoolbar img {
	width: 16px !important;
	height: 16px;
}
/*
	m399: prevent double arrows in glossary and make correct font-size, line-height
*/
#glossaryTeaser ul li {
	list-style: none;
	font-size: 0.75em;
	line-height: 1.667em;
}

/*
	m399: styles for disclaimer and press
	begin
*/
#mittlereSpalte {
  float: left;
  padding-top: 19px;
}

div.presse-links {
	float:left;
	width:49%;
}

div.presse-rechts {
	float:right;
	width:49%;
}

.stopFloat {
	clear:both;
	display:block;
	float:none;
	font-size:1px;
	height:1px;
	line-height:1px;
	overflow:hidden;
}

.form-content .submit a.submit-primary {
	background-color: #6d7781;
	background-position: 10px -183px;
	color: #fff;
}

.form-content .submit a {
	-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.41);
	background-image: url( "helper/arrow.png" );
	background-repeat:no-repeat;
	border:medium none;
	display:inline;
	font-family:"trebuchet ms",verdana,sans-serif;
	font-size:0.875em;
	line-height:1.429em;
	margin-right:0.714em;
	overflow:visible;
	padding:0.714em 0.714em 0.714em 1.929em;
	text-transform:uppercase;
}

.text-zentriert .form-content .submit {
	padding-left: 62px;
}

/*
	m399: styles for disclaimer
	end
*/

/**
 *
 * @section a-submit-primary
 * @see <http://j.fork.de:8080/browse/KFW-143>
 *
 * Sekundaere Button als Link. Anforderung aus OKP
 *
 */

.form-content .submit a.submit-secondary {
	float: left;
	background-color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #c9d1d3; */	
	color: #fff; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #333; */	
	background-image: url( "helper/arrow.png" );
	background-position: 10px 17px;
	cursor: default;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

.form-content .submit a.submit-secondary-back {
	background-image: url( "helper/arrow-back.png" );
}

.form-content .submit a.submit-primary {
	float: left;
	background-color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #6d7781; */	
	background-position: 10px -183px;
	color: #fff;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

.form-content .submit a.submit-primary-back {
	background-image: url( "helper/arrow-back.png" );
}


/**
 * @section page-layout-has-context
 *
 * Zusaetzliche Body-Klasse fuer Toolframe mit Sub-Navigation
 *
 */

.page-layout-has-context #content {
	float: left;
	width: 33.75em; /* 540px */
	padding: 1.875em 4.375em 0 1.25em; /* 30px 70px 0 20px */
	background: #fff;
}

/**
 * @section nav-footer-kfw-logo
 *
 * Text-Link zur KfW im Fussbereich durch Logo ersetzen.
 *
 */

#nav-footer-kfw-logo a,
#nav-footer-kfw-logo a:hover,
#nav-footer-kfw-logo a:focus {
	width: 136px;
	text-indent: -10000px;
	background: transparent url( "global/nav-footer-meta/nav-footer-kfw-logo.png" ) 50% 0 no-repeat;
}

/**
 * @section a.action
 *
 * Helper-Klasse fuer Aktions-Links im Inhalts-Bereich.
 * Helper-Klasse fuer Aktions-Buttons im Inhalts-Bereich.
 *
 */

#content a.action,
#content input.action,
#context input.action {
	background: #c9d1d3 url( "helper/arrow.png" ) 2px 7px no-repeat;
	color: #333;
}

#content input.action,
#context input.action {
	margin: 0 0 1.5em;
	border: 0px solid #fff;
	padding: 0 2px 0 17px;
	cursor: pointer;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 0.875em;
	overflow: visible; /* padding fuer ie 6 + 7 korrigieren. */
}

#content a.action:active,
#content a.action:hover,
#content a.action:focus,
#content input.action:active,
#content input.action:hover,
#content input.action:focus,
#context input.action:active,
#context input.action:hover,
#context input.action:focus {
	background: #6d7781 url( "helper/arrow.png" ) 2px -193px no-repeat;
	color: #fff;
}

/**
 * @section p.attention
 *
 * Helper-Klasse wichtige Hinweis-Texte im Inhaltsbereich.
 *
 */

p.attention {
	margin: 0;
	padding: 0 0 1.5em 2.643em; /* 37px */
/*	width: 35.929em; */ /* 503px */
	background: transparent url( "helper/attention.png" ) 0 0 no-repeat;
	overflow: hidden; /* force display of background in IE */
}

/**
 * @section dl
 *
 * Defintionslisten fuer Hilfe-Bereich
 *
 */

.form-content dl.help-topics {}

.form-content dl.help-topics dt,
.form-content dl.help-topics dd {
	font-size: 0.875em; /* 14px */ /* =nfs */
	line-height: 1.5em;
}

.form-content dl.help-topics dt {
	color: #5A6166;  /* 20.08.2012 - Neuer Wert +++ "Facelift Aussenschnittstellen" syzygy --- Alt: color: #bb5d1c; */
	text-transform: uppercase;
}

.form-content dl.help-topics dd {
	margin: 0 0 1.5em;
}


/**
 * @section clearfix
 * @see	<http://www.positioniseverything.net/easyclearing.html>
 *
 * Floats ohne zusaetzliches Markup zuruecksetzen.
 *
 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}  /* for IE/Mac */


/**
 * @section inline
 * @see <http://j.fork.de:8080/browse/KFW-126>
 *
 * Globaler Inline-Stil. Anforderung aus OKP.
 *
 *
 */

form.inline {
	display: inline;
}

form.inline fieldset {
	margin: 0;
	padding: 0;
	border: none;
	display: inline;
}

/**
 * @section as-link
 * @see <http://j.fork.de:8080/browse/KFW-143>
 *
 * Submit-Buttons in Tabellen, die wie Links dargestellt werden sollen.
 * Anforderung aus OKP
 *
 */

#content td input.as-link {
	margin: 0;
	padding: 0;
	border: none;
	background-repeat: no-repeat;
	background-image: url( "helper/a-default.png" );
	background-position: 2px 0;
	padding: 0 2px 0 17px;
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #BB5D02; */
	font-size: 1em; /* 14px */
	line-height: 1.285em; /* 18px */
	background-color: transparent;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	cursor: pointer;
	overflow: visible;
}

#content td input.as-link:hover,
#content td input.as-link:active,
#content td input.as-link:focus {
	color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #fff; */
	background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #bb5d02; */
	background-position: 2px -500px;
}

		.pressbackframe {
			padding-bottom: 1em;
			margin-bottom: 1.5em;
			margin-left: .6em;
		}

		.pressitems *, .press *, .pressbackframe {
			background-color: #F2F2F2;
		}
		.pressitem {
			display: block;
			clear: both;
		}

		.pressbackframe h2{
    	color: #333333;
    	font-weight: normal;
		}

		div.pressdate {
			width: 15%;
			text-align: right;
			float: left;
			padding-right: 1em;
			/*margin-top: 1px;*/
		}
		.pressdata {
			width: 79%;
			float: left;
		}
		.pressorigin {
			font-weight: bold;
			padding-bottom: 2px;
		}
		a .pressorigin, a .pressdate {
			color: #1B618C; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #BB5d02; */
		}
		.presstitle {
			color: #333333;
		}
		.pressitem a:hover .pressorigin, .pressitem a:hover .pressdate, a:hover .pressdata, a:hover .presstitle {
			color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #ffffff; */
			background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #BB5d02; */
			cursor: pointer;
		}
		.presstitle a:hover {

		}
		.pressend {
			clear: both;
		}
		.ui-datepicker {
			background-color: #444;
		}
		.pagelink {
			width: 2.5em;
			text-align: center;
			float: left;
		}
		.pager .prev, .pager .next, .pager .start, .pager.end {
			width: 1.5em;
			text-align: center;
			float: left;
		}

		#pager {
			clear: both;
		}
		.pagelink .currentpage {
			/*font-weight: bold;*/
			color: #83983d; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #ffffff; */
			background-color: transparent; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: background-color: #BB5d02; */
		}
		.pagelink .prev, .pagelink .next {
			font-weight: bold;
			width: 5em;
		}
		.pressoriginbox {
			float: left;
			width: 49%;
		}
		.pressorigincb {
			margin-right: .5em;
		}

		/* erweiterte Suche, Portalauswahl */
		.indented {
			padding-left: 2em !important;
		}

/*sa43, 20110629 Pressemitteilungen Datum und Ueberschrift, neue Groessen*/

p.press-intro {
	font-family: "ff-meta-condensed-web-pro-1", "arial narrow", arial, helvetica, sans-serif; /* typkit replacement */
	font-weight: normal;
	margin: 0 0 0.8em; /* 24px */
	font-size: 1.25em; /* 20px */
	line-height: 1.5em; /* 20px */
	color: #1b618c; /* 30.07.2012 - Neuer Wert +++ Facelift syzygy --- Alt: color: #bb5d02; */

	margin: 0 0 0.7em; /* 21px */ /* = nfs */
	margin: 0 0 0.3em; /* 9px */ /* = nfs */
	font-size: 1.25em; /* 20px */ /* = nfs */
	line-height: 1.4em; /* 42px */ /* = nfs */
}

h1.press-intro {	
	font-size: 1.875em; /* 30px */
	
}

/*
	Datepicker Customizing
	changed to be made in jquery-ui-1.7.3.custom.css or jquery-ui-1.8.3.custom.css
	*/
#ui-datepicker-div{
	left: 728.5px;
}

.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 0.66em;
}


.ui-datepicker {
    width: 16em;
}

/*d229*/
.busy * {
	cursor: wait !important;
}
/*
	Hack fuer InstallationsEngine
*/
.notbusy * {
	cursor: default !important;
}

/*
* SA43: hinter externe Links in Listen soll noch das Icon angezeigt werden
*
*/
ul li.link a.neuesPopupFenster,
ul li.link a.neuesFenster {
 	background-image: url( "helper/a-external.png" );
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 1em;

}

.form-content #loading {
	background:url("../images/loader.gif") no-repeat 0 0;
	padding-left:50px;
	line-height:25px;
	height:25px;
}