/**
 * @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;
}

@font-face {
  font-family: 'kfwcentrosans-regweb';
  src: url("/prueftoolbza-web/resources/images/webfont/mob_kfwcentrosans-regweb.woff2") format("woff2"), url("/prueftoolbza-web/resources/images/webfont/mob_kfwcentrosans-regweb.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body {
    background: #fff;
    color: #5a6166;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.5em;
}

fieldset {
    border: none;
}

a {
    color: #1b618c;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #83983d;
}

div#context div#nav-teaser div.teaser p a {
    padding-left: 10px;
    background: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") -7px 5px no-repeat;
}

div#context div#nav-teaser div.teaser p a:hover {
    /* syzygy#tkl */
    background-position: -7px -100px;
}

div#context div#nav-teaser div.teaser p a.neuesFenster {
    /* syzygy#tkl */
    padding-left: 0;
    padding-right: 17px;
    background: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") right 4px no-repeat;
}

div#context div#nav-teaser div.teaser p a.neuesFenster:hover {
    /* syzygy#tkl */
    background-position: right -101px;
}

div#news-primary div.news h2 a {
    color: #5a7067 !important
}

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

p.minor {
    font-size: 0.75em; /* 12px */
    line-height: 1.333em; /* 16px */
}

/**
 *
 * Aussabstand nach unten zwischen Listenelementen entfernt.
 *
 */
p {
    margin: 0 0 1.5em;
}

.hinweis p {
    margin-bottom: 1em;
}

fieldset > :last-child, fieldset .hinweis p:last-of-type {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

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

html body.page-door div#global div#main-wrapper.page-door div#main div#content-wrapper div#content div ul li {
    /* syzygy#tkl */
    padding-left: 0;
}

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;
}

h1, p.intro, h2, h3, h4, legend {
    font-family: kfwcentrosans-regweb;
    font-weight: normal;
    color: #4e6e61;
}

.indented {
    padding-left: 1.75em;
}

.ie .indented {
    padding-left: 1.95em;
}

/**
 *
 * Ueberschrift erster Ordnung. Wird fuer den Seitentitel verwendet.
 *
 */
h1 {
    font-size: 2.3em;
    /* =nfs */
    line-height: 1em; /* 42px */
    /* =nfs */
    margin: 0 0 0.3em; /* 12,6px */
    /* =nfs */
    /*	color: #434343;  syzygy#tkl */
    color: #4e6e61;
}

/**
 *
 * 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.3em; 
    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 */
    color: #4e6e61;
    text-transform: none;         
    <!--[if IE]>
    padding-top : 1.16em;     
     <![endif]-->
}

/**
 *
 * Inverser Inline-Stil in Ueberschriften zur gesonderten Hervorhebung
 * von Kategorien, Arten, etc.
 *
 */
h2 span.label {
    padding: 0 0.25em; /* 0 3px */
    background: #1b618c;
    color: #fff;
    font-size: 0.667em; /* 12px */
    line-height: 1.5em;
}

/**
 *
 * Ueberschrift dritter Ordnung.
 *
 */
h3 {
    font-size: 1.3em;
    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: normal;
    color: #1B618C;
}

h3.foldable-section {
	padding: 1em 0.4em;
	cursor: pointer;
	margin: 0;
}
h3.foldable-section.first {
    border-top: 1px solid #bdc0c2;
    margin-top: 2em;
}

h3.foldable-section .icon {
    padding-right: 0.5em;
    font-size: 1.5em;
    font-family: monospace;
}

h3.foldable-section.open .icon.open, h3.foldable-section.closed .icon.closed {
    display: inline;
}

h3.foldable-section.open .icon.closed, h3.foldable-section.closed .icon.open {
    display: none;
}

div.foldable-section {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #bdc0c2;
}

h3.foldable-section.open + div.foldable-section {
    max-height: 40000px;
    transition: max-height 5s ease-in-out, padding 0.8s;
    padding: 0.5em 0;
}

h3.foldable-section.closed + div.foldable-section {
    max-height: 0;
    transition: max-height 1.8s cubic-bezier(0, 1.05, 0, 1), padding 0.8s;
}

/**
 *
 * Alternative Ueberschrift dritter Ordnung. Hintergrundfarbe und
 * Typekit-Einbindung. Wird in @page-step-by-step verwendet.
 *
 */
h3.alt-1 {
    padding: 10px 20px;
    background: #4e6e61;
    font-size: 1.125em;
    line-height: 1.111em; /* 20px */
    line-height: 1.166em; /* 21px */
    /* =nfs */
    font-family: kfwcentrosans-regweb;
}

/**
 *
 * 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;
    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: #f6f3f0;
    font-size: 0.875em; /* 14px */
    line-height: 1.285em; /* 18px */
    text-align: left;
}

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

th {
    font-weight: bold;
    font-family: kfwcentrosans-regweb;
}

/**
 *
 * Zebra-Tabellen werden ueber Klassen an den Tabellenzeilen <tr>
 * realisiert.
 *
 */
th, tr.even td {
    background: #bdc0c2;
}

/**
 *
 * 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;
}

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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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: #f6f3f0;
}

#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: #d5dbdd url("/prueftoolbza-web/resources/images/global/header/header.png") 0 100% repeat-x;    syzygy#tkl */

}

/**
 * @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: #d5dbdd url("/prueftoolbza-web/resources/images/global/header/header.png") 0 100% repeat-x;  syzygy#tkl */
    overflow: hidden;
}

#header a {
    /*	color: #333; */
    color: #5a6166;
}

#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("/prueftoolbza-web/resources/images/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 {

}

#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: #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("/prueftoolbza-web/resources/images/enhanced/ui-selectmenu/nav-meta-language/ui-selectmenu-icon.png") 100% 0 no-repeat; */
    background: transparent url("/prueftoolbza-web/resources/images/enhanced/ui-selectmenu/nav-meta-language/ui-selectmenu-icon.png") 10px 7px no-repeat;
}

.has-js #nav-meta-language .ui-state-active .ui-selectmenu-icon {
    /*	background: transparent url("/prueftoolbza-web/resources/images/enhanced/ui-selectmenu/nav-meta-language/ui-selectmenu-icon-active.png") 100% 0 no-repeat; */
    background: transparent url("/prueftoolbza-web/resources/images/enhanced/ui-selectmenu/nav-meta-language/ui-selectmenu-icon-active.png") 10px 7px no-repeat;
}

