/**
* Globales CSS der Internet Filiale
*/


/* Seitenaufteilung --------------------------------------------------------- */

html {
	font: 76% Arial, Helvetica, sans-serif;
}

body, html {
    margin: 0px;
    padding: 0px;
    background: #ffffff;
/*mba    background: #f8f8f8;*/
	}

form {
  	margin: 0px;
  	padding: 0px;
	}

hr {
	height: 1px;
	border: none;
	border-bottom: 1px solid #e9e9e9;
	margin: 1em 0.5em;
}

*html hr {
	margin: 0 0.5em;
}

ul {
	margin: 0;
	padding: 0;
}

p {
	padding: 0;
	margin: 0;
}


/* Kopfzeile ---------------------------------------------------------------- */
#kopfzeile {
	width: 81.1em;
	height: 11em;
	border: 1px solid #fff;
	overflow: hidden;
    background: #fff;
}

#home {
	position: absolute;
	left: 1px;
	height: 11em;
	width: 16em;
	background: #c00;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #fff;
}
* html #home {
	left: 0px;
	border-right: 2px solid #fff;
}

#banner {
	background-color: #fff;
	height: 11em;
	padding-top: 25px;
	padding-left: 50px;
	margin-left: 16em;
}

#banner p {
	font-size: 1.5em;
	color: #666;
	width: 20em;
}

#banner a {
	display: block;
	font-size: 1.5em;
	margin-top: 1em;
	text-decoration: none;
	color: #c00;
	background: url(../images/kullerpfeil_rechts.gif) no-repeat left center;
	padding-left: 20px;
}


/* Navigationsspalte -------------------------------------------------------- */

/* Tertiaernavi aktiv */
/*
.navtertiaer {
	padding-left: 50px;
	background: url(../images/pfeil_tertiaer.gif) no-repeat left;
	color: #000;
	font: 12px/18px Arial, Helvetica, sans-serif;
}
*/
/* Tertiaernavi inaktiv */
/*
.navtertiaerf2 {
	padding-left: 20px;
	background: url(../images/pfeil_tertiaer_f2.gif) no-repeat left;
	color: #808080;
	font: 12px/18px Arial, Helvetica, sans-serif;
}
*/

#navigation {
	position: absolute;
	left: 0px;
	background-color: #e7e7e7;
	width: 16em;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
*>html #navigation  {
	width: 14em;
}
* html #navigation  {
	width: 16em;
	padding-bottom: 0px;
}

#navigation ul {
	position: relative;
	margin-bottom: -1px;
}
* html #navigation ul ul {
	//top: 2px;
	margin-bottom: 1px;
}

#navigation ul h3 {
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	line-height: 2em;
	font-size: 1em;
	font-weight: bold;
}


#navigation ul li {
	list-style: none;
	padding-left: 1.6em;
	border-bottom: 1px solid #fff;
	line-height: 1.4em;
}
* html #navigation ul li ul {
	margin-top: -1.2em;
}

#navigation .highlight {
	background-color: #f4f4f4;
}

#navigation .darklight {
	border-top: 1px solid #e9e9e9;
	background-color: #e9e9e9;
}

#navigation li.aufgeklappt {
	background: url(../images/nav_pfeil_aufgeklappt.gif) left 1.3em no-repeat;
}

#navigation li.zugeklappt {
	background: url(../images/nav_pfeil_zugeklappt.gif) left 1.2em no-repeat;
}

#navigation h4 {
	text-decoration: none;
	margin: 0px;
	font-size: 1em;
	font-weight: normal;
}

#navigation ul ul {
	margin-left: -1.6em;
}

#navigation a {
	text-decoration: none;
	color: #000;
}

#navigation .aktiv h4 {
	font-weight: bold;
}


/* Metanavigation ----------------------------------------------------------- */
#metanavigation {
	position: relative;
	margin-left: 16em;
	margin-right: 14em;
	width: 52em;
	background: #939393 url(../images/metanav_bg.gif) repeat-x;
	height: 1.8em;
	overflow: hidden;
	line-height: 1.8em;
	border-left: 1px solid #fff;
	left: 1px;
}
* html #metanavigation {
	border-left: none;
	left: 0;
	width: 52.1em;
}

#metanavigation ul {
	margin: 0;
	padding: 0;
	padding-left: 0.75em;
}

#metanavigation li {
	line-height: 1.8em;
	float: left;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid white;
	padding: 0 1em 0 0.75em;
	margin: 0;
	list-style: none;
}

#metanavigation li a {
	color: white;
	text-decoration: none;
}

#metanavigation #suche {
	float: right;
	position: relative;
	margin-right: 1em;
	display: inline;
}
* html #metanavigation #suche {
	padding-top: 0.1em;
}

#metanavigation #suchformular #suchfeld {
	width: 10em;
	font-size: 0.8em;
}




/* Inhalt ------------------------------------------------------------------- */
.frame1 {
	width:auto;
	background-color:White;
}	


#content iframe {
	width: 50em;
	height: 600px;
	border: 0;
}	
	


/* Inhalt ------------------------------------------------------------------- */

/* Content */
#contentWithMap {
	margin-left: 0;
	margin-right: 13em;
	width: 52em;
	float: left;
	 
/*	background-color: #fff;  
	border-left: 2px solid #f8f8f8; 
	border-top: 1px solid #fff;  */
}
#contentWithMap.textseite {
	padding: 1em;
	width: 50em;
}

#content {
	margin-left: 0;
	margin-right: 13em;
	background-color: #fff;
	width: 52em;
	float: left; 
	border-left: 2px solid #f8f8f8; 
	border-top: 1px solid #fff;
}
* html #content {
	float: none;
	border-left: none;
}

.textseite {
	padding: 1em;
}

#content.textseite {
	padding: 1em;
	width: 50em;
}
* html #content.textseite {
	width: 52em;
}

.textseiteHoehe400 {
	padding: 1em;
}	

#content.textseiteHoehe400 {
	padding: 1em;
	width: 50em;
	height: 400px;
}

* html #content.textseiteHoehe400 {
	width: 52em;
	height: 400px;
}

.thema,
.puzzle {
	padding: 0;
}

#content h3,
#content h4,
#content h5 {
	color: #666;
}

#content .illu {
	float: right;
	width: 170px;
	height: 245px;
	margin-left: 1em;
	margin-bottom: 1em;
	margin-top: -1em;
	margin-right: -1em;
}

* html #content .illu {
	margin-top: -1em;
	margin-right: -1.3em;
}

#content h1 {
	font-size: 2em;
	font-weight: normal;
	color: #c00;
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
* html #content h1 {
	margin-top: 1em;
}

#content h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1em;
	color: #c00;
	margin-top: -0.5em;
	margin-bottom: 1em;
}


#content h3 {
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

#content div#aktionsnav_p {
	margin-bottom: 1em;
}	

#content ul.aufzaehlung {
  	margin: 1em;
  	margin-right: 0;
}

#content ul.aufzaehlung li {
  	list-style: url(../images/pfeil_aufzaehlung.gif);
}

#content ol {
  margin-left: 2em;
}

#content ol.legende {
	font-size: 0.9em;
}

ul.kuller {
	text-align: right;
	list-style: none;
	clear: both;
}

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

ul.downloads li {
	margin-top: 1em;
	list-style: none;
	height: 40px;
}

ul.downloads img.download_pic {
	float: left;
	width: 40px;
	height: 40px;
	margin-bottom: 1em;
	margin-right: 1em;
}

#chartlayer a.seclink,
#content a.seclink {
	font-style: italic;
	text-decoration: none;
	color: 000;
	background: url(../images/seclink.gif) no-repeat left center;
	padding-top: 0.2em;
	padding-left: 15px;
}

#content li.seclink {
	list-style: none;
	margin-bottom: 1em;
}

a.kuller, .kuller a {
	font-size: 1.2em;
	height: 1.3em;
	text-decoration: none;
	color: #c00;
	background: url(../images/kullerpfeil_rechts.gif) no-repeat left center;
	padding-left: 20px;
	list-style: none;
}

a.faq {
	display: block;
    padding-left: 15px;
    padding-top: 0px;
	background: url(../images/link_pfeil_klein.gif) no-repeat left top;
	margin-bottom: 0.3em;
}

#content #tipps {
	border-top: 1px solid #e7e7e7;
	background: url(../images/tipps.jpg) no-repeat top left;
	margin: 2em -1em 1em -1em;
	padding: 1em 1em 0 170px;
	color: #666;
}