.has-js #nav-meta-language .ui-state-default .ui-selectmenu-status {
    /*	background-color: #e2e6e7;  syzygy#tkl */
    /*	color: #333; syzygy#tkl */
    border: 1px solid #f2f1ee;
    background-color: #fff;
    color: #1b618c;
}

.has-js #nav-meta-language .ui-state-hover .ui-selectmenu-status {
    /* background-color: #575f67;  syzygy#tkl */
    /*	color: #fff;  syzygy#tkl */

}

/**
 * @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: 12px 3px;
    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-color: transparent;
}

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

#nav-meta-service-service a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-meta-service/nav-meta-service-service.png");
    /*	background-position: 12px 2px; syzygy#obe */
    background-position: 8px 2px; /* syzygy#obe */
}

#nav-meta-service-service a:hover {
    /*	background-position: 12px -96px;  szygy#obe*/
    background-position: 8px -96px; /* szygy#obe*/
}

#nav-meta-service-contact a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-meta-service/nav-meta-service-contact.png");
    /*	background-position: 12px 2px; syzygy#obe */
    background-position: 8px 2px; /* syzygy#obe */
}

#nav-meta-service-contact a:hover {
    /*	background-position: 12px -96px;  szygy#obe*/
    background-position: 8px -96px; /* szygy#obe*/
}

#nav-meta-service-download a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-meta-service/nav-meta-service-download.png");
    /*	background-position: 12px 3px; syzygy#obe */
    background-position: 8px 3px; /* syzygy#obe */
}

#nav-meta-service-download a:hover {
    /*	background-position: 12px -97px;  szygy#obe*/
    background-position: 8px -97px; /* szygy#obe*/
}

#nav-meta-service-newsroom a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-meta-service/nav-meta-service-newsroom.png");
    /*	background-position: 12px 3px; syzygy#obe */
    background-position: 8px 3px; /* syzygy#obe */
}

#nav-meta-service-newsroom a:hover {
    /*	background-position: 12px -96px;  szygy#obe*/
    background-position: 8px -96px; /* szygy#obe*/
}

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

#nav-meta-service-logout a {
    /* background-image: url( "global/nav-meta-service/nav-meta-service-logout.html" ); */
    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 #bdc9cf;  syzygy#tkl */
    /*	background: #dde2e4 url("/prueftoolbza-web/resources/images/global/nav-main/nav-main-li.png") 0 100% repeat-x; syzygy#tkl */
    background-color: #eeefef; /* syzygy#tkl */
    -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: #6d7781;  syzygy#tkl */
    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: #fff; syzygy#tkl  */
    background: #fcfcfc;
    /* syzygy#tkl
	-webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.18);
	-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; /* syzygy#tkl */
}

#nav-main li a:hover {
    /* syzygy#tkl */
    color: #83983d;
}

/**
 * @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 {

}

#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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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
    /* syzygy#tkl url("/prueftoolbza-web/resources/images/global/nav-search/nav-search-text.png") 0 0 repeat-x */;
    font-size: 0.75em; /* 12px */
    line-height: 1em; /* 12px */
    /* syzygy#tkl
	-webkit-box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.0324);
	-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;  syzygy#tkl */
    /* 16px */
    height: 0.8em;
    /* 16px
	line-height: 1.2em; /* 16px */
    padding: 0.4167em; /* 5px */
    margin-top: 2px;
    /*color: #a3a5a5; sa43*/
    /*	color: #333;  syzygy#tkl */
    color: #5A6166; /* syzygy#tkl */
}

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

/**
 * @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("/prueftoolbza-web/resources/images/global/nav-section/nav-section.png") 50% 0 no-repeat; syzygy#obe */
    margin-top: 20px;
}

/**
 * @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 */
    /* syzygy#tkl
	-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;
}

#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("/prueftoolbza-web/resources/images/global/nav-section/nav-section-ul.png") 0 50% repeat-x; */
}

#nav-section li {
    margin: 0;
    text-align: center;
    background-image: url("/prueftoolbza-web/resources/images/global/nav-section/nav-section-li.png");
    /* using background border image instead of border */
    /*	background: transparent url("/prueftoolbza-web/resources/images/global/nav-section/nav-section-ul.png") repeat-x; */
    background-position: 100% 0;
    /*	background-position: 0 0; */
    background-repeat: no-repeat;
    font-size: 1em; /* = nfs */
    -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);
}

/* syzygy#obe ---
html body.page-home div#global div#main-wrapper.page-home div#main div#feature div#nav-section.nav-section-2 ul li.first{
	border-right: 1px solid #6d7478;
} --- syzygy#obe */
#nav-section a {
    float: left;
    width: 100%;
    height: 3.22em; /* ca. 45px in IE */
    padding: 1.857em 0 0; /* 26px 0 0 */
    color: #5a6166;
    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 {
    color: #1b618c;
}

/* syzygy#obe --- */
#nav-section li:hover, #nav-section li:active, #nav-section li:active, #nav-section li.selected {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-section/nav-section-li.png");
    /* using background border image instead of border */
    background-position: 100% -71px;
}

/* --- syzygy#obe */
#nav-section li.selected a {
    color: #83983d !important; /* szygy#obe */
}

#nav-section li#nav-section-kfw-logo {
    background-image: none;
    border: none;
    box-shadow: none;
    float: right;
    width: 13em;
    margin-bottom: 15px;
}

#nav-section li#nav-section-kfw-logo a {
    padding: 0;
    margin-top: 10px; /* syzygy#tkl */
    height: 5.072em; /* 71px */
    height: 4.4375em; /* = nfs */
    font-size: 1em; /* =nfs */
    background: transparent url("/prueftoolbza-web/resources/images/global/nav-section/kfw-logo.png") 30px 8px no-repeat;
    text-indent: -10000px;
}

/* syzygy#tkl
#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("/prueftoolbza-web/resources/images/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 */
    margin-top: -10px; /* syzygy#tkl */
    /*	background: #d5dbdd url("/prueftoolbza-web/resources/images/global/nav-breadcrumb/nav-breadcrumb.png") 0 0 no-repeat;  syzygy#tkl */
}

#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("/prueftoolbza-web/resources/images/global/nav-breadcrumb/nav-breadcrumb-li.png") 100% 50% no-repeat;  syzygy#tkl */
    background: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") 105% 5px no-repeat; /* syzygy#tkl */
}

#nav-breadcrumb li.last {
    background: none;
}

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

#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 {
    color: #83983d;
}

/**
 * @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;
}

#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; syzygy#tkl  */
    color: #1b618c;
}

#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 */
    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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/global/nav-sub/nav-sub-li-li.png") 0 0 no-repeat;
}

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