#content #tipps h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #666;
}

#content .history {
	margin-top: 1em;
	padding-left: 60px;
}

#content .jahr {
	position: absolute;
	margin-left: -60px;
	color: #666;
	font-size: 1.2em;
}	

#content p {
	margin-bottom: 1em;
}

#content table {
	font-size: 1em;
}

#content div.schatten {
	margin: 1em -0.3em 1em 0.5em;
	background-color: #b0b0b0;
	border: 1px solid #b0b0b0;
	float: left;
	clear: both;
}


* html #content div.schatten {
	margin-right: 0em;
	margin-left: 0.3em;
	margin-bottom: 0;
}


/* Tabellen und Formulare mit Schatten */
#content div.schatten table,
#content div.schatten .beispielrechnung,
#content div.schatten .formular,
#content div.schatten .bestaetigung {
	font-size: 1em;
	border: 1px solid #9e9e9e;
	border-right: 1.2px solid #9e9e9e;
	margin: -1em 0.5em 0.5em -0.7em;
	position: relative;
	background-color: white;
}

#content div.schatten table.details,
#content div.schatten .formular,
#content div.schatten .bestaetigung {
	width: 48em; /* volle Breite */
}

/* ausser in der Beispielrechnung! */
#content div.schatten form.beispielrechnung {
	width: 36em;
}

* html #content div.schatten table.details,
* html #content div.schatten .formular,
* html #content div.schatten .bestaetigung {
	width: 49em; /* volle Breite + padding */
	position: relative;
}


/* fuer die Beispielrechnung:
 * 50em content - 36em Platz fuer die Beispielrechnung = 14em uebrig
 * also sollte der linke Rand 7em betragen. */
#content div.schatten.zentriert {
	position: relative;
	left: 7em;
}

#content div.schatten table td,
#content div.schatten table th,
#content div.schatten .formular table#tblDetails td,
#content div.schatten .formular table#tblDetails th,
#content div.schatten.zentriert .beispielrechnung table#tblDetails td,
#content div.schatten.zentriert .beispielrechnung table#tblDetails th,
#content div.schatten.zentriert .beispielrechnung table#laufzeiten td,
#content div.schatten.zentriert .beispielrechnung table#laufzeiten th {
	font-size: 0.9em;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding: 0.5em 0.7em;
}

#content div.schatten table th,
#content div.schatten table.details th {
	font-weight: bold;
	background-color: #e9e9e9;
}

#content div.schatten.zentriert .beispielrechnung table#formularTabelle,
#content div.schatten.zentriert .beispielrechnung table#formularTabelle table,
#content div.schatten.zentriert .beispielrechnung td,
#content div.schatten .formular table#formularTabelle,
#content div.schatten .formular table#formularTabelle table,
#content div.schatten .formular td,
#content div.schatten .bestaetigung table#bestaetigungsTabelle,
#content div.schatten .bestaetigung table#bestaetigungsTabelle table,
#content div.schatten .bestaetigung td {
	margin: 0;
	padding: 0;
	border: none;
}

#content div.schatten.zentriert .beispielrechnung table#formularTabelle,
#content div.schatten .bestaetigung table#bestaetigungsTabelle,
#content div.schatten .formular table#formularTabelle {
	width: 100%;  
}

#content div.schatten .formular table#formularTabelle table#tblDetails,
#content div.schatten.zentriert .beispielrechnung table#formularTabelle table#tblDetails {
	font-size: 1em;
	border: 1px solid #9e9e9e;
	margin: 0;
	position: relative;
	width: 36em;
	background-color: white;
}

#content div.schatten .formular table#formularTabelle table#tblDetails {
	width: 45em;
}

#content div.schatten.zentriert .beispielrechnung table#laufzeiten {
	width: 100%;
	border: 1px solid #9e9e9e !important;
}

#content table#tblDetails th,
#content table#tblDetails td {
	text-align: center;
}	

#content form input.formularsubmitbutton,
#content form input.formularsubmitbutton_antrag,
#content form input.formularsubmitbutton_korr {
	background: url(../images/primlink_rechts.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding-left: 21px;
	margin: 0.5em 0;
	text-transform: none;
	font-weight: bold;
	width: auto;
	cursor: pointer;
}