#nav-sub li li.last {
    background: transparent url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/global/nav-sub/nav-sub-li-li-ul.png") 0 0 repeat-y;
}

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

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

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

#nav-sub li li li ul {
    background: transparent url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/global/nav-sub/nav-sub-li-li-li-li.png") 0 0 no-repeat;
}

#nav-sub li li li li.first {
    background: transparent url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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.55em; /* 180px */
    padding: 1.25em 1.25em 0.625em; 
    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.3em; /* 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: kfwcentrosans-regweb;
    font-weight: normal;
    /*	text-transform: uppercase;  syzygy#tkl */
    /*	color: #333;  syzygy#tkl */
    color: #4e6e61;
}

.teaser h3 {
    margin: 0 0 0.642em; /* 9px */
    font-size: 0.875em; /* 14px */
    line-height: 1.286em; /* 18px */
    color: #666;
    text-transform: none;
    font-weight: normal;
}

/* syzygy#tkl
.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: #ebf3f7;
}

.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; syzygy#tkl */
    /* 12px */
    font-size: 0.875em; /* syzygy#tkl */
    /*	line-height: 1.667em;  syzygy#tkl */
    /* 20px */
    line-height: 1.2em; /* 20px */
    /*	text-transform: uppercase;  syzygy#tkl */
}

.teaser li a {
    float: left;
    width: auto;
    /*	padding: 0.25em 0.417em 0.167em 1.667em; syzygy#tkl  */
    /* 3px 5px 2px 20px */
    padding: 0.25em 0.417em 0.167em 1.0em; /* syzygy#tkl */
    /* 3px 5px 2px 20px */
    /*	background-color: #c9d1d3; syzygy#obe */
    background-color: none; /* syzygy#obe */
    background-repeat: no-repeat;
    background-position: -3px 7px;
    /*	background-image: url("/prueftoolbza-web/resources/images/helper/more.png"); */
    /*	background-image: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-black-small.png"); syzygy#obe */
    background-image: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-white-small.png");
    /* syzygy#obe */
    /*	color: #fff; syzygy#obe */
    color: #333; /* syzygy#obe */
}

.teaser li a:hover, .teaser li a:focus, .teaser li a:active {
    background-color: #6d7781;
    /*	background-position: -3px -97px; syzygy#obe */
    color: #fff;
}

div.teaser-1 ul li a {
    /* syzygy#obe */
    background: transparent url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") -7px 8px no-repeat;
    color: #1B618C;
    padding-left: 12px;
}

div.teaser-1 ul li a:hover, div.teaser-1 ul li a:focus, div.teaser-1 ul li a:active {
    /* syzygy#obe */
    background: transparent url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") -7px -97px no-repeat;
    color: #83983d;
}

html body.page-home div#global div#main-wrapper.page-home div#main div#context div.teaser-1 ul li a {
    /* syzygy#tkl */
    background: transparent url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") -7px 8px no-repeat;
    color: #1B618C;
    padding-left: 12px;
}

html body.page-home div#global div#main-wrapper.page-home div#main div#context div.teaser-1 ul li a:hover {
    /* syzygy#tkl */
    background: transparent url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") -7px -97px no-repeat;
    color: #83983d;
}

/**
 *
 * @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;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 6px 8px;
    background-image: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png");

    color: #1B618C;
    cursor: pointer;
    border: none;
    overflow: visible;
    font-size: 1em;
}

.teaser li input:hover, .teaser li input:focus, .teaser li input:active {
    background-position: 6px -97px;
    color: #83983d;
}

/**
 *
 * 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 */
}

/* syzygy#obe */
div.teaser-2 ul li a {
    /* syzygy#obe */
    background: transparent url("/prueftoolbza-web/resources/images/helper/more-arrow-teaser-grau.png") -2px 7px no-repeat;
    color: #fff;
    padding-left: 16px;
}

div.teaser-2 ul li a:hover, div.teaser-2 ul li a:focus, div.teaser-2 ul li a:active {
    /* syzygy#obe */
    background: #fff url("/prueftoolbza-web/resources/images/helper/more-arrow-teaser-grau.png") -2px -98px no-repeat;
    color: #6d7781;
}

/* syzygy#obe */
.teaser-2 li a:hover, .teaser-2 li a:focus, .teaser-2 li a:active {
    background-color: #444a50; /* syzygy#obe */
    background-position: -3px -97px;
}

/**
 * @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("/prueftoolbza-web/resources/images/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: #83983d;
    color: #fff !important;
}

.teaser-4>h2, .teaser-4>h3, .teaser-4 ul li a {
    /* syzygy#tkl */
    background: #83983d;
    color: #fff !important;
}

/* --- syzygy#obe */
.teaser-4 a:hover {
    color: #1b618c !important;
    background-position: 4px -100px;
}

/* --- syzygy#obe */
.marginal-tweet-content ul, .marginal-tweet-content h3 {
    /* syzygy#tkl */
    color: #fff;
}

#simplenewscloud {
    background-color: #f6f3f0;
}

/*.teaser-4 ul li a {
	color: #fff !important;
/*	background-color: #fff;  syzygy#tkl
	background-position: 4px -320px;
	background:url("/prueftoolbza-web/resources/images/helper/more-arrow-right-white-blue-small.png") -6px 7px no-repeat;
}

.teaser-4 ul li a:hover{
	background:url("/prueftoolbza-web/resources/images/helper/more-arrow-right-white-blue-small.png") -6px -98px no-repeat;
}
*/

/* syzygy#obe */
div.teaser-4 ul li a {
    /* syzygy#obe */
    background: transparent url("/prueftoolbza-web/resources/images/helper/more-arrow-teaser-gruen.png") -2px 7px no-repeat;
    color: #fff;
    padding-left: 16px;
}

div.teaser-4 ul li a:hover, div.teaser-4 ul li a:focus, div.teaser-4 ul li a:active {
    /* syzygy#obe */
    background: #fff url("/prueftoolbza-web/resources/images/helper/more-arrow-teaser-gruen.png") -2px -98px no-repeat;
    color: #83983d !important;
}

/* syzygy#obe */

/**
 * @section teaser-image
 *
 * Bilder in Teaser-Boxen.
 *
 */