#content form input.formularsubmitbutton_korr {
	background: url(../images/primlink_links.gif) no-repeat left center;
}

#content form input.formularsubmitbutton_antrag {
	color: #c00;
}

#navigation li.tx_form {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

#navigation label {
	width: 3em;
	float: left;
	margin-top: 0.2em;
	margin-right: 0.2em;
}

*html #navigation label {
	width: 3em;
}

#navigation input,
#navigation select {
	width: 11em;
	margin-bottom: 0.1em;
}

#navigation input#quick {
	width: 15px;
	height: 15px;
	border: 0px;
}	

#navigation input.submitbutton {
	background: url(../images/primlink_rechts.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding-left: 21px;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	text-transform: none;
	font-weight: bold;
	width: auto;
	color: #c00;
	cursor: pointer;
}

#navigation a.submitlink {
	background: url(../images/primlink_rechts.gif) no-repeat left center;
	text-align: left;
	padding-left: 21px;
	font-weight: bold;
	font-size: 1em;
	color: #c00;
	clear: both;
}

#content form a.formularsubmitbutton,
#content form a.formularsubmitbutton_antrag {
	background: url(../images/primlink_rechts.gif) no-repeat left center;
	text-align: left;
	padding-left: 21px;
	font-weight: bold;
	font-size: 1em;
	width: auto;
}

#content form a.formularsubmitbutton_antrag {
	color: #c00;
}

#content a.weiter {
	font-style: italic;
	text-decoration: none;
	color: 000;
	background: url(../images/seclink.gif) no-repeat left center;
	padding-top: 0.2em;
	padding-left: 15px;
}

/* Tertiaernavigation ------------------------------------------------------- */
#tertiaernavigationContent {
	float:left;
	width:10em;
	clear: both;
	line-height:1.5em;
 	margin-top: 3em;
 	margin-left: -1em;
 	margin-right: -1.2em;
	/*border-top: 1px solid #e9e9e9;  
	height: 0.5em;*/
}
#tertiaernavigationContent ul {
 	float: left;
	margin: 0;
	padding-left:1em;
	/*padding: 1em 1em 0 1em;*/
}

#tertiaernavigationContent li.navtertiaer {
	display: block;
    padding-left: 12px;
    padding-bottom: 10px;
	list-style: none;
	vertical-align: middle;
	background: url(../images/link_pfeil_klein.gif) no-repeat left 0.3em;
}

#tertiaernavigationContent li.navtertiaer2 {
	display: block;
    padding-left: 12px;
    padding-bottom: 10px;
	list-style: none;
	vertical-align: middle;
	background: url(../images/link_pfeil_klein2.gif) no-repeat left 0.3em;
	color: #808080;
}
/*-------------------------------------*/


#tertiaernavigation {
	clear: both;
 	margin-top: 3em;
 	margin-left: -1em;
 	margin-right: -1.2em;
	border-top: 1px solid #e9e9e9;
	height: 3.4em;
}

*>html #tertiaernavigation {
	float: left;
	padding-top: 5px;
	height: 1.2em;
	clear: none;
}

*>html #tertiaernavigation:after {
	display: inline-table;
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
}

#tertiaernavigation a {
	color: #000;
	text-decoration: none;
}

#tertiaernavigation ul {
 	float: left;
	margin: 0;
	padding: 1em 1em 0 1em;
}

#tertiaernavigation li,
#tertiaernavigation li.first {
	display: block;
    padding-left: 12px;
	list-style: none;
	vertical-align: middle;
	background: url(../images/link_pfeil_klein.gif) no-repeat left 0.3em;
}

#tertiaernavigation li.first {
	background: url(../images/link_pfeil_back.gif) no-repeat left 0.3em;
}




/* Erste Fusszeile
 * Seitenanfang - Seite empfehlen - Seite drucken */
#serviceleiste
{

	clear: both;
	margin-left: 0; /* fuer die Navi */
	margin-right: 14em; /* fuer die Container */
	border-left: 1px solid #f8f8f8;
	width: 52em;
	height: 1.4em;
	background: #888 url(../images/service_bg.gif) repeat-x;
}

#serviceleiste_map
{
	clear: both;
	margin-left: 0; /* fuer die Navi */
	margin-right: 14em; /* fuer die Container */
	border-left: 1px solid #f8f8f8;
	width: 52em;
	height: 1.4em;
	background: #888 url(../images/service_bg.gif) repeat-x;
}

*>html #serviceleiste {
	float: left;
	padding-top: 3px;
	height: 1.2em;
	clear: none; /* sonst wird clear auf die enthaltenen divs vererbt und sie floaten nicht mehr. Ein clear:none in den Kindern hilft _nicht_! */
}

*>html #serviceleiste_map {
	float: left;
	padding-top: 3px;
	height: 1.2em;
	clear: none; /* sonst wird clear auf die enthaltenen divs vererbt und sie floaten nicht mehr. Ein clear:none in den Kindern hilft _nicht_! */
}

*>html #serviceleiste:after {
	display: inline-table;
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
}

#serviceleiste a,
#serviceleiste_map a
{
	font-size: 0.9em;
	color: white;
	text-decoration: none;
}

#serviceleiste ul,
#serviceleiste_map ul 
{
	margin: 0;
	padding: 0;
	padding-left: 0.8em;
}

#serviceleiste li
{
	padding-left: 23px;
	margin-left: 3px;
	margin-right: 1em;
	list-style: none;
	display: block;
	vertical-align: middle;
}

#serviceleiste_map li 
{
	padding-left: 23px;
	margin-left: 3px;
	margin-right: 1em;
	list-style: none;
	display: block;
	vertical-align: middle;
}

#serviceleiste_map li#seitenanfang
{
	background: url(../images/icon_nachoben.gif) no-repeat left center;
}

#serviceleiste li#seitenanfang
{
	background: url(../images/icon_nachoben.gif) no-repeat left center;
}

#serviceleiste li#empfehlen {
	background: url(../images/icon_empfehlen.gif) no-repeat left center;
}

#serviceleiste_map li#zurueck
{
	background: url(../images/icon_empfehlen.gif) no-repeat left center;
}
#serviceleiste li#zurueck
{
	background: url(../images/icon_empfehlen.gif) no-repeat left center;
}

#serviceleiste li#drucken {
	background: url(../images/icon_drucken.gif) no-repeat left center;
}

/* Zweite Fusszeile
 * Startseite - AGB - Impressum - Sicherheitshinweise */
#legalese {
	width: 52em;
	margin-left: 0;
	margin-right: 14em;
	clear: both;
	background-color: #f8f8f8;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 2em;
}

#legalese a {
	font-size: 0.9em;
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#legalese ul {
	margin: 0;
	padding: 0;
}

#legalese li {
	display: inline;
	padding-right: 30px;
	background: url(../images/legalese_bg.gif) no-repeat right center;
}

#legalese li.last {
	padding-right: 0;
	background: none;
}
/* Fusszeilen Ende */


/* Container ---------------------------------------------------------------- */
#containerspalte {
	z-index: 10;
	position: absolute;
	width: 13em;
	left: 68em;
	top: 11em;
	margin-left: 1px;
	margin-top: 2px;
	border-left: 1px solid #fff;
}
*>html #containerspalte {
	left: 51em;
	margin-top: 0;
}
* html #containerspalte {
	left: 68em;
	margin-top: 0;
}

#containerspalte div.container {
	z-index: 10;
	width: 13em;
	background-color: #f3f3f3;
	float: left;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 0.5em;
}

#containerspalte div.container h2 {
	position: relative;
	background: #e7e7e7 url(../images/container_bg.gif) no-repeat 0.5em center;
	margin: 0;
	padding: 0;
	padding-left: 1.3em;
	font-size: 1em;
	color: #c00;
	height: 1.8em;
	line-height: 1.8em;
	border-bottom: 1px solid #fff;
}

#containerspalte div.container.mitbild h2 {
	margin-bottom: 120px;
	border-bottom: 1px solid #fff;
}

#containerspalte div.container.mitbild2 h2 {
	margin-bottom: 100px;
	border-bottom: 1px solid #fff;
}

#containerspalte div.container hr {
	height: 1px;
	border: none;
	border-bottom: 1px dotted #000;
	margin: 0;
	margin-top: 0.3em;
}

#containerspalte div.container p {
	font-size: 0.9em;
	padding: 0.5em 0.5em 0em 1.5em;
}

#containerspalte div.container a {
	color: #c00;
	text-decoration: underline;
}