.teaser .teaser-image {
    /* margin-bottom: 0.875em;  syzygy#tkl */
    /* 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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/global/Bilder/content.png") 0 0 no-repeat;
    /* gradient supported by Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+ */
    background: linear-gradient(#f6f3f0, #fff);
}

/**
 * @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, #content label a {
    background-repeat: no-repeat;
    background-image: url("/prueftoolbza-web/resources/images/helper/a-default.png");
    background-position: 2px 0;
    padding: 0 2px 0 17px;
}

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

#content tr.even td a {
	background-image: url("/prueftoolbza-web/resources/images/helper/a-td-even.png");
}
*/
#content td a:hover, #content td a:focus, #content td a:active {
    background-color: #83983d; /* syzygy#obe */
}

#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: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") right 5px no-repeat; /* syzygy#obe */
    padding-left: 0; /* syzygy#obe */
    padding-right: 20px; /* syzygy#obe */
}

/* --- syzygy#obe */
#content p a.external:hover, #content p a.neuesPopupFenster:hover, #content td a.neuesPopupFenster:hover, #content td a.neuesFenster:hover, #content p a.neuesFenster:hover {
    /* class name */
    background-position: right -100px; /* syzygy#obe */
}

/* --- syzygy#obe */

/**
 *
 * 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 18px !important; /* @todo */
    background: url("/prueftoolbza-web/resources/images/helper/a-email.png") 0 -3px no-repeat;
    background-repeat: no-repeat;
}

p a.e-mail:hover, p a.e-mail:focus, p a.e-mail:active, #nav-teaser a.e-mail:hover, #nav-teaser a.e-mail:focus, #nav-teaser a.e-mail:active, #content td a.e-mail:hover, #content td a.e-mail:focus, #content td a.e-mail:active, #content p a.e-mail:hover, #content p a.e-mail:focus, #content p a.e-mail:active {
    background: url("/prueftoolbza-web/resources/images/helper/a-email.png") 0 -103px 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 */
    color: #83983d; /* syzygy#obe */
}

#nav-teaser a.e-mail {
    font-size: 1em;
    background: url("/prueftoolbza-web/resources/images/helper/a-email.png") 0 -3px no-repeat !important; /* syzygy#tkl */
    padding-left: 20px !important;
}

#nav-teaser a.e-mail:hover {
    background-position: 0 -103px !important;
}

#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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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 */
    font-family: kfwcentrosans-regweb;
    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 */
}

#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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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: 2em 0 0; 
    padding: 0.5em 0 0; /* 8px */
    /*	background: transparent url("/prueftoolbza-web/resources/images/global/footer/footer.png") 50% 0 no-repeat; syzygy#tkl  */
}

/**
 *
 * @section nav-footer
 *
 * Footer-Navigation. Wrapper fuer Aktions-Navigation und Meta-Navigation
 *
 */
#nav-footer {
    float: left;
    width: 60em; /* 960px */
    /* syzygy#tkl
	-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;  syzygy#tkl */
}

/**
 *
 * @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 #bdc0c2; /* 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;
    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: #6d7781; syzygy#tkl  */
    background-position: 2px -100px;
    color: #83983d; /* syzygy#tkl */
}

#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("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-top.png");
    background-position: 5px 10px; /* syzygy#tkl */
    padding-left: 33px; /* syzygy#tkl */
}

#nav-footer li#nav-footer-action-top a:hover {
    background-position: 5px -93px; /* syzygy#tkl */
}

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

#nav-footer li#nav-footer-action-recommend a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-recommend.png");
    background-position: 17px 10px;
}

#nav-footer li#nav-footer-action-recommend a:hover {
    background-position: 17px -91px;
}

#nav-footer li#nav-footer-action-pdf a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-pdf.png");
    background-position: 10px 0;
}

/* syzygy#obe */
#nav-footer li#nav-footer-action-pdf a:hover, #nav-footer li#nav-footer-action-pdf a:focus, #nav-footer li#nav-footer-action-pdf a:active {
    background-position: 10px -100px;
}

/* syzygy#obe */
#nav-footer li#nav-footer-action-print a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-print.png");
    background-position: 15px 9px;
}

#nav-footer li#nav-footer-action-print a:hover {
    background-position: 15px -91px;
}

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

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

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

#nav-footer li#nav-footer-action-facebook a {
    background-image: url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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: #ebebeb url("/prueftoolbza-web/resources/images/global/nav-footer-meta/nav-footer-meta.png") 0 0 repeat-x;  syzygy#tkl */
}

#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: 0.071em solid #bdc0c2; syzygy#tkl */
    /* 1px */
    padding: 0 1.071em; /* 0 15px */
    color: #0d5075; /* syzygy#tkl */
}

#nav-footer-meta a:hover, #nav-footer-meta a:focus, #nav-footer-meta a:active {
    /*	background: #6d7781; */
    /*	color: #0d5075;  syzygy#tkl */
    color: #83983d; /* syzygy#tkl */
}

/**
 *
 * @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; /* syzygy#obe */
    width: 17.25em; /* 207px */
    padding: 0 0 0 1.083em; /* syzygy#tkl */
    /* 13px */
    background: #fff url("/prueftoolbza-web/resources/images/global/nav-directlinks/nav-directlinks-a.png") 4px 0 no-repeat; /* syzygy#obe */
}

#nav-directlinks li a:hover, #nav-directlinks li a:focus, #nav-directlinks li a:active {
    background-position: 4px -100px;
    color: #1b618c;
    /*	text-decoration: underline;  syzygy#tkl */
}

/**
 * @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;  syzygy#tkl */
    /* 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("/prueftoolbza-web/resources/images/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;  syzygy#tkl */
    /* 560px */
    top: 7.5em; /* 120px */
    width: 23.75em; /* 380px */
    display: none;
}

/**
 * @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-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;
}

/* syzygy#obe */
div.feature-teaser ul li a {
    /* syzygy#obe */
    background: transparent url("/prueftoolbza-web/resources/images/helper/more-arrow-teaser-grau.png") -2px 7px no-repeat;
    color: #fff;
    padding-left: 16px;
}

div.feature-teaser ul li a:hover, div.feature-teaser ul li a:focus, div.feature-teaser ul li a:active {
    /* syzygy#obe */
    background: #fff url("/prueftoolbza-web/resources/images/helper/more-arrow-teaser-grau.png") -2px -98px no-repeat;
    color: #6d7781;
}

/* syzygy#obe */

/**
 *
 * Weiterlesen-Links im Feature-Teaser.
 *
 */
#feature .feature-teaser p.more {
    margin: 0;
    font-size: 0.75em; /* 12px */
    line-height: 1.667em; /* 20px */
}

#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("/prueftoolbza-web/resources/images/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 url("/prueftoolbza-web/resources/images/module/feature-header/feature-header.png") 100% 0 no-repeat; syzygy#tkl */
}