#containerspalte div.container a.link {
	background: url(../images/container_link_pfeil.gif) no-repeat left 0.4em;
	padding-left: 9px;
	margin-left: -9px;
	margin-top: 0.2em;
	display: block;
	text-decoration: none;
	color: #000;
}

#containerspalte div.container a.hyperlink {
	color: #000;
	text-decoration: underline;
}

#containerspalte form input,
#containerspalte form select {
	font-size: 0.8em;
	width: 13.5em;
	margin: 0;
	margin-top: 0.3em;
}

#containerspalte div.container form input.contsubmitbutton {
	background: url(../images/container_link_pfeil.gif) no-repeat left center;
	border: none;
	padding-left: 6px; /*im IE: 9px */
	margin: 0;
	margin-left: -9px;
	text-transform: none;
	text-align: left;
	width: auto;
	cursor: pointer;
}

#containerspalte div.container form label {
	font-weight: bold;
	text-align: left;
}

/* Ende Allgemeine Containerbeschreibung */




.kommentare {
  	font: normal 10px Arial, Helvetica, sans-serif;
    color: #000000;
	}



/* Ueberschrift fuer Anlagecheck, Vorsorgecheck etc. */
.subheadCheckmodul {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #c00;
}

/* Datum ueber Textbloecken */
.datum {
  font: 11px Arial, Helvetica, sans-serif;
}

/* Metanavigation */


/* Formularbeschreibung */
.formdescr {
  font: 12px Arial, Helvetica, sans-serif;
  padding: 10px 10px 10px 15px;
}

/* Ueberschrift eines Blocks von Formularelementen */
.formblock {
  font: 12px Arial, Helvetica, sans-serif !important;
  padding: 1em !important;
}

/* Ueberschrift eines Blocks von Formularelementen
 * mit Checkbox davor */
.formblockPS {
  font: 12px Arial, Helvetica, sans-serif;
  padding: 1em 1em 1em 3em !important;
text-indent: -2em;
}

/* Formularfeld-Bezeichnung */
.formlabel {
	font: bold 12px Arial, Helvetica, sans-serif !important;
	width:14em;
}

.formlabelNormal {
	font: normal 12px Arial, Helvetica, sans-serif !important;
	width:14em;
}

/* Links werden nicht unterstrichen */
a {
  text-decoration: none;
  color: #000;
}

/* außer im Fliesstext */
.hyperlink {
  text-decoration: underline;
}


/*
* Navigation
* Hauptpunkte sind nav_main(_f2),
*  Unterpunkte sind nav_sub(_f2)
*/





/* Zelle eines Formulars */
.formularTD {
  font: normal 12px Arial, Helvetica, sans-serif !important;
  line-height: 14px;
  padding: 2px !important;
  width:24em;
}

form.bestaetigung .formularTD {
	font-weight: bold !important;
}	

/* Gegen doppelte kaskadierung von .formularTD: */
.formularTD .formularTD, .formularTabelle .detailTD {
  font: normal 12px Arial, Helvetica, sans-serif !important;
  line-height: 14px;
  padding: 2px !important;
}


/* Formularfelder */
input {
  font-size: 11px;
	padding-right: 1px;
	padding-left: 1px;
}

/* Menues */
select {
  font-size: 11px;
}


/* Formularfelder wie Name, Kontonr. etc. */
.inputLang {
  width: 220px;
  font: 11px Arial, Helvetica, sans-serif;
}
.inputMid {
  width: 150px;
  font: 11px Arial, Helvetica, sans-serif;
}

/* Formularfelder mit halber Länge, zb Popup Menues */
.inputKurz {
	width: 100px;
        font: 11px Arial, Helvetica, sans-serif;
}

/* Formularfelder wie PLZ und Betrag */
.inputGanzKurz {
  width: 60px;
  font: 11px Arial, Helvetica, sans-serif;
}

/* Formularfelder wie Datum und Jahr */
.inputGanzGanzKurz {
  width: 40px;
  font: 11px Arial, Helvetica, sans-serif;
}

/* Formularbeschriftung im Fehlerfall wird rot hinterlegt */
.formlabelFehler {
  font: bold 12px Arial, Helvetica, sans-serif !important;
  color: #c00;
}

.formlabelFehlerMehrzeilig {
  font: bold 12px Arial, Helvetica, sans-serif !important;
  color: #c00;
}

/* Fehlermeldung in verschachtelter Tabelle (zB allzweckkredit/templates/kreditwunsch.ifhtml) */
.formlabelFehlerTD {
  font: bold 12px Arial, Helvetica, sans-serif !important;
  color: #fff;
  padding-left: 15px;
  padding-right: 3px;
}

/* Erklärung des Fehlers vor einem Formularfeld */
.formFehlerDescr {
  padding: 0px 10px 0px 1em  !important;
  font: bold 12px Arial, Helvetica, sans-serif !important;
  color: #c00;
}

/* Eingaben, die der User gemacht hat */
.formularTDusereingabe {
  font: normal 12px Arial, Helvetica, sans-serif !important;
  padding: 1px;
}

/* Links in Formularen (zB AGB und Produktbedingungen) */
#iform a {
  color: #000;
  text-indent: -14px;
  padding-left: 14px;
  display: block;
  margin-bottom: -11px;
}

#iform a.hyperlink {
  text-decoration: underline;
  color: #000;
  display: inline;
  text-indent: 0px;
  padding-left: 0px;
}


.formCheckboxListe {
  font: 11px Arial, Helvetica, sans-serif;
  padding: 10px;
}

/* Der Rand um einen Container */

/* Die Titelzeile eines Containers */

/* Der Text im Boersenticker-Container */
.tickertext {
  font: 11px Arial, Helvetica, sans-serif;
  background: #F0EEE5;
  border-top: 1px none #F0EEE5;
  border-right: 1px none #F0EEE5;
  border-bottom: 1px solid #CDC7B9;
  border-left: 1px none #F0EEE5;
}

/* Eingabefelder in den Containern */
.inputWKN {
  width: 55px;
  font-size: 9px;
}

.inputKontonummer {
  width: 90px;
  font-size: 9px;
}
.inputSuche {
  width: 100px;
  height: 18px;
  font-size: 9px;
}

.inputKontonummerKurz {
  width: 75px;
  font-size: 9px;
}

/* Formularfelder im SuchContainer */
.inputSuchContainer {
  width: 130px;
  font: 11px Arial, Helvetica, sans-serif;
}

/* Sitemap */
.sitemapText {
  font: 9px/12px Arial, Helvetica, sans-serif;
  background: #F9F8F3;
  border-top: 1px solid #E7E0D4;
  padding-left: 5px;
}

/* Der Rand um die Bloecke */
.sitemapTabelle {
  border-top: 1px solid #E7E0D4;
  border-right: 1px solid #E7E0D4;
  border-bottom: 1px solid #E7E0D4;
  border-left: 1px solid #E7E0D4;
}

/* Die Titelzeile eines Blocks */
.sitemapHead {
  font: 9px/12px Arial, Helvetica, sans-serif;
  padding-left: 5px;
  background: #E3DDD1;
}

/* GROSSBUCHSTABEN */
.CAPS {
  text-transform: uppercase;
}

.formCheckboxListe {
  font: 12px Arial, Helvetica, sans-serif;
  padding: 10px;
}

/* Anlagecheck: Tabelle */
.anlagecheckTabelle {
  border: 1px solid #9e9e9e !important;
}

.anlagecheckTD {
  padding: 1px;
}

.anlagecheckHeadline .formularTD {
  font: normal 12px Arial, Helvetica, sans-serif;
}

/* Anlagecheck: Tabelle mit allen Produkten */
.anlagecheckEmpfehlungTD {
  font: normal 12px Arial, Helvetica, sans-serif;
  line-height: 14px;
  padding: 10px !important;
}

/* Anlagecheck: Produkte, die nicht empfohlen werden */
.anlagecheckLinkInaktiv {
  color: #E2DED3;
}

/* Anlagecheck: Fehler bei der Eingabe */
.anlagecheckFehlermeldung {
  font: 11px Arial, Helvetica, sans-serif;
  color: #c00;
}

.anlagecheckHeadline {
  font: 11px Arial, Helvetica, sans-serif;
  padding: 10px;
}

.formBestaetigungText {
  font: bold 12px Arial, Helvetica, sans-serif !important;
  padding: 1em !important;
}

/* Symbol fuer Aufzählungen */

/* Form Tag ohne Luecken */