.feature-teaser .header h2 {
    float: left;
    width: auto;
    margin: 0;
    padding: 0 0.833em; /* 0 10px */
    font-weight: normal;
    font-size: 0.75em; /* 12px */
    line-height: 1.833em; /* 22px */
    background: #6d7781 url("/prueftoolbza-web/resources/images/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 */
}

.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: #d5dbdd;
    color: #333;
    -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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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: kfwcentrosans-regweb;
    font-size: 1.125em; /* 18px */
    line-height: 1.111em; /* 20px */
}

#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: #cbd3d5 url("/prueftoolbza-web/resources/images/page/advice/lupe.png") 4px -35px no-repeat; /* d229 */
    font-size: 0.75em; /* 12px */
    -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("/prueftoolbza-web/resources/images/page/advice/reload.png") 4px -35px no-repeat; /* d229 */
}

#feature-programfinder .submit input:hover, #feature-programfinder .submit input:focus {
    background: #444a50 url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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 */
    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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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 h2 a {
    /*	color: #333; syzygy#tkl */
    color: #5a6166;
}

#content .news h2 a:hover, #content .news h2 a:focus, #content .news h2 a:active {
    color: #fff !important;
    background-color: #5a6166; /* syzygy#obe */
}

html div#main div#content div#news div.news h2 a:hover {
    /* syzygy#tkl */
    color: #fff;
    background: #5a6166;
}

#content .news p {
    margin: 0;
    color: #666666;
}

div#news-secondary div.news-secondary-wrapper div.news p {
    /* syzygy#tkl */
    color: #5a6166;
}

#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;  syzygy#tkl */
    /* 12px */
    line-height: 1.667em; /* 20px */
    text-transform: lowercase; /* syzygy#tkl */
}

#content .news p.more a {
    float: left;
    padding: 0 0.833em 0 1.667em; /* 0 10px 0 20px */
    /*	background-color: #c9d1d3; syzygy#tkl */
    background-position: 4px 7px !important;
    background-image: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png");
    color: #1b618c;
}

div#news-primary div.news p.more a {
    margin-left: -10px;
}

#content .news p.more a:hover, #content .news p.more a:focus, #content .news p.more a:active {
    /*	background-color: #6d7781; syzygy#tkl  */
    background-position: 4px -98px !important; /* syzygy#tkl */
    color: #83983d !important;
}

div#news-secondary div.news-secondary-wrapper div.news h2 a:hover {
    color: #5a7067;
}

/**
 * @section news-primary
 *
 * News erster Ordnung.
 *
 */
.news-primary {
    float: left;
    width: 36.25em; /* 580px */
    margin: 0.8125em 0 0; /* 13px */
    padding: 1.25em; /* 20px */
    /*  syzygy#tkl
	-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("/prueftoolbza-web/resources/images/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 */
}

.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;  syzygy#tkl */
    /* 0 10px 0 40px */
    padding: 0 0.833em 0 1.4em; /* 0 10px 0 40px */
    font-size: 0.75em; /* 12px */
    line-height: 1.667em; /* 20px */
    text-transform: lowercase; /* syzygy#tkl */
    background: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") 0px 5px no-repeat;
    background-color: #f2f1ee; /* syzygy#tkl */
    color: #1b618c;
    cursor: pointer;
    width: 60px;
}

.has-js .news-secondary .news-image a:hover span.more {
    background-position: 0px -100px;
    color: #83983d;
}

/**
 * @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.
 *
 #BB5D02

 #83983d

 */
.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 {
    display: none;
    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("/prueftoolbza-web/resources/images//kfw/Vorlagen/design/page/umbrella/feature-header.png");
}

.page-umbrella .feature-teaser .header h2 {
	background-color: #b9bec0;
	background-image: url("/prueftoolbza-web/resources/images//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("/prueftoolbza-web/resources/images/page/umbrella/feature-header-h-title.png") 100% 0 no-repeat;
    /*	color: #333; */
    color: #fff;
}

.page-umbrella .feature-teaser .header a span.h-title, .has-js .page-umbrella .selected .header a span.h-title {
    /*	background: transparent url("/prueftoolbza-web/resources/images/page/umbrella/feature-header-h-title.png") 100% -100px no-repeat;  syzygy#tkl */
    background: transparent url("/prueftoolbza-web/resources/images/page/umbrella/feature-header-h-title-active.png") 100% 0px no-repeat; /* syzygy#tkl */
    color: #fff;
}

.page-umbrella .feature-teaser .header a:hover span.h-title {
    background: transparent url("/prueftoolbza-web/resources/images/page/umbrella/feature-header-h-title-active.png") 100% 0px no-repeat; /* syzygy#tkl */
    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("/prueftoolbza-web/resources/images/page/umbrella/feature-header-h-subtitle.png") 0 -57px no-repeat;
    /*	color: #333;  syzygy#tkl */
    color: #1b618c; /* syzygy#tkl */
}

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

.page-umbrella .feature-teaser .header a span.h-subtitle, .has-js .page-umbrella .selected .header a span.h-subtitle {
    background: transparent url("/prueftoolbza-web/resources/images/page/umbrella/feature-header-h-subtitle.png") 0 0px no-repeat;
    color: #83983d;
}

.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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/page/umbrella/h4-a.png") -880px 100%;
    color: #333;
}

.has-js .page-umbrella .feature-teaser .content h3 a {
    background: #6d7781 url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/page/umbrella/h4-a.png") -880px 100%;
    color: #333;
}

/**
 *
 * Anderere Slices fuer Programmfinder.
 *
 */
.page-umbrella #feature-1 .content h3 a {
    background: #fff url("/prueftoolbza-web/resources/images/page/umbrella/h4-a.png") -440px 100%;
}

.has-js .page-umbrella #feature-1 .content h3 a {
    background: #fff url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/page/umbrella/h4-a.png") -440px 100%;
    color: #333;
}

/**
 *
 * Programmfinder durch Linkliste ersetzen
 *
 */
.page-umbrella #feature-1 .content {
    /*	background: transparent url("/prueftoolbza-web/resources/images/page/umbrella/feature-content-1.png") 100% 0 no-repeat;  syzygy#tkl */
    background-color: #f2f1ee; /* syzygy#tkl */
}

.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 -78px; syzygy#tkl */
    background-position: 2px 9px; /* syzygy#tkl */
    background-image: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png");
    /* syzygy#tkl */
    /*	color: #fff;  syzygy#tkl */
    color: #0D5075; /* syzygy#tkl */
}

.page-umbrella #feature-1 .content li a:hover {
    /*	background-color: #cbd3d5;  syzygy#tkl */
    color: #83983d;
    background-position: 2px -96px;
}

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

.has-js .page-umbrella #feature-1 .content h3 a {
	background: #fff url("/prueftoolbza-web/resources/images//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("/prueftoolbza-web/resources/images//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("/prueftoolbza-web/resources/images/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: #cbd3d5; /* wrong color ? */
    color: #333;
    -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: #444a50;
    color: #fff;
}

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

.page-umbrella .feature-teaser .content .overview p a:hover span {
    background: transparent url("/prueftoolbza-web/resources/images/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: -1em; /* -36px */
    margin: 0.3em 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 0.5em 0.625em;  syzygy#tkl */
    /* 16px 55px 16px 10px */
    padding: 1em 3.4375em 0.5em 0.625em; /* 16px ?px 16px 10px */
    /* syzygy#tkl */
    background: transparent url("/prueftoolbza-web/resources/images/page/umbrella/news-header.png") 100% 0 no-repeat; /* syzygy#obe */
}

.page-umbrella #news .header h2 {
    float: left;
    width: auto;
    padding-right: 0.555em; /* 10px */
    color: #5a6166; /* syzygy#tkl */
    /*color: #fff;  syzygy#tkl */
    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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/enhanced/teaser/teaser-pagination-indicator.png") no-repeat scroll 50% 6px;
}

.has-js .page-umbrella #news .header li.selected a {
    background: transparent url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/enhanced/teaser/teaser-pagination-switch-pause.png") 0 0 no-repeat;
    display: none; /* syzygy#tkl */
}

.has-js .page-umbrella #news .header .eui-teaser-pagination-switch-pause a:hover {
    background: transparent url("/prueftoolbza-web/resources/images/enhanced/teaser/teaser-pagination-switch-pause.png") 0 -100px no-repeat;
    display: none; /* syzygy#tkl */
}

.has-js .page-umbrella #news .header .eui-teaser-pagination-switch-play a {
    background: transparent url("/prueftoolbza-web/resources/images/enhanced/teaser/teaser-pagination-switch-play.png") 0 0 no-repeat;
    display: none; /* syzygy#tkl */
}

.has-js .page-umbrella #news .header .eui-teaser-pagination-switch-play a:hover {
    background: transparent url("/prueftoolbza-web/resources/images/enhanced/teaser/teaser-pagination-switch-play.png") 0 -100px no-repeat;
    display: none; /* syzygy#tkl */
}

/**
 *
 * 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("/prueftoolbza-web/resources/images/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 */
    height: 3em;
}

#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;
}

#nav-content-action a {
    float: left;
    padding: 0 0.929em 0 2.923em; /* 0 13px 0 41px */
    overflow: hidden;
    color: #1b618c;
    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: #6d7781;*/
    background-position: 2px -100px;
    color: #83983d;
}

#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("/prueftoolbza-web/resources/images/module/nav-content-action/nav-content-action-back.png");
    background-position: 10px 10px; /* syzygy#obe */
}

/* syzygy#obe */
#nav-content-action li#nav-content-action-back a:hover, #nav-content-action li#nav-content-action-back a:focus, #nav-content-action li#nav-content-action-back a:active {
    background-image: url("/prueftoolbza-web/resources/images/module/nav-content-action/nav-content-action-back.png");
    background-position: 10px -93px;
}

/* syzygy#obe */
#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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-print.png");
    /* syzygy#obe */
    background-position: 5px 10px; /* syzygy#obe */
}

/* syzygy#obe */
#nav-content-action li#nav-content-action-print a:hover, #nav-content-action li#nav-content-action-print a:focus, #nav-content-action li#nav-content-action-print a:active {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-print.png");
    background-position: 5px -90px;
}

/* syzygy#obe */
#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("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-help.png");
}
#nav-content-action li#nav-content-action-help a:hover, #nav-content-action li#nav-content-action-help a:focus, #nav-content-action li#nav-content-action-help a:active {
    background-position: 2px 0;
}

#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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/enhanced/nav-steps/last-normal.png") 100% 50% no-repeat;
}

.has-js ol.nav-steps li.last.selected a {
    /* ie 6 ? */
    background: transparent url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/enhanced/nav-steps/before-selected-normal.png") 100% 50% no-repeat;
}

.has-js ol.nav-steps li.selected a {
    background: #fff url("/prueftoolbza-web/resources/images/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: kfwcentrosans-regweb;
    /*	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;
    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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/enhanced/nav-steps/tooltip-bottom.png") 50% 0 no-repeat;
    background: transparent url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/helper/a-linkliste.png");  syzygy#tkl */
    list-style-type: none; /* syzygy#tkl */
    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("/prueftoolbza-web/resources/images/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;
}

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

.has-js ol.nav-position li a {
    float: left;
    background: transparent url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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: #f6f3f0 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: #f6f3f0 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("/prueftoolbza-web/resources/images/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 */
}

.page-door .news-secondary li a {
    float: left;
    width: 11.667em;
    padding: 0 0 0 1.667em; /* 20px */
    background: #f6f3f0 url("/prueftoolbza-web/resources/images/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: #f6f3f0 url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/helper/arrow.png");
    background-position: 6px 9px;
    color: #333;
    font-size: 0.75em; /* 12px */
    -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("/prueftoolbza-web/resources/images/page/advice/submit-reset.png");
    background-position: 6px 5px;
}

.page-advice .feature-teaser .content div.submit .submit-search {
    background-image: url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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;
    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("/prueftoolbza-web/resources/images/enhanced/search/eui-search-icon-disabled.png") 100% 50% no-repeat;
}

.has-js .feature-teaser .eui-search-loading input {
    background: #fff url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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: #f6f3f0;
}

.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("/prueftoolbza-web/resources/images/page/advice/result.png") 50% 100% no-repeat;
}

#sort legend {
    margin: 0 0 1em;
    font-size: 0.75em;
    color: #333;
}

/* @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("/prueftoolbza-web/resources/images/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: #f6f3f0;
    background-color: #f6f3f0;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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; /* syzygy#obe */
}

.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("/prueftoolbza-web/resources/images/page/advice/result-title-h4-a.png") 4px 0 no-repeat; syzygy#obe */
    background: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") no-repeat; /* syzygy#obe */
    background-position: 0 5px !important; /* syzygy#obe */
    color: #1b618c; /* syzygy#obe */
}

.result-title h3 a:hover, .result-title h3 focus {
    /*	background: #6d7781 url("/prueftoolbza-web/resources/images/page/advice/result-title-h4-a.png") 4px -80px no-repeat; syzygy#obe */
    background-position: 0 -100px !important; /* syzygy#tkl */
    color: #83983d;
}