.textWinzig {
  font: 11px Arial, Helvetica, sans-serif;
}


#chartlayer {
	position: absolute;
	width: 370px;
	left: 26em;
	top: 18em;
	visibility: hidden;
	border: 1px solid #<? echo $color8; ?>;
	background-color: #<? echo $color4; ?>;
}

#chartlayer #charthead1,
#chartlayer #chartfooter {
	position: relative;
	width: 100%
	height: 25px;
	font-size: 1em;
	background-color: #<? echo $color3; ?>;
	border-bottom: 1px solid #fff;
	text-align: center;
	vertical-align: center;
	padding: 10px;
}

#chartlayer #chartfooter {
	text-align: right;
	border: none;
	border-top: 1px solid #fff;
}

#chartlayer #chartwahl {
	position: relative;
	text-align: right;
	margin: 10px;
}

#chartlayer #chartwahl select {
	font-size: 1em;
	width: 10em;
}

#chartlayer #chartanzeige1 {
	position: relative;
	text-align: center;
	vertical-align: center;
	padding: 10px;
	padding-top: 0;
}


/* Allzweckkredit ----------------------------------------------------------- */

.formstep {
	width: 100%;
	margin-right: 1px !important;
}

.formstep.antrag {
	margin-top: -1px !important;
}

td#step6 {
	border-right: none !important;
}

.formstep td.offen,
.formstep td.bearbeitung,
.formstep td.erledigt,
.formstep td.gesperrt {
	border-right: 1px solid #9e9e9e !important;
	border-bottom: 1px solid #9e9e9e !important;
	padding: 3px 3px 3px 16px !important;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
}

.formstep td.offen {
	background: #f3f3f3 url(../images/step_offen.gif) no-repeat 2px 2px;
}

.formstep td.bearbeitung {
	background: url(../images/step_bearbeitung.gif) no-repeat 2px 2px;
	border-bottom: none !important;
}

.formstep td.erledigt {
	background: #f3f3f3 url(../images/step_erledigt.gif) no-repeat 2px 2px;
}


.leiste
{
	background-position: right top;
	background-image: url(file:///\\213.252.14.232\wwwrootnt4\sparkassen\Kontakformular\InternetFiliale\KForm-Dateien\hg_strich.gif);
	width: 500px;
	height: 22px;
}
.leiste1
{
	width: 22px;
	height: 22px;
	background-color: red;
}


.formstep td.gesperrt {
	background: #f3f3f3 url(../images/step_blocked.gif) no-repeat 2px 2px;
}


.inputSpalte,
.inputSpalteDisabled {
  	width: 150px;
  	font: 11px Arial, Helvetica, sans-serif;
}

.inputSpalteKurz,
.inputSpalteKurzDisabled {
  	width: 90px;
  	font: 11px Arial, Helvetica, sans-serif;
}

.inputKurzDisabled {
	width: 130px;
    font: 11px Arial, Helvetica, sans-serif;
}

.inputKurzDisabled,
.inputSpalteDisabled,
.inputSpalteKurzDisabled {
	background-color: #f3f3f3;
	border: 1px solid #9e9e9e;
}

input#verfuegbEK {
	border: none;
	background-color: transparent;
	font-weight: bold;
}

.info_icon {
	cursor: help;
}

.info_box {
	position: absolute;
	z-index: 1010;
	left: 0px;
	top: 0px;
	width: 200px;
	visibility: hidden;
}

.info_box h4 {
	width: 194px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000 !important;
	text-align: left;
	vertical-align: middle;
	background-color: #f3f3f3;
	margin: 0;
	padding: 1px 3px;
	border: 1px solid #9e9e9e;
}

.info_box p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	width: 194px;
	margin: 0;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #9e9e9e;
	border-top: none;
}

#zusage_kreditwunsch {
	display: block;
	margin: 10px 0;
	width: 100%;
	text-align: center;
	font: bold 14px Arial, Helvetica, sans-serif;
}


/* Allgemeingueltige Klassen */
.linksbund {
	text-align: left !important;
}

.rechtsbund {
	text-align: right !important;
}

.linksfloat {
	float: left !important;
}

.rechtsfloat {
	float: right !important;
}

.Height400
{
	height: 400px;
}

.Height260
{
	height: 240px;
}

.content2 {
	width: 50em;
	border: 0;
}