.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("/prueftoolbza-web/resources/images/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 {

}

.result-more {
    font-size: 0.75em; /* 12px */
    line-height: 1.667em; /* 20px */
}

#content .result-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("/prueftoolbza-web/resources/images/helper/more.png");
    color: #333;
}

#content .result-more a:hover, #content .result-more a:focus, #content .result-more a:active {
    background-color: #6d7781;
    background-position: 4px -80px;
    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-top: 6px solid #f6f3f0;
    border-right: 6px solid #fff;  
    padding: 1em 1.5em 0 0;
    margin: 0 0 1.5em 0;
}

.form-content fieldset.pruefungsergebnisse {
    border: none;
    padding: 0.25em 1.25em;
    background: #ebf3f7;
}
.form-content fieldset.pruefungsergebnisse legend {
    padding-left: 0.6em;
    margin-left: -1.5em;
}

.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("/prueftoolbza-web/resources/images/module/form-content/fieldset-submit.png") 20px 0 no-repeat;*/
    border-top: 6px solid #f6f3f0;
    border-right: 6px solid #fff;
}

.form-content legend {
    margin: 0;
    padding: 5px 0.6em 3px 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 #bdc0c2; /* 1px */
    padding: 0.1667em 0.5em; /* 2px 7px */
    margin-right: 1.429em; /* 20px */
    background: #fff;
    color: #666;
    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: #f6f3f0;
    color: #333;
}

.form-content .disabled label {
    color: #bdc0c2;
}

.form-content .enableLabel label {
    color: #5A6166 !important;
}

.form-content .disabled input {
    border: 0.083em solid #e2e2e2; /* 1px */
    background: #fff url("/prueftoolbza-web/resources/images/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;
    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 {
    color: #5a6166;
    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: 37.5em; 
}
.form-content .indented .radio label, .form-content .indented .checkbox label {
    width: 34.75em; 
}

.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;
}

.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.html" ) 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.html" ) 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.html" ); */

}

#content .form-content table a.archive {
    /* background-image: url( "module/form-content/icon-archive.html" ); */

}

/**
 * @section submit
 *
 * Submit-Buttons.
 *
 */
.form-content .submit input {
    margin-right: 0.714em; /* 10px */
    border: none;
    padding: 0.714em 1.1em 0.714em 1.929em; /* 10px 10px 10px 27px */
    background-color: #1B618C;
    background-repeat: no-repeat;
    background-image: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-white-small.png");
    background-position: 10px 17px;
    color: #FFF;
    font-size: 0.875em; /* 14px */
    line-height: 1.429em; /* 20px */
    border-radius: 4px;
    display: inline; /* ie 6 */
    overflow: visible; /* ie 6 + 7 */
}

/*
.form-content .submit input:hover {
    background-color: #60800f;
}
*/

.form-content .submit input.submit-secondary-back {

}

.form-content .submit input.submit-primary {
    background-color: #1b618c;
    color: #fff;
}

.form-content .submit input.submit-secondary-back, .form-content .submit input.submit-primary-back {

}

/**
 * @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("/prueftoolbza-web/resources/images/module/form-content/message-error.png") 11px 10px no-repeat;
    color: #cc4242;
}

.message-success {
    border-color: #c9d1d3;
    background: #dde2e4 url("/prueftoolbza-web/resources/images/module/form-content/message-success.png") 15px 13px no-repeat;
    color: #666;
}

.message-alert {
    border-color: #c9d1d3;
    background: transparent url("/prueftoolbza-web/resources/images/helper/attention.png") 3px 6px no-repeat;
    color: #333;
}

/**
 * @section success
 *
 * Erfolgs-Validierungs-Feedback an Formular-Elementen.
 *
 */
.form-content .success {
    background: transparent url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/module/form-content/nav-form-steps-past.png") 100% 50%;
    color: #fff;
}

.nav-form-steps li.before-selected a {
    background: #6d7781 url("/prueftoolbza-web/resources/images/module/form-content/nav-form-steps-before-selected.png") 100% 50%;
    color: #fff;
}

.nav-form-steps li.selected a {
    background: #fff url("/prueftoolbza-web/resources/images/module/form-content/nav-form-steps-selected.png") 100% 50%;
    color: #333;
}

.nav-form-steps li.future a {
    background: #f6f3f0 url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/module/feature-header/feature-header.png") 100% 0 no-repeat;
}

#nav-download .header li a {
    float: left;
    width: 16.333em; /* 196px */
    padding: 0 0 0 0.75em; /* 9px */
    background: #6d7781 url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/page/download/feature-header-selected.png") 100% 0 no-repeat;
}

#nav-download .header li.selected a {
    color: #333;
    background: #c9d1d3 url("/prueftoolbza-web/resources/images/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 */
}

#nav-download .content .select .submit {
    border: none;
    padding: 0.083em 0.833em 0; /* 1px 10px 0 */
    background: #e2e6e7;
    color: #333;
    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 */
}

#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 */
}

#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: #f6f3f0 url("/prueftoolbza-web/resources/images/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: #f6f3f0 url("/prueftoolbza-web/resources/images/page/download/nav-download-options.png") 0 0 repeat-x;
}

#nav-download .options label {
    font-size: 0.75em; /* 12px */
    line-height: 1.5em; /* 18px */
}

#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("/prueftoolbza-web/resources/images/page/download/nav-download-pagination-next.png") 50% 50% no-repeat;
}

.download-result-pagination li.previous a {
    background: transparent url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/page/advice/result.png") 50% 0 no-repeat;
}

.download-result h2 {
    margin: 0 0 0.375em; /* 0 0 6px */
    text-transform: none;
    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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/page/download/pdf.png");
    background-position-y: 4px;
}

.download-result-icon-html {
    background-image: url("/prueftoolbza-web/resources/images/page/download/download-result-icon-html.png");
}

.download-result-icon-audio {
    background-image: url("/prueftoolbza-web/resources/images/page/download/download-result-icon-audio.png");
}

.download-result-icon-video {
    background-image: url("/prueftoolbza-web/resources/images/page/download/download-result-icon-video.png");
}

.download-result-icon-zip {
    background-image: url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/page/download/teaser-download.png") 458px 21px no-repeat;
}

.teaser-mediathek {
    background: transparent url("/prueftoolbza-web/resources/images/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: kfwcentrosans-regweb;
}

.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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-top.png");
}

.page-download-result-detail #nav-section li#nav-section-watchlist a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-watchlist.png");
}

.page-download-result-detail #nav-section li#nav-section-recommend a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-recommend.png");
}

.page-download-result-detail #nav-section li#nav-section-pdf a {
    background-image: url("/prueftoolbza-web/resources/images/global/nav-footer-action/nav-footer-action-pdf.png");
}

.page-download-result-detail #nav-section li#nav-section-print a {
    background-image: url("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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: #333333;
    padding: 0px 0px 0px 0px !important;
}

h2 a.anchor {
    background-image: none !important;
    color: #5a6166;
    padding: 0px 0px 0px 0px !important;
}

a.anchor:hover {
    background-color: white !important;
    background-image: none !important;
}

a:hover.anchor {
    background-color: white !important;
    background-image: none !important;
}

#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("/prueftoolbza-web/resources/images/helper/arrow.png");
    background-repeat: no-repeat;
    border: medium none;
    display: inline;
    font-size: 0.875em;
    line-height: 1.429em;
    margin-right: 0.714em;
    overflow: visible;
    padding: 0.714em 0.714em 0.714em 1.929em;
}

.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: #c9d1d3;
    color: #333;
    background-image: url("/prueftoolbza-web/resources/images/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.html" ); */

}

.form-content .submit a.submit-primary {
    float: left;
    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.html" ); */

}

/**
 * @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.html" ) */ 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("/prueftoolbza-web/resources/images/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-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("/prueftoolbza-web/resources/images/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("/prueftoolbza-web/resources/images/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: #bb5d1c;
}

.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("/prueftoolbza-web/resources/images/helper/a-default.png");
    background-position: 2px 0;
    padding: 0 2px 0 17px;
    color: #1b618c; /* syzygy#obe */
    font-size: 1em; /* 14px */
    line-height: 1.285em; /* 18px */
    background-color: transparent;
    cursor: pointer;
    overflow: visible;
}

#content td input.as-link:hover, #content td input.as-link:active, #content td input.as-link:focus {
    color: #fff;
    background-color: #83983d;
    background-position: 2px -500px;
}

.pressbackframe {
    padding-bottom: 1em;
    margin-bottom: 1.5em;
}

.pressitems *, .press *, .pressbackframe {
    background-color: #f6f3f0;
}

.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;
}

.presstitle {
    color: #333333;
}

.pressitem a:hover .pressorigin, .pressitem a:hover .pressdate, a:hover .pressdata, a:hover .presstitle {
    color: #ffffff;
    background-color: #83983d;
    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: #ffffff;
    background-color: #83983d;
}

.pagelink .prev, .pagelink .next {
    font-weight: bold;
    width: 5em;
}

.pressoriginbox {
    float: left;
    width: 49%;
}

.pressorigincb {
    margin-right: .5em;
}

/*sa43, 20110629 Pressemitteilungen Datum und Ueberschrift, neue Groessen*/
p.press-intro {
    font-family: kfwcentrosans-regweb;
    font-weight: normal;
    margin: 0 0 0.8em; /* 24px */
    font-size: 1.25em; /* 20px */
    line-height: 1.5em; /* 20px */
    color: #1b618c;
    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-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("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png");
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-right: 1em;
    padding-left: 20px; /* syzygy#tkl */
}

ul li.link a.neuesFenster:hover {
    background-position: left -101px;
}

/* new definitions SYZYGY  */
#header div#nav-meta div#nav-meta-service ul li a {
    color: #1b618c;
    text-transform: none;
    padding-top: 2px;
}

#header div#nav-meta div#nav-meta-service ul li a:hover {
    color: #83983d;
    padding-top: 2px;
}

#header div#nav-meta div#nav-meta-language form fieldset div.input label {
    text-transform: none;
}

html body.page-home div#global div#main-wrapper.page-home div#main div#content div#news-tertiary div.news p a {
    background: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") -3px 4px no-repeat;
    color: #1B618C;
}

html body.page-home div#global div#main-wrapper.page-home div#main div#content div#news-tertiary div.news p a:hover {
    background: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") -3px -101px no-repeat;
    color: #83983d;
}

html body.page-home div#global div#main-wrapper.page-home div#main div#context div#kfw-tweet-marginal.teaser div#marginal-tweet-items div#marginal_twitter_update_list div.marginal-stream-item div.stream-item-content div.marginal-tweet-content h3 a, html body.page-home div#global div#main-wrapper.page-home div#main div#context div#kfw-tweet-marginal.teaser div#marginal-tweet-items div#marginal_twitter_update_list div.marginal-stream-item div.stream-item-content div.marginal-tweet-content h3 a:hover {
    color: #fff;
}

html body.page-home div#global div#main-wrapper.page-home div#main div#context div.teaser div.teaser-image {
    margin-bottom: 0px;
}

html body.page-home div#global div#main-wrapper.page-home div#main div#context div.teaser.teaser-1 p a {
    padding-left: 15px;
    background: url("/prueftoolbza-web/resources/images/helper/more-arrow-right-small.png") -3px 4px no-repeat;
}

html body.page-home div#global div#main-wrapper.page-home div#main div#context div.teaser.teaser-1 p a:hover {
    background-position: -3px -101px;
}

/* Try to prevent line height changes when using sup or sub inside a longer text. */
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub { 
  top: 0.4em; 
}

.form-content .indented-label div.inputLine label {
    width: 15em !important;
}

.form-content .indented-label .input-inner {
    width: 10em !important;
}

.form-content .indented-label .errorMessageBlock {
    width: 15em !important;
}

.form-content .indented-label div.inputLine input {
    width: 4em !important;
}

.one-line-multi-input {
	padding-bottom: 0.5em;
	width: 100%;
}

.multi-input-1 {
	float: left;
	width: 40%;
	display: inline-block;
}

.multi-input-2 {
	width: 60%;
	display: inline-block;
}

.checkbox-input {
	float: left;
	margin: 0.3125em 0.75em 0 0.4em;
}

#gespeicherter_datenbestand\:bzaid2 {
	position: absolute;
	opacity: 0;
	margin-left: -9999px;
}

#heizungsfoerderung_form\:co2_einsparung\:co2_einsparung\:inputField, #sanierung_effizienzhaus_form\:energieeffizienz_angaben\:einsparung_co2\:inputField {
	width: 9em;
}

#sanierung_effizienzhaus_form\:heizungs_massnahmen\:heizungserneuerung\:label, #sanierung_effizienzhaus_form\:heizungs_massnahmen\:heizungBestehend\:label {
	width: 14em !important;
}